@charset "UTF-8";
/*
COLORS
*/
/* Breakpoints */
/*
Fonts:
*/
/* Libs/tools */
/*
_mixins
*/
/*
'Conditional' Media Queries:
$fix-viewport : the value to use as the viewport in the desired mediaquery
respond-min( $width ) : Outputs a mediaquery with 'min-width' porperty.
respond-max( $width ) : Outputs a mediaquery with 'max-width' porperty.
height-min( $height ) : Outputs a mediaquery with 'min-height' property
*/
/*
Styles for Old IE:
*/
/*
'Fix' font-rendering on OSX/iOS:
*/
/*
Hide contents visually, but accessibly
*/
/*
Clearfix:
*/
/*
Lists without bullets:
*/
/*
HD-assets:
Use a media-query to use a high resolution asset as background-image.
*/
/* Overall config: */
/* Overall baseline: */
/*
FONTS:
*/
@font-face {
font-family: 'INGMeWeb-Regular';
src: url("../fonts/INGMeWeb-Regular.eot");
/* IE9 Compat Modes */
src: url("../fonts/INGMeWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/INGMeWeb-Regular.woff2") format("woff2"), url("../fonts/INGMeWeb-Regular.woff") format("woff"), url("../fonts/INGMeWeb-Regular.ttf") format("truetype"), url("../fonts/INGMeWeb-Regular.svg#INGMeWeb-Regular") format("svg");
/* Legacy iOS */
}
@font-face {
font-family: 'INGMeWeb-Italic';
src: url("../fonts/INGMeWeb-Italic.eot");
src: url("../fonts/INGMeWeb-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/INGMeWeb-Italic.woff2") format("woff2"), url("../fonts/INGMeWeb-Italic.woff") format("woff"), url("../fonts/INGMeWeb-Italic.ttf") format("truetype"), url("../fonts/INGMeWeb-Italic.svg#INGMeWeb-Italic") format("svg");
}
@font-face {
font-family: 'INGMeWeb-Bold';
src: url("../fonts/INGMeWeb-Bold.eot");
src: url("../fonts/INGMeWeb-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/INGMeWeb-Bold.woff2") format("woff2"), url("../fonts/INGMeWeb-Bold.woff") format("woff"), url("../fonts/INGMeWeb-Bold.ttf") format("truetype"), url("../fonts/INGMeWeb-Bold.svg#INGMeWeb-Bold") format("svg");
font-weight: bold;
}
@font-face {
font-family: 'INGMeWeb-BoldItalic';
src: url("../fonts/INGMeWeb-BoldItalic.eot");
src: url("../fonts/INGMeWeb-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/INGMeWeb-BoldItalic.woff2") format("woff2"), url("../fonts/INGMeWeb-BoldItalic.woff") format("woff"), url("../fonts/INGMeWeb-BoldItalic.ttf") format("truetype"), url("../fonts/INGMeWeb-BoldItalic.svg#INGMeWeb-BoldItalic") format("svg");
}
/*
ATTENTION!
The icon declarations from Icomoon are in a separate
icons.css file so the client is able to edit that
themselves through the CMS.
Location: /rel/stylesheet/icons.css
*/
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
/* line 60, ../_scss/base/_fonts.scss */
.icon {
font-family: 'fab-ingcons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*
Custom icon (non-font) for documents
*/
/* line 74, ../_scss/base/_fonts.scss */
.icon-file,
.icon-document {
position: relative;
width: 15px;
height: 18px;
background-color: #ff6200;
}
/* line 81, ../_scss/base/_fonts.scss */
.icon-file:before,
.icon-document:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
border-bottom: 5px solid #fff;
border-right: 5px solid #fff;
}
/*
Custom icon, added via an ![]()
tag
*/
/* line 95, ../_scss/base/_fonts.scss */
.icon-custom {
background-color: transparent !important;
}
/* line 97, ../_scss/base/_fonts.scss */
.icon-custom img {
vertical-align: top;
}
/* line 106, ../_scss/base/_fonts.scss */
.download-link .icon-xls,
.download-link .icon-ppt,
.download-link .icon-doc,
.download-link .icon-pdf,
.right-wrapper .icon-xls,
.right-wrapper .icon-ppt,
.right-wrapper .icon-doc,
.right-wrapper .icon-pdf {
width: 30px;
height: 30px;
}
/* line 113, ../_scss/base/_fonts.scss */
.download-link .icon-pdf,
.right-wrapper .icon-pdf {
background: transparent url("../img/icons/file-acrobat.png") center -2px no-repeat;
}
/* line 116, ../_scss/base/_fonts.scss */
.download-link .icon-doc,
.right-wrapper .icon-doc {
background: transparent url("../img/icons/file-word.png") 0 0 no-repeat;
}
/* line 119, ../_scss/base/_fonts.scss */
.download-link .icon-xls,
.right-wrapper .icon-xls {
background: transparent url("../img/icons/file-excel.png") 0 0 no-repeat;
}
/* line 122, ../_scss/base/_fonts.scss */
.download-link .icon-ppt,
.right-wrapper .icon-ppt {
background: transparent url("../img/icons/file-powerpoint.png") 0 0 no-repeat;
}
/* line 127, ../_scss/base/_fonts.scss */
.download-link.smaller .icon-xls,
.download-link.smaller .icon-ppt,
.download-link.smaller .icon-doc,
.download-link.smaller .icon-pdf, .smaller .download-link .icon-xls,
.smaller .download-link .icon-ppt,
.smaller .download-link .icon-doc,
.smaller .download-link .icon-pdf,
.right-wrapper.smaller .icon-xls,
.right-wrapper.smaller .icon-ppt,
.right-wrapper.smaller .icon-doc,
.right-wrapper.smaller .icon-pdf,
.smaller .right-wrapper .icon-xls,
.smaller .right-wrapper .icon-ppt,
.smaller .right-wrapper .icon-doc,
.smaller .right-wrapper .icon-pdf {
width: 16px;
height: 16px;
}
/* line 134, ../_scss/base/_fonts.scss */
.download-link.smaller .icon-pdf, .smaller .download-link .icon-pdf,
.right-wrapper.smaller .icon-pdf,
.smaller .right-wrapper .icon-pdf {
background: transparent url("../img/icons/file-acrobat-small.png") 0 0 no-repeat;
}
/* line 137, ../_scss/base/_fonts.scss */
.download-link.smaller .icon-doc, .smaller .download-link .icon-doc,
.right-wrapper.smaller .icon-doc,
.smaller .right-wrapper .icon-doc {
background: transparent url("../img/icons/file-word-small.png") 0 0 no-repeat;
}
/* line 140, ../_scss/base/_fonts.scss */
.download-link.smaller .icon-xls, .smaller .download-link .icon-xls,
.right-wrapper.smaller .icon-xls,
.smaller .right-wrapper .icon-xls {
background: transparent url("../img/icons/file-excel-small.png") 0 0 no-repeat;
}
/* line 143, ../_scss/base/_fonts.scss */
.download-link.smaller .icon-ppt, .smaller .download-link .icon-ppt,
.right-wrapper.smaller .icon-ppt,
.smaller .right-wrapper .icon-ppt {
background: transparent url("../img/icons/file-powerpoint-small.png") 0 0 no-repeat;
}
/*
Some icons are used whithout classnames:
*/
/* ==========================================================================
Base
========================================================================== */
/* line 5, ../_scss/base/_base.scss */
* {
box-sizing: border-box;
}
/* line 11, ../_scss/base/_base.scss */
html,
body {
font-family: "INGMeWeb-Regular", Arial, sans-serif;
font-size: 100%;
color: #1f1f1f;
background-color: #fff;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
/* line 21, ../_scss/base/_base.scss */
html {
height: 100%;
min-height: 100%;
}
/* line 25, ../_scss/base/_base.scss */
body {
position: relative;
padding: 0;
margin: 0;
height: auto;
min-height: 101%;
}
/* line 37, ../_scss/base/_base.scss */
.block {
display: block;
}
/* line 41, ../_scss/base/_base.scss */
.siteframe {
z-index: 0;
}
/*
States
*/
/* line 49, ../_scss/base/_base.scss */
.prevent-select {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* line 53, ../_scss/base/_base.scss */
.prevent-scrolling {
overflow: hidden;
height: 100%;
width: 100%;
position: fixed;
}
/* ==========================================================================
Links
========================================================================== */
/* line 63, ../_scss/base/_base.scss */
a {
color: #ff6200;
transition: color .15s linear;
text-decoration: none;
outline: none;
}
/* line 70, ../_scss/base/_base.scss */
a.normal {
text-decoration: none;
}
/* line 74, ../_scss/base/_base.scss */
a:active,
a:hover,
a:focus {
color: #1f1f1f;
text-decoration: none;
}
/* line 81, ../_scss/base/_base.scss */
.link-wrapper {
color: inherit;
}
/* line 84, ../_scss/base/_base.scss */
.link-wrapper:hover,
.link-wrapper:focus,
.link-wrapper:active {
color: inherit;
text-decoration: none;
}
/* -----------------------------------------------------------------------------
Skip2
----------------------------------------------------------------------------- */
/* line 95, ../_scss/base/_base.scss */
.js .skip2links {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
z-index: 10000;
}
/* line 103, ../_scss/base/_base.scss */
.skip2 {
position: relative;
display: block;
margin: 0;
padding: .5em;
font-weight: bold;
text-align: center;
color: #fff;
background-color: #ff6200;
}
/* line 113, ../_scss/base/_base.scss */
.js .skip2 {
top: -10em;
}
/* line 116, ../_scss/base/_base.scss */
.skip2:hover,
.skip2:focus {
top: 0;
color: #fff;
}
/* ==========================================================================
Typography
========================================================================== */
/* line 127, ../_scss/base/_base.scss */
body {
font-size: 16px;
line-height: 26px;
}
/* line 151, ../_scss/base/_base.scss */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
margin: 0;
padding: 0;
word-wrap: break-word;
font-weight: normal;
line-height: 1.25;
}
/* line 159, ../_scss/base/_base.scss */
.primary-title, .article-main h1, .article-main .h1 {
font-size: 24px;
line-height: 32px;
color: #ff6200;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
margin-bottom: 10px;
margin-top: 20px;
outline: none;
}
@media (min-width: 1000px) {
/* line 159, ../_scss/base/_base.scss */
.primary-title, .article-main h1, .article-main .h1 {
font-size: 32px;
line-height: 40px;
}
/* line 145, ../_scss/base/_base.scss */
.primary-title:first-child, .article-main h1:first-child, .article-main .h1:first-child {
margin-top: 30px;
}
}
/* line 162, ../_scss/base/_base.scss */
.primary-title + .sub-title, .article-main h1 + .sub-title, .article-main .h1 + .sub-title {
position: relative;
margin-top: -15px;
margin-bottom: 30px;
}
/* line 169, ../_scss/base/_base.scss */
h1.secondary-title,
.h1.secondary-title,
.secondary-title,
.article-main h2 {
margin-bottom: 20px;
color: #ff6200;
font-size: 32px;
}
/* line 178, ../_scss/base/_base.scss */
h1.secondary-title.light-text,
.h1.secondary-title.light-text,
.secondary-title.light-text,
.article-main h2.light-text {
margin-bottom: 10px;
color: #a8a8a8;
font-size: 20px;
line-height: 1.25;
}
/* line 185, ../_scss/base/_base.scss */
h1.secondary-title.dark-text,
.h1.secondary-title.dark-text,
.secondary-title.dark-text,
.article-main h2.dark-text {
color: #666;
}
/* line 189, ../_scss/base/_base.scss */
h1.secondary-title.larger,
.h1.secondary-title.larger,
.secondary-title.larger,
.article-main h2.larger {
font-size: 30px;
}
/* line 193, ../_scss/base/_base.scss */
h1.secondary-title.bold,
.h1.secondary-title.bold,
.secondary-title.bold,
.article-main h2.bold {
font-family: "INGMeWeb-Bold", Arial, sans-serif;
}
/* line 197, ../_scss/base/_base.scss */
h1.secondary-title .enlarge,
.h1.secondary-title .enlarge,
.secondary-title .enlarge,
.article-main h2 .enlarge {
font-size: 75px;
font-style: normal;
display: block;
}
/* line 204, ../_scss/base/_base.scss */
h1.tertiary-title,
.h1.tertiary-title,
.tertiary-title,
.article-main h3 {
margin-bottom: 10px;
color: #ff6200;
font-size: 24px;
}
/* line 212, ../_scss/base/_base.scss */
h1.tertiary-title em,
.h1.tertiary-title em,
.tertiary-title em,
.article-main h3 em {
font-family: "INGMeWeb-Italic", Arial, sans-serif;
}
/* line 216, ../_scss/base/_base.scss */
h1.tertiary-title + ul, h1.tertiary-title ol,
.h1.tertiary-title + ul,
.h1.tertiary-title ol,
.tertiary-title + ul,
.tertiary-title ol,
.article-main h3 + ul,
.article-main h3 ol {
margin-top: 0;
}
/* line 221, ../_scss/base/_base.scss */
.quaternary-title,
.article-main h4 {
color: #333;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
font-size: 16px;
}
/* line 228, ../_scss/base/_base.scss */
.light-text {
color: #a8a8a8;
}
/* line 232, ../_scss/base/_base.scss */
.dark-text {
color: #666;
}
/* line 236, ../_scss/base/_base.scss */
p {
margin: 0 0 26px 0;
word-wrap: break-word;
}
/* line 240, ../_scss/base/_base.scss */
p + .icon-link-list,
p + .arrow-link-list {
margin-top: -20px;
margin-bottom: 30px;
}
/* line 246, ../_scss/base/_base.scss */
p + form {
margin-top: -10px;
}
/* line 252, ../_scss/base/_base.scss */
.widget p + .icon-link-list,
.widget p + .arrow-link-list {
margin-top: 0;
margin-bottom: 15px;
}
/* line 261, ../_scss/base/_base.scss */
.icon-link-list + p,
.arrow-link-list + p {
margin-top: -20px;
}
/* line 266, ../_scss/base/_base.scss */
strong, b {
font-family: "INGMeWeb-Bold", Arial, sans-serif;
font-weight: normal;
}
/* line 271, ../_scss/base/_base.scss */
em {
font-family: "INGMeWeb-Italic", Arial, sans-serif;
font-style: normal;
}
/* line 276, ../_scss/base/_base.scss */
blockquote {
margin: 0;
padding: 0;
color: #ff6200;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
font-size: 30px;
line-height: 1.2;
}
/* line 284, ../_scss/base/_base.scss */
blockquote .twitter-share-button {
margin: -20px 0 0 5px;
}
/* line 288, ../_scss/base/_base.scss */
blockquote p:first-child:before,
blockquote p:last-child:after {
content: '\201C';
}
/* line 292, ../_scss/base/_base.scss */
blockquote p:last-child:after {
content: '\201D';
}
/* line 297, ../_scss/base/_base.scss */
small {
font-size: 13px;
line-height: 1.5;
}
/* ==========================================================================
Embedded content
========================================================================== */
/* line 307, ../_scss/base/_base.scss */
ol,
ul {
margin: 0;
padding: 0;
}
/* line 313, ../_scss/base/_base.scss */
.image-list {
list-style: none;
padding-left: 0;
font-size: 14px;
line-height: 1.5;
}
/* line 319, ../_scss/base/_base.scss */
.image-list li {
padding-left: 60px;
min-height: 50px;
margin-top: 20px;
}
/* line 324, ../_scss/base/_base.scss */
.image-list li:before {
display: none;
}
/* line 327, ../_scss/base/_base.scss */
.image-list li img {
position: absolute;
top: 0;
left: 0;
width: 50px;
border-radius: 6px;
}
/* line 337, ../_scss/base/_base.scss */
img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
width: auto;
height: auto;
border: 0;
border-radius: 6px;
-ms-interpolation-mode: bicubic;
}
/* line 348, ../_scss/base/_base.scss */
figure {
margin: 0 0 40px 0;
padding: 0;
}
/* line 352, ../_scss/base/_base.scss */
figure > .embed-container {
margin-bottom: 0;
}
/* line 356, ../_scss/base/_base.scss */
figure figcaption {
padding: 9px 0 18px 0;
border-bottom: 0;
}
/* line 362, ../_scss/base/_base.scss */
figcaption {
padding: 18px 0;
border-bottom: 1px solid #a8a8a8;
font-size: 12px;
line-height: 1.5;
}
/* line 368, ../_scss/base/_base.scss */
figcaption p {
margin-bottom: 0;
}
/* line 373, ../_scss/base/_base.scss */
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #d6d6d6;
margin: 1.5em 0;
padding: 0;
}
/* line 382, ../_scss/base/_base.scss */
.icon-on-block,
.icon.icon-on-block {
width: 20px;
height: 20px;
display: inline-block;
background-color: #ff6200;
border-radius: 3px;
text-align: center;
line-height: 20px;
transition: background-color .15s linear;
}
/* ==========================================================================
Tables
========================================================================== */
/* line 401, ../_scss/base/_base.scss */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/* line 410, ../_scss/base/_base.scss */
legend,
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/* line 416, ../_scss/base/_base.scss */
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: normal;
}
/* line 425, ../_scss/base/_base.scss */
label {
font-size: 14px;
color: #767676;
cursor: pointer;
}
/* line 430, ../_scss/base/_base.scss */
label b {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* line 434, ../_scss/base/_base.scss */
.error label {
color: #ff6200;
}
/* line 438, ../_scss/base/_base.scss */
label.body-color {
color: #1f1f1f;
}
/*
Defaults for inputs:
*/
/* line 447, ../_scss/base/_base.scss */
form p {
margin: 0 0 1em 0;
}
/* line 451, ../_scss/base/_base.scss */
.field {
position: relative;
margin: 0 0 1em 0;
padding: 0;
}
/* line 456, ../_scss/base/_base.scss */
.field .label,
.field label {
color: #767676;
}
/* line 460, ../_scss/base/_base.scss */
.field.error .label, .field.error label {
color: #ff6200;
}
/* line 465, ../_scss/base/_base.scss */
.field-select {
padding: 0 10px;
}
/* line 468, ../_scss/base/_base.scss */
.field-select .label,
.field-select label {
display: block;
}
/* line 477, ../_scss/base/_base.scss */
.field-submit {
padding-left: 0;
}
/* line 481, ../_scss/base/_base.scss */
select,
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=search],
input[type=text],
textarea {
font-size: 14px;
}
/* line 491, ../_scss/base/_base.scss */
input, textarea {
width: auto;
max-width: 100%;
color: #1f1f1f;
border-radius: 6px;
box-shadow: none;
}
/* line 499, ../_scss/base/_base.scss */
.error input,
.error textarea {
border-color: #ff6200;
}
/* line 503, ../_scss/base/_base.scss */
textarea {
resize: vertical;
min-height: 3.5em;
}
/* line 507, ../_scss/base/_base.scss */
select {
width: auto;
max-width: 100%;
}
/* line 513, ../_scss/base/_base.scss */
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=search],
input[type=text],
textarea {
-webkit-appearance: none;
display: block;
width: 100%;
padding: 0.5em 1em 0.3em 1em;
border: 1px solid #a8a8a8;
background-color: #fff;
-webkit-transition-property: color, border-color;
-webkit-transition-duration: .2s;
transition-property: color, border-color;
transition-duration: .2s;
}
@media (min-width: 760px) {
/* line 513, ../_scss/base/_base.scss */
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=search],
input[type=text],
textarea {
width: auto;
}
}
/* line 536, ../_scss/base/_base.scss */
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=search]:focus,
input[type=text]:focus,
textarea:focus {
border: 1px solid #ff6200;
outline: none;
}
/* line 543, ../_scss/base/_base.scss */
input[disabled],
select[disabled],
textarea[disabled] {
color: #333;
background-color: #666;
cursor: default;
cursor: no-drop;
cursor: not-allowed;
}
/* line 553, ../_scss/base/_base.scss */
input[type=radio],
input[type=checkbox] {
vertical-align: baseline;
border-radius: 0;
}
/* line 558, ../_scss/base/_base.scss */
input[type=radio]:focus,
input[type=checkbox]:focus {
border-color: transparent;
}
/* line 562, ../_scss/base/_base.scss */
.optionlist {
margin: 0;
padding: 0;
}
/* line 122, ../_scss/_mixins.scss */
.optionlist li:before {
display: none;
}
/* line 567, ../_scss/base/_base.scss */
.optionlist li {
list-style: none;
}
/* line 571, ../_scss/base/_base.scss */
.optionlist input[type="checkbox"] {
margin-left: 0;
}
/* line 575, ../_scss/base/_base.scss */
.optionlist.margin-top {
margin-top: 10px;
}
/*
Variations
*/
/* line 591, ../_scss/base/_base.scss */
input[type=file] {
border: none;
}
/*
Error-notices:
*/
/* line 598, ../_scss/base/_base.scss */
.displayNone {
display: none;
}
/* line 602, ../_scss/base/_base.scss */
.notification {
position: relative;
margin: 1em 0;
padding: 10px 30px;
max-width: 460px;
}
/* line 608, ../_scss/base/_base.scss */
.notification .icon {
position: absolute;
top: 14px;
left: 10px;
margin-right: 5px;
}
/* line 614, ../_scss/base/_base.scss */
.notification p {
margin: 0;
}
/* line 618, ../_scss/base/_base.scss */
.notification-error {
font-family: "INGMeWeb-Regular", Arial, sans-serif;
color: #fff;
background-color: #ff6200;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 625, ../_scss/base/_base.scss */
.wm_formelement_info,
.wm_formelement_errors {
list-style: none;
margin: 0 0 1em 0;
padding-left: 10px;
font-size: 12px;
}
/* line 122, ../_scss/_mixins.scss */
.wm_formelement_info li:before,
.wm_formelement_errors li:before {
display: none;
}
/* line 633, ../_scss/base/_base.scss */
.wm_formelement_info li,
.wm_formelement_errors li {
list-style: none;
}
/*
Styles for date input elementes generated by GX's Web Manager CMS
*/
/* line 641, ../_scss/base/_base.scss */
.dateInput {
display: block;
}
/* line 110, ../_scss/_mixins.scss */
.dateInput:after {
content: "";
display: table;
clear: both;
}
/* line 645, ../_scss/base/_base.scss */
.dateInput input {
width: 60px;
margin-right: 10px;
padding: 7px 10px;
float: left;
text-align: center;
}
/* line 653, ../_scss/base/_base.scss */
#text_standard_datefield,
#text_password {
padding-left: 10px;
}
/*
FloatingLabel - styles:
*/
/* line 661, ../_scss/base/_base.scss */
.field-textinput {
position: relative;
width: 100%;
margin: 0 0 1em 0;
padding: 0 10px;
}
/* line 667, ../_scss/base/_base.scss */
.field-textinput textarea,
.field-textinput input {
position: relative;
margin: 0;
width: 100%;
max-width: 460px;
}
/* line 675, ../_scss/base/_base.scss */
.field-textinput.active {
padding: 0;
}
/* line 678, ../_scss/base/_base.scss */
.field-textinput.active .label,
.field-textinput.active label {
position: absolute;
z-index: 1;
top: 20px;
left: 13px;
font-size: 14px;
pointer-events: none;
-webkit-transition-property: color, top, font-size;
-webkit-transition-duration: .15s;
-webkit-transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
transition-property: color, top, font-size;
transition-duration: .15s;
transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1);
}
/* line 695, ../_scss/base/_base.scss */
.field-textinput.active textarea,
.field-textinput.active input {
padding: 22px 10px 5px 10px;
}
/* line 702, ../_scss/base/_base.scss */
.field-textinput.focus .label,
.field-textinput.focus label, .field-textinput.done .label,
.field-textinput.done label {
top: 3px;
font-size: 12px;
color: #666;
}
/* line 709, ../_scss/base/_base.scss */
.field-textinput.focus.focus .label,
.field-textinput.focus.focus label, .field-textinput.done.focus .label,
.field-textinput.done.focus label {
color: #ff6200;
}
/* line 715, ../_scss/base/_base.scss */
.field-textinput.focus.error .label,
.field-textinput.focus.error label, .field-textinput.done.error .label,
.field-textinput.done.error label {
color: #666;
}
/* line 722, ../_scss/base/_base.scss */
.field-textinput.error .label,
.field-textinput.error label {
color: #ff6200;
}
/* line 727, ../_scss/base/_base.scss */
.field-textinput.error.focus .label,
.field-textinput.error.focus label {
color: #ff6200;
}
@media (min-width: 760px) {
/* line 739, ../_scss/base/_base.scss */
.field-textinput .wm_formelement_info,
.field-textinput .wm_formelement_errors,
.field .wm_formelement_info,
.field .wm_formelement_errors {
position: absolute;
top: 5px;
left: 460px;
margin: 0;
max-width: 240px;
}
}
/* -----------------------------------------------------------------------------
Buttons
----------------------------------------------------------------------------- */
/* line 763, ../_scss/base/_base.scss */
input[type=reset],
input[type=submit],
.button,
button {
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0;
padding: 0;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
font-size: 16px;
line-height: inherit;
text-decoration: none;
color: #fff;
background-color: #ff6200;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border: 0 solid;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-drag: none;
-webkit-transition-property: color, background-color, border-color;
-webkit-transition-duration: .2s;
transition-property: color, background-color, border-color;
transition-duration: .2s;
}
/* line 797, ../_scss/base/_base.scss */
input[type=reset]:hover, input[type=reset]:focus,
input[type=submit]:hover,
input[type=submit]:focus,
.button:hover,
.button:focus,
button:hover,
button:focus {
color: #fff;
background-color: #006;
border-color: #006;
text-decoration: none;
outline: none;
}
/* line 806, ../_scss/base/_base.scss */
input[type=reset].active:hover, input[type=reset].active:focus, input[type=reset].active, input[type=reset]:active:hover, input[type=reset]:active:focus, input[type=reset]:active,
input[type=submit].active:hover,
input[type=submit].active:focus,
input[type=submit].active,
input[type=submit]:active:hover,
input[type=submit]:active:focus,
input[type=submit]:active,
.button.active:hover,
.button.active:focus,
.button.active,
.button:active:hover,
.button:active:focus,
.button:active,
button.active:hover,
button.active:focus,
button.active,
button:active:hover,
button:active:focus,
button:active {
color: #1f1f1f;
background-color: #ff6200;
border-color: #1f1f1f;
}
/* line 817, ../_scss/base/_base.scss */
input[type=reset][disabled]:hover, input[type=reset][disabled]:focus, input[type=reset][disabled],
input[type=submit][disabled]:hover,
input[type=submit][disabled]:focus,
input[type=submit][disabled],
.button[disabled]:hover,
.button[disabled]:focus,
.button[disabled],
button[disabled]:hover,
button[disabled]:focus,
button[disabled] {
cursor: default;
cursor: no-drop;
cursor: not-allowed;
color: #767676;
background-color: #f0f0f0;
border-color: #fff;
outline-color: #a8a8a8;
}
/*
Button - Variations
*/
/* line 834, ../_scss/base/_base.scss */
.button-alternative {
color: #1f1f1f;
background-color: #fff;
}
/* line 838, ../_scss/base/_base.scss */
.button-alternative:hover, .button-alternative:focus {
background-color: #a8a8a8;
}
/* line 854, ../_scss/base/_base.scss */
.button-arrow {
padding: 6px 7px 5px 7px;
}
/* line 857, ../_scss/base/_base.scss */
.button-arrow:before {
content: "";
display: inline-block;
vertical-align: middle;
margin: 0 5px 0 0;
font-size: 10px;
line-height: 1;
}
/* line 867, ../_scss/base/_base.scss */
.button-submit {
position: relative;
display: inline-block;
color: #fff;
}
/* line 875, ../_scss/base/_base.scss */
.button-submit:active:hover, .button-submit:active:focus, .button-submit:active {
color: #1f1f1f;
}
/* line 881, ../_scss/base/_base.scss */
.button-submit .icon {
position: absolute;
z-index: 100;
top: 6px;
left: 14px;
}
/* line 888, ../_scss/base/_base.scss */
.button-submit input[type=submit] {
padding: 2px 11px 2px 29px;
}
/* =============================================================================
Behaviour
============================================================================= */
/* line 899, ../_scss/base/_base.scss */
html {
-webkit-tap-highlight-color: rgba(255, 98, 0, 0.33);
}
/* line 902, ../_scss/base/_base.scss */
::-moz-selection {
color: #fff;
background-color: rgba(255, 98, 0, 0.66);
text-shadow: none;
}
/* line 907, ../_scss/base/_base.scss */
::selection {
color: #fff;
background-color: rgba(255, 98, 0, 0.66);
text-shadow: none;
}
/* line 913, ../_scss/base/_base.scss */
:focus {
outline-color: #ff6200;
}
/* line 916, ../_scss/base/_base.scss */
section:focus,
div:focus {
outline: none;
}
/* ==========================================================================
Helper classes
========================================================================== */
/* line 925, ../_scss/base/_base.scss */
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
}
/* line 930, ../_scss/base/_base.scss */
.oldie .ir {
text-indent: -9999px;
}
/* line 933, ../_scss/base/_base.scss */
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
/* line 940, ../_scss/base/_base.scss */
.hidden {
display: none !important;
visibility: hidden;
}
/* line 944, ../_scss/base/_base.scss */
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* line 954, ../_scss/base/_base.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
/* line 963, ../_scss/base/_base.scss */
.invisible {
visibility: hidden;
}
/* line 967, ../_scss/base/_base.scss */
.clearfix {
display: block;
}
/* line 970, ../_scss/base/_base.scss */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
/* line 975, ../_scss/base/_base.scss */
.clearfix:after {
clear: both;
}
/* line 978, ../_scss/base/_base.scss */
.oldie .clearfix {
zoom: 1;
}
/* line 981, ../_scss/base/_base.scss */
.clear {
clear: both;
}
/* line 986, ../_scss/base/_base.scss */
div.oembed {
width: auto !important;
}
/* =============================================================================
base / layout
============================================================================= */
/* line 5, ../_scss/base/_layout.scss */
#wrapper {
position: relative;
margin: 0 auto;
padding: 0;
height: auto;
min-height: 101%;
width: 100%;
min-width: 300px;
overflow: hidden;
}
/* line 20, ../_scss/base/_layout.scss */
#page {
position: relative;
padding: 0 10px;
margin: 0 auto;
max-width: 460px;
}
@media (min-width: 760px) {
/* line 20, ../_scss/base/_layout.scss */
#page {
max-width: 700px;
padding: 0;
}
}
@media (min-width: 1000px) {
/* line 20, ../_scss/base/_layout.scss */
#page {
max-width: 940px;
}
}
/*
Body class for pages without sub-nav
*/
@media (min-width: 760px) {
/* line 41, ../_scss/base/_layout.scss */
.full-content .article-body {
width: 100%;
}
/* line 110, ../_scss/_mixins.scss */
.full-content .article-body:after {
content: "";
display: table;
clear: both;
}
/* line 45, ../_scss/base/_layout.scss */
.full-content p {
max-width: 700px;
}
}
@media (min-width: 1000px) {
/* line 51, ../_scss/base/_layout.scss */
.full-content .sub-nav {
width: 100%;
margin-right: 0;
left: auto;
font-size: 14px;
margin-bottom: 30px;
vertical-align: top;
}
/* line 59, ../_scss/base/_layout.scss */
.full-content .sub-nav:before, .full-content .sub-nav:after {
display: none;
}
/* line 63, ../_scss/base/_layout.scss */
.full-content .sub-nav .sub-nav-title {
display: inline-block;
}
/* line 66, ../_scss/base/_layout.scss */
.full-content .sub-nav .sub-nav-title a {
display: inline-block;
}
/* line 71, ../_scss/base/_layout.scss */
.full-content .sub-nav a {
padding: 0 5px 0 0;
line-height: 26px;
color: #ff6200;
display: inline-block;
height: 26px;
line-height: 26px;
}
/* line 79, ../_scss/base/_layout.scss */
.full-content .sub-nav a:hover {
text-decoration: underline;
}
/* line 83, ../_scss/base/_layout.scss */
.full-content .sub-nav a.home {
display: none;
}
/* line 88, ../_scss/base/_layout.scss */
.full-content .sub-nav .sub-nav-list {
display: inline-block;
vertical-align: top;
}
/* line 92, ../_scss/base/_layout.scss */
.full-content .sub-nav .sub-nav-list li {
display: none;
}
/* line 95, ../_scss/base/_layout.scss */
.full-content .sub-nav .sub-nav-list li.active, .full-content .sub-nav .sub-nav-list li.has-children.active {
display: inline-block;
background-color: transparent;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-size: 14px;
height: 26px;
}
/* line 104, ../_scss/base/_layout.scss */
.full-content .sub-nav .sub-nav-list li.active:before, .full-content .sub-nav .sub-nav-list li.has-children.active:before {
position: absolute;
top: 1px;
left: 0;
content: "";
font-family: "fab-ingcons";
font-size: 10px;
color: #ff6200;
display: inline-block;
vertical-align: middle;
margin: 0;
}
/* line 117, ../_scss/base/_layout.scss */
.full-content .sub-nav .sub-nav-list li.active a, .full-content .sub-nav .sub-nav-list li.has-children.active a {
display: inline-block;
color: #ff6200;
font-size: 14px;
padding: 0 5px 0 17px;
height: 26px;
line-height: 26px;
}
/* line 125, ../_scss/base/_layout.scss */
.full-content .sub-nav .sub-nav-list li.active a:before, .full-content .sub-nav .sub-nav-list li.has-children.active a:before {
display: none;
}
/* line 130, ../_scss/base/_layout.scss */
.full-content .sub-nav .sub-nav-list li.active .sub-nav, .full-content .sub-nav .sub-nav-list li.has-children.active .sub-nav {
display: inline-block;
}
/* line 133, ../_scss/base/_layout.scss */
.full-content .sub-nav .sub-nav-list li.active .sub-sub-nav-list, .full-content .sub-nav .sub-nav-list li.has-children.active .sub-sub-nav-list {
display: inline-block;
width: auto;
vertical-align: top;
}
/* line 138, ../_scss/base/_layout.scss */
.full-content .sub-nav .sub-nav-list li.active .sub-sub-nav-list li, .full-content .sub-nav .sub-nav-list li.has-children.active .sub-sub-nav-list li {
vertical-align: top;
}
/* line 142, ../_scss/base/_layout.scss */
.full-content .sub-nav .sub-nav-list li.active .sub-sub-nav-list li.active:before, .full-content .sub-nav .sub-nav-list li.has-children.active .sub-sub-nav-list li.active:before {
margin-right: 0;
}
/* line 147, ../_scss/base/_layout.scss */
.full-content .sub-nav .sub-nav-list li.active .sub-sub-nav-list .current, .full-content .sub-nav .sub-nav-list li.has-children.active .sub-sub-nav-list .current {
padding-left: 17px;
padding-top: 0;
padding-bottom: 0;
height: 26px;
display: inline-block;
line-height: 26px;
vertical-align: top;
}
/* line 157, ../_scss/base/_layout.scss */
.full-content .sub-nav .sub-nav-list li.active .current, .full-content .sub-nav .sub-nav-list li.has-children.active .current {
padding-left: 17px;
padding-top: 0;
padding-bottom: 0;
height: 26px;
display: inline-block;
line-height: 26px;
vertical-align: top;
}
}
/* line 175, ../_scss/base/_layout.scss */
.maintenance .global-header .main-nav, .maintenance .global-header .search-toggle, .maintenance .global-header form {
display: none !important;
}
/* line 179, ../_scss/base/_layout.scss */
.maintenance .menu-toggle {
display: none;
}
/* line 182, ../_scss/base/_layout.scss */
.maintenance .global-footer, .maintenance .global-backtop {
display: none !important;
}
/* line 187, ../_scss/base/_layout.scss */
.content-center {
text-align: center;
}
/* line 191, ../_scss/base/_layout.scss */
.grey-section {
background-color: #F0F0F0;
padding: 30px 0;
position: relative;
width: 100%;
margin-top: 30px;
z-index: 1;
}
@media (min-width: 1000px) {
/* line 191, ../_scss/base/_layout.scss */
.grey-section {
padding: 50px 0;
}
}
/* line 203, ../_scss/base/_layout.scss */
.grey-section.has-borders {
border-top: 2px solid #d6d6d6;
border-bottom: 2px solid #d6d6d6;
}
/* line 207, ../_scss/base/_layout.scss */
.grey-section.has-borders:before {
top: -2px;
border-top: 2px solid #d6d6d6;
border-bottom: 2px solid #d6d6d6;
}
/* line 214, ../_scss/base/_layout.scss */
.grey-section.has-arrow {
border-bottom: 2px solid #d6d6d6;
overflow: visible;
}
/* line 218, ../_scss/base/_layout.scss */
.grey-section.has-arrow:after {
content: '';
display: block;
width: 30px;
height: 30px;
border-radius: 0 0 8px 0;
background-color: #fff;
transform: rotate(45deg);
position: absolute;
top: -15px;
left: 50%;
margin-left: -20px;
}
/* line 232, ../_scss/base/_layout.scss */
.grey-section.has-arrow:before {
border-bottom: 2px solid #d6d6d6;
}
/* line 237, ../_scss/base/_layout.scss */
.grey-section:before {
content: ' ';
display: block;
z-index: -1;
width: 5000px;
height: 100%;
position: absolute;
top: 0;
left: 0;
margin-left: -2000px;
background-color: #F0F0F0;
}
/* line 250, ../_scss/base/_layout.scss */
.grey-section .grey-section-title {
color: #ff6200;
font-size: 24px;
line-height: 32px;
text-align: center;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
margin-bottom: 20px;
}
@media (min-width: 1000px) {
/* line 250, ../_scss/base/_layout.scss */
.grey-section .grey-section-title {
font-size: 32px;
line-height: 40px;
margin-bottom: 30px;
}
}
/* line 264, ../_scss/base/_layout.scss */
.grey-section .grey-section-title.alternative {
color: #666;
font-size: 20px;
line-height: 28px;
}
@media (min-width: 1000px) {
/* line 264, ../_scss/base/_layout.scss */
.grey-section .grey-section-title.alternative {
font-size: 24px;
line-height: 32px;
}
}
/* line 278, ../_scss/base/_layout.scss */
.article-wrapper {
margin-bottom: 20px;
}
/* line 110, ../_scss/_mixins.scss */
.article-wrapper:after {
content: "";
display: table;
clear: both;
}
@media (min-width: 760px) {
/* line 283, ../_scss/base/_layout.scss */
.article-wrapper.equal-heights {
display: -ms-flexbox;
display: flex;
}
/* line 286, ../_scss/base/_layout.scss */
.article-wrapper.equal-heights .callout .primary-title {
min-height: 145px;
}
/* line 290, ../_scss/base/_layout.scss */
.article-wrapper.equal-heights .primary-block,
.article-wrapper.equal-heights .secondary-block {
display: -ms-flexbox;
display: flex;
}
}
/* line 297, ../_scss/base/_layout.scss */
.article-wrapper.border-bottom {
border-bottom: 1px solid #d6d6d6;
padding-bottom: 40px;
}
/* line 303, ../_scss/base/_layout.scss */
.video-article-wrapper {
margin-bottom: 40px;
width: 100%;
display: table;
}
@media (min-width: 1000px) {
/* line 308, ../_scss/base/_layout.scss */
.video-article-wrapper .article-content {
float: right;
width: 300px;
}
}
@media (min-width: 1000px) {
/* line 314, ../_scss/base/_layout.scss */
.video-article-wrapper .video-content {
width: 620px;
}
}
/* line 319, ../_scss/base/_layout.scss */
.video-article-wrapper .video-content .embed-container {
margin-bottom: 0;
}
@media (min-width: 760px) {
/* line 325, ../_scss/base/_layout.scss */
.article-body {
width: 700px;
float: left;
position: relative;
}
}
/* line 333, ../_scss/base/_layout.scss */
#readspeaker_button1 {
display: none;
}
/* line 336, ../_scss/base/_layout.scss */
#readspeaker_button1.visible {
display: block;
margin: 10px 0 20px 0 !important;
}
/* line 340, ../_scss/base/_layout.scss */
#readspeaker_button1.visible .rsbtn_powered {
display: none;
}
/* =============================================================================
SECTION / PARTS - move things around / group elements
============================================================================= */
/* Class to pull an element up against the main-nav */
@media (min-width: 760px) {
/* line 351, ../_scss/base/_layout.scss */
.pull-up {
margin-bottom: 31px;
position: relative;
top: -31px;
}
/* line 357, ../_scss/base/_layout.scss */
.pull-up.callout,
.pull-up .callout {
margin-bottom: -31px;
padding-top: 63px;
}
}
/* line 365, ../_scss/base/_layout.scss */
.primary-block {
margin-bottom: 30px;
}
/* line 369, ../_scss/base/_layout.scss */
.primary-block .callout {
border-radius: 6px;
}
/* line 373, ../_scss/base/_layout.scss */
.full-content .primary-block {
width: 100%;
}
@media (min-width: 760px) {
/* line 373, ../_scss/base/_layout.scss */
.full-content .primary-block {
width: 400px;
}
}
@media (min-width: 1000px) {
/* line 373, ../_scss/base/_layout.scss */
.full-content .primary-block {
width: 550px;
}
}
/* line 387, ../_scss/base/_layout.scss */
.primary-block.with-secondary-block .callout {
border-radius: 6px 6px 0 0;
}
@media (min-width: 760px) {
/* line 365, ../_scss/base/_layout.scss */
.primary-block {
width: 450px;
margin-bottom: 0;
margin-right: 30px;
float: left;
}
/* line 398, ../_scss/base/_layout.scss */
.primary-block .callout {
width: 450px;
border-radius: 6px;
}
/* line 402, ../_scss/base/_layout.scss */
.primary-block .callout:after {
display: none;
}
/* line 410, ../_scss/base/_layout.scss */
.primary-block.with-secondary-block .callout {
border-radius: 6px 0 0 6px;
}
}
/* line 417, ../_scss/base/_layout.scss */
.secondary-block {
margin-bottom: 30px;
}
/* line 420, ../_scss/base/_layout.scss */
.full-content .secondary-block {
width: 100%;
margin-bottom: 0;
}
@media (min-width: 760px) {
/* line 420, ../_scss/base/_layout.scss */
.full-content .secondary-block {
width: 270px;
}
}
@media (min-width: 1000px) {
/* line 420, ../_scss/base/_layout.scss */
.full-content .secondary-block {
width: 360px;
}
}
@media (min-width: 760px) {
/* line 417, ../_scss/base/_layout.scss */
.secondary-block {
width: 220px;
margin-bottom: 0;
float: left;
}
/* line 437, ../_scss/base/_layout.scss */
.secondary-block.border-right {
position: relative;
border-right: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
border-top: 1px solid #d6d6d6;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
/* line 445, ../_scss/base/_layout.scss */
.secondary-block.border-right:before, .secondary-block.border-right:after {
width: 200px;
height: 1px;
position: absolute;
left: 0;
content: "";
display: block;
background-color: white;
}
/* line 456, ../_scss/base/_layout.scss */
.secondary-block.border-right:before {
top: -1px;
}
/* line 460, ../_scss/base/_layout.scss */
.secondary-block.border-right:after {
bottom: -1px;
}
}
/* line 467, ../_scss/base/_layout.scss */
.half-block {
margin-bottom: 40px;
font-size: 15px;
line-height: 1.5;
}
@media (min-width: 760px) {
/* line 467, ../_scss/base/_layout.scss */
.half-block {
margin-right: 40px;
}
/* line 474, ../_scss/base/_layout.scss */
.half-block + .half-block {
margin-right: 0;
}
}
/* line 478, ../_scss/base/_layout.scss */
.half-block p:last-child {
margin-bottom: 0;
}
@media (min-width: 1000px) {
/* line 467, ../_scss/base/_layout.scss */
.half-block {
width: 450px;
margin-bottom: 0;
float: left;
}
}
/* line 489, ../_scss/base/_layout.scss */
.date-readspeaker {
margin-bottom: 1em;
}
/* line 492, ../_scss/base/_layout.scss */
.date-readspeaker .field {
padding-right: 20px;
}
/* line 495, ../_scss/base/_layout.scss */
.date-readspeaker .field i {
position: relative;
bottom: -2px;
}
/* line 499, ../_scss/base/_layout.scss */
.date-readspeaker .field strong {
color: #ff6200;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
}
/*
three columns container/wrapper
*/
/* line 509, ../_scss/base/_layout.scss */
.three-col, .three-columns {
display: block;
font-size: 15px;
}
/* line 110, ../_scss/_mixins.scss */
.three-col:after, .three-columns:after {
content: "";
display: table;
clear: both;
}
/* line 514, ../_scss/base/_layout.scss */
.three-col .arrow-link .icon, .three-columns .arrow-link .icon {
top: 8px;
}
/* line 518, ../_scss/base/_layout.scss */
.three-col .col, .three-columns .col {
margin-bottom: 30px;
}
/* line 521, ../_scss/base/_layout.scss */
.three-col .col.mobile-no-margin, .three-columns .col.mobile-no-margin {
margin-bottom: 0;
}
/* line 524, ../_scss/base/_layout.scss */
.three-col .col.mobile-no-margin .arrow-link-list, .three-columns .col.mobile-no-margin .arrow-link-list {
margin: 0;
}
/* line 529, ../_scss/base/_layout.scss */
.three-col .col h4:first-child, .three-columns .col h4:first-child {
padding-bottom: 5px;
}
@media (min-width: 760px) {
/* line 518, ../_scss/base/_layout.scss */
.three-col .col, .three-columns .col {
margin-bottom: 20px;
}
/* line 535, ../_scss/base/_layout.scss */
.three-col .col h4:first-child, .three-columns .col h4:first-child {
min-height: 4em;
}
}
@media (max-width: 760px) {
/* line 518, ../_scss/base/_layout.scss */
.three-col .col, .three-columns .col {
margin-bottom: 20px;
}
}
/* line 543, ../_scss/base/_layout.scss */
.three-col .col.content-center, .three-columns .col.content-center {
text-align: center;
}
/* line 549, ../_scss/base/_layout.scss */
.three-col h2, .three-columns h2 {
min-height: 2.4em;
}
@media (min-width: 760px) {
/* line 509, ../_scss/base/_layout.scss */
.three-col, .three-columns {
width: 720px;
position: relative;
left: -20px;
}
/* line 558, ../_scss/base/_layout.scss */
.three-col .col, .three-columns .col {
width: 220px;
margin-left: 20px;
float: left;
}
/* line 563, ../_scss/base/_layout.scss */
.three-col .col.newrow, .three-columns .col.newrow {
clear: left;
}
/* line 566, ../_scss/base/_layout.scss */
.three-col .col:nth-of-type(3n + 1), .three-columns .col:nth-of-type(3n + 1) {
clear: left;
}
}
/*
three columns container/wrapper
*/
/* line 575, ../_scss/base/_layout.scss */
.two-col {
display: block;
}
/* line 110, ../_scss/_mixins.scss */
.two-col:after {
content: "";
display: table;
clear: both;
}
/* line 579, ../_scss/base/_layout.scss */
.two-col .col {
margin-bottom: 20px;
}
/* line 582, ../_scss/base/_layout.scss */
.two-col .col.right {
float: right;
}
@media (min-width: 760px) {
/* line 575, ../_scss/base/_layout.scss */
.two-col {
width: 720px;
position: relative;
left: -20px;
}
/* line 593, ../_scss/base/_layout.scss */
.two-col .col {
width: 340px;
margin-left: 20px;
float: left;
}
/* line 598, ../_scss/base/_layout.scss */
.two-col .col .widget {
height: 100%;
}
/* line 602, ../_scss/base/_layout.scss */
.two-col .col.newrow {
clear: left;
}
/* line 605, ../_scss/base/_layout.scss */
.two-col .col:nth-of-type(2n + 1) {
clear: left;
}
}
/* line 610, ../_scss/base/_layout.scss */
.full-content .two-col {
width: 100%;
display: table;
}
/* line 614, ../_scss/base/_layout.scss */
.full-content .two-col .col {
max-width: 100%;
width: 100%;
}
@media (min-width: 1000px) {
/* line 620, ../_scss/base/_layout.scss */
.full-content .two-col .col {
width: calc(50% - 20px);
margin-bottom: 20px;
}
}
/*
Widget / Split lists
Lists split bij easyListSplitter.js:
*/
/* line 110, ../_scss/_mixins.scss */
.listContainer:after {
content: "";
display: table;
clear: both;
}
@media (min-width: 760px) {
/* line 639, ../_scss/base/_layout.scss */
.js .split-list {
display: none;
}
/* line 643, ../_scss/base/_layout.scss */
.js .listContainer .split-list {
display: inline-block;
}
/* line 647, ../_scss/base/_layout.scss */
.split-list.list4Cols {
float: left;
width: 340px;
margin-left: 0;
padding: 10px 0;
}
/* line 653, ../_scss/base/_layout.scss */
.split-list.list4Cols.listCol1, .split-list.list4Cols.listCol3 {
margin-right: 20px;
}
/* line 657, ../_scss/base/_layout.scss */
.split-list.list4Cols:first-child {
padding-top: 10px;
}
/* line 661, ../_scss/base/_layout.scss */
.split-list.list3Cols {
float: left;
width: 340px;
}
/* line 665, ../_scss/base/_layout.scss */
.split-list.list2Cols {
float: left;
width: 350px;
}
/* line 671, ../_scss/base/_layout.scss */
.country-selector .split-list.list4Cols {
padding-top: 0;
padding-bottom: 0;
}
/* line 675, ../_scss/base/_layout.scss */
.country-selector .split-list.list4Cols.listCol2 {
clear: left;
}
/* line 678, ../_scss/base/_layout.scss */
.country-selector .split-list.list4Cols.listCol3 {
position: absolute;
right: -20px;
}
/* line 682, ../_scss/base/_layout.scss */
.country-selector .split-list.list4Cols.listCol4 {
float: right;
}
}
@media (min-width: 1000px) {
/* line 689, ../_scss/base/_layout.scss */
.split-list.list4Cols {
width: 175px;
}
/* line 692, ../_scss/base/_layout.scss */
.split-list.list3Cols {
width: 230px;
}
/* line 695, ../_scss/base/_layout.scss */
.split-list.list2Cols {
width: 350px;
}
/* line 701, ../_scss/base/_layout.scss */
.country-selector .split-list.list4Cols {
padding-top: 10px;
padding-bottom: 10px;
}
/* line 705, ../_scss/base/_layout.scss */
.country-selector .split-list.list4Cols.listCol2 {
clear: none;
}
/* line 708, ../_scss/base/_layout.scss */
.country-selector .split-list.list4Cols.listCol3 {
position: relative;
right: auto;
}
/* line 712, ../_scss/base/_layout.scss */
.country-selector .split-list.list4Cols.listCol4 {
float: none;
}
/* line 716, ../_scss/base/_layout.scss */
.country-selector .split-list.list4Cols {
width: 220px;
margin-right: 20px;
}
/* line 720, ../_scss/base/_layout.scss */
.country-selector .split-list.list4Cols.listCol4 {
margin-right: 0;
}
}
/* line 728, ../_scss/base/_layout.scss */
.media {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px;
}
@media (min-width: 1000px) {
/* line 728, ../_scss/base/_layout.scss */
.media {
-ms-flex-direction: row;
flex-direction: row;
padding: 0;
}
}
/* line 172, ../_scss/_mixins.scss */
.media-image {
width: 100%;
}
@media (min-width: 1000px) {
/* line 172, ../_scss/_mixins.scss */
.media-image {
width: 30%;
}
}
/* line 179, ../_scss/_mixins.scss */
.media-image figure {
width: 100%;
}
/* line 182, ../_scss/_mixins.scss */
.media-image figure img {
width: 100%;
}
@media (min-width: 1000px) {
/* line 188, ../_scss/_mixins.scss */
.media-text {
width: 70%;
}
}
/* =============================================================================
Carousel / Swipers:
All carousels use the jQuery Swiper plugin (http://www.idangero.us/sliders/swiper/api.php)
============================================================================= */
/* General styles for swiper elements */
/* line 9, ../_scss/base/_swiper.scss */
.swiper-container {
position: relative;
overflow: hidden;
border-radius: 6px;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
/* Fix of Webkit flickering */
z-index: 1;
}
/* line 22, ../_scss/base/_swiper.scss */
.swiper-wrapper {
position: relative;
width: 100%;
-webkit-transition-property: -webkit-transform, left, top;
-webkit-transition-duration: 0s;
-webkit-transform: translate3d(0px, 0, 0);
-webkit-transition-timing-function: ease;
-moz-transition-property: -moz-transform, left, top;
-moz-transition-duration: 0s;
-moz-transform: translate3d(0px, 0, 0);
-moz-transition-timing-function: ease;
-o-transition-property: -o-transform, left, top;
-o-transition-duration: 0s;
-o-transform: translate3d(0px, 0, 0);
-o-transition-timing-function: ease;
-o-transform: translate(0px, 0px);
-ms-transition-property: -ms-transform, left, top;
-ms-transition-duration: 0s;
-ms-transform: translate3d(0px, 0, 0);
-ms-transition-timing-function: ease;
transition-property: transform, left, top;
transition-duration: 0s;
transform: translate3d(0px, 0, 0);
transition-timing-function: ease;
}
/* line 52, ../_scss/base/_swiper.scss */
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
/* IE10 Windows Phone 8 Fixes */
/* line 62, ../_scss/base/_swiper.scss */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
}
/* line 66, ../_scss/base/_swiper.scss */
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
}
/* line 70, ../_scss/base/_swiper.scss */
.swiper-slide {
position: relative;
float: left;
}
/* line 74, ../_scss/base/_swiper.scss */
.swiper-slide img {
position: relative;
}
/* Custom swiper styles */
/* line 81, ../_scss/base/_swiper.scss */
.swiper-master {
position: relative;
overflow: hidden;
padding-right: 1px;
margin-right: -1px;
}
/* line 89, ../_scss/base/_swiper.scss */
.swiper-master .image-carousel-prev,
.swiper-master .image-carousel-next {
transition: all .15s ease;
}
/* line 96, ../_scss/base/_swiper.scss */
.swiper-master:hover .image-carousel-prev {
left: -21px;
}
/* line 99, ../_scss/base/_swiper.scss */
.swiper-master:hover .image-carousel-prev:hover {
left: -1px;
}
/* line 103, ../_scss/base/_swiper.scss */
.swiper-master:hover .image-carousel-next {
right: -20px;
}
/* line 106, ../_scss/base/_swiper.scss */
.swiper-master:hover .image-carousel-next:hover {
right: 0;
}
/* =============================================================================
Embedable content (iframes)
============================================================================= */
/* line 5, ../_scss/base/_embedables.scss */
iframe {
max-width: 100%;
}
/* line 9, ../_scss/base/_embedables.scss */
.embed-container {
position: relative;
width: 100%;
max-width: 700px;
padding-top: 56.25%;
margin-bottom: 30px;
overflow: hidden;
border-radius: 6px;
}
@media (min-width: 760px) {
/* line 19, ../_scss/base/_embedables.scss */
.embed-container.embed-small {
max-width: 450px;
padding-top: 254px;
}
}
/* line 25, ../_scss/base/_embedables.scss */
.full-content .embed-container {
width: 100%;
max-width: none;
}
/* line 30, ../_scss/base/_embedables.scss */
.embed-container.embed-slides {
padding-top: 83.2167832168%;
}
/* line 34, ../_scss/base/_embedables.scss */
.embed-container .placeholder,
.embed-container .fb-video,
.embed-container .oembed,
.embed-container iframe {
position: absolute !important;
z-index: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
/* line 48, ../_scss/base/_embedables.scss */
.embed-container .placeholder {
background-color: #f0f0f0;
}
/* line 53, ../_scss/base/_embedables.scss */
.embed-container.embed-youtube .overlay-button {
position: absolute;
z-index: 100;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
/* line 61, ../_scss/base/_embedables.scss */
.embed-container.embed-youtube .icon {
position: absolute;
top: 50%;
left: 50%;
width: 86px;
height: 86px;
margin-top: -43px;
margin-left: -43px;
text-align: center;
font-size: 80px;
padding: 4px 3px 0 0;
color: #fff;
background-color: #ff6200;
border-radius: 6px;
}
/* line 76, ../_scss/base/_embedables.scss */
.embed-container.embed-youtube .label {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* line 81, ../_scss/base/_embedables.scss */
.embed-container.embed-facebook {
padding-top: 0;
}
/* line 84, ../_scss/base/_embedables.scss */
.embed-container.embed-twitter {
padding-top: 0;
}
/*
EXTERNAL Forms from Hugin.com:
*/
/* line 92, ../_scss/base/_embedables.scss */
.embed-external-form {
position: relative;
clear: both;
}
/* line 96, ../_scss/base/_embedables.scss */
.embed-external-form iframe {
width: 100%;
min-height: 660px;
}
/*
EXTERNAL widget with share information from Euroinvestor:
*/
/* line 105, ../_scss/base/_embedables.scss */
.embed-external-shareperformance {
position: relative;
clear: both;
}
/* line 109, ../_scss/base/_embedables.scss */
.embed-external-shareperformance iframe {
width: 100%;
min-height: 2100px;
}
/* =============================================================================
Generic Ajax-Getter styles:
============================================================================= */
/* line 6, ../_scss/base/_getajax.scss */
.get-container.loading {
min-height: 4em;
background-image: url("../img/loader_orange_bg_white.gif");
background-position: center 1em;
background-repeat: no-repeat;
}
/* line 14, ../_scss/base/_getajax.scss */
.invertclr .get-container.loading, .get-container.invertclr.loading {
background-image: url("../img/loader_white_bg_orange.gif");
}
/* line 20, ../_scss/base/_getajax.scss */
.light-padding-box .get-container.loading, .get-container.light-padding-box.loading {
background-image: url("../img/loader_orange_bg_grey.gif");
}
/* line 1, ../_scss/base/_vacancies_reset.scss */
.vacancy-content font, .vacancy-content span, .vacancy-content div, .vacancy-content p {
font-family: "INGMeWeb-Regular" !important;
font-size: 16px !important;
line-height: 26px !important;
text-indent: 0 !important;
margin-left: 0 !important;
}
/* line 9, ../_scss/base/_vacancies_reset.scss */
.vacancy-content div, .vacancy-content p {
margin-top: 0 !important;
margin-bottom: 10px !important;
}
@media print {
/*
Print styles
*/
/* line 5, ../_scss/base/_print.scss */
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
/*
@page {
margin: 0.5cm;
}
*/
/* line 18, ../_scss/base/_print.scss */
body {
width: 100% !important;
}
/* line 23, ../_scss/base/_print.scss */
#page {
min-width: 17cm !important;
}
/* line 28, ../_scss/base/_print.scss */
a,
a:visited {
text-decoration: underline;
}
/* line 33, ../_scss/base/_print.scss */
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
/* line 39, ../_scss/base/_print.scss */
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
/* line 45, ../_scss/base/_print.scss */
thead {
display: table-header-group;
}
/* line 49, ../_scss/base/_print.scss */
tr,
img {
page-break-inside: avoid;
}
/* line 54, ../_scss/base/_print.scss */
img {
max-width: 100% !important;
}
/* line 58, ../_scss/base/_print.scss */
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
/* line 65, ../_scss/base/_print.scss */
h2,
h3 {
page-break-after: avoid;
}
/* line 70, ../_scss/base/_print.scss */
img {
page-break-inside: avoid;
}
/*
Items to be hidden
*/
/* line 78, ../_scss/base/_print.scss */
.main-nav,
.main-nav-list,
.upper-header:after,
.logo:after,
.image-carousel,
.sub-nav,
.sharethis p,
.filters,
.pagination,
.menu-toggle,
.glossary-form,
.country-list a:after,
.global-footer,
.global-backtop {
display: none !important;
}
/*
Specific styling
*/
/* line 100, ../_scss/base/_print.scss */
.global-header {
min-height: 0 !important;
height: 131px !important;
margin: 0 !important;
border-bottom: 0 !important;
}
/* line 106, ../_scss/base/_print.scss */
.upper-header {
height: 50px !important;
}
/* line 110, ../_scss/base/_print.scss */
.article-body,
.image-pull-right {
width: 100% !important;
}
/* line 115, ../_scss/base/_print.scss */
.article-main {
padding-top: 0 !important;
}
/* line 118, ../_scss/base/_print.scss */
.article-main p {
max-width: 100% !important;
}
/* line 122, ../_scss/base/_print.scss */
.article-main h1:first-child {
max-width: 100% !important;
}
/* line 127, ../_scss/base/_print.scss */
.article-sidebar {
width: 100% !important;
margin: 0 !important;
position: relative !important;
top: auto !important;
}
/* line 133, ../_scss/base/_print.scss */
.article-sidebar-placeholder {
display: none !important;
}
/* line 137, ../_scss/base/_print.scss */
.sharethis .last-updated,
.tab,
.accordion-head-content,
.accordion-subhead-content {
display: block !important;
}
/* line 144, ../_scss/base/_print.scss */
.image-pull-right.in-content h3 {
color: white !important;
}
/* Reset paddings */
/* line 149, ../_scss/base/_print.scss */
.attention-block,
.zebra-list-container .zebra-list-title,
.light-padding-box,
.tabs.column-right .three-col,
.country-list {
padding: 0 !important;
}
/* line 157, ../_scss/base/_print.scss */
.zebra-list-container .zebra-list li,
.tab-nav li a,
.callout {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* line 164, ../_scss/base/_print.scss */
.callout {
padding-top: 15px !important;
}
/* line 168, ../_scss/base/_print.scss */
.logo {
top: 10px !important;
}
/* line 172, ../_scss/base/_print.scss */
.callout {
background-color: white !important;
}
/* line 176, ../_scss/base/_print.scss */
.country-selector {
margin-bottom: 40px;
}
/* line 180, ../_scss/base/_print.scss */
.art-detail figcaption {
opacity: 1 !important;
background-color: white !important;
}
}
/* Re-usable elements cut up in components (separate files) */
/* line 1, ../_scss/components/_articles.scss */
.more-articles {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
}
/* line 6, ../_scss/components/_articles.scss */
.more-articles.has-bottom-line {
padding-bottom: 20px;
border-bottom: 1px solid #d6d6d6;
}
/* line 11, ../_scss/components/_articles.scss */
.more-articles .more-article {
width: 100%;
float: left;
position: relative;
padding-left: 90px;
margin: 0 0 30px 0;
}
/* line 18, ../_scss/components/_articles.scss */
.more-articles .more-article a {
display: block;
}
/* line 22, ../_scss/components/_articles.scss */
.more-articles .more-article a:hover .article-title {
text-decoration: underline;
}
@media (min-width: 760px) {
/* line 11, ../_scss/components/_articles.scss */
.more-articles .more-article {
width: 220px;
margin-right: 20px;
padding: 0;
}
/* line 33, ../_scss/components/_articles.scss */
.article .more-articles .more-article:nth-child(3n), .contentpage .more-articles .more-article:nth-child(3n) {
margin-right: 0;
}
}
/* line 38, ../_scss/components/_articles.scss */
.more-articles .more-article:last-child {
margin-right: 0;
}
/* line 42, ../_scss/components/_articles.scss */
.more-articles .more-article:hover .article-title {
color: #ff6200;
}
/* line 45, ../_scss/components/_articles.scss */
.more-articles .more-article:hover .article-readmore span {
text-decoration: underline;
}
/* line 51, ../_scss/components/_articles.scss */
.more-articles img {
position: absolute;
top: 0;
left: 0;
width: 80px;
}
@media (min-width: 760px) {
/* line 51, ../_scss/components/_articles.scss */
.more-articles img {
position: relative;
top: auto;
left: auto;
width: 100%;
}
}
/* line 65, ../_scss/components/_articles.scss */
.more-articles .article-detail {
font-size: 12px;
line-height: 20px;
display: block;
color: #767676;
}
@media (min-width: 760px) {
/* line 65, ../_scss/components/_articles.scss */
.more-articles .article-detail {
margin: 10px 0 5px 0;
}
}
/* line 75, ../_scss/components/_articles.scss */
.more-articles .article-title {
color: #ff6200;
font-size: 20px;
line-height: 1.4em;
transition: none;
}
/* line 81, ../_scss/components/_articles.scss */
.more-articles .article-readmore {
color: #000;
display: block;
font-size: 14px;
line-height: 20px;
display: none;
}
@media (min-width: 760px) {
/* line 81, ../_scss/components/_articles.scss */
.more-articles .article-readmore {
display: block;
margin-top: 10px;
}
}
/* line 93, ../_scss/components/_articles.scss */
.more-articles .article-readmore i {
color: #ff6200;
font-size: 12px;
}
/* line 1, ../_scss/components/_accordion.scss */
.accordion-wrapper, .brand-check .content-article .accordion-wrapper {
margin-bottom: 30px;
position: relative;
border-bottom: 1px solid #d6d6d6;
}
/* line 6, ../_scss/components/_accordion.scss */
.accordion-wrapper h2, .accordion-wrapper h3, .brand-check .content-article .accordion-wrapper h2, .brand-check .content-article .accordion-wrapper h3 {
color: #1f1f1f;
}
/* line 11, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg h2.accordion-head, .brand-check .content-article .accordion-wrapper.sdg h2.accordion-head {
color: #1f1f1f;
font-size: 18px;
}
/* line 15, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg h2.accordion-head:hover, .brand-check .content-article .accordion-wrapper.sdg h2.accordion-head:hover {
text-decoration: underline;
}
/* line 19, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg h2.accordion-head .icon, .brand-check .content-article .accordion-wrapper.sdg h2.accordion-head .icon {
top: 14px;
color: #ff6200;
}
@media (min-width: 760px) {
/* line 25, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg h2.accordion-head, .brand-check .content-article .accordion-wrapper.sdg h2.accordion-head {
line-height: 30px;
font-size: 18px;
color: #1f1f1f;
overflow: visible;
padding-left: 20px;
}
/* line 34, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg h2.accordion-head .icon, .brand-check .content-article .accordion-wrapper.sdg h2.accordion-head .icon {
top: 14px;
color: #ff6200;
}
}
/* line 40, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .accordion-head-content, .brand-check .content-article .accordion-wrapper.sdg .accordion-head-content {
padding-left: 20px;
}
@media (min-width: 760px) {
/* line 40, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .accordion-head-content, .brand-check .content-article .accordion-wrapper.sdg .accordion-head-content {
padding-left: calc(100% - 500px);
}
}
/* line 47, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons {
display: inline-block;
width: 100%;
float: right;
margin-top: 10px;
}
@media (min-width: 760px) {
/* line 47, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons {
width: 500px;
min-height: 30px;
margin-top: 0;
}
}
/* line 59, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-icon, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-icon {
display: block;
position: relative;
width: 30px;
height: 30px;
text-align: center;
float: left;
margin: 0 5px 0 0;
color: #fff;
line-height: 30px;
font-size: 13px;
overflow: visible;
border-radius: 4px;
}
/* line 74, ../_scss/components/_accordion.scss */
.rte_container .accordion-wrapper.sdg .sdg-icons .sdg-icon figure, .rte_container .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-icon figure {
display: none !important;
}
/* line 79, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-icon figure, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-icon figure {
width: 120px;
height: 120px;
display: block;
position: absolute;
z-index: 100;
bottom: -9999px;
left: 50%;
margin: 0;
opacity: 0;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transition: 0.5s opacity;
}
/* line 93, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-icon figure:after, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-icon figure:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-width: 8px;
margin-left: -8px;
}
@media (min-width: 760px) {
/* line 110, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-icon:hover figure, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-icon:hover figure {
bottom: 40px;
opacity: 1;
}
}
/* line 117, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-1, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-1 {
background-color: #eb1c2d;
}
/* line 120, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-1 figure:after, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-1 figure:after {
border-top-color: #eb1c2d;
}
/* line 124, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-2, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-2 {
background-color: #d3a029;
}
/* line 127, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-2 figure:after, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-2 figure:after {
border-top-color: #d3a029;
}
/* line 131, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-3, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-3 {
background-color: #279b48;
}
/* line 134, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-3 figure:after, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-3 figure:after {
border-top-color: #279b48;
}
/* line 138, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-4, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-4 {
background-color: #c31f33;
}
/* line 141, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-4 figure:after, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-4 figure:after {
border-top-color: #c31f33;
}
/* line 145, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-5, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-5 {
background-color: #ef402b;
}
/* line 148, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-5 figure:after, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-5 figure:after {
border-top-color: #ef402b;
}
/* line 152, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-6, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-6 {
background-color: #00aed9;
}
/* line 155, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-6 figure:after, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-6 figure:after {
border-top-color: #00aed9;
}
/* line 159, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-7, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-7 {
background-color: #fdb713;
}
/* line 162, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-7 figure:after, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-7 figure:after {
border-top-color: #fdb713;
}
/* line 166, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-8, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-8 {
background-color: #8f1838;
}
/* line 169, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-8 figure:after, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-8 figure:after {
border-top-color: #8f1838;
}
/* line 173, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-9, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-9 {
background-color: #f36d25;
}
/* line 176, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-9 figure:after, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-9 figure:after {
border-top-color: #f36d25;
}
/* line 180, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-10, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-10 {
background-color: #e11484;
}
/* line 183, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-10 figure:after, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-10 figure:after {
border-top-color: #e11484;
}
/* line 187, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-11, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-11 {
background-color: #f99d26;
}
/* line 190, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-11 figure:after, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-11 figure:after {
border-top-color: #f99d26;
}
/* line 194, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-12, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-12 {
background-color: #cf8d2a;
}
/* line 197, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-12 figure:after, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-12 figure:after {
border-top-color: #cf8d2a;
}
/* line 201, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-13, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-13 {
background-color: #48773e;
}
/* line 204, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-13 figure:after, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-13 figure:after {
border-top-color: #48773e;
}
/* line 208, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-14, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-14 {
background-color: #007dbc;
}
/* line 211, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-14 figure:after, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-14 figure:after {
border-top-color: #007dbc;
}
/* line 215, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-15, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-15 {
background-color: #3eb049;
}
/* line 218, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-15 figure:after, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-15 figure:after {
border-top-color: #3eb049;
}
/* line 222, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-16, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-16 {
background-color: #02558b;
}
/* line 225, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-16 figure:after, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-16 figure:after {
border-top-color: #02558b;
}
/* line 229, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-17, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-17 {
background-color: #183668;
}
/* line 232, ../_scss/components/_accordion.scss */
.accordion-wrapper.sdg .sdg-icons .sdg-variant-17 figure:after, .brand-check .content-article .accordion-wrapper.sdg .sdg-icons .sdg-variant-17 figure:after {
border-top-color: #183668;
}
/* line 240, ../_scss/components/_accordion.scss */
h2.accordion-head, .brand-check .content-article h2.accordion-head {
margin-bottom: 0;
padding: 5px 0 5px 0;
position: relative;
border-top: 1px solid #d6d6d6;
padding-left: 22px;
color: #666;
line-height: 1.5;
font-size: 22px;
cursor: pointer;
overflow: hidden;
}
@media (min-width: 760px) {
/* line 240, ../_scss/components/_accordion.scss */
h2.accordion-head, .brand-check .content-article h2.accordion-head {
padding-left: 30px;
}
}
/* line 256, ../_scss/components/_accordion.scss */
h2.accordion-head.active, .brand-check .content-article h2.accordion-head.active {
color: #ff6200;
}
/* line 260, ../_scss/components/_accordion.scss */
h2.accordion-head:hover, h2.accordion-head:focus, .brand-check .content-article h2.accordion-head:hover, .brand-check .content-article h2.accordion-head:focus {
outline: none;
color: #ff6200;
}
/* line 266, ../_scss/components/_accordion.scss */
h2.accordion-head .icon, .brand-check .content-article h2.accordion-head .icon {
position: absolute;
top: 15px;
left: 2px;
font-size: 0.7em;
color: #ff6200;
}
@media (min-width: 760px) {
/* line 266, ../_scss/components/_accordion.scss */
h2.accordion-head .icon, .brand-check .content-article h2.accordion-head .icon {
top: 14px;
}
}
/* line 279, ../_scss/components/_accordion.scss */
.accordion-head-content, .brand-check .content-article .accordionhead-content {
padding: 5px 0 30px 0;
font-size: 15px;
}
/* line 283, ../_scss/components/_accordion.scss */
.rte_container .accordion-head-content, .rte_container .brand-check .content-article .accordionhead-content {
display: block !important;
}
/* line 287, ../_scss/components/_accordion.scss */
.accordion-head-content .three-col, .brand-check .content-article .accordionhead-content .three-col {
margin-top: 0;
}
/* line 291, ../_scss/components/_accordion.scss */
.accordion-head-content.active, .brand-check .content-article .accordionhead-content.active {
display: block;
}
/* line 294, ../_scss/components/_accordion.scss */
.accordion-head-content.active + .accordion-head, .brand-check .content-article .accordionhead-content.active + .accordion-head {
border-top-color: #a8a8a8;
}
/* line 299, ../_scss/components/_accordion.scss */
.accordion-head-content > p:first-child, .brand-check .content-article .accordionhead-content > p:first-child {
margin-top: 10px;
}
/* line 302, ../_scss/components/_accordion.scss */
.accordion-head-content > p:last-child, .brand-check .content-article .accordionhead-content > p:last-child {
margin-bottom: 0;
}
/* line 306, ../_scss/components/_accordion.scss */
.accordion-head-content h4, .brand-check .content-article .accordionhead-content h4 {
color: #ff6200;
font-weight: normal;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
}
/* line 313, ../_scss/components/_accordion.scss */
h3.accordion-subhead, .brand-check .content-article h3.accordion-subhead {
margin-bottom: 0;
padding: 15px 0 15px 22px;
position: relative;
border-bottom: 1px solid #e8e3de;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
cursor: pointer;
font-size: 15px;
}
/* line 322, ../_scss/components/_accordion.scss */
h3.accordion-subhead .icon, .brand-check .content-article h3.accordion-subhead .icon {
position: absolute;
top: 20px;
left: 2px;
font-size: 10px;
color: #ff6200;
}
@media (min-width: 1000px) {
/* line 322, ../_scss/components/_accordion.scss */
h3.accordion-subhead .icon, .brand-check .content-article h3.accordion-subhead .icon {
top: 23px;
}
}
/* line 334, ../_scss/components/_accordion.scss */
h3.accordion-subhead.active, .brand-check .content-article h3.accordion-subhead.active {
border-bottom-color: #fff;
color: #ff6200;
}
/* line 338, ../_scss/components/_accordion.scss */
h3.accordion-subhead.active .icon, .brand-check .content-article h3.accordion-subhead.active .icon {
top: 22px;
}
/* line 343, ../_scss/components/_accordion.scss */
h3.accordion-subhead:hover, h3.accordion-subhead:focus, .brand-check .content-article h3.accordion-subhead:hover, .brand-check .content-article h3.accordion-subhead:focus {
outline: none;
margin-left: -20px;
margin-right: -20px;
padding-left: 42px;
padding-right: 28px;
background-color: #f0f0f0;
border-bottom-color: #fff;
border-radius: 6px;
}
/* line 354, ../_scss/components/_accordion.scss */
h3.accordion-subhead:hover .icon, h3.accordion-subhead:focus .icon, .brand-check .content-article h3.accordion-subhead:hover .icon, .brand-check .content-article h3.accordion-subhead:focus .icon {
left: 22px;
}
/* line 360, ../_scss/components/_accordion.scss */
.accordion-subhead-content {
padding: 15px 0 28px 22px;
border-bottom: 1px solid #e8e3de;
}
/* line 366, ../_scss/components/_accordion.scss */
.accordion-subhead-list ul {
margin-top: 0;
}
/* line 373, ../_scss/components/_accordion.scss */
.animations.js .accordion-head-content,
.animations.js .accordion-subhead-content {
display: none;
}
/* line 377, ../_scss/components/_accordion.scss */
.animations.js .accordion-head-content.active,
.animations.js .accordion-subhead-content.active {
display: block;
}
@media (min-width: 760px) {
/* line 2, ../_scss/components/_agenda-list.scss */
.agenda-list .left-wrapper {
width: 430px !important;
}
}
/* line 9, ../_scss/components/_agenda-list.scss */
.agenda-list {
margin: 0;
padding: 0;
list-style: none;
}
/* line 122, ../_scss/_mixins.scss */
.agenda-list li:before {
display: none;
}
/* line 15, ../_scss/components/_agenda-list.scss */
.agenda-list li {
min-height: 55px;
margin-bottom: 24px;
position: relative;
}
/* line 21, ../_scss/components/_agenda-list.scss */
.agenda-list .link-wrapper {
padding-left: 65px;
position: relative;
display: block;
}
/* line 26, ../_scss/components/_agenda-list.scss */
.agenda-list .link-wrapper:hover, .agenda-list .link-wrapper:focus {
background-color: #f0f0f0;
}
/* line 31, ../_scss/components/_agenda-list.scss */
.agenda-list time {
width: 55px;
height: 55px;
padding-top: 10px;
position: absolute;
top: 0;
left: 0;
background-color: #ff6200;
border-radius: 6px;
color: #fff;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
font-size: 12px;
line-height: 1;
text-align: center;
}
/* line 47, ../_scss/components/_agenda-list.scss */
.agenda-list .agenda-day {
padding-top: 5px;
display: block;
font-size: 20px;
}
/* line 53, ../_scss/components/_agenda-list.scss */
.agenda-list .agenda-title {
margin: 0;
color: #ff6200;
font-size: 20px;
font-weight: normal;
line-height: 1.2;
}
/* line 61, ../_scss/components/_agenda-list.scss */
.agenda-list .counter {
margin-bottom: 5px;
display: block;
line-height: 16px;
}
@media (min-width: 760px) {
/* line 68, ../_scss/components/_agenda-list.scss */
.agenda-list li {
min-height: 80px;
}
/* line 71, ../_scss/components/_agenda-list.scss */
.agenda-list .link-wrapper {
min-height: 80px;
padding-left: 100px;
}
/* line 75, ../_scss/components/_agenda-list.scss */
.agenda-list .link-wrapper:hover, .agenda-list .link-wrapper:focus {
min-height: 100px;
margin: -10px;
padding: 10px 10px 10px 110px;
}
/* line 80, ../_scss/components/_agenda-list.scss */
.agenda-list .link-wrapper:hover time, .agenda-list .link-wrapper:focus time {
left: 10px;
top: 10px;
}
/* line 86, ../_scss/components/_agenda-list.scss */
.agenda-list time {
width: 80px;
height: 80px;
padding-top: 15px;
font-size: 16px;
}
/* line 92, ../_scss/components/_agenda-list.scss */
.agenda-list .agenda-day {
font-size: 32px;
}
/* line 95, ../_scss/components/_agenda-list.scss */
.agenda-list .counter {
margin-bottom: 12px;
}
}
/* line 102, ../_scss/components/_agenda-list.scss */
.agenda-list.small-text .counter + .agenda-title {
padding-top: 0;
}
/* line 106, ../_scss/components/_agenda-list.scss */
.agenda-list.small-text .agenda-title {
padding-top: 0;
color: #1f1f1f;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
font-size: 16px;
line-height: 1.2;
}
@media (min-width: 760px) {
/* line 116, ../_scss/components/_agenda-list.scss */
.agenda-list.link-blocks .right-wrapper {
width: 160px;
padding-top: 0;
}
/* line 121, ../_scss/components/_agenda-list.scss */
.agenda-list.link-blocks .right-wrapper .agenda-link {
line-height: 1;
}
/* line 124, ../_scss/components/_agenda-list.scss */
.agenda-list.link-blocks .right-wrapper .agenda-link .icon {
top: -1px;
}
}
/* line 131, ../_scss/components/_agenda-list.scss */
.agenda-list.link-blocks .fake-link,
.agenda-list.link-blocks .agenda-link {
position: static;
white-space: normal;
}
/* line 137, ../_scss/components/_agenda-list.scss */
.agenda-list.link-blocks .arrow-link, .agenda-list.link-blocks .has-icon {
padding-left: 15px;
}
@media (min-width: 760px) {
/* line 137, ../_scss/components/_agenda-list.scss */
.agenda-list.link-blocks .arrow-link, .agenda-list.link-blocks .has-icon {
padding-left: 40px;
}
}
/* line 145, ../_scss/components/_agenda-list.scss */
.agenda-list.link-blocks .icon {
font-size: 16px;
top: 13px;
left: 0;
bottom: auto;
}
@media (min-width: 760px) {
/* line 145, ../_scss/components/_agenda-list.scss */
.agenda-list.link-blocks .icon {
left: 20px;
}
}
/* line 157, ../_scss/components/_agenda-list.scss */
.agenda-list.link-blocks .link-wrapper:hover .fake-link,
.agenda-list.link-blocks .link-wrapper:hover .agenda-link {
color: #006;
text-decoration: none;
}
/* line 162, ../_scss/components/_agenda-list.scss */
.agenda-list.link-blocks .link-wrapper:hover .fake-link span,
.agenda-list.link-blocks .link-wrapper:hover .agenda-link span {
text-decoration: none;
}
/* line 170, ../_scss/components/_agenda-list.scss */
.agenda-list.borders li {
padding-bottom: 20px;
border-bottom: 1px solid #d6d6d6;
}
/* line 177, ../_scss/components/_agenda-list.scss */
.agenda-list.no-links li {
padding-left: 70px;
}
@media (min-width: 760px) {
/* line 177, ../_scss/components/_agenda-list.scss */
.agenda-list.no-links li {
padding-left: 100px;
}
}
@media (min-width: 760px) {
/* line 187, ../_scss/components/_agenda-list.scss */
.agenda-list.no-links.borders li {
min-height: 100px;
}
}
/* line 1, ../_scss/components/_arrow-link.scss */
.arrow-link {
margin-right: 25px;
padding-left: 15px;
position: relative;
display: inline-block;
color: #ff6200;
font-size: 16px;
text-decoration: none;
}
/* line 10, ../_scss/components/_arrow-link.scss */
.arrow-link .icon {
position: absolute;
top: 6px;
left: 0;
font-size: 65%;
}
/* line 17, ../_scss/components/_arrow-link.scss */
.arrow-link.black {
color: #000;
}
/* line 20, ../_scss/components/_arrow-link.scss */
.arrow-link.black:hover {
color: #1f1f1f;
text-decoration: underline;
}
/* line 25, ../_scss/components/_arrow-link.scss */
.arrow-link.black i {
color: #ff6200;
}
/* line 30, ../_scss/components/_arrow-link.scss */
.arrow-link:active, .arrow-link:hover, .arrow-link:focus {
color: #525199;
}
@media (min-width: 760px) {
/* line 37, ../_scss/components/_arrow-link.scss */
.arrow-link.block {
line-height: 1.5;
}
}
/* line 1, ../_scss/components/_arrow-link-list.scss */
.arrow-link-list {
padding-left: 0;
list-style: none;
line-height: 23px;
}
/* line 122, ../_scss/_mixins.scss */
.arrow-link-list li:before {
display: none;
}
/* line 7, ../_scss/components/_arrow-link-list.scss */
.arrow-link-list.alternate {
font-size: 16px;
line-height: 32px;
}
/* line 11, ../_scss/components/_arrow-link-list.scss */
.arrow-link-list.alternate li {
padding-left: 18px;
}
/* line 14, ../_scss/components/_arrow-link-list.scss */
.arrow-link-list.alternate a {
color: #333;
}
/* line 17, ../_scss/components/_arrow-link-list.scss */
.arrow-link-list.alternate a:hover {
text-decoration: underline;
}
/* line 21, ../_scss/components/_arrow-link-list.scss */
.arrow-link-list.alternate .icon {
top: 9px;
font-size: 14px;
}
/* line 26, ../_scss/components/_arrow-link-list.scss */
.arrow-link-list.white {
color: #fff;
}
/* line 30, ../_scss/components/_arrow-link-list.scss */
.arrow-link-list.white li a {
color: #fff;
}
/* line 34, ../_scss/components/_arrow-link-list.scss */
.arrow-link-list.white .icon {
color: #fff;
}
/* line 39, ../_scss/components/_arrow-link-list.scss */
.arrow-link-list li {
padding-left: 13px;
position: relative;
}
/* line 44, ../_scss/components/_arrow-link-list.scss */
.arrow-link-list a {
text-decoration: none;
}
/* line 49, ../_scss/components/_arrow-link-list.scss */
.arrow-link-list a:hover .icon, .arrow-link-list a:focus .icon {
color: #ff6200;
}
/* line 55, ../_scss/components/_arrow-link-list.scss */
.arrow-link-list ul {
padding-left: 0;
}
/* line 59, ../_scss/components/_arrow-link-list.scss */
.arrow-link-list .icon {
position: absolute;
top: 7px;
left: 0;
color: #ff6200;
font-size: 65%;
transition: color .3s;
}
/* line 1, ../_scss/components/_arrow-list.scss */
.arrow-list {
margin: 0;
padding: 0;
list-style: none;
line-height: 1.4;
}
/* line 122, ../_scss/_mixins.scss */
.arrow-list li:before {
display: none;
}
/* line 8, ../_scss/components/_arrow-list.scss */
.arrow-list li {
margin-bottom: 5px;
padding-left: 15px;
position: relative;
}
/* line 14, ../_scss/components/_arrow-list.scss */
.arrow-list .icon {
color: #ff6200;
position: absolute;
top: 6px;
left: 0;
font-size: 65%;
}
/* line 22, ../_scss/components/_arrow-list.scss */
.arrow-list .icon-ppt,
.arrow-list .icon-xls,
.arrow-list .icon-doc,
.arrow-list .icon-pdf {
left: -7px;
top: 1px;
}
/* line 30, ../_scss/components/_arrow-list.scss */
.arrow-list a {
display: block;
text-decoration: none;
}
/* line 34, ../_scss/components/_arrow-list.scss */
.arrow-list a:hover, .arrow-list a:focus {
text-decoration: underline;
}
/* line 41, ../_scss/components/_arrow-list.scss */
.arrow-list.downloads li {
padding-left: 25px;
}
/* line 44, ../_scss/components/_arrow-list.scss */
.arrow-list.downloads .icon-play,
.arrow-list.downloads .icon-speaker {
font-size: 16px;
color: #fff;
background-color: #ff6200;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 51, ../_scss/components/_arrow-list.scss */
.arrow-list.downloads .icon-document:before {
border-right-color: #f0f0f0;
}
/* line 56, ../_scss/components/_arrow-list.scss */
.arrow-list + .button-link {
margin-top: 15px;
}
/* line 1, ../_scss/components/_article-excerpt.scss */
.article-excerpt {
font-size: 15px;
line-height: 23px;
}
/* line 5, ../_scss/components/_article-excerpt.scss */
.article-excerpt figure {
display: table-cell;
vertical-align: middle;
text-align: center;
border-radius: 6px;
}
@media (min-width: 760px) {
/* line 12, ../_scss/components/_article-excerpt.scss */
.article-excerpt figure + div {
margin-bottom: 5px;
line-height: 15px;
}
}
/* line 20, ../_scss/components/_article-excerpt.scss */
.three-col .article-excerpt figure + div, .three-col .article-excerpt figure {
margin-top: 20px;
line-height: 20px;
}
/* line 26, ../_scss/components/_article-excerpt.scss */
.article-excerpt span.light-text,
.article-excerpt time.light-text {
font-size: 13px;
}
/* line 31, ../_scss/components/_article-excerpt.scss */
.article-excerpt .secondary-title,
.article-excerpt h3 {
margin-top: 7px;
margin-bottom: 12px;
font-size: 20px;
line-height: 1.25;
}
/* line 39, ../_scss/components/_article-excerpt.scss */
.article-excerpt .link-wrapper {
width: 100%;
display: block;
box-sizing: content-box;
text-decoration: none;
}
@media (min-width: 760px) {
/* line 46, ../_scss/components/_article-excerpt.scss */
.article-excerpt .link-wrapper:active, .article-excerpt .link-wrapper:hover, .article-excerpt .link-wrapper:focus {
margin: -10px;
padding: 10px;
background-color: #f0f0f0;
border-radius: 6px;
}
/* line 54, ../_scss/components/_article-excerpt.scss */
.article-excerpt .link-wrapper:active figure, .article-excerpt .link-wrapper:hover figure, .article-excerpt .link-wrapper:focus figure {
background-color: transparent;
}
}
/* line 61, ../_scss/components/_article-excerpt.scss */
.article-excerpt.col .link-wrapper figure {
width: 220px;
max-width: 220px;
height: 165px;
}
/* line 66, ../_scss/components/_article-excerpt.scss */
.article-excerpt.col .link-wrapper figure img {
width: 100%;
}
@media (min-width: 760px) {
/* line 60, ../_scss/components/_article-excerpt.scss */
.article-excerpt.col .link-wrapper {
height: auto;
}
}
/* line 75, ../_scss/components/_article-excerpt.scss */
.article-excerpt p:last-child {
margin-bottom: 10px;
}
/* line 80, ../_scss/components/_article-excerpt.scss */
.article-excerpt.excerpt-small {
clear: both;
}
/* line 110, ../_scss/_mixins.scss */
.article-excerpt.excerpt-small:after {
content: "";
display: table;
clear: both;
}
/* line 84, ../_scss/components/_article-excerpt.scss */
.article-excerpt.excerpt-small .link-wrapper {
display: block;
padding: 20px 0;
}
/* line 110, ../_scss/_mixins.scss */
.article-excerpt.excerpt-small .link-wrapper:after {
content: "";
display: table;
clear: both;
}
/* line 89, ../_scss/components/_article-excerpt.scss */
.article-excerpt.excerpt-small .link-wrapper:active, .article-excerpt.excerpt-small .link-wrapper:hover, .article-excerpt.excerpt-small .link-wrapper:focus {
border-bottom-color: transparent;
}
/* line 96, ../_scss/components/_article-excerpt.scss */
.article-excerpt.excerpt-small p {
margin-bottom: 0;
}
/* line 100, ../_scss/components/_article-excerpt.scss */
.article-excerpt.excerpt-small figure {
float: left;
width: 75px;
height: auto;
margin-right: 16px;
margin-bottom: 0;
}
/* line 107, ../_scss/components/_article-excerpt.scss */
.article-excerpt.excerpt-small h3 {
margin-bottom: 3px;
color: #ff6200;
font-size: 20px;
line-height: 25px;
}
/* line 113, ../_scss/components/_article-excerpt.scss */
.article-excerpt.excerpt-small.has-figure h3 {
padding-left: 90px;
}
/* line 116, ../_scss/components/_article-excerpt.scss */
.article-excerpt.excerpt-small p {
display: none;
}
@media (min-width: 760px) {
/* line 122, ../_scss/components/_article-excerpt.scss */
.article-excerpt.excerpt-small .link-wrapper:active, .article-excerpt.excerpt-small .link-wrapper:hover, .article-excerpt.excerpt-small .link-wrapper:focus {
margin: 0 -10px;
padding-left: 10px;
padding-right: 10px;
}
/* line 130, ../_scss/components/_article-excerpt.scss */
.article-excerpt.excerpt-small figure {
width: 140px;
margin-right: 20px;
margin-bottom: 0;
}
/* line 135, ../_scss/components/_article-excerpt.scss */
.article-excerpt.excerpt-small p {
display: block;
max-width: none;
}
/* line 139, ../_scss/components/_article-excerpt.scss */
.article-excerpt.excerpt-small.has-figure h3, .article-excerpt.excerpt-small.has-figure p {
padding-left: 160px;
}
}
/* line 1, ../_scss/components/_attention-block.scss */
.attention-block {
clear: both;
margin-bottom: 40px;
padding: 20px;
background-color: #f0f0f0;
border-radius: 6px;
}
/* line 8, ../_scss/components/_attention-block.scss */
.attention-block.blueclr {
background-color: #eff4fa;
}
/* line 12, ../_scss/components/_attention-block.scss */
.attention-block h2 {
font-size: 18px;
line-height: 1.4;
}
/* line 17, ../_scss/components/_attention-block.scss */
.attention-block p:last-child,
.attention-block h1:last-child,
.attention-block h2:last-child,
.attention-block h3:last-child,
.attention-block h4:last-child,
.attention-block ul:last-child {
margin-bottom: 0;
}
@media (min-width: 760px) {
/* line 1, ../_scss/components/_attention-block.scss */
.attention-block {
padding: 32px;
}
/* line 29, ../_scss/components/_attention-block.scss */
.attention-block h2 {
font-size: 20px;
line-height: 1.6;
}
}
/* line 37, ../_scss/components/_attention-block.scss */
.attention-image-block {
position: relative;
border-radius: 6px;
overflow: hidden;
}
/* line 42, ../_scss/components/_attention-block.scss */
.attention-image-block .callout {
padding: 30px 20px;
border-bottom-right-radius: 0;
}
/* line 46, ../_scss/components/_attention-block.scss */
.attention-image-block .callout .primary-title {
font-size: 30px;
}
/* line 51, ../_scss/components/_attention-block.scss */
.attention-image-block figure {
margin-bottom: 0;
}
@media (min-width: 760px) {
/* line 56, ../_scss/components/_attention-block.scss */
.attention-image-block .callout {
position: absolute;
left: 0;
bottom: 0;
border-top-right-radius: 6px;
}
}
/* =============================================================================
Global BackTop - link to top of page/screen
============================================================================= */
/* line 4, ../_scss/components/_backtop.scss */
.global-backtop {
display: block;
position: relative;
}
/* line 11, ../_scss/components/_backtop.scss */
.js .global-backtop {
display: none;
}
/* line 14, ../_scss/components/_backtop.scss */
.global-backtop.active {
display: block;
position: fixed;
z-index: 100;
left: 0;
bottom: 0;
width: 100%;
margin: 0 auto;
pointer-events: none;
opacity: 0;
transition: opacity .5s ease-out;
}
/* line 32, ../_scss/components/_backtop.scss */
.global-backtop.show {
opacity: 1;
}
/* line 38, ../_scss/components/_backtop.scss */
.global-backtop.hide {
display: none;
}
/* line 42, ../_scss/components/_backtop.scss */
.global-backtop a {
display: inline-block;
position: relative;
}
/* line 47, ../_scss/components/_backtop.scss */
.global-backtop.active a {
position: absolute;
bottom: 0;
padding: 5px 15px 15px 15px;
width: 60px;
font-size: 13px;
line-height: 1.1;
text-align: center;
text-decoration: none;
pointer-events: auto;
color: #1f1f1f;
background-color: #f0f0f0;
right: 10px;
}
/* line 58, ../_scss/components/_backtop.scss */
.csstransforms .global-backtop.active a {
transform: translateY(150px);
transition: -ms-transform .5s ease-out, transform .5s ease-out, background-color .3s;
}
/* line 69, ../_scss/components/_backtop.scss */
.global-backtop.active a:before {
width: 46px;
height: 46px;
content: "";
display: block;
position: absolute;
z-index: -1;
top: -23px;
left: 7px;
background: #f0f0f0;
border-radius: 6px;
transform: rotate(45deg);
transition: background-color .3s;
}
/* line 85, ../_scss/components/_backtop.scss */
.global-backtop.active a:active, .global-backtop.active a:hover, .global-backtop.active a:focus {
background-color: #d6d6d6;
}
/* line 90, ../_scss/components/_backtop.scss */
.global-backtop.active a:active:before, .global-backtop.active a:hover:before, .global-backtop.active a:focus:before {
background-color: #d6d6d6;
}
@media (min-width: 480px) {
/* line 47, ../_scss/components/_backtop.scss */
.global-backtop.active a {
right: 50%;
margin-right: -220px;
}
}
@media (min-width: 760px) {
/* line 47, ../_scss/components/_backtop.scss */
.global-backtop.active a {
right: 50%;
margin-right: -350px;
}
}
@media (min-width: 1000px) {
/* line 47, ../_scss/components/_backtop.scss */
.global-backtop.active a {
right: auto;
left: 50%;
margin-left: -470px;
}
}
/* line 114, ../_scss/components/_backtop.scss */
.csstransforms .global-backtop.show a {
transform: translateY(0);
}
/* line 1, ../_scss/components/_button-link.scss */
.button-link {
margin-right: 15px;
margin-bottom: 10px;
padding: 3px 11px 3px 26px;
display: inline-block;
position: relative;
background-color: #ff6200;
border: 1px solid #ff6200;
border-radius: 6px;
color: #fff;
font-size: 15px;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
line-height: 1.5;
cursor: pointer;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-decoration: none;
transition: all .15s linear;
text-decoration: none;
}
/* line 21, ../_scss/components/_button-link.scss */
.button-link .icon {
position: absolute;
top: 9px;
left: 12px;
font-size: 65%;
}
/* line 28, ../_scss/components/_button-link.scss */
.button-link:active, .button-link:hover, .button-link:focus {
color: #fff;
background-color: #525199;
border-color: #525199;
text-decoration: none;
}
/* line 36, ../_scss/components/_button-link.scss */
.button-link.no-icon {
padding-left: 11px;
}
@media (min-width: 1000px) {
/* line 39, ../_scss/components/_button-link.scss */
.button-link.no-icon.large {
padding-left: 20px;
padding-right: 20px;
}
}
/* line 49, ../_scss/components/_button-link.scss */
.button-link.small {
font-size: 14px;
padding: 13px 15px 13px 35px;
line-height: 16px;
}
/* line 54, ../_scss/components/_button-link.scss */
.button-link.small.no-icon {
padding-left: 15px;
}
/* line 58, ../_scss/components/_button-link.scss */
.button-link.medium {
font-size: 14px;
padding: 13px 20px 13px 35px;
line-height: 16px;
}
/* line 63, ../_scss/components/_button-link.scss */
.button-link.medium .icon {
font-size: 20px;
top: 11px;
}
/* line 67, ../_scss/components/_button-link.scss */
.button-link.medium.no-icon {
padding-left: 20px;
}
@media (min-width: 1000px) {
/* line 58, ../_scss/components/_button-link.scss */
.button-link.medium {
font-size: 16px;
padding: 15px 20px 15px 35px;
}
}
/* line 75, ../_scss/components/_button-link.scss */
.button-link.large {
font-family: "INGMeWeb-Bold", Arial, sans-serif;
font-size: 16px;
padding: 16px 20px 16px 35px;
line-height: 16px;
}
/* line 81, ../_scss/components/_button-link.scss */
.button-link.large .icon {
font-size: 24px;
top: 11px;
}
/* line 85, ../_scss/components/_button-link.scss */
.button-link.large.no-icon {
padding-left: 20px;
}
@media (min-width: 1000px) {
/* line 75, ../_scss/components/_button-link.scss */
.button-link.large {
padding: 20px 30px 20px 35px;
}
}
/* line 94, ../_scss/components/_button-link.scss */
.button-link.no-margin-right {
margin-right: 0;
}
/* line 97, ../_scss/components/_button-link.scss */
.button-link.white {
background-color: #fff;
color: #ff6200;
border: none;
}
/* line 102, ../_scss/components/_button-link.scss */
.button-link.white:active, .button-link.white:hover, .button-link.white:focus {
box-shadow: inset 0 0 0 1px #fff;
color: #fff;
background-color: #ff6200;
}
/* line 110, ../_scss/components/_button-link.scss */
.button-link.white.no-border {
border-color: #fff;
}
/* line 114, ../_scss/components/_button-link.scss */
.button-link.indigo {
background-color: #525199;
border-color: #525199;
color: #fff;
}
/* line 119, ../_scss/components/_button-link.scss */
.button-link.indigo:active, .button-link.indigo:hover, .button-link.indigo:focus {
box-shadow: inset 0 0 0 1px #525199;
}
/* line 128, ../_scss/components/_button-link.scss */
.text-button {
font-size: 14px;
background: red;
padding: 5px 10px;
display: inline-block;
background-color: #fff;
color: #525199;
border-radius: 6px;
transition: 0.3s;
}
/* line 138, ../_scss/components/_button-link.scss */
.text-button i {
font-size: 12px;
margin-right: 5px;
}
/* line 143, ../_scss/components/_button-link.scss */
.text-button.small {
padding: 6px 15px 6px 10px;
font-size: 14px;
border-radius: 6px;
text-decoration: none;
}
/* line 149, ../_scss/components/_button-link.scss */
.text-button.small.has-icon {
margin-bottom: 10px;
}
/* line 152, ../_scss/components/_button-link.scss */
.text-button.small.has-icon i {
top: 13px;
}
/* line 157, ../_scss/components/_button-link.scss */
.text-button.large {
padding: 6px 23px 6px 13px;
font-size: 16px;
border-radius: 6px;
text-decoration: none;
}
/* line 164, ../_scss/components/_button-link.scss */
.text-button.small-orange {
background-color: #ff6200;
color: white;
}
/* line 168, ../_scss/components/_button-link.scss */
.text-button.small-orange:hover, .text-button.small-orange:focus {
background-color: #525199;
}
/* line 172, ../_scss/components/_button-link.scss */
.text-button.large-orange {
background-color: #ff6200;
color: white;
}
/* line 176, ../_scss/components/_button-link.scss */
.text-button.large-orange:hover, .text-button.large-orange:focus {
background-color: #525199;
}
/* line 180, ../_scss/components/_button-link.scss */
.text-button.ghost-orange {
border: 1px solid #ff6200;
background-color: #fff;
color: #ff6200;
}
/* line 185, ../_scss/components/_button-link.scss */
.text-button.ghost-orange:hover, .text-button.ghost-orange:focus {
color: #000;
}
/* line 189, ../_scss/components/_button-link.scss */
.text-button.twitter {
background-color: #fff;
color: #1da1f2;
border: 1px solid #1da1f2;
}
/* line 194, ../_scss/components/_button-link.scss */
.text-button.twitter:hover {
background-color: #1da1f2;
color: #fff;
}
/* line 199, ../_scss/components/_button-link.scss */
.text-button.has-spacing {
margin: 20px 0;
}
/* line 202, ../_scss/components/_button-link.scss */
.text-button.has-icon {
position: relative;
padding-left: 20px;
}
/* line 206, ../_scss/components/_button-link.scss */
.text-button.has-icon i {
margin-right: 0;
position: absolute;
top: 10px;
left: 10px;
}
/* line 214, ../_scss/components/_button-link.scss */
.text-button.has-icon.large i {
top: 13px;
left: 0;
}
/* line 221, ../_scss/components/_button-link.scss */
.text-button.has-orange-icon i {
color: #ff6200;
}
/* line 1, ../_scss/components/_breadcrumbs.scss */
.breadcrumbs {
padding: 10px 0;
line-height: 16px;
}
@media (min-width: 760px) {
/* line 1, ../_scss/components/_breadcrumbs.scss */
.breadcrumbs {
padding: 10px 0 20px;
line-height: 20px;
display: block;
}
}
/* line 11, ../_scss/components/_breadcrumbs.scss */
.breadcrumbs a {
cursor: pointer;
}
/* line 15, ../_scss/components/_breadcrumbs.scss */
.breadcrumbs a:not(:first-child):hover {
text-decoration: underline;
}
/* line 18, ../_scss/components/_breadcrumbs.scss */
.breadcrumbs a:not(:first-child):hover:after {
text-decoration: none;
}
/* line 24, ../_scss/components/_breadcrumbs.scss */
.breadcrumbs a, .breadcrumbs .crumb {
font-size: 12px;
line-height: 16px;
color: #767676;
padding-right: 17px;
position: relative;
display: inline;
}
@media (min-width: 760px) {
/* line 24, ../_scss/components/_breadcrumbs.scss */
.breadcrumbs a, .breadcrumbs .crumb {
font-size: 14px;
padding-right: 24px;
}
}
/* line 37, ../_scss/components/_breadcrumbs.scss */
.breadcrumbs a:last-child, .breadcrumbs .crumb:last-child {
padding-right: 0;
}
/* line 40, ../_scss/components/_breadcrumbs.scss */
.breadcrumbs a:last-child:before, .breadcrumbs .crumb:last-child:before {
display: none;
}
/* line 46, ../_scss/components/_breadcrumbs.scss */
.breadcrumbs a:before, .breadcrumbs .crumb:before {
font-family: "fab-ingcons";
content: "\e60d";
font-size: 8px;
text-decoration: underline;
position: absolute;
bottom: -2px;
right: 2px;
display: inline-block;
}
@media (min-width: 760px) {
/* line 46, ../_scss/components/_breadcrumbs.scss */
.breadcrumbs a:before, .breadcrumbs .crumb:before {
font-size: 10px;
bottom: 0;
right: 5px;
}
}
/* line 62, ../_scss/components/_breadcrumbs.scss */
.breadcrumbs a:before, .breadcrumbs a:hover:before, .breadcrumbs .crumb:before, .breadcrumbs .crumb:hover:before {
text-decoration: none;
}
/* line 1, ../_scss/components/_calendar.scss */
.calendar-overview {
margin-bottom: 40px;
padding-top: 30px;
position: relative;
border-top: 1px solid #d6d6d6;
}
/* line 7, ../_scss/components/_calendar.scss */
.calendar-items {
list-style: none;
padding-left: 0;
margin: 15px 0 25px 0;
}
/* line 13, ../_scss/components/_calendar.scss */
.calendar-items.no-icons li {
padding-left: 0;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #d6d6d6;
}
/* line 19, ../_scss/components/_calendar.scss */
.calendar-items.no-icons li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
/* line 25, ../_scss/components/_calendar.scss */
.calendar-items.no-icons li .calendar-date {
font-size: 20px;
color: #ff6200;
display: inline;
}
/* line 31, ../_scss/components/_calendar.scss */
.calendar-items.no-icons li a {
text-decoration: none !important;
display: block;
}
/* line 35, ../_scss/components/_calendar.scss */
.calendar-items.no-icons li a:hover {
text-decoration: none;
}
/* line 38, ../_scss/components/_calendar.scss */
.calendar-items.no-icons li a:hover .title {
text-decoration: underline;
}
/* line 41, ../_scss/components/_calendar.scss */
.calendar-items.no-icons li a:hover .calendar-date {
border-bottom: 1px solid #ff6200;
}
/* line 49, ../_scss/components/_calendar.scss */
.calendar-items li {
position: relative;
min-height: 48px;
padding: 0 0 0 62px;
margin-bottom: 15px;
}
@media (min-width: 1000px) {
/* line 49, ../_scss/components/_calendar.scss */
.calendar-items li {
margin-bottom: 30px;
}
}
/* line 59, ../_scss/components/_calendar.scss */
.calendar-items li:before {
display: none;
}
/* line 62, ../_scss/components/_calendar.scss */
.calendar-items li:last-child {
margin-bottom: 0;
}
/* line 66, ../_scss/components/_calendar.scss */
.calendar-items li .calendar-icon {
width: 48px;
height: 48px;
font-size: 23px;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
background-color: #ff6200;
color: #fff;
text-align: center;
position: absolute;
top: 0;
left: 0;
border-radius: 6px;
}
/* line 79, ../_scss/components/_calendar.scss */
.calendar-items li .calendar-icon .month {
font-family: "INGMeWeb-Regular", Arial, sans-serif;
font-size: 16px;
line-height: 16px;
display: block;
margin-top: 4px;
}
/* line 87, ../_scss/components/_calendar.scss */
.calendar-items li .title {
font-size: 14px;
line-height: 20px;
color: #000;
display: block;
}
@media (min-width: 1000px) {
/* line 87, ../_scss/components/_calendar.scss */
.calendar-items li .title {
font-size: 16px;
line-height: 24px;
}
}
/* line 1, ../_scss/components/_callout.scss */
.callout {
padding: 20px;
position: relative;
background-color: #c4baaa;
color: #fff;
border-bottom-right-radius: 6px;
}
/* line 8, ../_scss/components/_callout.scss */
.callout .primary-title {
margin-bottom: 20px;
color: #fff;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
font-size: 30px;
word-wrap: normal;
line-height: 36px;
}
/* line 17, ../_scss/components/_callout.scss */
.callout .secondary-title {
margin-bottom: 15px;
color: #fff;
font-size: 20px;
line-height: 24px;
}
/* line 25, ../_scss/components/_callout.scss */
.callout .button-link:active, .callout .button-link:hover, .callout .button-link:focus {
border-color: #fff;
}
@media (min-width: 760px) {
/* line 1, ../_scss/components/_callout.scss */
.callout {
width: 330px;
padding: 30px;
}
/* line 36, ../_scss/components/_callout.scss */
.callout.bottom {
position: absolute;
left: 0;
bottom: 0;
}
/* line 42, ../_scss/components/_callout.scss */
.callout.small {
padding: 30px 20px;
}
/* line 46, ../_scss/components/_callout.scss */
.callout .button-link {
position: relative;
left: -30px;
padding-left: 44px;
border-color: #fff;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
/* line 54, ../_scss/components/_callout.scss */
.callout .button-link .icon {
left: 30px;
}
}
/* line 62, ../_scss/components/_callout.scss */
.secondary-callout .primary-title {
margin-bottom: 28px;
color: #1f1f1f;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
font-size: 30px;
line-height: 36px;
}
@media (min-width: 760px) {
/* line 61, ../_scss/components/_callout.scss */
.secondary-callout {
padding-top: 30px;
}
}
@media (min-width: 760px) {
/* line 1, ../_scss/components/_cards.scss */
.card-row {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: start;
justify-content: start;
}
}
@media (min-width: 760px) {
/* line 8, ../_scss/components/_cards.scss */
.card-row.reverse-order {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
/* line 14, ../_scss/components/_cards.scss */
.card-row .card-item {
margin-bottom: 15px;
border-radius: 6px;
position: relative;
width: 100%;
padding: 12px 15px 15px 15px;
box-sizing: border-box;
overflow: hidden;
display: block;
background-color: #fff;
box-shadow: 0 0 0 1px #D9D9D9, 0 2px 0 #D9D9D9;
}
/* line 26, ../_scss/components/_cards.scss */
.card-row .card-item.has-image {
padding-top: 215px;
}
@media (min-width: 760px) {
/* line 26, ../_scss/components/_cards.scss */
.card-row .card-item.has-image {
padding-top: 12px;
padding-left: 250px;
min-height: 300px;
}
}
@media (min-width: 1000px) {
/* line 26, ../_scss/components/_cards.scss */
.card-row .card-item.has-image {
padding-top: 20px;
padding-left: 316px;
}
}
/* line 39, ../_scss/components/_cards.scss */
.card-row .card-item.no-shadow {
box-shadow: none;
}
/* line 42, ../_scss/components/_cards.scss */
.card-row .card-item.full-width {
width: 100%;
}
/* line 45, ../_scss/components/_cards.scss */
.card-row .card-item.orange-back, .brand-check .card-row .card-item.orange-back {
background-color: #ff6200;
color: #fff;
}
/* line 49, ../_scss/components/_cards.scss */
.card-row .card-item.orange-back h2, .card-row .card-item.orange-back h3, .card-row .card-item.orange-back h4, .brand-check .card-row .card-item.orange-back h2, .brand-check .card-row .card-item.orange-back h3, .brand-check .card-row .card-item.orange-back h4 {
color: #fff;
}
/* line 52, ../_scss/components/_cards.scss */
.card-row .card-item.orange-back h2 a, .card-row .card-item.orange-back h3 a, .card-row .card-item.orange-back h4 a, .brand-check .card-row .card-item.orange-back h2 a, .brand-check .card-row .card-item.orange-back h3 a, .brand-check .card-row .card-item.orange-back h4 a {
color: #fff;
}
/* line 57, ../_scss/components/_cards.scss */
.card-row .card-item.has-cta {
padding-top: 0;
}
/* line 60, ../_scss/components/_cards.scss */
.card-row .card-item.has-cta .image-wrapper {
position: relative;
min-height: 200px;
}
/* line 64, ../_scss/components/_cards.scss */
.card-row .card-item.has-cta .image-wrapper img {
max-width: 100%;
margin: 0;
}
/* line 69, ../_scss/components/_cards.scss */
.card-row .card-item.has-cta .image-wrapper.full-width {
min-height: 200px;
}
@media (min-width: 760px) {
/* line 60, ../_scss/components/_cards.scss */
.card-row .card-item.has-cta .image-wrapper {
position: absolute;
}
}
/* line 79, ../_scss/components/_cards.scss */
.card-row .card-item *:not(li):last-child {
margin-bottom: 0;
}
/* line 83, ../_scss/components/_cards.scss */
.card-row .card-item .grey-back {
height: auto;
width: 100%;
position: relative;
top: 0;
left: 0;
}
@media (min-width: 760px) {
/* line 83, ../_scss/components/_cards.scss */
.card-row .card-item .grey-back {
height: 100%;
position: absolute;
}
}
/* line 97, ../_scss/components/_cards.scss */
.brand-check .card-row .card-item h2, .brand-check .card-row .card-item h3, .brand-check .card-row .card-item h4, .brand-check .card-row .card-item .h2, .brand-check .card-row .card-item .h3, .brand-check .card-row .card-item .h4 {
font-family: "INGMeWeb-Bold", Arial, sans-serif;
font-size: 20px;
line-height: 28px;
color: #ff6200;
margin-bottom: 10px;
margin-top: 0;
}
/* line 105, ../_scss/components/_cards.scss */
.brand-check .card-row .card-item h2:last-child, .brand-check .card-row .card-item h3:last-child, .brand-check .card-row .card-item h4:last-child, .brand-check .card-row .card-item .h2:last-child, .brand-check .card-row .card-item .h3:last-child, .brand-check .card-row .card-item .h4:last-child {
margin-bottom: 0;
}
/* line 109, ../_scss/components/_cards.scss */
.brand-check .card-row .card-item h2.title-highlight, .brand-check .card-row .card-item h3.title-highlight, .brand-check .card-row .card-item h4.title-highlight, .brand-check .card-row .card-item .h2.title-highlight, .brand-check .card-row .card-item .h3.title-highlight, .brand-check .card-row .card-item .h4.title-highlight {
background-color: #ff6200;
color: #fff;
padding: 10px 15px;
margin: -15px -15px 20px -15px;
position: relative;
z-index: 10;
}
@media (min-width: 1000px) {
/* line 109, ../_scss/components/_cards.scss */
.brand-check .card-row .card-item h2.title-highlight, .brand-check .card-row .card-item h3.title-highlight, .brand-check .card-row .card-item h4.title-highlight, .brand-check .card-row .card-item .h2.title-highlight, .brand-check .card-row .card-item .h3.title-highlight, .brand-check .card-row .card-item .h4.title-highlight {
padding: 15px 24px;
margin: -20px -24px 30px -24px;
}
}
/* line 122, ../_scss/components/_cards.scss */
.brand-check .card-row .card-item h2.title-highlight:after, .brand-check .card-row .card-item h3.title-highlight:after, .brand-check .card-row .card-item h4.title-highlight:after, .brand-check .card-row .card-item .h2.title-highlight:after, .brand-check .card-row .card-item .h3.title-highlight:after, .brand-check .card-row .card-item .h4.title-highlight:after {
position: absolute;
bottom: -10px;
content: '';
display: block;
width: 30px;
height: 30px;
background-color: #ff6200;
border-radius: 6px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
z-index: -1;
}
/* line 136, ../_scss/components/_cards.scss */
.brand-check .card-row .card-item h2.no-arrow, .brand-check .card-row .card-item h3.no-arrow, .brand-check .card-row .card-item h4.no-arrow, .brand-check .card-row .card-item .h2.no-arrow, .brand-check .card-row .card-item .h3.no-arrow, .brand-check .card-row .card-item .h4.no-arrow {
margin-bottom: 15px;
}
@media (min-width: 1000px) {
/* line 136, ../_scss/components/_cards.scss */
.brand-check .card-row .card-item h2.no-arrow, .brand-check .card-row .card-item h3.no-arrow, .brand-check .card-row .card-item h4.no-arrow, .brand-check .card-row .card-item .h2.no-arrow, .brand-check .card-row .card-item .h3.no-arrow, .brand-check .card-row .card-item .h4.no-arrow {
margin-bottom: 24px;
}
}
/* line 143, ../_scss/components/_cards.scss */
.brand-check .card-row .card-item h2.no-arrow:after, .brand-check .card-row .card-item h3.no-arrow:after, .brand-check .card-row .card-item h4.no-arrow:after, .brand-check .card-row .card-item .h2.no-arrow:after, .brand-check .card-row .card-item .h3.no-arrow:after, .brand-check .card-row .card-item .h4.no-arrow:after {
display: none;
}
/* line 147, ../_scss/components/_cards.scss */
.brand-check .card-row .card-item h2.light, .brand-check .card-row .card-item h3.light, .brand-check .card-row .card-item h4.light, .brand-check .card-row .card-item .h2.light, .brand-check .card-row .card-item .h3.light, .brand-check .card-row .card-item .h4.light {
font-family: "INGMeWeb-Regular", Arial, sans-serif;
}
/* line 152, ../_scss/components/_cards.scss */
.card-row .card-item .timestamp, .card-row .card-item .detail {
color: #767676;
font-size: 12px;
line-height: 16px;
display: block;
margin-bottom: 12px;
}
/* line 159, ../_scss/components/_cards.scss */
.card-row .card-item p {
font-size: 14px;
line-height: 20px;
margin-bottom: 20px;
}
@media (min-width: 1000px) {
/* line 159, ../_scss/components/_cards.scss */
.card-row .card-item p {
margin-bottom: 20px;
font-size: 16px;
line-height: 24px;
}
}
/* line 170, ../_scss/components/_cards.scss */
.card-row .card-item img {
margin: 10px 0;
}
/* line 173, ../_scss/components/_cards.scss */
.card-row .card-item ul, .card-row .card-item ol {
margin-bottom: 15px;
}
/* line 176, ../_scss/components/_cards.scss */
.card-row .card-item ul:last-child, .card-row .card-item ol:last-child {
margin-bottom: 0;
}
/* line 180, ../_scss/components/_cards.scss */
.card-row .card-item ul li, .card-row .card-item ol li {
margin-top: 15px;
}
/* line 184, ../_scss/components/_cards.scss */
.card-row .card-item ul a, .card-row .card-item ol a {
color: #000;
}
/* line 187, ../_scss/components/_cards.scss */
.card-row .card-item ul a:hover, .card-row .card-item ol a:hover {
text-decoration: underline;
}
/* line 192, ../_scss/components/_cards.scss */
.card-row .card-item .image-wrapper {
position: absolute;
top: 0;
left: 0;
margin: 0;
display: block;
height: 200px;
width: 100%;
border-radius: 0;
z-index: 10;
overflow: hidden;
}
@media (min-width: 760px) {
/* line 192, ../_scss/components/_cards.scss */
.card-row .card-item .image-wrapper {
width: 236px;
height: 100%;
border-radius: 6px 0 0 6px;
}
}
@media (min-width: 1000px) {
/* line 192, ../_scss/components/_cards.scss */
.card-row .card-item .image-wrapper {
width: 292px;
}
}
/* line 213, ../_scss/components/_cards.scss */
.card-row .card-item .image-wrapper.full-width {
width: 100%;
height: 100%;
}
/* line 218, ../_scss/components/_cards.scss */
.card-row .card-item .image-wrapper img {
min-height: 100%;
min-width: 100%;
max-width: none;
max-height: none;
margin: 0;
border-radius: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
}
/* line 232, ../_scss/components/_cards.scss */
.card-row .card-item .image-wrapper-cta {
position: relative;
width: 100%;
padding: 15px 15px 15px 15px;
background-color: #fff;
z-index: 11;
}
@media (min-width: 760px) {
/* line 232, ../_scss/components/_cards.scss */
.card-row .card-item .image-wrapper-cta {
position: absolute;
bottom: 0;
left: 0;
padding: 25px 24px 24px 24px;
}
}
/* line 246, ../_scss/components/_cards.scss */
.card-row .card-item .image-wrapper-cta h2 {
font-family: "INGMeWeb-Regular", Arial, sans-serif;
}
@media (min-width: 760px) {
/* line 246, ../_scss/components/_cards.scss */
.card-row .card-item .image-wrapper-cta h2 {
float: left;
margin-top: 7px;
}
}
@media (min-width: 760px) {
/* line 246, ../_scss/components/_cards.scss */
.card-row .card-item .image-wrapper-cta h2 {
font-size: 24px;
}
}
@media (min-width: 760px) {
/* line 257, ../_scss/components/_cards.scss */
.card-row .card-item .image-wrapper-cta .button-link {
float: right;
}
}
@media (min-width: 760px) {
/* line 14, ../_scss/components/_cards.scss */
.card-row .card-item {
width: 223px;
}
}
@media (min-width: 1000px) {
/* line 14, ../_scss/components/_cards.scss */
.card-row .card-item {
width: 294px;
padding: 20px 24px 24px 24px;
margin-bottom: 30px;
}
}
@media (min-width: 760px) {
/* line 273, ../_scss/components/_cards.scss */
.card-row .card-double {
width: 461px;
}
}
@media (min-width: 1000px) {
/* line 273, ../_scss/components/_cards.scss */
.card-row .card-double {
width: 617px;
}
}
/* line 281, ../_scss/components/_cards.scss */
.card-row .card-clean {
padding: 0;
}
/* line 284, ../_scss/components/_cards.scss */
.card-row .card-clean img {
margin: 0;
border-radius: 0;
min-width: 100%;
}
/* line 291, ../_scss/components/_cards.scss */
.card-row .card-clean .button-link span {
padding: 0;
margin: 0;
}
/* line 297, ../_scss/components/_cards.scss */
.card-row .card-clean span {
display: block;
padding: 12px 15px 15px 15px;
}
@media (min-width: 1000px) {
/* line 297, ../_scss/components/_cards.scss */
.card-row .card-clean span {
padding: 20px 24px 24px 24px;
}
}
/* line 305, ../_scss/components/_cards.scss */
.card-row .card-clean span img {
border-radius: 6px;
margin-bottom: 10px;
}
/* line 309, ../_scss/components/_cards.scss */
.card-row .card-clean span img:first-child {
margin-top: 3px;
}
@media (min-width: 1000px) {
/* line 309, ../_scss/components/_cards.scss */
.card-row .card-clean span img:first-child {
margin-top: 4px;
}
}
/* line 320, ../_scss/components/_cards.scss */
.card-row .card-clean a p {
color: #1f1f1f;
}
/* line 325, ../_scss/components/_cards.scss */
.card-row .grey-back {
background-color: #f0f0f0;
}
/* line 328, ../_scss/components/_cards.scss */
.card-row .card-holder {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
}
/* line 333, ../_scss/components/_cards.scss */
.card-row .card-holder .card-item {
-ms-flex-positive: 1;
flex-grow: 1;
}
/* line 342, ../_scss/components/_cards.scss */
.rte_container .card-blocks.cards-hidden .card-blocks-content {
max-height: none;
}
/* line 345, ../_scss/components/_cards.scss */
.rte_container .card-blocks.cards-hidden .card-blocks-content .card-block {
opacity: 1;
}
/* line 352, ../_scss/components/_cards.scss */
.card-blocks.cards-hidden .card-blocks-content {
max-height: 0;
}
/* line 355, ../_scss/components/_cards.scss */
.card-blocks.cards-hidden .card-blocks-content .card-block {
opacity: 0;
}
/* line 360, ../_scss/components/_cards.scss */
.card-blocks .card-blocks-content {
text-align: left;
overflow: hidden;
margin: 0;
padding: 0;
}
/* line 366, ../_scss/components/_cards.scss */
.card-blocks .card-block {
margin-bottom: 15px;
border-radius: 6px;
position: relative;
width: 100%;
padding: 10px 5px 10px 10px;
box-sizing: border-box;
overflow: hidden;
display: block;
background-color: #fff;
box-shadow: 0 0 0 1px #D9D9D9, 0 2px 0 #D9D9D9;
transition: opacity 1s;
}
@media (min-width: 760px) {
/* line 366, ../_scss/components/_cards.scss */
.card-blocks .card-block {
width: 223px;
float: left;
margin-right: 15px;
}
/* line 384, ../_scss/components/_cards.scss */
.card-blocks .card-block:nth-child(3n) {
margin-right: 0;
}
}
@media (min-width: 1000px) {
/* line 366, ../_scss/components/_cards.scss */
.card-blocks .card-block {
width: 294px;
padding: 15px 25px 15px 15px;
margin-bottom: 30px;
margin-right: 30px;
}
/* line 394, ../_scss/components/_cards.scss */
.card-blocks .card-block:nth-child(3n) {
width: 292px;
margin-right: 0;
}
}
/* line 401, ../_scss/components/_cards.scss */
.card-blocks .card-blocks-more {
text-align: center;
}
/* line 1, ../_scss/components/_card-search.scss */
.card-search {
margin-bottom: 15px;
border-radius: 6px;
position: relative;
width: 100%;
padding: 12px 15px 15px 15px;
box-sizing: border-box;
overflow: hidden;
display: block;
background-color: #ff6200;
color: #fff;
box-shadow: 0 0 0 1px #D9D9D9, 0 2px 0 #D9D9D9;
}
@media (min-width: 1000px) {
/* line 1, ../_scss/components/_card-search.scss */
.card-search {
padding: 20px 24px 24px 24px;
margin-bottom: 30px;
}
}
/* line 19, ../_scss/components/_card-search.scss */
.card-search h2 {
margin-bottom: 20px;
}
@media (min-width: 1000px) {
/* line 19, ../_scss/components/_card-search.scss */
.card-search h2 {
margin-bottom: 20px;
}
}
/* line 26, ../_scss/components/_card-search.scss */
.card-search h2 a {
color: inherit;
border-bottom: 1px solid transparent;
transition: 0.3s border-color;
}
/* line 31, ../_scss/components/_card-search.scss */
.card-search h2 a:hover {
border-bottom: 1px solid currentColor;
}
/* line 37, ../_scss/components/_card-search.scss */
.card-search *:last-child {
margin-bottom: 0;
}
/* line 41, ../_scss/components/_card-search.scss */
.card-search .card-search-form {
position: relative;
width: 100%;
}
@media (min-width: 760px) {
/* line 41, ../_scss/components/_card-search.scss */
.card-search .card-search-form {
height: 48px;
}
}
@media (min-width: 1000px) {
/* line 41, ../_scss/components/_card-search.scss */
.card-search .card-search-form {
height: 48px;
}
}
/* line 53, ../_scss/components/_card-search.scss */
.card-search .card-search-form.multi-field .card-search-label {
height: auto;
width: 100%;
}
/* line 57, ../_scss/components/_card-search.scss */
.card-search .card-search-form.multi-field .card-search-input {
position: relative;
top: auto;
left: auto;
margin-bottom: 15px;
}
@media (min-width: 760px) {
/* line 57, ../_scss/components/_card-search.scss */
.card-search .card-search-form.multi-field .card-search-input {
width: 360px;
float: left;
margin-bottom: 0;
border-radius: 6px 0 0 6px;
}
}
@media (min-width: 1000px) {
/* line 57, ../_scss/components/_card-search.scss */
.card-search .card-search-form.multi-field .card-search-input {
width: 542px;
}
}
/* line 73, ../_scss/components/_card-search.scss */
.card-search .card-search-form.multi-field .card-search-dropdown {
margin-bottom: 15px;
}
@media (min-width: 760px) {
/* line 73, ../_scss/components/_card-search.scss */
.card-search .card-search-form.multi-field .card-search-dropdown {
width: 238px;
margin-bottom: 0;
float: left;
}
}
@media (min-width: 1000px) {
/* line 73, ../_scss/components/_card-search.scss */
.card-search .card-search-form.multi-field .card-search-dropdown {
width: 278px;
}
}
@media (max-width: 760px) {
/* line 85, ../_scss/components/_card-search.scss */
.card-search .card-search-form.multi-field .card-search-button {
position: relative;
top: auto;
right: auto;
width: 100%;
margin-top: 5px;
border-radius: 6px;
background-color: #fff;
}
/* line 95, ../_scss/components/_card-search.scss */
.card-search .card-search-form.multi-field .card-search-button .button-title {
display: block;
}
/* line 98, ../_scss/components/_card-search.scss */
.card-search .card-search-form.multi-field .card-search-button i {
display: none;
}
}
@media (min-width: 760px) {
/* line 85, ../_scss/components/_card-search.scss */
.card-search .card-search-form.multi-field .card-search-button {
margin: 0;
border-radius: 0 6px 6px 0;
background: #fff;
}
}
@media (min-width: 760px) {
/* line 110, ../_scss/components/_card-search.scss */
.card-search .card-search-form.multi-field-triple .card-search-input {
width: 231px;
}
}
@media (min-width: 1000px) {
/* line 110, ../_scss/components/_card-search.scss */
.card-search .card-search-form.multi-field-triple .card-search-input {
width: 359px;
}
}
@media (min-width: 760px) {
/* line 118, ../_scss/components/_card-search.scss */
.card-search .card-search-form.multi-field-triple .card-search-dropdown {
width: 183px;
}
}
@media (min-width: 1000px) {
/* line 118, ../_scss/components/_card-search.scss */
.card-search .card-search-form.multi-field-triple .card-search-dropdown {
width: 230px;
}
}
/* line 129, ../_scss/components/_card-search.scss */
.card-search .card-search-label {
position: relative;
width: 100%;
display: block;
height: 44px;
}
@media (min-width: 760px) {
/* line 129, ../_scss/components/_card-search.scss */
.card-search .card-search-label {
width: 400px;
float: left;
height: 48px;
margin-bottom: 0;
}
}
@media (min-width: 1000px) {
/* line 129, ../_scss/components/_card-search.scss */
.card-search .card-search-label {
width: 550px;
}
}
/* line 145, ../_scss/components/_card-search.scss */
.card-search .card-search-input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 44px;
border: none;
}
/* line 153, ../_scss/components/_card-search.scss */
.card-search .card-search-input:focus {
border: none;
}
@media (min-width: 760px) {
/* line 145, ../_scss/components/_card-search.scss */
.card-search .card-search-input {
height: 48px;
margin-right: 1px;
}
}
/* line 162, ../_scss/components/_card-search.scss */
.card-search .card-search-dropdown {
position: relative;
height: 44px;
}
@media (min-width: 760px) {
/* line 162, ../_scss/components/_card-search.scss */
.card-search .card-search-dropdown {
height: 48px;
margin-bottom: 0;
margin-right: 1px;
}
}
/* line 172, ../_scss/components/_card-search.scss */
.card-search .card-search-dropdown:after {
content: '';
top: calc(50% + 3px);
right: 15px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 0, 0, 0);
border-top-color: #000000;
border-width: 5px;
margin-left: -5px;
pointer-events: none;
transform: translateY(-50%);
}
/* line 190, ../_scss/components/_card-search.scss */
.card-search .card-search-select {
width: 100%;
height: 44px;
border-radius: 6px;
border: none;
padding: 0.5em 1em 0.3em 1em;
background-color: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
@media (min-width: 760px) {
/* line 190, ../_scss/components/_card-search.scss */
.card-search .card-search-select {
height: 48px;
border-radius: 0;
}
}
/* line 207, ../_scss/components/_card-search.scss */
.card-search .card-search-button {
position: absolute;
top: 0;
right: 0;
height: 44px;
width: 44px;
line-height: 44px;
text-align: center;
cursor: pointer;
background-color: transparent;
}
@media (min-width: 760px) {
/* line 207, ../_scss/components/_card-search.scss */
.card-search .card-search-button {
height: 48px;
width: 70px;
line-height: 50px;
}
}
/* line 225, ../_scss/components/_card-search.scss */
.card-search .card-search-button:active i {
color: #fff;
}
/* line 230, ../_scss/components/_card-search.scss */
.card-search .card-search-button .button-title {
color: #ff6200;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
font-size: 16px;
display: none;
}
/* line 236, ../_scss/components/_card-search.scss */
.card-search .card-search-button i {
color: #ff6200;
font-size: 16px;
cursor: pointer;
}
/* line 242, ../_scss/components/_card-search.scss */
.card-search .card-search-button-more {
font-weight: bold;
font-size: 14px;
line-height: 14px;
color: #fff;
display: inline-block;
padding-left: 18px;
position: relative;
}
/* line 252, ../_scss/components/_card-search.scss */
.card-search .card-search-button-more:hover {
text-decoration: underline;
}
/* line 256, ../_scss/components/_card-search.scss */
.card-search .card-search-button-more i {
font-size: 12px;
position: absolute;
top: 1px;
left: 0px;
}
@media (min-width: 760px) {
/* line 242, ../_scss/components/_card-search.scss */
.card-search .card-search-button-more {
position: absolute;
bottom: 0;
right: 0;
}
}
/* line 1, ../_scss/components/_careers-search.scss */
.careers-search {
position: relative;
}
/* line 4, ../_scss/base/_search-layout.scss */
.careers-search h1 {
font-family: "INGMeWeb-Bold", Arial, sans-serif;
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
color: #ff6200;
}
@media (min-width: 1000px) {
/* line 4, ../_scss/base/_search-layout.scss */
.careers-search h1 {
font-size: 32px;
}
}
/* line 16, ../_scss/base/_search-layout.scss */
.careers-search-header {
color: #fff;
display: block;
border-radius: 6px;
margin-bottom: 15px;
}
@media (min-width: 760px) {
/* line 16, ../_scss/base/_search-layout.scss */
.careers-search-header {
margin-bottom: 30px;
}
}
/* line 26, ../_scss/base/_search-layout.scss */
.careers-search-header img {
border-radius: 6px;
}
/* line 31, ../_scss/base/_search-layout.scss */
.careers-search-form {
width: 100%;
position: relative;
margin: 15px 0;
height: 44px;
}
@media (min-width: 1000px) {
/* line 31, ../_scss/base/_search-layout.scss */
.careers-search-form {
margin: 12px 0 24px 0;
height: 48px;
}
}
/* line 43, ../_scss/base/_search-layout.scss */
.careers-search-label {
position: relative;
width: 100%;
height: 44px;
display: block;
}
@media (min-width: 1000px) {
/* line 43, ../_scss/base/_search-layout.scss */
.careers-search-label {
width: 450px;
height: 48px;
}
}
/* line 54, ../_scss/base/_search-layout.scss */
.careers-search-label .autocomplete-suggestions {
background-color: #fff;
top: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
border-radius: 6px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
/* line 62, ../_scss/base/_search-layout.scss */
.careers-search-label .autocomplete-suggestions .autocomplete-suggestion {
padding: 10px 15px;
color: #1f1f1f;
}
/* line 66, ../_scss/base/_search-layout.scss */
.careers-search-label .autocomplete-suggestions .autocomplete-suggestion:hover, .careers-search-label .autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected {
background-color: #ff6200;
color: #fff;
}
/* line 74, ../_scss/base/_search-layout.scss */
.careers-search-input {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 44px;
}
@media (min-width: 1000px) {
/* line 74, ../_scss/base/_search-layout.scss */
.careers-search-input {
height: 48px;
width: 100%;
}
}
/* line 87, ../_scss/base/_search-layout.scss */
.careers-search-button {
position: absolute;
top: 0;
right: 0;
height: 44px;
width: 44px;
line-height: 46px;
text-align: center;
cursor: pointer;
border-radius: 0 6px 6px 0;
background-color: transparent;
color: #ff6200;
}
@media (min-width: 760px) {
/* line 87, ../_scss/base/_search-layout.scss */
.careers-search-button {
background-color: #ff6200;
color: #fff;
}
/* line 104, ../_scss/base/_search-layout.scss */
.careers-search-button:hover, .careers-search-button:active {
background-color: #fff;
color: #ff6200;
box-shadow: inset 0 0 0 1px #ff6200;
}
}
/* line 111, ../_scss/base/_search-layout.scss */
.careers-search-button span {
display: none;
}
@media (min-width: 760px) {
/* line 111, ../_scss/base/_search-layout.scss */
.careers-search-button span {
display: inline;
position: relative;
bottom: 2px;
padding-left: 3px;
}
}
@media (min-width: 760px) {
/* line 87, ../_scss/base/_search-layout.scss */
.careers-search-button {
width: 110px;
}
}
@media (min-width: 1000px) {
/* line 87, ../_scss/base/_search-layout.scss */
.careers-search-button {
height: 48px;
line-height: 50px;
}
}
/* line 132, ../_scss/base/_search-layout.scss */
.careers-search-filters {
width: 100%;
margin-bottom: 20px;
border-radius: 6px;
}
@media (min-width: 760px) {
/* line 132, ../_scss/base/_search-layout.scss */
.careers-search-filters {
position: absolute;
top: 0;
left: 0;
width: 224px;
padding: 15px 15px 0 15px;
box-shadow: 0 0 0 1px #D9D9D9, 0 2px 0 #D9D9D9;
}
}
@media (min-width: 1000px) {
/* line 132, ../_scss/base/_search-layout.scss */
.careers-search-filters {
width: 294px;
}
}
/* line 149, ../_scss/base/_search-layout.scss */
.careers-search-filters h2 {
font-family: "INGMeWeb-Bold", Arial, sans-serif;
margin: 20px 0;
font-weight: bold;
color: #ff6200;
position: relative;
}
/* line 156, ../_scss/base/_search-layout.scss */
.careers-search-filters h2 i {
position: absolute;
font-size: 14px;
right: 15px;
top: 6px;
}
@media (min-width: 760px) {
/* line 156, ../_scss/base/_search-layout.scss */
.careers-search-filters h2 i {
display: none;
}
}
@media (min-width: 760px) {
/* line 149, ../_scss/base/_search-layout.scss */
.careers-search-filters h2 {
margin-bottom: 20px;
margin-top: 0;
}
}
/* line 173, ../_scss/base/_search-layout.scss */
.careers-search-filters.fixed {
position: fixed;
bottom: 30px;
left: calc(50% - 470px);
}
/* line 180, ../_scss/base/_search-layout.scss */
.careers-search-sidebar {
box-shadow: none;
padding: 0;
}
/* line 185, ../_scss/base/_search-layout.scss */
.careers-search-sidebar-content {
box-shadow: 0 0 0 1px #D9D9D9, 0 2px 0 #D9D9D9;
margin-bottom: 20px;
border-radius: 6px;
padding: 15px;
}
/* line 192, ../_scss/base/_search-layout.scss */
.careers-search-filter {
padding-bottom: 15px;
margin-top: 15px;
display: none;
}
@media (min-width: 1000px) {
/* line 192, ../_scss/base/_search-layout.scss */
.careers-search-filter {
display: block;
}
}
/* line 201, ../_scss/base/_search-layout.scss */
.careers-search-filter:last-child {
margin-bottom: 0;
}
/* line 205, ../_scss/base/_search-layout.scss */
.careers-search-filter h3 {
font-family: "INGMeWeb-Bold", Arial, sans-serif;
font-size: 16px;
font-weight: bold;
position: relative;
padding-right: 30px;
cursor: pointer;
}
/* line 213, ../_scss/base/_search-layout.scss */
.careers-search-filter h3 i {
position: absolute;
top: 3px;
right: 15px;
font-size: 14px;
color: #ff6200;
transition: 0.3s transform;
}
/* line 223, ../_scss/base/_search-layout.scss */
.careers-search-filter a, .careers-search-filter .careers-search-toggle-subitems {
display: block;
font-size: 14px;
color: #1f1f1f;
cursor: pointer;
overflow: hidden;
max-height: 0;
opacity: 0;
transition: 1s opacity, 0.3s color;
}
/* line 233, ../_scss/base/_search-layout.scss */
.careers-search-filter a:hover, .careers-search-filter .careers-search-toggle-subitems:hover {
color: #ff6200;
}
/* line 238, ../_scss/base/_search-layout.scss */
.careers-search-filter .careers-search-toggle-subitems {
color: #ff6200;
}
/* line 241, ../_scss/base/_search-layout.scss */
.careers-search-filter .careers-search-toggle-subitems:hover {
text-decoration: underline;
}
/* line 247, ../_scss/base/_search-layout.scss */
.careers-search-filter.show-more h3 {
padding-bottom: 10px;
}
/* line 250, ../_scss/base/_search-layout.scss */
.careers-search-filter.show-more h3 i {
transform: rotate(180deg);
}
/* line 255, ../_scss/base/_search-layout.scss */
.careers-search-filter.show-more a, .careers-search-filter.show-more .careers-search-toggle-subitems {
max-height: none;
opacity: 1;
}
/* line 262, ../_scss/base/_search-layout.scss */
.careers-search-filter .careers-search-filter-subitems .careers-search-filter-link {
max-height: 0;
opacity: 0;
}
/* line 268, ../_scss/base/_search-layout.scss */
.careers-search-filter .careers-search-filter-subitems.show-more .careers-search-filter-link {
max-height: none;
opacity: 1;
}
/* line 278, ../_scss/base/_search-layout.scss */
.careers-search-filter-mobile {
display: none;
position: relative;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #d6d6d6;
}
@media (min-width: 760px) {
/* line 278, ../_scss/base/_search-layout.scss */
.careers-search-filter-mobile {
display: block;
}
}
@media (min-width: 1000px) {
/* line 278, ../_scss/base/_search-layout.scss */
.careers-search-filter-mobile {
display: none;
}
}
/* line 292, ../_scss/base/_search-layout.scss */
.careers-search-filter-mobile h3 {
font-family: "INGMeWeb-Bold", Arial, sans-serif;
font-size: 16px;
font-weight: bold;
position: relative;
padding-right: 30px;
cursor: pointer;
}
/* line 300, ../_scss/base/_search-layout.scss */
.careers-search-filter-mobile h3 i {
position: absolute;
top: 3px;
right: 15px;
font-size: 14px;
color: #ff6200;
transition: 0.3s transform;
}
/* line 310, ../_scss/base/_search-layout.scss */
.show-mobile-filters .careers-search-filter-mobile {
display: block;
}
@media (min-width: 1000px) {
/* line 310, ../_scss/base/_search-layout.scss */
.show-mobile-filters .careers-search-filter-mobile {
display: none;
}
}
/* line 318, ../_scss/base/_search-layout.scss */
.show-mobile-filters .careers-search-filter-mobile .mobile-title i {
transform: rotate(180deg);
}
/* line 325, ../_scss/base/_search-layout.scss */
.careers-search-filter-select {
-webkit-appearance: none;
appearance: none;
-moz-appearance: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: none;
border: none;
opacity: 0;
}
@media (min-width: 760px) {
/* line 339, ../_scss/base/_search-layout.scss */
.careers-search-results {
padding-left: 250px;
}
}
@media (min-width: 1000px) {
/* line 339, ../_scss/base/_search-layout.scss */
.careers-search-results {
padding-left: 325px;
}
}
/* line 347, ../_scss/base/_search-layout.scss */
.careers-search-results h2 {
font-size: 20px;
margin-bottom: 20px;
}
@media (min-width: 760px) {
/* line 347, ../_scss/base/_search-layout.scss */
.careers-search-results h2 {
margin-bottom: 20px;
}
}
/* line 356, ../_scss/base/_search-layout.scss */
.careers-search-results .mobile-title {
cursor: pointer;
font-size: 20px;
margin-bottom: 0;
padding-bottom: 15px;
border-bottom: 1px solid #d6d6d6;
}
@media (min-width: 1000px) {
/* line 356, ../_scss/base/_search-layout.scss */
.careers-search-results .mobile-title {
display: none;
}
}
/* line 368, ../_scss/base/_search-layout.scss */
.careers-search-results .desktop-title {
display: none;
}
@media (min-width: 1000px) {
/* line 368, ../_scss/base/_search-layout.scss */
.careers-search-results .desktop-title {
display: block;
}
}
/* line 377, ../_scss/base/_search-layout.scss */
.careers-search-result {
margin-bottom: 24px;
position: relative;
width: 100%;
box-sizing: border-box;
overflow: hidden;
padding-bottom: 20px;
border-bottom: 1px solid #d6d6d6;
}
@media (min-width: 1000px) {
/* line 377, ../_scss/base/_search-layout.scss */
.careers-search-result {
margin-bottom: 24px;
padding-bottom: 20px;
}
}
/* line 391, ../_scss/base/_search-layout.scss */
.careers-search-result h3 {
font-family: "INGMeWeb-Bold", Arial, sans-serif;
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
/* line 398, ../_scss/base/_search-layout.scss */
.careers-search-result h3 a:link, .careers-search-result h3 a:visited {
color: #ff6200;
}
/* line 402, ../_scss/base/_search-layout.scss */
.careers-search-result h3 a:hover {
color: #ff6200;
text-decoration: underline;
}
/* line 409, ../_scss/base/_search-layout.scss */
.careers-search-result figure {
display: block;
float: left;
margin: 0 15px 10px 0;
padding: 0;
}
/* line 415, ../_scss/base/_search-layout.scss */
.careers-search-result figure img {
width: 120px;
}
/* line 420, ../_scss/base/_search-layout.scss */
.careers-search-result p {
font-size: 16px;
margin: 0;
}
/* line 425, ../_scss/base/_search-layout.scss */
.careers-search-result .alternative-information {
margin-top: 10px;
font-size: 14px;
}
/* line 430, ../_scss/base/_search-layout.scss */
.careers-search .careers-search-result .alternative-information a {
color: #ff6200;
}
/* line 436, ../_scss/base/_search-layout.scss */
.careers-search-result .meta-information {
color: #a8a8a8;
font-size: 14px;
margin-top: 4px;
}
/* line 442, ../_scss/base/_search-layout.scss */
.careers-search-result-highlight {
border: 1px solid #d6d6d6;
padding: 0;
border-radius: 6px;
}
@media (min-width: 1000px) {
/* line 442, ../_scss/base/_search-layout.scss */
.careers-search-result-highlight {
border-radius: 6px;
}
}
/* line 451, ../_scss/base/_search-layout.scss */
.careers-search-result-highlight figure {
overflow: hidden;
position: relative;
height: 100%;
}
/* line 456, ../_scss/base/_search-layout.scss */
.careers-search-result-highlight figure img {
width: 100%;
border-radius: 6px;
}
@media (min-width: 1000px) {
/* line 456, ../_scss/base/_search-layout.scss */
.careers-search-result-highlight figure img {
object-fit: cover;
border-radius: 0;
height: 100%;
width: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
/* line 470, ../_scss/base/_search-layout.scss */
.careers-search-result-highlight .media-image {
padding: 20px 20px 0 20px;
}
@media (min-width: 1000px) {
/* line 470, ../_scss/base/_search-layout.scss */
.careers-search-result-highlight .media-image {
padding: 0;
}
}
/* line 478, ../_scss/base/_search-layout.scss */
.careers-search-result-highlight .media-text {
padding: 10px 20px;
}
/* line 482, ../_scss/base/_search-layout.scss */
.careers-search-result-highlight .media-text h3 a {
color: #ff6200;
}
/* line 485, ../_scss/base/_search-layout.scss */
.careers-search-result-highlight .media-text h3 a:hover, .careers-search-result-highlight .media-text h3 a:focus {
color: #1f1f1f;
}
@media (min-width: 1000px) {
/* line 478, ../_scss/base/_search-layout.scss */
.careers-search-result-highlight .media-text {
padding: 10px 20px;
}
}
@media (min-width: 1000px) {
/* line 498, ../_scss/base/_search-layout.scss */
.careers-search-filters-active {
margin-bottom: 30px;
}
}
/* line 504, ../_scss/base/_search-layout.scss */
.careers-search .careers-search-filters-active a {
color: #ff6200;
}
/* line 507, ../_scss/base/_search-layout.scss */
.careers-search .careers-search-filters-active a:hover, .careers-search .careers-search-filters-active a:focus {
color: #1f1f1f;
}
/* line 514, ../_scss/base/_search-layout.scss */
.careers-search .careers-search-active-filter {
padding: 5px 25px 5px 15px;
border: 1px solid #ff6200;
border-radius: 6px;
display: block;
margin: 10px 0;
position: relative;
color: #ff6200;
}
/* line 523, ../_scss/base/_search-layout.scss */
.careers-search .careers-search-active-filter:hover {
color: #1f1f1f;
}
/* line 527, ../_scss/base/_search-layout.scss */
.careers-search .careers-search-active-filter i {
position: absolute;
top: 12px;
right: 15px;
font-size: 14px;
}
/* line 1, ../_scss/components/_carousel-nav.scss */
.carousel-nav {
padding: 0;
overflow: hidden;
list-style: none;
line-height: 40px;
text-align: center;
}
/* line 122, ../_scss/_mixins.scss */
.carousel-nav li:before {
display: none;
}
/* line 9, ../_scss/components/_carousel-nav.scss */
.carousel-nav li {
width: 15px;
height: 15px;
display: block;
margin-left: 6px;
float: left;
background-color: #a8a8a8;
border-radius: 2px;
color: white;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
font-size: 20px;
cursor: pointer;
}
/* line 22, ../_scss/components/_carousel-nav.scss */
.carousel-nav li:first-child {
margin-left: 0;
}
/* line 26, ../_scss/components/_carousel-nav.scss */
.carousel-nav li:active, .carousel-nav li:hover, .carousel-nav li:focus {
background-color: #006;
}
/* line 32, ../_scss/components/_carousel-nav.scss */
.carousel-nav li.swiper-active-switch {
background-color: #ff6200;
}
/* line 1, ../_scss/components/_content-popup.scss */
.content-popup {
position: fixed;
top: -99999px;
left: -99999px;
opacity: 0;
z-index: 9999;
width: 100%;
height: 100%;
background: #fff;
border-radius: 6px;
transition: 0.5s opacity;
}
/* line 13, ../_scss/components/_content-popup.scss */
.content-popup.visible {
top: 0;
left: 0;
opacity: 1;
}
@media (min-width: 760px) {
/* line 13, ../_scss/components/_content-popup.scss */
.content-popup.visible {
top: 50%;
left: 50%;
}
}
@media (min-width: 760px) {
/* line 1, ../_scss/components/_content-popup.scss */
.content-popup {
left: 50%;
top: 50%;
width: 680px;
height: 85%;
min-height: 300px;
max-height: 700px;
box-shadow: 0 0 0 900px rgba(0, 0, 0, 0.5);
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
}
}
/* line 36, ../_scss/components/_content-popup.scss */
.content-popup .close-content-popup {
position: absolute;
top: 10px;
right: 10px;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
cursor: pointer;
z-index: 20;
}
/* line 47, ../_scss/components/_content-popup.scss */
.content-popup .content-popup-content {
position: absolute;
top: 0;
left: 0;
padding: 25px 10px 10px 10px;
width: 100%;
height: 100%;
max-height: 100%;
box-sizing: border-box;
overflow: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
@media (min-width: 760px) {
/* line 47, ../_scss/components/_content-popup.scss */
.content-popup .content-popup-content {
padding: 20px;
}
}
@media (min-width: 1000px) {
/* line 47, ../_scss/components/_content-popup.scss */
.content-popup .content-popup-content {
padding: 40px;
}
}
/* line 67, ../_scss/components/_content-popup.scss */
.content-popup .content-popup-content h1, .content-popup .content-popup-content h2 {
font-size: 24px;
line-height: 30px;
color: #333;
}
/* line 72, ../_scss/components/_content-popup.scss */
.content-popup .content-popup-content p {
font-size: 14px;
}
/* line 1, ../_scss/components/_country-list.scss */
.country-list {
margin: 0;
padding: 0;
max-width: 100%;
font-size: 15px;
}
/* line 7, ../_scss/components/_country-list.scss */
.country-list:first-child {
margin-left: 0;
}
@media (min-width: 760px) {
/* line 1, ../_scss/components/_country-list.scss */
.country-list {
width: 160px;
margin-left: 20px;
padding: 40px 0;
float: left;
}
}
@media (min-width: 1000px) {
/* line 1, ../_scss/components/_country-list.scss */
.country-list {
width: 220px;
}
}
/* line 22, ../_scss/components/_country-list.scss */
.country-list li {
padding: 6px 0;
border-bottom: 1px solid #d6d6d6;
}
/* line 26, ../_scss/components/_country-list.scss */
.country-list li:before {
display: none;
}
/* line 30, ../_scss/components/_country-list.scss */
.country-list li.active a {
color: #ff6200;
}
/* line 35, ../_scss/components/_country-list.scss */
.country-list a {
color: #333;
padding-left: 2px;
display: block;
text-decoration: none;
}
/* line 41, ../_scss/components/_country-list.scss */
.country-list a:hover, .country-list a:focus {
color: #ff6200;
}
/* line 1, ../_scss/components/_country-map.scss */
.country-map {
margin-bottom: 30px;
position: relative;
}
/* line 5, ../_scss/components/_country-map.scss */
.country-map a {
display: block;
}
/* line 9, ../_scss/components/_country-map.scss */
.country-map figcaption {
width: 100%;
height: 100%;
border-bottom: 0;
display: none;
position: absolute;
top: 0;
left: 0;
background-color: rgba(249, 249, 249, 0.6);
color: #ff6200;
}
/* line 20, ../_scss/components/_country-map.scss */
.country-map figcaption span {
width: 100%;
padding: 15px 0;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
font-size: 14px;
}
/* line 34, ../_scss/components/_country-map.scss */
.country-map:active figcaption, .country-map:hover figcaption, .country-map:focus figcaption {
display: block;
}
/* line 1, ../_scss/components/_date-text-list.scss */
.date-text-container {
clear: both;
margin-bottom: 60px;
}
/* line 5, ../_scss/components/_date-text-list.scss */
.date-text-container .date-text-title {
margin-bottom: 5px;
font-size: 20px;
}
/* line 10, ../_scss/components/_date-text-list.scss */
.homepage .date-text-container {
margin-bottom: 0;
}
/* line 14, ../_scss/components/_date-text-list.scss */
.date-text-list {
max-width: 100% !important;
margin: 0 0 10px 0;
padding: 0;
list-style: none;
font-size: 16px;
line-height: 26px;
}
/* line 122, ../_scss/_mixins.scss */
.date-text-list li:before {
display: none;
}
/* line 23, ../_scss/components/_date-text-list.scss */
.date-text-list li {
position: relative;
border-top: 1px solid #d6d6d6;
}
/* line 27, ../_scss/components/_date-text-list.scss */
.date-text-list li:first-child {
border-top: 0;
}
/* line 31, ../_scss/components/_date-text-list.scss */
.date-text-list li:hover {
border-top-color: transparent;
}
/* line 34, ../_scss/components/_date-text-list.scss */
.date-text-list li:hover .link-wrapper {
border-radius: 6px;
background-color: #f0f0f0;
text-decoration: none;
}
@media (min-width: 760px) {
/* line 34, ../_scss/components/_date-text-list.scss */
.date-text-list li:hover .link-wrapper {
margin-left: -20px;
margin-right: -20px;
padding-left: 128px;
padding-right: 115px;
}
}
/* line 46, ../_scss/components/_date-text-list.scss */
.date-text-list li:hover + li {
border-top-color: transparent;
}
/* line 51, ../_scss/components/_date-text-list.scss */
.date-text-list li .link-wrapper:focus {
background-color: #d6d6d6;
text-decoration: none;
}
/* line 56, ../_scss/components/_date-text-list.scss */
.date-text-list .link-wrapper {
display: block;
padding: 10px 0 10px 108px;
color: inherit;
text-decoration: none;
}
@media (min-width: 760px) {
/* line 56, ../_scss/components/_date-text-list.scss */
.date-text-list .link-wrapper {
padding-right: 95px;
}
}
/* line 67, ../_scss/components/_date-text-list.scss */
.date-text-list .timestamp {
font-size: 14px;
line-height: 14px;
color: #a8a8a8;
}
/* line 72, ../_scss/components/_date-text-list.scss */
.date-text-list p {
margin: 0;
}
/* line 78, ../_scss/components/_date-text-list.scss */
.date-text-list.slim .link-wrapper {
padding-right: 0;
}
/* line 82, ../_scss/components/_date-text-list.scss */
.date-text-list.slim li {
border-top: 0;
}
@media (min-width: 760px) {
/* line 86, ../_scss/components/_date-text-list.scss */
.date-text-list.slim li:hover .link-wrapper {
padding-right: 20px;
}
}
/* line 92, ../_scss/components/_date-text-list.scss */
.date-text-list.slim .timestamp {
color: #a8a8a8;
}
@media (min-width: 760px) {
/* line 100, ../_scss/components/_date-text-list.scss */
.date-text-list.downloads li:hover .link-wrapper {
padding-left: 20px;
padding-right: 20px;
}
}
/* line 107, ../_scss/components/_date-text-list.scss */
.date-text-list.downloads li:hover .fake-link {
color: #1f1f1f;
}
/* line 111, ../_scss/components/_date-text-list.scss */
.date-text-list.downloads li:hover .download-name {
text-decoration: underline;
}
/* line 116, ../_scss/components/_date-text-list.scss */
.date-text-list.downloads li .date-text-item-title {
padding-top: 5px;
}
/* line 120, ../_scss/components/_date-text-list.scss */
.date-text-list.downloads .link-wrapper {
padding-left: 10px;
padding-right: 10px;
}
/* line 110, ../_scss/_mixins.scss */
.date-text-list.downloads .link-wrapper:after {
content: "";
display: table;
clear: both;
}
@media (min-width: 760px) {
/* line 120, ../_scss/components/_date-text-list.scss */
.date-text-list.downloads .link-wrapper {
padding-left: 0;
padding-right: 0;
min-height: 65px;
}
}
/* line 131, ../_scss/components/_date-text-list.scss */
.date-text-list.downloads .fake-link {
padding-left: 20px;
}
/* line 134, ../_scss/components/_date-text-list.scss */
.date-text-list.downloads .fake-link .icon {
font-size: 16px;
position: absolute;
top: 0;
left: 0;
}
/* line 142, ../_scss/components/_date-text-list.scss */
.date-text-list.downloads .timestamp {
display: block;
}
@media (min-width: 760px) {
/* line 150, ../_scss/components/_date-text-list.scss */
.date-text-list .left-wrapper,
.agenda-list .left-wrapper {
width: 460px;
float: left;
}
}
/* line 157, ../_scss/components/_date-text-list.scss */
.date-text-list .right-wrapper,
.agenda-list .right-wrapper {
padding-top: 11px;
position: relative;
min-height: 40px;
}
@media (min-width: 760px) {
/* line 157, ../_scss/components/_date-text-list.scss */
.date-text-list .right-wrapper,
.agenda-list .right-wrapper {
width: auto;
max-width: 220px;
float: right;
font-size: 14px;
}
}
/* line 170, ../_scss/components/_date-text-list.scss */
.date-text-list .date-text-item-title,
.agenda-list .date-text-item-title {
padding-top: 21px;
display: block;
}
/* line 175, ../_scss/components/_date-text-list.scss */
.date-text-list .icon-ppt,
.date-text-list .icon-xls,
.date-text-list .icon-doc,
.date-text-list .icon-pdf,
.agenda-list .icon-ppt,
.agenda-list .icon-xls,
.agenda-list .icon-doc,
.agenda-list .icon-pdf {
margin-right: 10px;
display: inline-block;
float: left;
position: absolute;
bottom: 0;
left: 0;
}
/* line 187, ../_scss/components/_date-text-list.scss */
.date-text-list .fake-link,
.date-text-list .agenda-link,
.agenda-list .fake-link,
.agenda-list .agenda-link {
display: block;
color: #1f1f1f;
line-height: 1.2;
position: absolute;
bottom: 0;
left: 0;
padding-left: 40px;
font-size: 14px;
white-space: nowrap;
text-decoration: none;
}
@media (min-width: 760px) {
/* line 187, ../_scss/components/_date-text-list.scss */
.date-text-list .fake-link,
.date-text-list .agenda-link,
.agenda-list .fake-link,
.agenda-list .agenda-link {
right: 0;
left: auto;
}
}
/* line 205, ../_scss/components/_date-text-list.scss */
.date-text-list .fake-link .icon,
.date-text-list .agenda-link .icon,
.agenda-list .fake-link .icon,
.agenda-list .agenda-link .icon {
color: #ff6200;
}
/* line 210, ../_scss/components/_date-text-list.scss */
.date-text-list .arrow-link,
.agenda-list .arrow-link {
margin: 0;
}
/* line 213, ../_scss/components/_date-text-list.scss */
.date-text-list .arrow-link:hover,
.agenda-list .arrow-link:hover {
text-decoration: underline;
}
/* line 217, ../_scss/components/_date-text-list.scss */
.date-text-list .arrow-link .icon,
.agenda-list .arrow-link .icon {
top: 13px;
}
/* line 222, ../_scss/components/_date-text-list.scss */
.date-text-list .download-name,
.agenda-list .download-name {
display: block;
}
/* line 226, ../_scss/components/_date-text-list.scss */
.date-text-list .download-size,
.agenda-list .download-size {
display: block;
text-decoration: none;
}
/* line 232, ../_scss/components/_date-text-list.scss */
.date-text-link-list {
list-style: none;
padding: 0;
margin-bottom: 10px;
margin-top: 15px;
font-size: 14px;
line-height: 20px;
}
@media (min-width: 1000px) {
/* line 232, ../_scss/components/_date-text-list.scss */
.date-text-link-list {
font-size: 16px;
line-height: 20px;
}
}
/* line 245, ../_scss/components/_date-text-list.scss */
.date-text-link-list li {
padding: 15px 0;
border-top: 1px solid #d6d6d6;
}
/* line 249, ../_scss/components/_date-text-list.scss */
.date-text-link-list li:before {
display: none;
}
/* line 252, ../_scss/components/_date-text-list.scss */
.date-text-link-list li:last-child {
padding-bottom: 0;
}
/* line 257, ../_scss/components/_date-text-list.scss */
.date-text-link-list li a.link-wrapper:hover {
text-decoration: none;
}
/* line 260, ../_scss/components/_date-text-list.scss */
.date-text-link-list li a.link-wrapper:hover span {
text-decoration: underline;
}
/* line 263, ../_scss/components/_date-text-list.scss */
.date-text-link-list li a.link-wrapper:hover .timestamp {
text-decoration: none;
}
/* line 268, ../_scss/components/_date-text-list.scss */
.date-text-link-list li a.link-wrapper .timestamp {
color: #767676;
font-size: 12px;
display: block;
margin-bottom: 5px;
text-decoration: none;
}
/* line 275, ../_scss/components/_date-text-list.scss */
.date-text-link-list li a.link-wrapper span {
display: block;
}
/* =============================================================================
Dialog(s):
============================================================================= */
/* line 5, ../_scss/components/_dialogs.scss */
.overlay {
width: 100%;
height: 100%;
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 1499;
background: transparent url("../img/bg_transparent_black.png") 0 0 repeat;
}
/* line 16, ../_scss/components/_dialogs.scss */
.dialog {
width: 90%;
height: auto;
padding: 20px 15px 15px 15px;
position: absolute;
top: 40px;
left: 40px;
display: none;
z-index: 1500;
background-color: #fff;
}
/* line 27, ../_scss/components/_dialogs.scss */
.dialog h1,
.dialog h2 {
margin-bottom: 20px;
color: #ff6200;
font-size: 22px;
line-height: 1.2;
}
/* line 35, ../_scss/components/_dialogs.scss */
.dialog .actions {
padding-top: 20px;
border-top: 1px solid #a8a8a8;
}
@media (min-width: 760px) {
/* line 16, ../_scss/components/_dialogs.scss */
.dialog {
max-width: 700px;
padding: 40px 30px 30px 30px;
}
}
/* line 46, ../_scss/components/_dialogs.scss */
.disclaimer-content {
display: none;
}
/* line 50, ../_scss/components/_dialogs.scss */
.close-button {
width: 30px;
height: 30px;
display: block;
position: absolute;
top: 0;
right: 0;
background-color: #ff6200;
color: white;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
line-height: 30px;
text-align: center;
text-decoration: none;
}
/* line 64, ../_scss/components/_dialogs.scss */
.close-button:hover, .close-button:focus {
background-color: #006;
color: white;
text-decoration: none;
}
/* line 75, ../_scss/components/_dialogs.scss */
.video-dialog .embed-container,
.video-dialog figure {
margin: 0;
}
/* line 80, ../_scss/components/_dialogs.scss */
.video-dialog .close-button {
top: -30px;
}
/* line 1, ../_scss/components/_download-link-list.scss */
.download-link-list {
margin: 0;
padding: 0;
}
/* line 122, ../_scss/_mixins.scss */
.download-link-list li:before {
display: none;
}
/* line 6, ../_scss/components/_download-link-list.scss */
.download-link-list li {
margin-bottom: 20px;
padding: 0;
position: relative;
}
/* line 12, ../_scss/components/_download-link-list.scss */
.download-link-list.smaller {
margin-top: 20px;
margin-bottom: 20px;
}
/* line 16, ../_scss/components/_download-link-list.scss */
.download-link-list.smaller li {
margin-bottom: 10px;
}
/* line 22, ../_scss/components/_download-link-list.scss */
.download-link {
min-height: 30px;
position: relative;
display: block;
line-height: 1.2;
text-decoration: none;
}
/* line 29, ../_scss/components/_download-link-list.scss */
.download-link-list.smaller .download-link {
font-size: 14px;
min-height: 0;
line-height: 1.5em;
}
/* line 34, ../_scss/components/_download-link-list.scss */
.download-link-list.smaller .download-link .download-text {
padding-left: 25px;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
/* line 41, ../_scss/components/_download-link-list.scss */
.download-link-list.smaller .download-link .icon {
position: absolute;
left: 0;
top: 1px;
}
/* line 48, ../_scss/components/_download-link-list.scss */
.download-link:active, .download-link:hover, .download-link:focus {
color: #1f1f1f;
text-decoration: none;
}
/* line 54, ../_scss/components/_download-link-list.scss */
.download-link:active .icon, .download-link:hover .icon, .download-link:focus .icon {
background-color: #006;
}
/* line 58, ../_scss/components/_download-link-list.scss */
.download-link:active .download-text, .download-link:hover .download-text, .download-link:focus .download-text {
text-decoration: underline;
}
/* line 63, ../_scss/components/_download-link-list.scss */
.download-link .icon {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
width: 30px;
height: 30px;
background-color: #ff6200;
color: #fff;
font-size: 30px;
line-height: 30px;
text-align: center;
}
/* line 76, ../_scss/components/_download-link-list.scss */
.download-link .icon.icon-file, .download-link .icon.icon-document {
width: 25px;
}
/* line 79, ../_scss/components/_download-link-list.scss */
.download-link .icon.icon-file:before, .download-link .icon.icon-document:before {
border-width: 8px;
}
/* line 83, ../_scss/components/_download-link-list.scss */
.download-link .icon.icon-xls, .download-link .icon.icon-ppt, .download-link .icon.icon-doc, .download-link .icon.icon-pdf {
background-color: transparent;
}
/* line 92, ../_scss/components/_download-link-list.scss */
.download-text {
display: inline-block;
vertical-align: middle;
max-width: 90%;
}
/* line 98, ../_scss/components/_download-link-list.scss */
.download-name {
display: block;
}
/* line 1, ../_scss/components/_dropdown-list.scss */
.dropdown-list {
position: relative;
display: inline-block;
width: auto;
max-width: 100%;
padding: 0 10px;
font-size: 14px;
}
@media (min-width: 760px) {
/* line 1, ../_scss/components/_dropdown-list.scss */
.dropdown-list {
font-size: 13px;
}
}
/* line 17, ../_scss/components/_dropdown-list.scss */
.dropdown-list.active {
padding: 0;
vertical-align: bottom;
}
/* line 23, ../_scss/components/_dropdown-list.scss */
.dropdown-list .label {
display: block;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
min-height: 26px;
}
/* line 29, ../_scss/components/_dropdown-list.scss */
.js .dropdown-list .label {
visibility: hidden;
}
/* line 33, ../_scss/components/_dropdown-list.scss */
.dropdown-list.active .label {
visibility: visible;
}
/* line 36, ../_scss/components/_dropdown-list.scss */
.dropdown-list.active .label a {
display: block;
min-height: 26px;
padding: 0 2px 0 10px;
color: #ff6200;
text-decoration: none;
}
/* line 43, ../_scss/components/_dropdown-list.scss */
.dropdown-list.active .label a:hover, .dropdown-list.active .label a:focus {
background-color: #fff;
color: #ff6200;
}
/* line 48, ../_scss/components/_dropdown-list.scss */
.dropdown-list.active .label a:after {
content: "";
font-family: "fab-ingcons";
font-size: 65%;
display: inline-block;
vertical-align: top;
margin-left: 8px;
}
/* line 62, ../_scss/components/_dropdown-list.scss */
.dropdown-list .list {
display: block;
width: 100%;
border-radius: 6px;
box-shadow: 0 0 0 1px #D9D9D9, 0 2px 0 #D9D9D9;
}
/* line 68, ../_scss/components/_dropdown-list.scss */
.js .dropdown-list .list {
display: none;
}
/* line 73, ../_scss/components/_dropdown-list.scss */
.dropdown-list.active .list {
list-style: none;
display: block;
margin: 0;
padding: 0;
position: absolute;
z-index: 90;
top: 26px;
left: 0;
background-color: #fff;
}
/* line 122, ../_scss/_mixins.scss */
.dropdown-list.active .list li:before {
display: none;
}
/* line 84, ../_scss/components/_dropdown-list.scss */
.dropdown-list.active .list.closed {
display: none;
}
/* line 93, ../_scss/components/_dropdown-list.scss */
.dropdown-list.active li {
list-style: none;
display: block;
margin: 0;
padding: 0;
white-space: nowrap;
}
/* line 100, ../_scss/components/_dropdown-list.scss */
.dropdown-list.active li:last-child {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
/* line 106, ../_scss/components/_dropdown-list.scss */
.dropdown-list a {
display: block;
padding: 5px 10px 5px 10px;
text-decoration: none;
transition: none;
}
@media (min-width: 760px) {
/* line 106, ../_scss/components/_dropdown-list.scss */
.dropdown-list a {
padding: 8px 10px 8px 10px;
}
}
/* line 116, ../_scss/components/_dropdown-list.scss */
.dropdown-list a:hover, .dropdown-list a:focus {
color: #fff;
text-decoration: underline;
background-color: #ff6200;
}
/* line 1, ../_scss/components/_dropdown-select.scss */
.dropdown-select {
position: relative;
display: inline-block;
border: 1px solid #767676;
border-radius: 6px;
cursor: pointer;
}
/* line 8, ../_scss/components/_dropdown-select.scss */
.dropdown-select .dropdown-label {
position: relative;
z-index: 5;
height: 44px;
line-height: 44px;
padding: 0 15px;
padding-right: 50px;
}
/* line 16, ../_scss/components/_dropdown-select.scss */
.dropdown-select .dropdown-label:after {
position: absolute;
top: 20px;
right: 15px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 0 6px;
border-color: #1f1f1f transparent transparent transparent;
}
/* line 29, ../_scss/components/_dropdown-select.scss */
.dropdown-select select {
-webkit-appearance: none;
appearance: none;
-moz-appearance: none;
position: absolute;
top: 0;
left: 0;
height: 100%;
min-width: 100%;
padding-left: 15px;
z-index: 50;
opacity: 0;
cursor: pointer;
}
/* =============================================================================
Page / Features archive
============================================================================= */
/* line 7, ../_scss/components/_features.scss */
.features-overview .filter.filter-categories {
min-width: 160px;
}
@media (min-width: 760px) {
/* line 7, ../_scss/components/_features.scss */
.features-overview .filter.filter-categories {
min-width: 140px;
}
}
/* line 14, ../_scss/components/_features.scss */
.features-overview .filter.filter-years {
min-width: 110px;
}
/* line 19, ../_scss/components/_features.scss */
.features-overview .three-col .col {
padding-bottom: 15px;
border-bottom: 1px solid #f0f0f0;
}
/* line 23, ../_scss/components/_features.scss */
.features-overview .three-col .col:last-child {
padding-bottom: 0;
border-bottom: 0;
}
@media (min-width: 760px) {
/* line 19, ../_scss/components/_features.scss */
.features-overview .three-col .col {
padding-bottom: 0;
border-bottom: 0;
}
}
/* line 34, ../_scss/components/_features.scss */
.features-overview .filtered-list {
margin-bottom: 20px;
}
/* line 38, ../_scss/components/_features.scss */
.features-higlighted {
padding-bottom: 10px;
margin-bottom: 30px;
margin-top: 30px;
border-bottom: 1px solid #f0f0f0;
/*
HTML element for breaking long words.
This CSS is needed for IE8 that doesn't support wbr.
Reference: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/wbr
Usage: hypotheektoezegging
*/
}
/* line 110, ../_scss/_mixins.scss */
.features-higlighted:after {
content: "";
display: table;
clear: both;
}
/* line 45, ../_scss/components/_features.scss */
.features-higlighted a {
display: block;
color: inherit;
text-decoration: none;
}
/* line 110, ../_scss/_mixins.scss */
.features-higlighted a:after {
content: "";
display: table;
clear: both;
}
@media (min-width: 760px) {
/* line 52, ../_scss/components/_features.scss */
.features-higlighted a:active, .features-higlighted a:hover, .features-higlighted a:focus {
margin: -10px;
padding: 10px;
background-color: #f0f0f0;
border-radius: 6px;
}
}
/* line 63, ../_scss/components/_features.scss */
.features-higlighted p {
margin-bottom: 20px;
}
/* line 67, ../_scss/components/_features.scss */
.features-higlighted .secondary-title {
font-size: 24px;
line-height: 1.25;
}
/* line 72, ../_scss/components/_features.scss */
.features-higlighted figure + div {
margin-top: 20px;
}
@media (min-width: 760px) {
/* line 38, ../_scss/components/_features.scss */
.features-higlighted {
border-bottom: 0;
}
/* line 80, ../_scss/components/_features.scss */
.features-higlighted figure {
float: left;
width: 460px;
margin-right: 20px;
margin-bottom: 0;
}
}
@media (min-width: 760px) and (min-width: 760px) {
/* line 86, ../_scss/components/_features.scss */
.features-higlighted figure + div {
margin-top: 0;
line-height: 14px;
}
}
@media (min-width: 760px) {
/* line 94, ../_scss/components/_features.scss */
.features-higlighted p {
max-width: none;
}
/* line 98, ../_scss/components/_features.scss */
.features-higlighted .secondary-title {
width: 220px;
float: left;
}
}
/* =============================================================================
FilteredOverview:
List-like page with filters on top.
============================================================================= */
/* line 10, ../_scss/components/_filters.scss */
.filtered-overview .filters {
margin: 0 0 10px 0;
border-bottom: 1px solid #d6d6d6;
text-align: right;
}
/* line 16, ../_scss/components/_filters.scss */
.filtered-overview.art-gallery .filters {
border-bottom: none;
}
/* line 20, ../_scss/components/_filters.scss */
.filtered-overview .filters-toc {
display: block;
list-style: none;
max-width: none;
text-align: left;
padding: 0 0 4px 0;
border-bottom: 1px solid #d6d6d6;
font-size: 13px;
}
/* line 122, ../_scss/_mixins.scss */
.filtered-overview .filters-toc li:before {
display: none;
}
/* line 30, ../_scss/components/_filters.scss */
.filtered-overview .filters-toc li {
display: inline-block;
float: none;
background-color: transparent;
}
/* line 35, ../_scss/components/_filters.scss */
.filtered-overview .filters-toc a {
position: relative;
display: inline-block;
padding: .1em 14px .1em 4px;
color: #ff6200;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
text-decoration: none;
}
/* line 43, ../_scss/components/_filters.scss */
.filtered-overview .filters-toc a:after {
content: "";
font-family: "fab-ingcons";
position: absolute;
top: 9px;
right: -2px;
display: block;
font-size: 9px;
line-height: 1;
}
/* line 54, ../_scss/components/_filters.scss */
.filtered-overview .filters-toc li.active a {
color: #1f1f1f;
}
/* line 57, ../_scss/components/_filters.scss */
.filtered-overview .filters-toc li.active a:after {
content: "";
top: 7px;
}
/* line 65, ../_scss/components/_filters.scss */
.filtered-overview .filter {
vertical-align: top;
}
/* =============================================================================
Filtered : search-field
============================================================================= */
/* line 78, ../_scss/components/_filters.scss */
.filter-search {
width: 350px;
float: left;
position: relative;
top: -7px;
margin-bottom: 20px;
}
@media (min-width: 760px) {
/* line 78, ../_scss/components/_filters.scss */
.filter-search {
margin-bottom: 0;
}
}
/* line 89, ../_scss/components/_filters.scss */
.filter-search .input-text {
width: 200px;
margin: 0;
padding: 0 5px;
float: left;
display: inline-block;
border-right: 0;
height: 25px;
line-height: 25px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
font-size: 13px;
border-color: #d6d6d6;
}
/* line 103, ../_scss/components/_filters.scss */
.filter-search .input-text:focus {
border-right: 0;
}
/* line 108, ../_scss/components/_filters.scss */
.filter-search .input-submit {
display: inline-block;
margin: 0;
padding: 6px 7px 5px 7px;
float: left;
position: relative;
width: 25px;
height: 25px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
/* line 119, ../_scss/components/_filters.scss */
.filter-search .input-submit .icon {
left: 9px;
top: 6px;
}
@media (min-width: 760px) {
/* line 108, ../_scss/components/_filters.scss */
.filter-search .input-submit {
padding-top: 4px;
padding-bottom: 3px;
}
}
/* =============================================================================
Filtered: type 'tagcloud'
============================================================================= */
/* line 140, ../_scss/components/_filters.scss */
.filter-tags {
margin: 0 0 1px 0;
padding: 20px 20px 6px 20px !important;
background-color: #f0f0f0 !important;
text-align: left;
}
/* line 146, ../_scss/components/_filters.scss */
.filter-tags p {
margin-bottom: 10px;
}
/* line 150, ../_scss/components/_filters.scss */
.filter-tags .label {
display: inline-block;
vertical-align: baseline;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
font-weight: normal;
margin-right: 14px;
margin-bottom: 10px;
}
/* =============================================================================
FilteredList: The result-list of the filtering.
- used for all selections
============================================================================= */
/* line 167, ../_scss/components/_filters.scss */
ol.filtered-list,
ul.filtered-list,
.filtered-list {
list-style: none;
display: block;
margin: 0;
padding: 0;
max-width: none;
}
/* line 122, ../_scss/_mixins.scss */
ol.filtered-list li:before,
ul.filtered-list li:before,
.filtered-list li:before {
display: none;
}
/* line 177, ../_scss/components/_filters.scss */
ol.filtered-list li,
ul.filtered-list li,
.filtered-list li {
list-style: none;
margin: 0;
padding: 0;
}
/* line 183, ../_scss/components/_filters.scss */
ol.filtered-list a,
ul.filtered-list a,
.filtered-list a {
display: block;
}
/* line 187, ../_scss/components/_filters.scss */
ol.filtered-list .button-link,
ul.filtered-list .button-link,
.filtered-list .button-link {
display: inline-block;
}
/*
Filtered Results Header:
*/
/* line 196, ../_scss/components/_filters.scss */
.filtered-results-header {
position: relative;
}
/*
Filtered Sorter:
*/
/* line 202, ../_scss/components/_filters.scss */
.filtered-sorter {
position: relative;
margin: 0 0 1em 0;
text-align: right;
}
/* line 207, ../_scss/components/_filters.scss */
.filtered-sorter label {
display: inline-block;
vertical-align: middle;
}
@media (min-width: 760px) {
/* line 202, ../_scss/components/_filters.scss */
.filtered-sorter {
position: absolute;
top: 0;
right: 0;
width: 50%;
}
}
/* line 1, ../_scss/components/_footer.scss */
.global-footer {
margin-top: 30px;
clear: both;
}
/* line 5, ../_scss/components/_footer.scss */
.global-footer .column {
margin-bottom: 30px;
}
@media (min-width: 760px) {
/* line 1, ../_scss/components/_footer.scss */
.global-footer {
margin-top: 80px;
}
/* line 12, ../_scss/components/_footer.scss */
.global-footer .column {
width: 220px;
float: left;
margin-right: 20px;
}
/* line 17, ../_scss/components/_footer.scss */
.global-footer .last {
margin-right: 0;
}
}
@media (min-width: 1000px) {
/* line 1, ../_scss/components/_footer.scss */
.global-footer {
padding-left: 240px;
}
}
/* line 26, ../_scss/components/_footer.scss */
.global-footer a {
color: inherit;
}
/* line 29, ../_scss/components/_footer.scss */
.global-footer a:active, .global-footer a:hover, .global-footer a:focus {
color: #ff6200;
text-decoration: none;
}
/* line 35, ../_scss/components/_footer.scss */
.global-footer a:active .icon, .global-footer a:hover .icon, .global-footer a:focus .icon {
background-color: #ff6200;
}
/* line 42, ../_scss/components/_footer.scss */
.global-footer .simple-list {
margin-bottom: 30px;
font-size: 13px;
line-height: 20px;
}
/* line 47, ../_scss/components/_footer.scss */
.global-footer .simple-list li {
margin-bottom: 17px;
}
/* line 52, ../_scss/components/_footer.scss */
.global-footer .social-list {
font-size: 13px;
line-height: 24px;
}
/* line 56, ../_scss/components/_footer.scss */
.global-footer .social-list .icon-on-block {
background-color: #a8a8a8;
font-size: 12px;
}
/* line 60, ../_scss/components/_footer.scss */
.global-footer .social-list .icon-on-block.icon-facebook {
font-size: 22px;
}
/* line 63, ../_scss/components/_footer.scss */
.global-footer .social-list .icon-on-block.icon-facebook:before {
position: relative;
top: 1px;
right: 2px;
}
/* line 70, ../_scss/components/_footer.scss */
.global-footer .social-list .icon-on-block.icon-twitter {
font-size: 11px;
}
/* line 74, ../_scss/components/_footer.scss */
.global-footer .social-list .icon-on-block.icon-blog {
font-size: 16px;
}
/* line 78, ../_scss/components/_footer.scss */
.global-footer .social-list .icon-on-block.icon-linkedin {
font-size: 13px;
}
/* line 81, ../_scss/components/_footer.scss */
.global-footer .social-list .icon-on-block.icon-linkedin:before {
position: relative;
top: -1px;
left: 1px;
}
/* line 88, ../_scss/components/_footer.scss */
.global-footer .social-list .icon-on-block.icon-youtube {
font-size: 18px;
}
/* line 91, ../_scss/components/_footer.scss */
.global-footer .social-list .icon-on-block.icon-youtube:before {
position: relative;
top: -1px;
}
/* line 97, ../_scss/components/_footer.scss */
.global-footer .social-list .icon-on-block.icon-email {
font-size: 9px;
}
/* line 100, ../_scss/components/_footer.scss */
.global-footer .social-list .icon-on-block.icon-email:before {
position: relative;
left: 0.5px;
}
/* line 106, ../_scss/components/_footer.scss */
.global-footer .social-list .icon-on-block.icon-flickr {
font-size: 7px;
}
/* line 110, ../_scss/components/_footer.scss */
.global-footer .social-list .icon-on-block.icon-investor-media-app {
font-size: 9px;
}
/* line 117, ../_scss/components/_footer.scss */
.footer-title {
margin-bottom: 17px;
color: #ff6200;
font-size: 20px;
}
@media (min-width: 760px) {
/* line 117, ../_scss/components/_footer.scss */
.footer-title {
margin-bottom: 35px;
font-size: 24px;
}
}
/*
Wider footer on full-content pages (homepage amongst others)
*/
@media (min-width: 1000px) {
/* line 132, ../_scss/components/_footer.scss */
.full-content .global-footer {
padding-left: 0;
}
/* line 136, ../_scss/components/_footer.scss */
.full-content .global-footer .column.second {
width: 300px;
}
/* line 139, ../_scss/components/_footer.scss */
.full-content .global-footer .column.last {
width: 380px;
}
/* line 143, ../_scss/components/_footer.scss */
.full-content .global-footer .column section {
width: 50%;
float: left;
}
}
/* =============================================================================
Lowest part of footer (Legal, Privacy statement, etc):
============================================================================= */
/* line 153, ../_scss/components/_footer.scss */
.lower-footer {
margin-top: 20px;
padding-top: 27px;
padding-bottom: 110px;
position: relative;
clear: both;
color: #767676;
border-top: 1px solid #d6d6d6;
}
@media (min-width: 760px) {
/* line 153, ../_scss/components/_footer.scss */
.lower-footer {
margin-top: 45px;
}
}
/* line 2, ../_scss/components/_glossary.scss */
.glossary-form .field {
padding-left: 0;
overflow: hidden;
}
/* line 6, ../_scss/components/_glossary.scss */
.glossary-form input[type=text] {
width: 100%;
display: inline-block;
vertical-align: middle;
float: left;
margin: 0 0 10px 0;
}
@media (min-width: 760px) {
/* line 6, ../_scss/components/_glossary.scss */
.glossary-form input[type=text] {
width: auto;
margin-bottom: 0;
}
}
/* line 19, ../_scss/components/_glossary.scss */
.glossary-form input[type=submit] {
margin: 0 0 0 10px;
padding: 6px 7px 5px 7px;
float: left;
}
@media (min-width: 760px) {
/* line 19, ../_scss/components/_glossary.scss */
.glossary-form input[type=submit] {
padding-top: 2px;
padding-bottom: 3px;
}
}
/* line 31, ../_scss/components/_glossary.scss */
.glossary-list {
margin: 0 0 15px 0;
padding: 10px 0;
border-top: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
overflow: hidden;
list-style: none;
}
/* line 39, ../_scss/components/_glossary.scss */
.glossary-list li {
float: left;
}
/* line 42, ../_scss/components/_glossary.scss */
.glossary-list a, .glossary-list strong {
display: block;
padding: 0 5px;
}
/* line 1, ../_scss/components/_header.scss */
.global-header {
position: relative;
width: 100%;
z-index: 101;
height: auto;
}
@media (min-width: 1000px) {
/* line 10, ../_scss/components/_header.scss */
.js .global-header {
height: 114px;
border-bottom: 1px solid #d9d9d9;
}
/* line 15, ../_scss/components/_header.scss */
.homepage .global-header {
height: 102px;
border-bottom: 1px solid rgba(0, 0, 0, 0);
}
}
/* line 25, ../_scss/components/_header.scss */
.global-header .upper-header {
height: 62px;
position: relative;
}
/* line 30, ../_scss/components/_header.scss */
.global-header .logo {
display: inline-block;
height: 30px;
position: relative;
text-decoration: none;
top: 21px;
width: 119px;
}
@media (min-width: 760px) {
/* line 30, ../_scss/components/_header.scss */
.global-header .logo {
z-index: 103;
}
}
/* line 42, ../_scss/components/_header.scss */
.global-header .logo img {
border-radius: 0;
border: none;
display: block;
height: auto;
max-width: 100%;
}
/* line 51, ../_scss/components/_header.scss */
.global-header .menu-toggle {
color: #fff;
background-color: #ff6200;
display: block;
font-size: 16px;
height: 32px;
line-height: 32px;
padding: 0 8px;
position: absolute;
right: 0;
text-align: center;
top: 20px;
}
@media (min-width: 1000px) {
/* line 65, ../_scss/components/_header.scss */
.js .global-header .menu-toggle {
display: none;
}
}
/* line 70, ../_scss/components/_header.scss */
.global-header .menu-toggle.active, .global-header .menu-toggle:active, .global-header .menu-toggle:hover, .global-header .menu-toggle:focus {
background-color: #ff6200;
color: #fff;
text-decoration: none;
}
/* line 79, ../_scss/components/_header.scss */
.global-header .menu-toggle .label {
display: none;
font-size: 14px;
margin-right: 4px;
}
/* line 85, ../_scss/components/_header.scss */
.global-header .menu-toggle .icon {
display: inline-block;
font-size: 12px;
}
/* line 1, ../_scss/components/_icon-link-list.scss */
.icon-link-list {
padding-left: 0;
list-style: none;
}
/* line 122, ../_scss/_mixins.scss */
.icon-link-list li:before {
display: none;
}
/* line 6, ../_scss/components/_icon-link-list.scss */
.icon-link-list + .icon-link-list {
margin-top: -15px;
}
/* line 10, ../_scss/components/_icon-link-list.scss */
.icon-link-list li {
padding-left: 22px;
position: relative;
}
/* line 15, ../_scss/components/_icon-link-list.scss */
.icon-link-list a {
text-decoration: none;
}
/* line 18, ../_scss/components/_icon-link-list.scss */
.icon-link-list a:hover, .icon-link-list a:focus {
color: #525199;
}
/* line 21, ../_scss/components/_icon-link-list.scss */
.icon-link-list a:hover .icon-arrow-right, .icon-link-list a:focus .icon-arrow-right {
color: #525199;
}
/* line 27, ../_scss/components/_icon-link-list.scss */
.icon-link-list .icon {
width: 15px;
height: 15px;
position: absolute;
top: 3px;
left: 0;
background-color: #ff6200;
color: #fff;
font-size: 15px;
transition: color .15s linear;
}
/* line 39, ../_scss/components/_icon-link-list.scss */
.icon-link-list .icon.icon-angle-right {
top: 7px;
}
/* line 43, ../_scss/components/_icon-link-list.scss */
.icon-link-list .icon-pdf,
.icon-link-list .icon-checkmark {
background-color: transparent;
}
/* line 47, ../_scss/components/_icon-link-list.scss */
.icon-link-list .icon-pdf {
width: 16px;
height: 16px;
}
/* line 51, ../_scss/components/_icon-link-list.scss */
.icon-link-list .icon.icon-file,
.icon-link-list .icon.icon-document {
top: 2px;
height: 18px;
}
/* line 57, ../_scss/components/_icon-link-list.scss */
.icon-link-list ul {
padding-left: 0;
}
/* line 61, ../_scss/components/_icon-link-list.scss */
.icon-link-list .icon.icon-xls,
.icon-link-list .icon.icon-ppt,
.icon-link-list .icon.icon-doc,
.icon-link-list .icon.icon-pdf,
.icon-link-list .icon-xls,
.icon-link-list .icon-ppt,
.icon-link-list .icon-doc,
.icon-link-list .icon-pdf {
width: 16px;
height: 16px;
}
/* line 74, ../_scss/components/_icon-link-list.scss */
.icon-link-list .icon.icon-doc,
.icon-link-list .icon-doc {
background: transparent url("../img/icons/file-word-small.png") 0 0 no-repeat;
}
/* line 78, ../_scss/components/_icon-link-list.scss */
.icon-link-list .icon.icon-xls,
.icon-link-list .icon-xls {
background: transparent url("../img/icons/file-excel-small.png") 0 0 no-repeat;
}
/* line 82, ../_scss/components/_icon-link-list.scss */
.icon-link-list .icon.icon-ppt,
.icon-link-list .icon-ppt {
background: transparent url("../img/icons/file-powerpoint-small.png") 0 0 no-repeat;
}
/* line 86, ../_scss/components/_icon-link-list.scss */
.icon-link-list .icon.icon-pdf,
.icon-link-list .icon-pdf {
background: transparent url("../img/icons/file-acrobat-small.png") 0 0 no-repeat;
}
/* line 92, ../_scss/components/_icon-link-list.scss */
.icon-link-list .icon.icon-arrow-right {
background-color: transparent;
color: #ff6200;
top: 7px;
left: 2px;
font-size: 65%;
}
/* line 1, ../_scss/components/_image-carousel.scss */
.image-carousel {
clear: both;
margin-bottom: 40px;
}
/* line 5, ../_scss/components/_image-carousel.scss */
.image-carousel .swiper-slide {
background-color: #d6d6d6;
}
/* line 8, ../_scss/components/_image-carousel.scss */
.touch .image-carousel .swiper-slide {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
/* line 14, ../_scss/components/_image-carousel.scss */
.image-carousel .swiper-slide figure {
margin-bottom: 0;
top: 0;
}
/* line 18, ../_scss/components/_image-carousel.scss */
.image-carousel .swiper-slide figure img {
min-width: 100%;
}
/* line 22, ../_scss/components/_image-carousel.scss */
.image-carousel .swiper-slide figcaption {
font-size: 12px;
padding: 10px;
line-height: 1.2;
color: #666;
}
@media (min-width: 760px) {
/* line 30, ../_scss/components/_image-carousel.scss */
.image-carousel.small {
width: 450px;
clear: none;
}
/* line 35, ../_scss/components/_image-carousel.scss */
.image-carousel.small .swiper-container,
.image-carousel.small .swiper-slide {
width: 450px;
}
}
/* line 42, ../_scss/components/_image-carousel.scss */
.image-carousel.home {
margin-bottom: 0;
position: relative;
}
/* line 46, ../_scss/components/_image-carousel.scss */
.image-carousel.home .swiper-slide {
background-color: #ff6200;
overflow: hidden;
border-radius: 6px;
}
/* line 52, ../_scss/components/_image-carousel.scss */
.image-carousel.home .swiper-slide img {
width: 100%;
display: block;
border-radius: 0;
}
/* line 58, ../_scss/components/_image-carousel.scss */
.image-carousel.home .swiper-slide .callout {
width: 100%;
position: relative;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
/* line 64, ../_scss/components/_image-carousel.scss */
.image-carousel.home .swiper-slide .callout:before {
width: 28px;
height: 28px;
content: "";
position: absolute;
left: 50%;
top: -10px;
margin-left: -14px;
display: block;
background-color: #ff6200;
border-radius: 6px;
transform: rotate(45deg);
display: none;
}
/* line 81, ../_scss/components/_image-carousel.scss */
.csstransforms .image-carousel.home .swiper-slide .callout:before {
display: block;
}
@media (min-width: 760px) {
/* line 92, ../_scss/components/_image-carousel.scss */
.image-carousel.home .swiper-slide .primary-title,
.image-carousel.home .swiper-slide .secondary-title,
.image-carousel.home .swiper-slide .button-link {
opacity: 0;
transition: opacity 1.5s;
}
/* line 101, ../_scss/components/_image-carousel.scss */
.image-carousel.home .swiper-slide.swiper-slide-active .primary-title,
.image-carousel.home .swiper-slide.swiper-slide-active .secondary-title,
.image-carousel.home .swiper-slide.swiper-slide-active .button-link {
opacity: 1;
}
/* line 109, ../_scss/components/_image-carousel.scss */
.image-carousel.home .swiper-slide-image-wrapper {
height: 420px;
display: block;
overflow: hidden;
}
}
@media (min-width: 1000px) {
/* line 42, ../_scss/components/_image-carousel.scss */
.image-carousel.home {
height: 465px;
}
/* line 119, ../_scss/components/_image-carousel.scss */
.image-carousel.home .swiper-slide {
height: 465px;
background-color: transparent;
}
/* line 123, ../_scss/components/_image-carousel.scss */
.image-carousel.home .swiper-slide .callout {
width: 320px;
height: 465px;
position: absolute;
float: left;
top: 0;
left: 0;
border-radius: 0;
}
/* line 132, ../_scss/components/_image-carousel.scss */
.image-carousel.home .swiper-slide .callout:before {
left: auto;
bottom: auto;
right: -10px;
top: 50%;
margin-top: -14px;
}
/* line 140, ../_scss/components/_image-carousel.scss */
.image-carousel.home .swiper-slide .primary-title {
font-size: 32px;
line-height: 40px;
}
/* line 144, ../_scss/components/_image-carousel.scss */
.image-carousel.home .swiper-slide .secondary-title {
font-size: 18px;
line-height: 27px;
}
/* line 148, ../_scss/components/_image-carousel.scss */
.image-carousel.home .swiper-slide .button-link {
margin-top: 15px;
}
/* line 153, ../_scss/components/_image-carousel.scss */
.image-carousel.home .swiper-slide-image-wrapper {
width: 620px;
float: right;
position: relative;
overflow: hidden;
}
/* line 159, ../_scss/components/_image-carousel.scss */
.image-carousel.home .swiper-slide-image-wrapper img {
width: auto;
max-width: 1000%;
display: block;
position: absolute;
top: 0;
right: 0;
}
}
/* line 170, ../_scss/components/_image-carousel.scss */
.image-carousel.home .carousel-nav {
margin-top: 20px;
height: 11px;
line-height: 11px;
}
/* line 175, ../_scss/components/_image-carousel.scss */
.image-carousel.home .carousel-nav li {
width: 10px;
height: 10px;
}
@media (min-width: 1000px) {
/* line 170, ../_scss/components/_image-carousel.scss */
.image-carousel.home .carousel-nav {
margin: 7px 20px 0 20px;
position: absolute;
bottom: 23px;
right: 0;
z-index: 99;
text-align: right;
}
/* line 188, ../_scss/components/_image-carousel.scss */
.image-carousel.home .carousel-nav li {
float: none;
display: inline-block;
background-color: #fff;
}
/* line 193, ../_scss/components/_image-carousel.scss */
.image-carousel.home .carousel-nav li.swiper-active-switch {
background-color: #ff6200;
}
}
/* line 203, ../_scss/components/_image-carousel.scss */
.image-carousel-prev,
.image-carousel-next {
width: 40px;
height: 90px;
display: none;
background-color: #fff;
position: absolute;
top: 50%;
margin-top: -45px;
z-index: 99;
text-decoration: none !important;
}
/* line 215, ../_scss/components/_image-carousel.scss */
.image-carousel-prev .icon,
.image-carousel-next .icon {
font-size: 16px;
position: absolute;
top: 50%;
margin-top: -8px;
}
/* line 222, ../_scss/components/_image-carousel.scss */
.image-carousel-prev:active, .image-carousel-prev:hover, .image-carousel-prev:focus,
.image-carousel-next:active,
.image-carousel-next:hover,
.image-carousel-next:focus {
color: #006;
}
/* line 229, ../_scss/components/_image-carousel.scss */
.image-carousel-prev {
left: -40px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
/* line 234, ../_scss/components/_image-carousel.scss */
.image-carousel-prev .icon {
right: 5px;
}
/* line 239, ../_scss/components/_image-carousel.scss */
.image-carousel-next {
right: -40px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
/* line 244, ../_scss/components/_image-carousel.scss */
.image-carousel-next .icon {
left: 5px;
}
/* line 250, ../_scss/components/_image-carousel.scss */
.no-touch .image-carousel-prev,
.no-touch .image-carousel-next {
display: block;
}
/* line 1, ../_scss/components/_image-header.scss */
.image-header {
position: relative;
overflow: hidden;
border-radius: 6px;
}
/* line 6, ../_scss/components/_image-header.scss */
.image-header .callout {
position: relative;
top: 0;
left: 0;
border-radius: 0;
position: relative;
z-index: 1;
}
/* line 14, ../_scss/components/_image-header.scss */
.image-header .callout:after {
width: 28px;
height: 28px;
content: "";
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -14px;
display: none;
background-color: #ff6200;
border-radius: 6px;
transform: rotate(45deg);
}
/* line 30, ../_scss/components/_image-header.scss */
.csstransforms .image-header .callout:after {
display: block;
}
/* line 36, ../_scss/components/_image-header.scss */
.image-header figure,
.image-header .figure-full {
margin: 0;
}
/* line 40, ../_scss/components/_image-header.scss */
.image-header img {
width: 100%;
height: auto;
border-radius: 0;
}
@media (min-width: 760px) {
/* line 48, ../_scss/components/_image-header.scss */
.image-header .callout {
width: 240px;
height: 345px;
padding: 20px;
float: left;
}
/* line 54, ../_scss/components/_image-header.scss */
.image-header .callout .primary-title {
font-size: 32px;
line-height: 1.25;
}
/* line 59, ../_scss/components/_image-header.scss */
.image-header .callout .button-link {
white-space: nowrap;
}
/* line 63, ../_scss/components/_image-header.scss */
.image-header .callout:after {
left: auto;
bottom: auto;
right: -10px;
top: 50%;
margin-top: -14px;
}
/* line 73, ../_scss/components/_image-header.scss */
.image-header figure,
.image-header .figure-full {
width: 460px;
height: 345px;
float: right;
position: relative;
overflow: hidden;
}
/* line 81, ../_scss/components/_image-header.scss */
.image-header figure img,
.image-header .figure-full img {
max-width: 1000%;
width: auto;
position: absolute;
top: 0;
right: 0;
}
/* line 90, ../_scss/components/_image-header.scss */
.image-header img {
width: 460px;
height: 345px;
display: block;
}
}
/*
The image-pull-right class added to an image's container will cause
the image to stretch to the right side of the viewport (using JS).
This is only needed in the storytelling.css (Annual Review 2014).
*/
/* line 6, ../_scss/components/_image-pull-right.scss */
.image-pull-right {
position: relative;
overflow: hidden;
}
/* line 10, ../_scss/components/_image-pull-right.scss */
.image-pull-right figure {
margin-bottom: 0;
}
/* line 14, ../_scss/components/_image-pull-right.scss */
.image-pull-right img {
width: 100%;
}
@media (min-width: 760px) {
/* line 25, ../_scss/components/_image-pull-right.scss */
.image-pull-right .callout {
position: absolute;
top: 0;
left: 0;
z-index: 99;
text-align: left;
border-bottom-right-radius: 6px;
}
/* line 34, ../_scss/components/_image-pull-right.scss */
.image-pull-right img {
max-width: none;
width: auto;
min-width: 100%;
min-height: 100%;
}
}
/* line 43, ../_scss/components/_image-pull-right.scss */
.image-pull-right.in-content {
margin-left: -10px;
margin-right: -10px;
border-radius: 6px;
}
/* line 48, ../_scss/components/_image-pull-right.scss */
.image-pull-right.in-content h2, .image-pull-right.in-content h3 {
padding-right: 30px;
color: #fff;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
font-size: 20px;
position: absolute;
bottom: 50px;
left: 10px;
line-height: 1.2;
}
@media (min-width: 760px) {
/* line 43, ../_scss/components/_image-pull-right.scss */
.image-pull-right.in-content {
margin-left: 0;
margin-right: 0;
}
/* line 63, ../_scss/components/_image-pull-right.scss */
.image-pull-right.in-content h2, .image-pull-right.in-content h3 {
width: 680px;
padding-right: 0;
bottom: 20px;
left: 30px;
font-size: 32px;
}
/* line 71, ../_scss/components/_image-pull-right.scss */
.image-pull-right.in-content figure + a {
position: absolute;
bottom: 0;
left: 0;
display: block;
}
}
/* line 81, ../_scss/components/_image-pull-right.scss */
.image-pull-right.parallax-scroll h2, .image-pull-right.parallax-scroll h3 {
bottom: 20px;
}
/* line 1, ../_scss/components/_image-intro.scss */
.image-intro {
display: block;
position: relative;
padding: 180px 0 0 0;
margin: 0 0 15px 0;
overflow: hidden;
border-radius: 6px;
background-color: #f0f0f0;
}
@media (min-width: 760px) {
/* line 1, ../_scss/components/_image-intro.scss */
.image-intro {
padding: 0;
min-height: 460px;
margin: 0 0 15px 0;
}
}
@media (min-width: 1000px) {
/* line 1, ../_scss/components/_image-intro.scss */
.image-intro {
margin-bottom: 30px;
}
}
/* line 19, ../_scss/components/_image-intro.scss */
.card-item .image-intro {
margin-bottom: 0;
height: 100%;
}
/* line 23, ../_scss/components/_image-intro.scss */
.card-item .image-intro .intro-text {
border-radius: 0;
height: 100%;
}
/* line 27, ../_scss/components/_image-intro.scss */
.card-item .image-intro .intro-text h1, .card-item .image-intro .intro-text h2 {
color: #fff;
}
/* line 30, ../_scss/components/_image-intro.scss */
.card-item .image-intro .intro-text h2 {
font-family: "INGMeWeb-Regular", Arial, sans-serif;
}
@media (min-width: 760px) {
/* line 36, ../_scss/components/_image-intro.scss */
.card-item .image-intro .intro-text {
width: 223px;
}
/* line 39, ../_scss/components/_image-intro.scss */
.card-item .image-intro .image-wrapper {
top: 0;
left: auto;
right: 0;
width: 245px;
}
/* line 45, ../_scss/components/_image-intro.scss */
.card-item .image-intro .image-wrapper img {
margin: 0;
}
}
@media (min-width: 1000px) {
/* line 51, ../_scss/components/_image-intro.scss */
.card-item .image-intro .intro-text {
width: 294px;
}
/* line 54, ../_scss/components/_image-intro.scss */
.card-item .image-intro .image-wrapper {
width: 330px;
margin: 0;
}
}
/* line 62, ../_scss/components/_image-intro.scss */
.image-intro.horizontal .intro-text {
padding: 15px 15px 15px 15px;
}
/* line 65, ../_scss/components/_image-intro.scss */
.image-intro.horizontal .intro-text h2 {
margin-bottom: 10px;
}
@media (min-width: 760px) {
/* line 61, ../_scss/components/_image-intro.scss */
.image-intro.horizontal {
border-radius: 6px;
overflow: hidden;
}
/* line 73, ../_scss/components/_image-intro.scss */
.image-intro.horizontal .image-wrapper {
width: 100%;
}
/* line 76, ../_scss/components/_image-intro.scss */
.image-intro.horizontal .intro-text {
position: absolute;
bottom: 0;
left: 0;
top: auto;
width: 100%;
height: auto;
min-height: 0;
border-radius: 0;
}
/* line 86, ../_scss/components/_image-intro.scss */
.image-intro.horizontal .intro-text h2 {
margin-bottom: 15px;
}
/* line 90, ../_scss/components/_image-intro.scss */
.image-intro.horizontal .intro-text:after {
left: 20px;
top: 10px;
z-index: -1;
}
}
@media (min-width: 1000px) {
/* line 98, ../_scss/components/_image-intro.scss */
.image-intro.horizontal .intro-text {
padding: 20px 24px 24px 24px;
}
/* line 101, ../_scss/components/_image-intro.scss */
.image-intro.horizontal .intro-text h1 {
margin: 0;
}
/* line 104, ../_scss/components/_image-intro.scss */
.image-intro.horizontal .intro-text h2 {
margin: 0 0 5px 0;
}
}
/* line 110, ../_scss/components/_image-intro.scss */
.image-intro.has-video {
width: 100%;
min-height: 0;
padding: 0;
}
/* line 115, ../_scss/components/_image-intro.scss */
.image-intro.has-video .video-wrapper {
position: relative;
width: 100%;
padding: 56.25% 0 0 0;
top: 0;
left: 0;
}
/* line 122, ../_scss/components/_image-intro.scss */
.image-intro.has-video .video-wrapper iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
/* line 132, ../_scss/components/_image-intro.scss */
.image-intro.alternative {
background-color: #fff;
box-shadow: 0 0 0 1px #D9D9D9, 0 2px 0 #D9D9D9;
}
/* line 136, ../_scss/components/_image-intro.scss */
.image-intro.alternative .intro-text {
background-color: #fff;
}
/* line 139, ../_scss/components/_image-intro.scss */
.image-intro.alternative .intro-text:after {
background-color: #fff;
}
/* line 143, ../_scss/components/_image-intro.scss */
.image-intro.alternative .intro-text h1 {
color: #ff6200;
}
/* line 146, ../_scss/components/_image-intro.scss */
.image-intro.alternative .intro-text h2 {
color: #1f1f1f;
}
/* line 151, ../_scss/components/_image-intro.scss */
.image-intro.text-only {
margin-left: 0;
margin-right: 0;
padding: 0;
min-height: 200px;
overflow: hidden;
border-radius: 6px;
}
@media (min-width: 760px) {
/* line 151, ../_scss/components/_image-intro.scss */
.image-intro.text-only {
height: auto;
}
}
/* line 163, ../_scss/components/_image-intro.scss */
.card-item .image-intro.text-only {
min-height: 100px;
display: block;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 760px) {
/* line 163, ../_scss/components/_image-intro.scss */
.card-item .image-intro.text-only {
height: auto;
display: -ms-flexbox;
display: flex;
}
}
/* line 174, ../_scss/components/_image-intro.scss */
.image-intro.text-only .intro-text {
border-radius: 0;
min-height: 10%;
height: auto;
display: block;
}
@media (min-width: 760px) {
/* line 174, ../_scss/components/_image-intro.scss */
.image-intro.text-only .intro-text {
padding-top: 20px;
top: 0;
left: 0;
bottom: auto;
width: 100%;
height: auto;
min-height: 0;
}
}
@media (min-width: 1000px) {
/* line 190, ../_scss/components/_image-intro.scss */
.image-intro.text-only .intro-text h1 {
font-size: 34px;
line-height: 42px;
margin-bottom: 0;
}
}
/* line 197, ../_scss/components/_image-intro.scss */
.image-intro.text-only .intro-text:after {
bottom: -10px;
top: auto;
left: 20px;
z-index: -1;
display: block;
}
/* line 205, ../_scss/components/_image-intro.scss */
.image-intro.text-only .followup-text {
padding: 20px;
min-height: 50%;
display: block;
}
@media (min-width: 760px) {
/* line 205, ../_scss/components/_image-intro.scss */
.image-intro.text-only .followup-text {
padding-top: 30px;
}
}
@media (min-width: 1000px) {
/* line 214, ../_scss/components/_image-intro.scss */
.image-intro.text-only .followup-text p {
font-size: 24px;
line-height: 32px;
}
}
/* line 222, ../_scss/components/_image-intro.scss */
.image-intro .image-wrapper {
position: absolute;
top: 0;
left: 0;
display: block;
height: 300px;
width: 100%;
border-radius: 0;
z-index: 10;
overflow: hidden;
}
@media (min-width: 760px) {
/* line 222, ../_scss/components/_image-intro.scss */
.image-intro .image-wrapper {
width: 420px;
min-height: 460px;
left: auto;
right: 0;
border-radius: 0 6px 6px 0;
}
}
@media (min-width: 1000px) {
/* line 222, ../_scss/components/_image-intro.scss */
.image-intro .image-wrapper {
width: 600px;
}
}
/* line 244, ../_scss/components/_image-intro.scss */
.image-intro .image-wrapper img {
min-height: 100%;
min-width: 100%;
max-width: none;
max-height: 100%;
border-radius: 0;
position: absolute;
margin: 0;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
}
/* line 258, ../_scss/components/_image-intro.scss */
.image-intro .intro-text {
z-index: 20;
padding: 12px 15px 15px 15px;
position: relative;
color: #fff;
border-radius: 0 0 6px 6px;
background-color: #ff6200;
}
/* line 266, ../_scss/components/_image-intro.scss */
.image-intro .intro-text:after {
width: 40px;
height: 40px;
display: block;
content: '';
position: absolute;
top: -8px;
background-color: #ff6200;
border-radius: 8px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
z-index: -1;
}
@media (min-width: 760px) {
/* line 258, ../_scss/components/_image-intro.scss */
.image-intro .intro-text {
width: 300px;
min-height: 460px;
padding: 20px 24px 24px 24px;
border-radius: 6px 0 0 6px;
}
/* line 286, ../_scss/components/_image-intro.scss */
.image-intro .intro-text:after {
top: 50%;
right: -8px;
margin-top: -20px;
}
}
@media (min-width: 1000px) {
/* line 258, ../_scss/components/_image-intro.scss */
.image-intro .intro-text {
width: 360px;
}
}
/* line 296, ../_scss/components/_image-intro.scss */
.image-intro .intro-text h1 {
font-size: 24px;
line-height: 31px;
color: #fff;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
margin-bottom: 0;
margin-top: 0;
}
@media (min-width: 760px) {
/* line 296, ../_scss/components/_image-intro.scss */
.image-intro .intro-text h1 {
margin-bottom: 10px;
}
}
@media (min-width: 1000px) {
/* line 296, ../_scss/components/_image-intro.scss */
.image-intro .intro-text h1 {
font-size: 32px;
line-height: 40px;
}
}
/* line 312, ../_scss/components/_image-intro.scss */
.image-intro .intro-text h2 {
font-size: 16px;
line-height: 24px;
font-weight: 300;
color: #fff;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
}
@media (min-width: 760px) {
/* line 312, ../_scss/components/_image-intro.scss */
.image-intro .intro-text h2 {
margin-bottom: 20px;
}
}
@media (min-width: 1000px) {
/* line 312, ../_scss/components/_image-intro.scss */
.image-intro .intro-text h2 {
margin-bottom: 30px;
font-size: 20px;
line-height: 28px;
}
}
/* line 328, ../_scss/components/_image-intro.scss */
.image-intro .intro-text *:last-child {
margin-bottom: 0;
}
/* line 331, ../_scss/components/_image-intro.scss */
.image-intro .intro-text .timestamp {
color: #fff;
}
/* line 1, ../_scss/components/_image-zoom.scss */
.image-zoom-lightbox {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
opacity: 0;
z-index: 9999;
background-color: rgba(118, 118, 118, 0.84);
transition: 0.5s opacity;
}
/* line 12, ../_scss/components/_image-zoom.scss */
.image-zoom-lightbox.visible {
opacity: 1;
}
/* line 16, ../_scss/components/_image-zoom.scss */
.image-zoom-lightbox.show-bigger-link .view-image-zoom {
display: block;
}
/* line 21, ../_scss/components/_image-zoom.scss */
.image-zoom-lightbox .close-image-zoom {
position: absolute;
top: -40px;
right: -35px;
color: #ff6200;
font-size: 12px;
line-height: 20px;
cursor: pointer;
display: block;
transition: 0.3s color;
}
/* line 32, ../_scss/components/_image-zoom.scss */
.image-zoom-lightbox .close-image-zoom:hover {
color: #000;
}
/* line 36, ../_scss/components/_image-zoom.scss */
.image-zoom-lightbox .close-image-zoom i {
font-size: 20px;
position: relative;
top: 5px;
margin-left: 5px;
}
/* line 44, ../_scss/components/_image-zoom.scss */
.image-zoom-lightbox .view-image-zoom {
position: absolute;
top: -35px;
left: -35px;
color: #ff6200;
font-size: 12px;
line-height: 20px;
cursor: pointer;
display: none;
}
/* line 54, ../_scss/components/_image-zoom.scss */
.image-zoom-lightbox .view-image-zoom:before {
font-family: "fab-ingcons";
content: "\e60d";
font-size: 10px;
margin-right: 3px;
color: #ff6200;
}
/* line 62, ../_scss/components/_image-zoom.scss */
.image-zoom-lightbox .view-image-zoom:hover {
color: #000;
}
/* line 67, ../_scss/components/_image-zoom.scss */
.image-zoom-lightbox .image-zoom-wrapper {
display: inline;
position: absolute;
top: 50%;
left: 50%;
max-width: 90vw;
max-height: 95vh;
box-sizing: border-box;
border: 50px solid #fff;
border-radius: 6px;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
}
/* line 80, ../_scss/components/_image-zoom.scss */
.image-zoom-lightbox .image-zoom-scroller {
max-height: calc(95vh - 100px);
max-width: calc(90vw - 100px);
overflow: scroll;
overflow-x: hidden;
}
/* line 86, ../_scss/components/_image-zoom.scss */
.image-zoom-lightbox img {
position: relative;
display: block;
border-radius: 0;
background-color: #fff;
max-width: calc(90vw - 100px);
}
/* line 1, ../_scss/components/_item-highlight.scss */
.item-highlight {
position: relative;
}
/* line 4, ../_scss/components/_item-highlight.scss */
.item-highlight.large {
padding-top: 20px;
}
/* line 7, ../_scss/components/_item-highlight.scss */
.item-highlight.large .item-highlight-image {
margin: 25px 0;
}
/* line 13, ../_scss/components/_item-highlight.scss */
.item-highlight.date-highlight .link-wrapper {
padding: 10px 0 10px 80px;
}
/* line 17, ../_scss/components/_item-highlight.scss */
.item-highlight.date-highlight time {
width: 55px;
height: 55px;
padding-top: 10px;
position: absolute;
top: 10px;
left: 0;
background-color: #ff6200;
color: #fff;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
font-size: 12px;
line-height: 1;
text-align: center;
}
/* line 31, ../_scss/components/_item-highlight.scss */
.item-highlight.date-highlight time .agenda-day {
display: block;
font-size: 20px;
}
@media (min-width: 760px) {
/* line 38, ../_scss/components/_item-highlight.scss */
.item-highlight.date-highlight .link-wrapper {
height: 105px;
padding: 19px 125px 0 0;
}
/* line 43, ../_scss/components/_item-highlight.scss */
.item-highlight.date-highlight time {
width: 105px;
height: 105px;
top: -1px;
left: auto;
right: 0;
font-size: 16px;
}
/* line 51, ../_scss/components/_item-highlight.scss */
.item-highlight.date-highlight time .agenda-day {
font-size: 70px;
}
/* line 56, ../_scss/components/_item-highlight.scss */
.item-highlight.date-highlight .primary-title {
line-height: 1.2;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
/* line 64, ../_scss/components/_item-highlight.scss */
.item-highlight.date-highlight .primary-title {
margin-bottom: 10px;
}
/* line 69, ../_scss/components/_item-highlight.scss */
.item-highlight .item-highlight-image {
margin: 0;
}
/* line 73, ../_scss/components/_item-highlight.scss */
.item-highlight .item-highlight-image img {
width: 100%;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
/* line 79, ../_scss/components/_item-highlight.scss */
.item-highlight .item-highlight-image figcaption {
width: 100%;
padding: 5px 10px;
position: absolute;
left: 0;
bottom: 0;
background-color: #ff6200;
color: white;
font-size: inherit;
text-align: center;
}
/* line 92, ../_scss/components/_item-highlight.scss */
.item-highlight .link-wrapper {
padding: 25px 0;
display: block;
position: relative;
border-top: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
}
/* line 99, ../_scss/components/_item-highlight.scss */
.item-highlight .link-wrapper:active, .item-highlight .link-wrapper:hover, .item-highlight .link-wrapper:focus {
background-color: #f0f0f0;
}
/* line 107, ../_scss/components/_item-highlight.scss */
.item-highlight .arrow-link-list li {
margin-bottom: 7px;
}
@media (min-width: 760px) {
/* line 113, ../_scss/components/_item-highlight.scss */
.item-highlight .link-wrapper {
height: 147px;
padding: 25px 315px 25px 0;
}
/* line 117, ../_scss/components/_item-highlight.scss */
.item-highlight .link-wrapper:active, .item-highlight .link-wrapper:hover, .item-highlight .link-wrapper:focus {
margin-left: -10px;
padding-left: 10px;
}
/* line 124, ../_scss/components/_item-highlight.scss */
.item-highlight .item-highlight-image {
margin: 0;
position: absolute;
top: -1px;
right: 0;
}
/* line 131, ../_scss/components/_item-highlight.scss */
.item-highlight.large {
height: 228px;
padding-left: 480px;
padding-right: 10px;
}
/* line 136, ../_scss/components/_item-highlight.scss */
.item-highlight.large .item-highlight-image {
margin: 0;
}
/* line 141, ../_scss/components/_item-highlight.scss */
.item-highlight.bordered {
border: 1px solid #d6d6d6;
border-radius: 6px;
}
/* line 147, ../_scss/components/_item-highlight.scss */
.item-highlight.image-left .item-highlight-image {
right: auto;
left: 0;
}
}
/* line 178, ../_scss/components/_item-highlight.scss */
.item-highlight .primary-title {
margin-bottom: 15px;
font-size: 30px;
}
/* line 183, ../_scss/components/_item-highlight.scss */
.item-highlight .secondary-title {
font-size: 20px;
line-height: 1.3;
}
/* line 189, ../_scss/components/_item-highlight.scss */
.item-highlight .social-list li {
margin-bottom: 10px;
line-height: 25px;
}
/* line 194, ../_scss/components/_item-highlight.scss */
.item-highlight .social-list a {
padding-top: 0;
padding-left: 35px;
}
/* line 199, ../_scss/components/_item-highlight.scss */
.item-highlight .social-list .icon {
width: 25px;
height: 25px;
font-size: 20px;
}
/* line 1, ../_scss/components/_infogram-slider.scss */
.infogram-slider {
text-align: left;
}
@media (min-width: 760px) {
/* line 1, ../_scss/components/_infogram-slider.scss */
.infogram-slider {
text-align: center;
margin-bottom: 40px;
}
}
@media (min-width: 760px) {
/* line 11, ../_scss/components/_infogram-slider.scss */
.infogram-slider.active-2 .infogram-content-slider .content-slider {
right: 0;
}
}
/* line 19, ../_scss/components/_infogram-slider.scss */
.infogram-slider .infogram-slider-switch {
display: inline-block;
margin: 10px 0;
border: 1px solid #ff6200;
overflow: hidden;
width: auto;
display: none;
border-radius: 6px;
}
@media (min-width: 760px) {
/* line 19, ../_scss/components/_infogram-slider.scss */
.infogram-slider .infogram-slider-switch {
display: inline-block;
}
}
/* line 32, ../_scss/components/_infogram-slider.scss */
.infogram-slider .infogram-slider-switch .switch-item {
display: inline-block;
font-size: 15px;
padding: 5px 10px 4px;
float: left;
cursor: pointer;
color: #ff6200;
transition: 0.3s background-color, 0.3s color;
}
/* line 41, ../_scss/components/_infogram-slider.scss */
.infogram-slider .infogram-slider-switch .switch-item:hover, .infogram-slider .infogram-slider-switch .switch-item.active {
background-color: #ff6200;
color: #fff;
}
/* line 47, ../_scss/components/_infogram-slider.scss */
.infogram-slider .infogram-content-slider-wrapper {
position: relative;
margin-left: -10px;
margin-right: -10px;
overflow: hidden;
}
/* line 54, ../_scss/components/_infogram-slider.scss */
.infogram-slider .infogram-content-slider-wrapper.show-left-shadow:before {
opacity: 1;
}
/* line 59, ../_scss/components/_infogram-slider.scss */
.infogram-slider .infogram-content-slider-wrapper.hide-right-shadow:after {
opacity: 0;
}
/* line 64, ../_scss/components/_infogram-slider.scss */
.infogram-slider .infogram-content-slider-wrapper:before, .infogram-slider .infogram-content-slider-wrapper:after {
height: 90%;
display: block;
content: ' ';
width: 10px;
position: absolute;
right: -15px;
top: 5%;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.8);
transition: 0.3s opacity;
}
@media (min-width: 760px) {
/* line 64, ../_scss/components/_infogram-slider.scss */
.infogram-slider .infogram-content-slider-wrapper:before, .infogram-slider .infogram-content-slider-wrapper:after {
display: none;
}
}
/* line 79, ../_scss/components/_infogram-slider.scss */
.infogram-slider .infogram-content-slider-wrapper:before {
right: auto;
left: -15px;
opacity: 0;
}
/* line 85, ../_scss/components/_infogram-slider.scss */
.infogram-slider .infogram-content-slider {
overflow: scroll;
-webkit-overflow-scrolling: touch;
position: relative;
text-align: center;
}
@media (min-width: 760px) {
/* line 85, ../_scss/components/_infogram-slider.scss */
.infogram-slider .infogram-content-slider {
overflow: hidden;
}
}
/* line 95, ../_scss/components/_infogram-slider.scss */
.infogram-slider .infogram-content-slider .content-slider {
width: 1600px;
position: relative;
left: 0;
transition: 0.5s left;
}
@media (min-width: 760px) {
/* line 95, ../_scss/components/_infogram-slider.scss */
.infogram-slider .infogram-content-slider .content-slider {
width: 200%;
}
}
/* line 106, ../_scss/components/_infogram-slider.scss */
.infogram-slider .col {
width: 160px;
float: left;
padding: 10px;
}
@media (min-width: 760px) {
/* line 106, ../_scss/components/_infogram-slider.scss */
.infogram-slider .col {
width: 144px;
}
}
@media (min-width: 1000px) {
/* line 106, ../_scss/components/_infogram-slider.scss */
.infogram-slider .col {
width: 192px;
}
}
/* line 118, ../_scss/components/_infogram-slider.scss */
.infogram-slider .col h5 {
min-height: 50px;
font-size: 14px;
}
@media (min-width: 760px) {
/* line 122, ../_scss/components/_infogram-slider.scss */
.infogram-slider .col i {
font-size: 50px;
}
}
@media (min-width: 760px) {
/* line 128, ../_scss/components/_infogram-slider.scss */
.content-article .infogram-slider .col {
width: 144px;
}
}
@media (min-width: 1000px) {
/* line 128, ../_scss/components/_infogram-slider.scss */
.content-article .infogram-slider .col {
width: 157px;
font-size: 80%;
}
}
/* line 1, ../_scss/components/_isotope-grid.scss */
.isotope-grid {
position: relative;
padding: 20px 0;
z-index: 1;
box-shadow: inset 0 2px 0 #d6d6d6;
}
@media (min-width: 760px) {
/* line 1, ../_scss/components/_isotope-grid.scss */
.isotope-grid {
padding: 40px 0;
}
}
/* line 11, ../_scss/components/_isotope-grid.scss */
.isotope-grid.alternate {
background-color: #f0f0f0;
}
/* line 14, ../_scss/components/_isotope-grid.scss */
.isotope-grid.alternate:before, .isotope-grid.alternate:after {
position: absolute;
top: 0;
left: 90%;
width: 2500px;
height: 100%;
background-color: #f0f0f0;
content: ' ';
display: block;
z-index: -1;
box-shadow: inset 0 2px 0 #d6d6d6;
}
/* line 26, ../_scss/components/_isotope-grid.scss */
.isotope-grid.alternate:after {
left: auto;
right: 90%;
}
/* line 32, ../_scss/components/_isotope-grid.scss */
.isotope-grid .stamp {
width: 100%;
position: absolute;
top: 20px;
right: 0;
}
@media (min-width: 760px) {
/* line 32, ../_scss/components/_isotope-grid.scss */
.isotope-grid .stamp {
width: 220px;
top: 40px;
}
}
/* line 45, ../_scss/components/_isotope-grid.scss */
.isotope-grid a.grid-item:hover, .isotope-grid a.block-item:hover {
box-shadow: 0 0 0 1px #a8a8a8, 0 2px 0 #a8a8a8;
z-index: 100;
}
/* line 49, ../_scss/components/_isotope-grid.scss */
.isotope-grid a.grid-item:hover h2, .isotope-grid a.block-item:hover h2 {
text-decoration: none;
border-bottom: 1px solid #ff6200;
}
/* line 56, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item, .isotope-grid .block-item, .isotope-grid .video {
width: 100%;
display: block;
box-sizing: border-box;
border-radius: 6px;
background-color: #fff;
box-shadow: 0 0 0 1px #d6d6d6, 0 2px 0 #d6d6d6;
margin-bottom: 20px;
padding: 20px;
overflow: hidden;
transition: 0.3s box-shadow;
-webkit-transition: 0.3s box-shadow;
}
@media (min-width: 760px) {
/* line 56, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item, .isotope-grid .block-item, .isotope-grid .video {
width: 220px;
}
}
/* line 73, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item.highlight, .isotope-grid .block-item.highlight, .isotope-grid .video.highlight {
box-shadow: 0 0 0 1px #ff6200, 0 2px 0 #d6d6d6;
}
/* line 77, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item .time, .isotope-grid .block-item .time, .isotope-grid .video .time {
color: #767676;
font-size: 12px;
line-height: 20px;
margin-bottom: 5px;
display: block;
}
/* line 84, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item h2, .isotope-grid .block-item h2, .isotope-grid .video h2 {
color: #333;
font-size: 24px;
line-height: 1.4em;
margin-bottom: 0;
display: inline;
}
/* line 91, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item p, .isotope-grid .block-item p, .isotope-grid .video p {
font-size: 14px;
line-height: 1.5em;
margin: 10px 0 0 0;
color: #333;
}
/* line 98, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item a:hover, .isotope-grid .block-item a:hover, .isotope-grid .video a:hover {
text-decoration: underline;
color: #ff6200;
}
/* line 104, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item .block-description, .isotope-grid .block-item .block-description, .isotope-grid .video .block-description {
font-size: 12px;
color: #767676;
display: block;
line-height: 20px;
margin-top: 5px;
}
/* line 111, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item .block-description i, .isotope-grid .block-item .block-description i, .isotope-grid .video .block-description i {
font-size: 14px;
position: relative;
bottom: -2px;
margin-right: 3px;
}
/* line 117, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item .block-description i.icon-youtube, .isotope-grid .block-item .block-description i.icon-youtube, .isotope-grid .video .block-description i.icon-youtube {
font-size: 20px;
bottom: -5px;
}
/* line 123, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item .arrow-link-list, .isotope-grid .block-item .arrow-link-list, .isotope-grid .video .arrow-link-list {
margin-bottom: 0;
}
/* line 126, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item .arrow-link-list li, .isotope-grid .block-item .arrow-link-list li, .isotope-grid .video .arrow-link-list li {
margin-top: 10px;
}
/* line 130, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item .arrow-link-list li a:hover, .isotope-grid .block-item .arrow-link-list li a:hover, .isotope-grid .video .arrow-link-list li a:hover {
text-decoration: underline;
color: #ff6200;
}
/* line 137, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item .image-list, .isotope-grid .block-item .image-list, .isotope-grid .video .image-list {
margin-bottom: 0;
}
/* line 142, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item.top-image-text img, .isotope-grid .grid-item.text img, .isotope-grid .block-item.top-image-text img, .isotope-grid .block-item.text img, .isotope-grid .video.top-image-text img, .isotope-grid .video.text img {
margin: -20px -20px 15px -20px;
width: calc(100% + 40px);
max-width: none;
border-radius: 0;
}
/* line 148, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item.top-image-text h2, .isotope-grid .grid-item.text h2, .isotope-grid .block-item.top-image-text h2, .isotope-grid .block-item.text h2, .isotope-grid .video.top-image-text h2, .isotope-grid .video.text h2 {
color: #ff6200;
}
/* line 153, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item.overview-list ul, .isotope-grid .block-item.overview-list ul, .isotope-grid .video.overview-list ul {
padding-left: 0;
list-style: none;
margin-bottom: 0;
}
/* line 158, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item.overview-list ul li, .isotope-grid .block-item.overview-list ul li, .isotope-grid .video.overview-list ul li {
list-style: none;
margin-top: 15px;
display: block;
font-size: 16px;
line-height: 24px;
}
/* line 166, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item.overview-list ul li a:hover, .isotope-grid .block-item.overview-list ul li a:hover, .isotope-grid .video.overview-list ul li a:hover {
text-decoration: underline;
color: #ff6200;
}
/* line 172, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item.overview-list ul li:before, .isotope-grid .block-item.overview-list ul li:before, .isotope-grid .video.overview-list ul li:before {
display: none;
}
/* line 176, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item.overview-list ul .block-description, .isotope-grid .block-item.overview-list ul .block-description, .isotope-grid .video.overview-list ul .block-description {
margin-top: 0;
}
/* line 181, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item.quote-only, .isotope-grid .block-item.quote-only, .isotope-grid .video.quote-only {
background-color: transparent;
padding: 0;
box-shadow: none;
border: none;
margin-top: 10px;
margin-bottom: 30px;
}
/* line 189, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item.quote-only blockquote, .isotope-grid .block-item.quote-only blockquote, .isotope-grid .video.quote-only blockquote {
font-size: 30px;
line-height: 1.2;
color: #333;
}
/* line 194, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item.quote-only p, .isotope-grid .block-item.quote-only p, .isotope-grid .video.quote-only p {
font-size: 16px;
}
/* line 197, ../_scss/components/_isotope-grid.scss */
.isotope-grid .grid-item.quote-only footer, .isotope-grid .block-item.quote-only footer, .isotope-grid .video.quote-only footer {
margin-top: 10px;
font-size: 16px;
line-height: 1.4em;
}
/* line 205, ../_scss/components/_isotope-grid.scss */
.isotope-grid .video-dialog h2 {
font-size: 20px;
}
/* =============================================================================
section / careers
============================================================================= */
/* =============================================================================
careers / search-widget for subhome
============================================================================= */
/* line 9, ../_scss/components/_jobsearch.scss */
.job-search-selector {
padding: 40px 40px 20px 40px;
}
/* line 110, ../_scss/_mixins.scss */
.job-search-selector:after {
content: "";
display: table;
clear: both;
}
/* line 13, ../_scss/components/_jobsearch.scss */
.job-search-selector.loading {
cursor: default;
cursor: wait;
cursor: progress;
}
/* line 18, ../_scss/components/_jobsearch.scss */
.job-search-selector.loading fieldset {
background: transparent url("../img/loader_orange_bg_grey.gif") 90% 5px no-repeat;
}
@media (min-width: 760px) {
/* line 18, ../_scss/components/_jobsearch.scss */
.job-search-selector.loading fieldset {
background-position: 95% 5px;
}
}
/* line 25, ../_scss/components/_jobsearch.scss */
.job-search-selector.loading .number-selected,
.job-search-selector.loading input,
.job-search-selector.loading label {
cursor: default;
cursor: wait;
cursor: progress;
opacity: .5;
-webkit-transition-property: opacity;
-webkit-transition-duration: .33s;
transition-property: opacity;
transition-duration: .33s;
}
/* line 39, ../_scss/components/_jobsearch.scss */
.job-search-selector .input-submit {
padding-top: 5px;
padding-bottom: 5px;
margin-right: 0;
margin-bottom: 25px;
outline: none;
float: right;
}
/* line 47, ../_scss/components/_jobsearch.scss */
.job-search-selector .input-submit .icon {
top: 11px;
}
/* line 52, ../_scss/components/_jobsearch.scss */
.job-search-selector .filter-tags {
margin: 0 -20px;
padding: 20px 20px 0 20px;
clear: both;
background: none;
border-top: 1px solid #fff;
}
/* line 59, ../_scss/components/_jobsearch.scss */
.job-search-selector .toggle-all {
display: inline-block;
margin-left: -0.5em;
margin-right: 1em;
white-space: nowrap;
}
/* line 61, ../_scss/components/_jobsearch.scss */
.js .job-search-selector .toggle-all {
display: none;
}
/* line 70, ../_scss/components/_jobsearch.scss */
.job-search-selector .country-list {
padding-top: 10px;
padding-bottom: 0;
}
/* line 75, ../_scss/components/_jobsearch.scss */
.job-search-selector .secondary-title {
margin-bottom: 0;
font-size: 20px;
}
/* line 81, ../_scss/components/_jobsearch.scss */
.selector-heading {
margin-bottom: 5px;
padding-bottom: 6px;
padding-right: 40px;
position: relative;
border-bottom: 1px solid #ff6200;
color: #ff6200;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
font-size: 16px;
}
/* line 91, ../_scss/components/_jobsearch.scss */
.selector-heading .number-selected {
display: inline-block;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
opacity: 1;
}
/* line 97, ../_scss/components/_jobsearch.scss */
.selector-heading .select-count {
font-family: "INGMeWeb-Regular", Arial, sans-serif;
}
/* line 101, ../_scss/components/_jobsearch.scss */
.selector-heading .icon {
position: absolute;
right: 7px;
top: 10px;
font-size: 65%;
}
/* line 107, ../_scss/components/_jobsearch.scss */
.no-js .selector-heading .icon {
display: none;
}
/* line 111, ../_scss/components/_jobsearch.scss */
.js .selector-heading {
cursor: pointer;
}
/* line 114, ../_scss/components/_jobsearch.scss */
.selector-heading.open {
color: #1f1f1f;
}
/* line 119, ../_scss/components/_jobsearch.scss */
.article-main .selector-heading {
margin-bottom: 5px;
font-size: 16px;
}
/* line 125, ../_scss/components/_jobsearch.scss */
.selector-content.open {
margin-bottom: 30px;
}
/* line 129, ../_scss/components/_jobsearch.scss */
.selector-content .country-list {
width: 206px;
font-size: 14px;
}
/* line 133, ../_scss/components/_jobsearch.scss */
.selector-content .country-list li {
border-bottom: 0;
}
/* line 110, ../_scss/_mixins.scss */
.selector-content-wrapper:after {
content: "";
display: table;
clear: both;
}
/* line 141, ../_scss/components/_jobsearch.scss */
.selector-content-wrapper + .selector-content-wrapper {
margin-top: 40px;
}
/* line 146, ../_scss/components/_jobsearch.scss */
.option-list {
margin: 0;
padding: 0;
max-width: 100%;
font-size: 12px;
}
@media (min-width: 760px) {
/* line 154, ../_scss/components/_jobsearch.scss */
.option-list.list4Cols {
float: left;
width: 160px;
}
/* line 158, ../_scss/components/_jobsearch.scss */
.option-list.list3Cols {
float: left;
width: 220px;
}
/* line 162, ../_scss/components/_jobsearch.scss */
.option-list.list2Cols {
float: left;
width: 330px;
}
}
/* line 168, ../_scss/components/_jobsearch.scss */
.option-list li {
position: relative;
padding: 0;
}
/* line 172, ../_scss/components/_jobsearch.scss */
.option-list li:before {
display: none;
}
/* line 176, ../_scss/components/_jobsearch.scss */
.option-list li.active a {
color: #ff6200;
}
/* line 181, ../_scss/components/_jobsearch.scss */
.option-list .input-checkbox {
margin: 0;
padding: 0;
position: absolute;
top: 9px;
left: 2px;
}
/* line 189, ../_scss/components/_jobsearch.scss */
.option-list label {
display: block;
color: #1f1f1f;
padding: 2px 5px 2px 25px;
}
/* line 195, ../_scss/components/_jobsearch.scss */
.option-list strong {
font-family: "INGMeWeb-Regular", Arial, sans-serif;
font-weight: normal;
}
/* line 201, ../_scss/components/_jobsearch.scss */
.job-search-container {
margin-top: 25px;
margin-bottom: 25px;
position: relative;
color: #c4baaa;
/*
Styling of autocomplete-plugin
*/
}
/* line 207, ../_scss/components/_jobsearch.scss */
.job-search-container .icon {
position: absolute;
top: 9px;
left: 10px;
color: #c4baaa;
pointer-events: none;
font-size: 14px;
}
/* line 215, ../_scss/components/_jobsearch.scss */
.job-search-container label {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* line 218, ../_scss/components/_jobsearch.scss */
.job-search-container .input-search {
width: 100%;
margin: 0;
padding: 5px 5px 5px 35px;
font-size: 14px;
}
/* line 228, ../_scss/components/_jobsearch.scss */
.job-search-container .autocomplete-suggestions {
border: 1px solid #1f1f1f;
border-radius: 6px;
color: #1f1f1f;
background: #fff;
cursor: default;
text-align: left;
width: 100%;
max-height: 200px;
max-width: 100%;
overflow: auto;
margin: -1px 0 0 0;
}
/* line 241, ../_scss/components/_jobsearch.scss */
.job-search-container .autocomplete-suggestions .autocomplete-suggestion {
padding: 2px 5px 2px 40px;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 248, ../_scss/components/_jobsearch.scss */
.job-search-container .autocomplete-suggestions .autocomplete-suggestion:active,
.job-search-container .autocomplete-suggestions .autocomplete-selected:hover,
.job-search-container .autocomplete-suggestions .autocomplete-selected:focus,
.job-search-container .autocomplete-suggestions .autocomplete-selected {
color: #fff;
background: #ff6200;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 259, ../_scss/components/_jobsearch.scss */
.job-total-results {
font-size: 20px;
}
@media (min-width: 760px) {
/* line 259, ../_scss/components/_jobsearch.scss */
.job-total-results {
width: 50%;
float: left;
}
}
/* =============================================================================
careers / vacancy search results list
============================================================================= */
/* line 272, ../_scss/components/_jobsearch.scss */
.job-search-selector {
/* Search form on results page */
}
/* line 274, ../_scss/components/_jobsearch.scss */
.job-search-selector.job-search-results {
margin-bottom: 30px;
}
@media (min-width: 760px) {
/* line 277, ../_scss/components/_jobsearch.scss */
.job-search-selector.job-search-results .job-search-container {
display: inline-block;
vertical-align: top;
width: 558px;
margin-right: 10px;
float: left;
}
/* line 285, ../_scss/components/_jobsearch.scss */
.job-search-selector.job-search-results .input-submit {
margin-top: 25px;
margin-bottom: 25px;
}
}
/* line 293, ../_scss/components/_jobsearch.scss */
.jobs-search-results-list {
clear: both;
display: block;
position: relative;
min-height: 100px;
}
/* line 299, ../_scss/components/_jobsearch.scss */
.jobs-search-results-list.loading {
background: transparent url("../img/loader_orange_bg_white.gif") center 10% no-repeat;
}
/* line 303, ../_scss/components/_jobsearch.scss */
.jobs-search-results-list .table-scroll-wrapper {
margin-bottom: 40px;
}
/* line 306, ../_scss/components/_jobsearch.scss */
.jobs-search-results-list .table-scroll-wrapper table tr:last-child {
border-bottom: 0;
}
/* line 1, ../_scss/components/_language-selection.scss */
.language-selection {
position: absolute;
top: 20px;
right: 84px;
font-size: 14px;
color: #666;
cursor: pointer;
padding: 3px 30px 3px 10px;
background: #fff;
text-align: left;
border-radius: 6px;
z-index: 50;
}
@media (min-width: 1000px) {
/* line 1, ../_scss/components/_language-selection.scss */
.language-selection {
right: 0;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}
}
@media (min-width: 1000px) {
/* line 21, ../_scss/components/_language-selection.scss */
.language-selection.page-has-search {
right: 110px;
}
}
/* line 27, ../_scss/components/_language-selection.scss */
.language-selection.open {
box-shadow: 0 0 0 1px #D9D9D9, 0 2px 0 #D9D9D9;
}
/* line 30, ../_scss/components/_language-selection.scss */
.language-selection.open .language-selection-current {
color: #ff6200;
}
/* line 33, ../_scss/components/_language-selection.scss */
.language-selection.open .language-selection-icon {
color: #ff6200;
}
/* line 36, ../_scss/components/_language-selection.scss */
.language-selection.open ul.language-selection-list {
display: block;
}
/* line 39, ../_scss/components/_language-selection.scss */
.language-selection.open .language-selection-icon {
transform: rotate(180deg);
}
/* line 44, ../_scss/components/_language-selection.scss */
.language-selection ul.language-selection-list {
list-style: none;
margin: 0;
padding: 0;
display: none;
}
/* line 51, ../_scss/components/_language-selection.scss */
.language-selection ul.language-selection-list li:before {
display: none;
}
/* line 54, ../_scss/components/_language-selection.scss */
.language-selection ul.language-selection-list li a {
color: #666;
}
/* line 57, ../_scss/components/_language-selection.scss */
.language-selection ul.language-selection-list li a:hover {
color: #ff6200;
}
/* line 64, ../_scss/components/_language-selection.scss */
.language-selection-icon {
pointer-events: none;
position: absolute;
top: 12px;
right: 10px;
font-size: 12px;
}
@media (min-width: 760px) {
/* line 74, ../_scss/components/_language-selection.scss */
.language-selection-shortcode {
display: none;
}
}
/* line 79, ../_scss/components/_language-selection.scss */
.language-selection-fullcode {
display: none;
}
@media (min-width: 760px) {
/* line 79, ../_scss/components/_language-selection.scss */
.language-selection-fullcode {
display: inline;
}
}
/*
Element that contains an image (usally floating left) and two columns of text
*/
/* line 4, ../_scss/components/_media-box.scss */
.media-box {
overflow: hidden;
padding: 25px 0;
border-top: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
}
/* line 10, ../_scss/components/_media-box.scss */
.media-box + .media-box {
border-top: 0;
}
/* line 14, ../_scss/components/_media-box.scss */
.media-box.no-image {
border-bottom: 0;
}
/* line 18, ../_scss/components/_media-box.scss */
.media-box figure {
margin-bottom: 25px;
}
/* line 21, ../_scss/components/_media-box.scss */
.media-box figure img {
border: 1px solid #f0f0f0;
}
/* line 32, ../_scss/components/_media-box.scss */
.media-box .primary-title {
margin-bottom: 0;
color: #1f1f1f;
font-size: 20px;
line-height: 30px;
}
/* line 39, ../_scss/components/_media-box.scss */
.media-box .secondary-title {
margin-bottom: 0;
color: #1f1f1f;
font-size: 15px;
line-height: 1.5;
}
/* line 46, ../_scss/components/_media-box.scss */
.media-box .primary-content {
margin-bottom: 25px;
}
/* line 49, ../_scss/components/_media-box.scss */
.media-box .primary-content p {
margin: 0;
}
/* line 54, ../_scss/components/_media-box.scss */
.media-box .secondary-content {
font-size: 15px;
line-height: 1.8;
}
/* line 58, ../_scss/components/_media-box.scss */
.media-box .secondary-content .button-link {
margin: 0;
}
/* line 62, ../_scss/components/_media-box.scss */
.media-box .secondary-content p + section {
position: relative;
top: -20px;
margin-bottom: -20px;
}
/* line 69, ../_scss/components/_media-box.scss */
.media-box .arrow-link-list {
margin-bottom: 0;
}
/* line 72, ../_scss/components/_media-box.scss */
.media-box .arrow-link-list li {
margin-bottom: 10px;
}
@media (min-width: 760px) {
/* line 78, ../_scss/components/_media-box.scss */
.media-box figure {
margin-bottom: 0;
position: relative;
top: 0;
}
/* line 84, ../_scss/components/_media-box.scss */
.media-box .primary-content {
width: 260px;
margin-bottom: 0;
float: left;
}
/* line 90, ../_scss/components/_media-box.scss */
.media-box .secondary-content {
width: 240px;
float: right;
margin-bottom: 0;
}
/* line 97, ../_scss/components/_media-box.scss */
.media-box.no-image .primary-content {
width: 400px;
}
}
/* =============================================================================
base / menu
============================================================================= */
/* line 8, ../_scss/components/_nav.scss */
.main-nav {
display: block;
position: relative;
max-width: 760px;
margin: 14px auto;
padding: 0 10px;
font-size: 16px;
}
/* line 110, ../_scss/_mixins.scss */
.main-nav:after {
content: "";
display: table;
clear: both;
}
/* line 18, ../_scss/components/_nav.scss */
.js .main-nav, .main-nav.hide {
display: none;
}
/* line 22, ../_scss/components/_nav.scss */
.js .main-nav.active, .main-nav.active {
margin: 0;
padding: 0;
display: block;
}
/* line 29, ../_scss/components/_nav.scss */
.main-nav.show {
border-bottom: 3px solid #ff6200;
}
/* line 33, ../_scss/components/_nav.scss */
.js .main-nav .menu-label {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
@media (min-width: 1000px) {
/* line 8, ../_scss/components/_nav.scss */
.main-nav {
display: block !important;
display: block;
padding: 0;
margin-top: 0;
margin-bottom: 0;
max-width: 960px;
}
/* line 46, ../_scss/components/_nav.scss */
.js .main-nav {
width: 100%;
max-width: 100%;
overflow: hidden;
}
/* line 52, ../_scss/components/_nav.scss */
.main-nav.active, .main-nav.hide, .main-nav.show {
display: block;
overflow: visible;
}
/* line 58, ../_scss/components/_nav.scss */
.main-nav.show {
border-bottom: 0;
}
}
/* line 64, ../_scss/components/_nav.scss */
.main-nav-list {
display: block;
margin: 0;
padding: 0;
list-style: none;
/*
Global elements:
*/
/*
Global level 1:
*/
/*
SPECIAL: login-link/submenu
*/
/*
Level 2, 3, 4:
*/
/*
Level 3:
*/
/*
Level 4:
*/
/* =============================================================================
'DESKTOP'-style:
============================================================================= */
}
/* line 73, ../_scss/components/_nav.scss */
.main-nav-list ol {
display: block;
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid #f0f0f0;
}
/* line 122, ../_scss/_mixins.scss */
.main-nav-list ol li:before {
display: none;
}
/* line 82, ../_scss/components/_nav.scss */
.main-nav-list li {
position: relative;
display: block;
padding: 0;
margin: 0;
list-style: none;
border-bottom: 1px solid #d6d6d6;
}
/* line 90, ../_scss/components/_nav.scss */
.main-nav-list li.open {
border-bottom: 0;
}
/* line 94, ../_scss/components/_nav.scss */
.main-nav-list li.open > a:hover {
text-decoration: underline;
}
/* line 98, ../_scss/components/_nav.scss */
.main-nav-list li.open > a:hover::after {
text-decoration: none;
}
/* line 103, ../_scss/components/_nav.scss */
.main-nav-list li.has-children {
padding-right: 49px;
}
/* line 108, ../_scss/components/_nav.scss */
.main-nav-list a {
display: block;
padding: 14px 0;
color: #1f1f1f;
text-decoration: none;
}
/* line 124, ../_scss/components/_nav.scss */
.main-nav-list .active > a {
color: #ff6200;
}
/* line 129, ../_scss/components/_nav.scss */
.main-nav-list .open > a {
border-bottom: 1px solid #f0f0f0;
}
/* line 133, ../_scss/components/_nav.scss */
.main-nav-list .current {
display: block;
padding: 11px 0;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
font-weight: normal;
color: #ff6200;
}
/* line 141, ../_scss/components/_nav.scss */
.main-nav-list .toggle {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 49px;
height: 51px;
margin: 0;
padding: 0;
color: #CCC5B7;
text-align: center;
font-family: "fab-ingcons";
line-height: 51px;
font-size: 12px;
border-left: 1px solid #f0f0f0;
border-bottom: 0;
}
/* line 159, ../_scss/components/_nav.scss */
.main-nav-list .toggle:active, .main-nav-list .toggle:hover, .main-nav-list .toggle:focus, .main-nav-list .toggle.active {
color: #fff;
background-color: #ff6200;
border-color: #ff6200;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 174, ../_scss/components/_nav.scss */
.main-nav-list .highlight {
display: none;
}
/* line 183, ../_scss/components/_nav.scss */
.main-nav-list li.nav-login .has-content {
border-bottom: 0;
padding-right: 70px;
padding-bottom: 20px;
}
/* line 188, ../_scss/components/_nav.scss */
.main-nav-list li.nav-login .has-content h2 {
font-size: 22px;
margin-top: 20px;
margin-bottom: 10px;
}
/* line 193, ../_scss/components/_nav.scss */
.main-nav-list li.nav-login .has-content h2,
.main-nav-list li.nav-login .has-content .arrow-link {
color: #ff6200;
padding-left: 0;
}
/* line 198, ../_scss/components/_nav.scss */
.main-nav-list li.nav-login .has-content h2 .icon,
.main-nav-list li.nav-login .has-content .arrow-link .icon {
position: relative;
top: -1px;
left: auto;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
transition: color .25s;
}
/* line 209, ../_scss/components/_nav.scss */
.main-nav-list li.nav-login .has-content h2:hover, .main-nav-list li.nav-login .has-content h2:focus,
.main-nav-list li.nav-login .has-content .arrow-link:hover,
.main-nav-list li.nav-login .has-content .arrow-link:focus {
color: #525199;
}
/* line 213, ../_scss/components/_nav.scss */
.main-nav-list li.nav-login .has-content h2:hover .icon, .main-nav-list li.nav-login .has-content h2:focus .icon,
.main-nav-list li.nav-login .has-content .arrow-link:hover .icon,
.main-nav-list li.nav-login .has-content .arrow-link:focus .icon {
color: #525199;
}
/* line 218, ../_scss/components/_nav.scss */
.main-nav-list li.nav-login .has-content p {
margin: 0;
}
/* line 227, ../_scss/components/_nav.scss */
.main-nav-list .sub-sub-sub-nav-list,
.main-nav-list .sub-sub-nav-list,
.main-nav-list .sub-nav-list {
border-top: 0;
margin-left: 10px;
margin-right: -49px;
}
/* line 234, ../_scss/components/_nav.scss */
.main-nav-list .sub-sub-sub-nav-list.closed,
.main-nav-list .sub-sub-nav-list.closed,
.main-nav-list .sub-nav-list.closed {
display: none !important;
}
/* line 237, ../_scss/components/_nav.scss */
.main-nav-list .sub-sub-sub-nav-list.open,
.main-nav-list .sub-sub-nav-list.open,
.main-nav-list .sub-nav-list.open {
display: block;
border-bottom: 1px solid #1f1f1f;
}
/* line 242, ../_scss/components/_nav.scss */
.main-nav-list .sub-sub-sub-nav-list a,
.main-nav-list .sub-sub-nav-list a,
.main-nav-list .sub-nav-list a {
color: #545454;
}
/* line 250, ../_scss/components/_nav.scss */
.main-nav-list .sub-sub-sub-nav-list .active > a,
.main-nav-list .sub-sub-nav-list .active > a,
.main-nav-list .sub-nav-list .active > a {
color: #ff6200;
}
/* line 255, ../_scss/components/_nav.scss */
.main-nav-list .sub-sub-sub-nav-list .toggle,
.main-nav-list .sub-sub-nav-list .toggle,
.main-nav-list .sub-nav-list .toggle {
color: #CCC5B7;
}
/* line 258, ../_scss/components/_nav.scss */
.main-nav-list .sub-sub-sub-nav-list .toggle:active, .main-nav-list .sub-sub-sub-nav-list .toggle:hover, .main-nav-list .sub-sub-sub-nav-list .toggle:focus, .main-nav-list .sub-sub-sub-nav-list .toggle.active,
.main-nav-list .sub-sub-nav-list .toggle:active,
.main-nav-list .sub-sub-nav-list .toggle:hover,
.main-nav-list .sub-sub-nav-list .toggle:focus,
.main-nav-list .sub-sub-nav-list .toggle.active,
.main-nav-list .sub-nav-list .toggle:active,
.main-nav-list .sub-nav-list .toggle:hover,
.main-nav-list .sub-nav-list .toggle:focus,
.main-nav-list .sub-nav-list .toggle.active {
color: #fff;
}
/* line 266, ../_scss/components/_nav.scss */
.main-nav-list .sub-sub-sub-nav-list h2,
.main-nav-list .sub-sub-nav-list h2,
.main-nav-list .sub-nav-list h2 {
display: none;
}
/* line 276, ../_scss/components/_nav.scss */
.main-nav-list .sub-sub-nav-list a {
color: #6D6D6D;
}
/* line 285, ../_scss/components/_nav.scss */
.main-nav-list .sub-sub-sub-nav-list a {
color: #8C8C8C;
}
@media (min-width: 1000px) {
/* line 64, ../_scss/components/_nav.scss */
.main-nav-list {
position: relative;
font-size: 0.1px;
opacity: 1;
transition: opacity 1.5s;
/*
Global level 1:
*/
/*
OVERRIDE! :S
//TODO: fix dit!
*/
/*
SPECIAL: login-link / submenu
*/
/*
Level 2:
*/
/*
Level 3, 4:
*/
}
/* line 302, ../_scss/components/_nav.scss */
.search-is-active .main-nav-list {
border-bottom-color: transparent;
opacity: 0;
}
/* line 307, ../_scss/components/_nav.scss */
.main-nav-list:after {
width: 1px;
height: 27px;
content: "";
display: block;
position: absolute;
top: 0;
right: -1px;
background-color: white;
}
/* line 318, ../_scss/components/_nav.scss */
.js .active .main-nav-list {
height: 41px;
}
/* line 325, ../_scss/components/_nav.scss */
.main-nav-list a {
margin: 0;
padding: 7px 0;
}
/* line 330, ../_scss/components/_nav.scss */
.main-nav-list > li {
border: 0;
display: inline-block;
height: 55px;
margin-right: -1px;
padding: 0;
position: static;
}
/* line 338, ../_scss/components/_nav.scss */
.main-nav-list > li > a {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border: 1px solid transparent;
height: 51px;
padding: 5px 9px 9px 9px;
position: relative;
}
/* line 347, ../_scss/components/_nav.scss */
.main-nav-list > li > a:active, .main-nav-list > li > a:hover, .main-nav-list > li > a:focus {
color: #ff6200;
}
/* line 353, ../_scss/components/_nav.scss */
.main-nav-list > li > a::after {
border-bottom: 0;
border-right: 1px solid #d6d6d6;
content: '';
display: inline-block;
height: 16px;
position: absolute;
right: -1px;
top: 12px;
width: 1px;
}
/* line 366, ../_scss/components/_nav.scss */
.main-nav-list > li:first-of-type > a {
padding-left: 0;
}
/* line 370, ../_scss/components/_nav.scss */
.main-nav-list > li:last-of-type > a::after {
border-right: none;
}
/* line 376, ../_scss/components/_nav.scss */
.main-nav-list > li.open > a {
background-color: #fff;
border: 1px solid #d6d6d6;
border-bottom-color: #fff;
color: #ff6200;
z-index: 101;
}
/* line 383, ../_scss/components/_nav.scss */
.main-nav-list > li.open > a:after {
content: "";
}
/* line 389, ../_scss/components/_nav.scss */
.main-nav-list > li.has-children > a {
padding-right: 28px;
}
/* line 392, ../_scss/components/_nav.scss */
.main-nav-list > li.has-children > a:after {
content: "";
font-family: "fab-ingcons";
font-weight: bold;
font-size: 10px;
line-height: 16px;
width: 20px;
}
/* line 402, ../_scss/components/_nav.scss */
.main-nav-list li {
font-size: 16px;
}
/* line 406, ../_scss/components/_nav.scss */
.main-nav-list li.has-children {
padding-right: 0;
}
/* line 411, ../_scss/components/_nav.scss */
.main-nav-list .toggle {
display: none !important;
}
/* line 419, ../_scss/components/_nav.scss */
.main-nav-list .arrow-link {
display: inline-block;
padding-left: 14px;
padding-top: 0;
padding-bottom: 0;
margin-top: 3px;
}
/* line 426, ../_scss/components/_nav.scss */
.main-nav-list .arrow-link .icon {
color: #ff6200;
}
/* line 434, ../_scss/components/_nav.scss */
.main-nav-list li.nav-login {
float: right;
}
/* line 437, ../_scss/components/_nav.scss */
.main-nav-list li.nav-login > a {
padding-left: 15px;
padding-right: 15px;
border-bottom-right-radius: 6px;
}
/* line 443, ../_scss/components/_nav.scss */
.main-nav-list li.nav-login ol {
padding-right: 0;
}
/* line 446, ../_scss/components/_nav.scss */
.main-nav-list li.nav-login .sub-nav-list {
overflow: hidden;
}
/* line 449, ../_scss/components/_nav.scss */
.main-nav-list li.nav-login .has-content {
width: 420px;
margin-right: 35px;
padding-bottom: 0;
padding-top: 8px;
float: left;
}
/* line 456, ../_scss/components/_nav.scss */
.main-nav-list li.nav-login .has-content h2 {
margin-top: 0;
}
/* line 465, ../_scss/components/_nav.scss */
.main-nav-list .sub-nav-list {
background-color: #fff;
display: block;
margin: 0;
min-height: 230px;
padding: 20px 200px 20px 15px;
position: relative;
text-align: left;
width: 100%;
}
/* line 475, ../_scss/components/_nav.scss */
.js .main-nav-list .sub-nav-list {
width: 970px;
position: absolute;
z-index: 100;
top: 50px;
left: -15px;
}
/* line 483, ../_scss/components/_nav.scss */
.main-nav-list .sub-nav-list, .main-nav-list .sub-nav-list.open {
border: 1px solid #d6d6d6;
border-radius: 6px;
}
/* line 488, ../_scss/components/_nav.scss */
.main-nav-list .sub-nav-list:before, .main-nav-list .sub-nav-list.open:before {
width: 4px;
height: 1px;
display: block;
content: "";
position: absolute;
top: -1px;
left: -1px;
background-color: white;
}
/* line 499, ../_scss/components/_nav.scss */
.main-nav-list .sub-nav-list.closed {
border-bottom: 0;
}
/* line 503, ../_scss/components/_nav.scss */
.main-nav-list .sub-nav-list li {
margin-right: 20px;
font-size: 14px;
}
/* line 508, ../_scss/components/_nav.scss */
.main-nav-list .sub-nav-list a {
padding-top: 11px;
padding-bottom: 11px;
width: 300px;
padding-left: 10px;
color: #1f1f1f;
}
/* line 517, ../_scss/components/_nav.scss */
.main-nav-list .sub-nav-list > li {
border: none;
width: 935px;
position: static;
}
/* line 522, ../_scss/components/_nav.scss */
.main-nav-list .sub-nav-list > li:not(:last-child) > a {
border-bottom: 1px solid #d6d6d6;
}
/* line 526, ../_scss/components/_nav.scss */
.main-nav-list .sub-nav-list > li:hover > a {
background-color: #F5F5F5;
}
/* line 532, ../_scss/components/_nav.scss */
.main-nav-list .sub-nav-list > li.has-children.active:not(.closed) > a, .main-nav-list .sub-nav-list > li.open > a {
background-color: #ff6200;
color: white;
}
/* line 538, ../_scss/components/_nav.scss */
.main-nav-list .sub-nav-list > li.has-children > a {
position: relative;
}
/* line 541, ../_scss/components/_nav.scss */
.main-nav-list .sub-nav-list > li.has-children > a::after {
content: '';
position: absolute;
right: 0;
top: 0;
display: block;
width: 40px;
height: 100%;
content: "";
font-family: "fab-ingcons";
font-weight: bold;
font-size: 10px;
line-height: 50px;
text-align: center;
}
/* line 566, ../_scss/components/_nav.scss */
.main-nav-list .sub-sub-nav-list {
height: calc(100% - 40px);
left: calc(300px + 20px);
padding-bottom: 40px;
position: absolute;
top: 20px;
width: calc(100% - 300px - 45px);
}
/* line 574, ../_scss/components/_nav.scss */
.main-nav-list .sub-sub-nav-list.open {
border: none;
}
/* line 578, ../_scss/components/_nav.scss */
.main-nav-list .sub-sub-nav-list > a {
min-height: auto;
font-size: auto;
color: #ff6200;
display: none;
margin-bottom: 16px;
padding: 11px 0 0 0;
font-weight: normal;
line-height: 1.25;
font-size: 24px;
border-bottom: none;
}
/* line 590, ../_scss/components/_nav.scss */
.main-nav-list .sub-sub-nav-list > a:hover {
text-decoration: underline;
cursor: pointer;
}
}
@media (min-width: 1000px) and (min-width: 1000px) {
/* line 578, ../_scss/components/_nav.scss */
.main-nav-list .sub-sub-nav-list > a {
display: block;
}
}
@media (min-width: 1000px) {
/* line 600, ../_scss/components/_nav.scss */
.main-nav-list .sub-sub-nav-list .wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 100%;
width: 100%;
-ms-flex-direction: column;
flex-direction: column;
}
/* line 608, ../_scss/components/_nav.scss */
.main-nav-list .sub-sub-nav-list li {
width: 50%;
margin-right: 0;
border: none;
min-height: 32px;
}
/* line 615, ../_scss/components/_nav.scss */
.main-nav-list .sub-sub-nav-list li::before {
position: absolute;
left: 0;
top: 0;
display: block;
width: 15px;
height: 100%;
content: "";
font-family: "fab-ingcons";
font-weight: bold;
font-size: 10px;
line-height: 38px;
color: #ff6200;
}
/* line 630, ../_scss/components/_nav.scss */
.main-nav-list .sub-sub-nav-list li > a {
padding: 6px 15px;
position: relative;
}
/* line 634, ../_scss/components/_nav.scss */
.main-nav-list .sub-sub-nav-list li > a:hover {
text-decoration: underline;
}
/* line 638, ../_scss/components/_nav.scss */
.main-nav-list .sub-sub-nav-list li > a.is-all {
font-weight: bold;
}
/* line 645, ../_scss/components/_nav.scss */
.main-nav-list .open .highlight {
width: 195px;
margin: 0;
padding: 0 0 5px 0;
position: absolute;
top: 61px;
right: 41px;
z-index: 101;
display: block;
}
/* line 655, ../_scss/components/_nav.scss */
.main-nav-list .open .highlight img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
}
/* line 662, ../_scss/components/_nav.scss */
.main-nav-list .open .highlight figcaption {
padding: 0;
border-bottom: 0;
}
/* line 667, ../_scss/components/_nav.scss */
.main-nav-list .open .highlight .arrow-link {
color: #ff6200;
}
/* line 672, ../_scss/components/_nav.scss */
.main-nav-list .sub-sub-sub-nav-list {
display: none !important;
}
}
/* =============================================================================
menu - other elements
============================================================================= */
/* line 684, ../_scss/components/_nav.scss */
.lower-header {
position: relative;
padding: 20px 0;
}
@media (min-width: 1000px) {
/* line 684, ../_scss/components/_nav.scss */
.lower-header {
position: absolute;
top: 14px;
right: 0;
padding: 0;
}
}
/* line 697, ../_scss/components/_nav.scss */
.lang-nav {
display: block;
list-style: none;
margin: 0;
padding: 15px 0;
}
/* line 122, ../_scss/_mixins.scss */
.lang-nav li:before {
display: none;
}
@media (min-width: 1000px) {
/* line 697, ../_scss/components/_nav.scss */
.lang-nav {
padding: 0;
position: absolute;
top: 8px;
right: 0px;
font-size: 13px;
}
}
/* line 712, ../_scss/components/_nav.scss */
.lang-nav li {
list-style: none;
display: inline-block;
margin-right: 13px;
}
/* line 717, ../_scss/components/_nav.scss */
.lang-nav li.active a {
color: #ff6200;
}
/* line 721, ../_scss/components/_nav.scss */
.lang-nav li:last-child {
margin-right: 0;
}
/* line 726, ../_scss/components/_nav.scss */
.lang-nav a {
color: #1f1f1f;
text-decoration: none;
}
/* line 730, ../_scss/components/_nav.scss */
.lang-nav a:active, .lang-nav a:hover, .lang-nav a:focus {
color: #ff6200;
}
/*
Page-overlay (if menu-open on desktop)
*/
/* line 742, ../_scss/components/_nav.scss */
.page-overlay {
display: none;
}
@media (min-width: 1000px) {
/* line 742, ../_scss/components/_nav.scss */
.page-overlay {
position: absolute;
top: 134px;
left: 0;
bottom: 0;
z-index: 99;
width: 100%;
height: auto;
background: transparent url("../img/bg_transparent_white.png") 0 0 repeat;
}
/* line 755, ../_scss/components/_nav.scss */
.page-overlay.show, .search-is-active .page-overlay {
display: block;
}
}
/* line 1, ../_scss/components/_news-overview-list.scss */
.news-overview-list {
margin: 0 0 15px 0;
padding: 0;
}
/* line 122, ../_scss/_mixins.scss */
.news-overview-list li:before {
display: none;
}
/* line 6, ../_scss/components/_news-overview-list.scss */
.news-overview-list h3 {
margin: 5px 0;
}
/* line 11, ../_scss/components/_news-overview-list.scss */
.news-overview-list .article-excerpt.excerpt-small figure {
width: 100px;
}
/* line 16, ../_scss/components/_news-overview-list.scss */
.news-overview-list .article-excerpt.excerpt-small.has-figure h3, .news-overview-list .article-excerpt.excerpt-small.has-figure p {
padding-left: 120px;
}
/*
Page-overlay (if menu-open on desktop)
*/
/* line 4, ../_scss/components/_overlay.scss */
.page-overlay {
display: none;
left: 0;
top: 0;
width: 100%;
position: fixed;
height: 100%;
background-color: rgba(214, 214, 214, 0.85);
z-index: 1;
}
@media (min-width: 1000px) {
/* line 4, ../_scss/components/_overlay.scss */
.page-overlay {
background-color: rgba(214, 214, 214, 0.15);
}
}
/* line 18, ../_scss/components/_overlay.scss */
.page-overlay.show, .search-is-active .page-overlay {
display: block;
}
@media (min-width: 1000px) {
/* line 18, ../_scss/components/_overlay.scss */
.page-overlay.show, .search-is-active .page-overlay {
display: none;
}
}
/* line 3, ../_scss/components/_page-return.scss */
body.has-page-return .siteframe #wrapper {
padding-top: 40px;
}
/* line 9, ../_scss/components/_page-return.scss */
.page-return, .brand-check .page-return {
position: absolute;
top: -50px;
left: 0;
padding: 10px 10px;
display: block;
width: 100%;
font-size: 14px;
background-color: #f0f0f0;
box-shadow: 300px 0 0 #f0f0f0, -300px 0 0 #f0f0f0;
}
@media (min-width: 760px) {
/* line 9, ../_scss/components/_page-return.scss */
.page-return, .brand-check .page-return {
box-shadow: 700px 0 0 #f0f0f0, -700px 0 0 #f0f0f0;
padding-left: 0;
padding-right: 0;
}
}
/* line 26, ../_scss/components/_page-return.scss */
.page-return a, .brand-check .page-return a {
color: #767676;
}
/* line 29, ../_scss/components/_page-return.scss */
.page-return a i, .brand-check .page-return a i {
font-size: 10px;
}
/* line 33, ../_scss/components/_page-return.scss */
.page-return a:hover, .brand-check .page-return a:hover {
color: #ff6200;
}
/* line 1, ../_scss/components/_pagination.scss */
.pagination {
height: 14px;
margin-bottom: 40px;
padding: 20px 10px 0 10px;
border-top: 1px solid #d6d6d6;
border-left: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
font-size: 14px;
}
/* line 12, ../_scss/components/_pagination.scss */
.pagination .siblings-list {
display: block;
list-style: none;
position: relative;
margin: 0;
padding: 0;
max-width: none;
}
/* line 122, ../_scss/_mixins.scss */
.pagination .siblings-list li:before {
display: none;
}
/* line 21, ../_scss/components/_pagination.scss */
.pagination .siblings-list a {
display: inline-block;
padding: 0 8px;
vertical-align: middle;
text-decoration: none;
border-radius: 6px;
}
/* line 28, ../_scss/components/_pagination.scss */
.pagination .siblings-list a:hover, .pagination .siblings-list a:focus {
background-color: #525199;
color: white;
}
/* line 38, ../_scss/components/_pagination.scss */
.pagination .siblings-list .next a:before,
.pagination .siblings-list .next a:after,
.pagination .siblings-list .previous a:before,
.pagination .siblings-list .previous a:after {
font-family: "fab-ingcons";
display: inline-block;
vertical-align: baseline;
position: relative;
top: -1px;
font-size: 65%;
}
/* line 48, ../_scss/components/_pagination.scss */
.pagination .siblings-list .next {
float: right;
}
/* line 51, ../_scss/components/_pagination.scss */
.pagination .siblings-list .next a:after {
content: "";
margin-left: 7px;
}
/* line 56, ../_scss/components/_pagination.scss */
.pagination .siblings-list .previous {
float: left;
}
/* line 59, ../_scss/components/_pagination.scss */
.pagination .siblings-list .previous a:before {
content: "";
margin-right: 7px;
}
/* line 67, ../_scss/components/_pagination.scss */
.pagination .pages-list {
display: block;
list-style: none;
width: auto;
margin: 0 auto;
padding: 0;
text-align: center;
}
/* line 122, ../_scss/_mixins.scss */
.pagination .pages-list li:before {
display: none;
}
/* line 76, ../_scss/components/_pagination.scss */
.pagination .pages-list li {
display: inline-block;
margin: 0 2px;
}
/* line 81, ../_scss/components/_pagination.scss */
.pagination .page {
display: none;
vertical-align: middle;
width: 26px;
color: #ff6200;
background-color: transparent;
border-radius: 6px;
transition: all .3s;
text-decoration: none;
}
@media (min-width: 760px) {
/* line 81, ../_scss/components/_pagination.scss */
.pagination .page {
display: inline-block;
}
}
/* line 96, ../_scss/components/_pagination.scss */
.pagination .page:active, .pagination .page:hover, .pagination .page:focus {
color: #fff;
background-color: #525199;
}
/* line 103, ../_scss/components/_pagination.scss */
.pagination .page.current:hover, .pagination .page.current {
display: inline-block;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
color: #fff;
background-color: #ff6200;
}
/* line 112, ../_scss/components/_pagination.scss */
.pagination .seperator {
display: none;
}
@media (min-width: 760px) {
/* line 112, ../_scss/components/_pagination.scss */
.pagination .seperator {
display: inline-block;
padding: 0 6px;
color: #ff6200;
}
}
/* line 123, ../_scss/components/_pagination.scss */
.content-pagination {
margin: 30px 0;
text-align: center;
}
/* line 127, ../_scss/components/_pagination.scss */
.content-pagination a {
display: inline-block;
color: #000;
font-size: 16px;
height: 40px;
line-height: 40px;
padding: 0 10px 0 25px;
position: relative;
}
/* line 136, ../_scss/components/_pagination.scss */
.content-pagination a:hover {
text-decoration: underline;
}
/* line 140, ../_scss/components/_pagination.scss */
.content-pagination a i {
color: #ff6200;
font-size: 12px;
position: absolute;
top: 15px;
left: 5px;
}
/* line 148, ../_scss/components/_pagination.scss */
.content-pagination a.next {
padding: 0 25px 0 10px;
}
/* line 151, ../_scss/components/_pagination.scss */
.content-pagination a.next i {
left: auto;
right: 5px;
}
/* line 157, ../_scss/components/_pagination.scss */
.content-pagination .pagination-dropdown {
height: 38px;
border: 1px solid #000;
border-radius: 4px;
display: inline-block;
line-height: 38px;
font-size: 16px;
padding: 0 10px;
margin: 0 10px;
cursor: pointer;
position: relative;
}
/* line 169, ../_scss/components/_pagination.scss */
.content-pagination .pagination-dropdown .pagination-value {
display: inline-block;
}
/* line 172, ../_scss/components/_pagination.scss */
.content-pagination .pagination-dropdown i {
font-size: 12px;
margin-left: 2px;
}
/* line 177, ../_scss/components/_pagination.scss */
.content-pagination .pagination-dropdown select {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
cursor: pointer;
}
/* line 1, ../_scss/components/_pipe-list.scss */
.pipe-list {
margin: 0;
padding: 0;
list-style: none;
font-size: 13px;
line-height: 23px;
}
/* line 110, ../_scss/_mixins.scss */
.pipe-list:after {
content: "";
display: table;
clear: both;
}
/* line 122, ../_scss/_mixins.scss */
.pipe-list li:before {
display: none;
}
/* line 10, ../_scss/components/_pipe-list.scss */
.pipe-list li {
line-height: 30px;
}
/* line 13, ../_scss/components/_pipe-list.scss */
.pipe-list li:first-child {
padding-left: 0;
border-left: 0;
}
/* line 19, ../_scss/components/_pipe-list.scss */
.pipe-list a {
text-decoration: none;
}
@media (min-width: 760px) {
/* line 24, ../_scss/components/_pipe-list.scss */
.pipe-list li {
padding: 0 17px;
line-height: 18px;
float: left;
border-left: 1px solid #a8a8a8;
}
}
/* line 1, ../_scss/components/_list-links-with-description.scss */
.list-links-with-description {
margin-bottom: 30px;
}
/* line 4, ../_scss/components/_list-links-with-description.scss */
.list-links-with-description ul {
padding-left: 0;
}
/* line 7, ../_scss/components/_list-links-with-description.scss */
.list-links-with-description li {
position: relative;
padding-left: 20px;
margin-bottom: 20px;
}
/* line 12, ../_scss/components/_list-links-with-description.scss */
.list-links-with-description li:before {
display: none;
}
/* line 15, ../_scss/components/_list-links-with-description.scss */
.list-links-with-description li i {
position: absolute;
left: 0;
top: 4px;
color: #ff6200;
}
/* line 21, ../_scss/components/_list-links-with-description.scss */
.list-links-with-description li a {
font-size: 20px;
border-bottom: 1px solid transparent;
color: #333;
transition: 0.3s border-bottom, 0.3s color;
}
/* line 27, ../_scss/components/_list-links-with-description.scss */
.list-links-with-description li a:hover {
color: #ff6200;
border-bottom: 1px solid #ff6200;
}
/* line 32, ../_scss/components/_list-links-with-description.scss */
.list-links-with-description li .block-description {
display: block;
color: #767676;
font-size: 14px;
}
/* line 1, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model {
margin: 30px 0;
position: relative;
box-sizing: border-box;
width: 100%;
}
@media (min-width: 760px) {
/* line 1, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model {
padding-left: 200px;
margin: 30px 0;
}
}
@media (min-width: 1000px) {
/* line 1, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model {
padding-left: 240px;
}
}
/* line 16, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model h2 {
font-size: 30px;
}
/* line 19, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model h3 {
font-size: 24px;
}
/* line 23, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-index {
width: 100%;
position: relative;
margin-bottom: 20px;
z-index: 100;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
@media (min-width: 760px) {
/* line 23, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-index {
position: absolute;
top: 0;
left: 0;
margin-bottom: 0;
width: 180px;
}
/* line 38, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-index.fixed {
position: fixed;
top: 30px;
left: 50%;
z-index: 100;
margin-left: -350px;
}
/* line 45, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-index.fixed-bottom {
top: auto;
bottom: 0;
}
}
@media (min-width: 1000px) {
/* line 23, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-index {
width: 200px;
}
/* line 53, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-index.fixed {
margin-left: -470px;
}
}
/* line 58, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-index ul {
list-style: none;
padding: 0 50px;
margin: 0 0 50px 0;
}
@media (min-width: 760px) {
/* line 58, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-index ul {
padding: 0;
margin: 0;
}
}
/* line 68, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-index ul li {
display: block;
margin-top: 30px;
position: relative;
border: 1px solid #d6d6d6;
border-radius: 6px;
font-size: 16px;
text-align: center;
cursor: pointer;
transition: 0.3s border-color, 0.3s color;
}
/* line 79, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-index ul li a {
color: inherit;
display: block;
padding: 5px 10px;
font-size: 16px;
}
@media (min-width: 760px) {
/* line 79, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-index ul li a {
padding: 10px;
font-size: 16px;
}
}
@media (min-width: 760px) {
/* line 91, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-index ul li:hover, .scrolling-index-model .scrolling-index ul li.active {
color: #ff6200;
border-color: #ff6200;
}
}
/* line 98, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-index ul li:before {
font-family: 'fab-ingcons';
content: "\e60b";
position: absolute;
top: -15px;
left: 50%;
color: #ff6200;
font-size: 16px;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
}
/* line 110, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-index ul li:first-child {
margin-top: 0;
}
/* line 113, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-index ul li:first-child:before {
display: none;
}
/* line 121, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-model-part {
margin-top: 70px;
position: relative;
opacity: 0;
transition: 1s opacity, 1s margin-top;
}
/* line 127, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-model-part.fade-in {
opacity: 1;
margin-top: 50px;
}
/* line 132, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-model-part.rte_container {
opacity: 1;
margin-top: 50px;
}
/* line 137, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-model-part.rte_container .model-content-container .model-foldout-content, .scrolling-index-model .scrolling-model-part.rte_container .model-foldout .model-foldout-content {
max-height: none !important;
padding-top: 10px;
padding-bottom: 10px;
}
/* line 145, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-model-part:before {
font-family: 'fab-ingcons';
content: "\e60b";
position: absolute;
top: -25px;
left: 50%;
color: #ff6200;
font-size: 24px;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
}
/* line 157, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-model-part.first-part {
margin-top: 0;
}
/* line 160, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-model-part.first-part:before {
display: none;
}
/* line 165, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-model-part ul {
margin-bottom: 1em;
padding-left: 16px;
}
/* line 169, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-model-part ul.arrow-link-list {
padding-left: 0;
}
/* line 173, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-model-part ul li {
margin-bottom: 0.5em;
}
/* line 176, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-model-part ul li:before {
color: #ff6200;
font-size: 16px;
left: -16px;
}
/* line 185, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-model-container {
background-color: #f0f0f0;
padding: 15px;
border-radius: 6px;
}
@media (min-width: 760px) {
/* line 185, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-model-container {
padding: 25px 30px;
}
}
/* line 195, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-model-container p:last-child {
margin-bottom: 0;
}
/* line 205, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-content-container.inactive .toggle-model-content .content-status:after {
opacity: 1;
}
/* line 210, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-content-container.inactive .model-foldout-content {
max-height: 0 !important;
padding-top: 0;
padding-bottom: 0;
box-shadow: 0 0 0 1px rgba(214, 214, 214, 0);
}
/* line 218, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-content-container.animate-me .model-foldout-content {
transition: 0.5s max-height, 0.5s box-shadow, 0.5s padding;
}
/* line 223, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-content-container .model-foldout-content {
padding: 10px;
border-radius: 6px;
background-color: #fff;
box-shadow: 0 0 0 1px #d6d6d6;
overflow: hidden;
}
@media (min-width: 760px) {
/* line 223, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-content-container .model-foldout-content {
padding: 20px;
}
}
/* line 236, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .toggle-model-content {
line-height: 25px;
padding-left: 35px;
display: inline-block;
position: relative;
margin-bottom: 10px;
}
/* line 243, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .toggle-model-content:focus, .scrolling-index-model .toggle-model-content:active {
color: #ff6200;
}
/* line 246, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .toggle-model-content:hover {
color: #ff6200;
text-decoration: underline;
}
/* line 250, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .toggle-model-content:hover .content-status {
background-color: #ff6200;
}
/* line 253, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .toggle-model-content:hover .content-status:before, .scrolling-index-model .toggle-model-content:hover .content-status:after {
background-color: #fff;
}
/* line 259, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .toggle-model-content .content-status {
position: absolute;
top: 0;
left: 0;
width: 23px;
height: 23px;
display: block;
border: 1px solid #ff6200;
box-sizing: border-box;
border-radius: 100%;
transition: 0.5s background-color;
}
/* line 271, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .toggle-model-content .content-status:before, .scrolling-index-model .toggle-model-content .content-status:after {
width: 11px;
height: 1px;
display: block;
content: ' ';
background-color: #ff6200;
position: absolute;
top: 10px;
left: 5px;
transition: 0.3s background-color, 0.3s transform;
}
/* line 282, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .toggle-model-content .content-status:after {
height: 11px;
width: 1px;
top: 5px;
left: 10px;
opacity: 0;
transition: 0.5s opacity;
}
/* line 293, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-model-highlight {
background-color: #ff6200;
color: #fff;
padding: 20px;
border-radius: 6px;
}
/* line 299, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-model-highlight.rte_container {
background-color: #ff6200;
}
@media (min-width: 760px) {
/* line 293, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-model-highlight {
margin-left: 60px;
margin-right: 60px;
}
}
@media (min-width: 1000px) {
/* line 293, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-model-highlight {
margin-left: 80px;
margin-right: 80px;
}
}
/* line 312, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-model-highlight h2, .scrolling-index-model .scrolling-model-highlight h3, .scrolling-index-model .scrolling-model-highlight h4, .scrolling-index-model .scrolling-model-highlight h5 {
color: #fff;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
font-size: 20px;
}
/* line 317, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-model-highlight p {
font-size: 30px;
line-height: 1.2em;
}
/* line 321, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-model-highlight p + .arrow-link-list {
margin-top: 0;
}
/* line 324, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .scrolling-model-highlight *:last-child {
margin-bottom: 0;
}
/* line 329, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout {
background-color: #fff;
border: 1px solid #d6d6d6;
border-radius: 6px;
padding: 10px;
cursor: pointer;
margin-bottom: 10px;
transition: 0.3s border-color;
}
/* line 339, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout.animate-me .model-foldout-content {
transition: 0.5s ease-in-out max-height, 0.5s ease-in-out padding;
}
/* line 344, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout:last-child {
margin-bottom: 0;
}
@media (min-width: 760px) {
/* line 329, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout {
padding: 10px 20px 10px 70px;
margin-bottom: 20px;
}
}
/* line 354, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout.inactive .model-foldout-content {
max-height: 0 !important;
padding-top: 0;
padding-bottom: 0;
}
/* line 359, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout.inactive .model-foldout-status {
background-color: #fff;
}
/* line 362, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout.inactive .model-foldout-status:before, .scrolling-index-model .model-foldout.inactive .model-foldout-status:after {
background-color: #ff6200;
}
/* line 365, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout.inactive .model-foldout-status:after {
opacity: 1;
}
/* line 370, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout:hover {
border-color: #ff6200;
}
/* line 373, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout:hover .model-foldout-status {
background-color: #ff6200;
}
/* line 376, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout:hover .model-foldout-status:before, .scrolling-index-model .model-foldout:hover .model-foldout-status:after {
background-color: #fff;
}
/* line 382, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout .model-foldout-header {
position: relative;
padding: 0;
}
/* line 386, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout .model-foldout-header .foldout-image {
float: right;
height: 100%;
margin-left: 20px;
display: none;
height: 100px;
border-radius: 6px;
}
@media (min-width: 1000px) {
/* line 386, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout .model-foldout-header .foldout-image {
display: inline-block;
}
}
/* line 399, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout .model-foldout-header h3 {
padding-right: 40px;
}
@media (min-width: 1000px) {
/* line 399, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout .model-foldout-header h3 {
padding-right: 0;
}
}
@media (min-width: 760px) {
/* line 382, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout .model-foldout-header {
padding: 10px 0;
}
}
/* line 411, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout .model-foldout-header *:last-child {
margin-bottom: 0;
}
/* line 416, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout-content {
box-sizing: border-box;
overflow: hidden;
clear: both;
padding-top: 20px;
padding-bottom: 10px;
}
@media (min-width: 760px) {
/* line 416, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout-content {
padding-bottom: 20px;
padding-top: 0;
}
}
/* line 428, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout-content *:last-child {
margin-bottom: 0;
}
/* line 432, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout-status {
position: absolute;
top: 3px;
right: 3px;
width: 23px;
height: 23px;
display: block;
border: 1px solid #ff6200;
box-sizing: border-box;
border-radius: 100%;
transition: 0.5s background-color;
}
/* line 444, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout-status:before, .scrolling-index-model .model-foldout-status:after {
width: 11px;
height: 1px;
display: block;
content: ' ';
background-color: #ff6200;
position: absolute;
top: 10px;
left: 5px;
transition: 0.3s background-color, 0.3s transform;
}
/* line 455, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout-status:after {
height: 11px;
width: 1px;
top: 5px;
left: 10px;
opacity: 0;
transition: 0.5s opacity;
}
@media (min-width: 760px) {
/* line 432, ../_scss/components/_scrolling-index-model.scss */
.scrolling-index-model .model-foldout-status {
top: 12px;
right: auto;
left: -50px;
}
}
/* line 1, ../_scss/components/_sdg.scss */
.sdg-element {
margin: 30px 0 30px 0;
width: calc(100% + 10px);
padding-bottom: 270%;
position: relative;
display: block;
}
@media (min-width: 760px) {
/* line 1, ../_scss/components/_sdg.scss */
.sdg-element {
padding-bottom: 0;
}
}
/* line 12, ../_scss/components/_sdg.scss */
.sdg-element .sdg-point {
position: absolute;
top: 0;
left: 0;
width: calc(33.3% - 10px);
height: calc(100% / 8 - 10px);
margin-right: 10px;
}
@media (min-width: 760px) {
/* line 12, ../_scss/components/_sdg.scss */
.sdg-element .sdg-point {
display: none;
}
}
/* line 24, ../_scss/components/_sdg.scss */
.sdg-element .sdg-point figure {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 6px;
}
/* line 33, ../_scss/components/_sdg.scss */
.sdg-element .sdg-point img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
/* line 42, ../_scss/components/_sdg.scss */
.sdg-element .sdg-desktop-model {
display: none;
}
@media (min-width: 760px) {
/* line 42, ../_scss/components/_sdg.scss */
.sdg-element .sdg-desktop-model {
display: block;
width: 100%;
}
}
/* line 51, ../_scss/components/_sdg.scss */
.sdg-element .sdg-1 {
top: 0;
left: 0;
}
/* line 55, ../_scss/components/_sdg.scss */
.sdg-element .sdg-2 {
top: 0;
left: 33.3%;
}
/* line 59, ../_scss/components/_sdg.scss */
.sdg-element .sdg-3 {
top: 0;
left: 66.6%;
}
/* line 63, ../_scss/components/_sdg.scss */
.sdg-element .sdg-4 {
top: calc(100% / 8 * 1);
left: 0;
}
/* line 67, ../_scss/components/_sdg.scss */
.sdg-element .sdg-5 {
top: calc(100% / 8 * 1);
left: 33.3%;
}
/* line 71, ../_scss/components/_sdg.scss */
.sdg-element .sdg-6 {
top: calc(100% / 8 * 1);
left: 66.6%;
}
/* line 75, ../_scss/components/_sdg.scss */
.sdg-element .sdg-7 {
top: calc(100% / 8 * 2);
left: 0;
}
/* line 79, ../_scss/components/_sdg.scss */
.sdg-element .sdg-8 {
top: calc(100% / 8 * 2);
left: 33.3%;
width: calc(66.6% - 10px);
height: calc(100% / 8 * 2 - 10px);
}
/* line 85, ../_scss/components/_sdg.scss */
.sdg-element .sdg-9 {
top: calc(100% / 8 * 3);
left: 0;
}
/* line 89, ../_scss/components/_sdg.scss */
.sdg-element .sdg-10 {
top: calc(100% / 8 * 4);
left: 0;
}
/* line 93, ../_scss/components/_sdg.scss */
.sdg-element .sdg-11 {
top: calc(100% / 8 * 4);
left: 33.3%;
}
/* line 97, ../_scss/components/_sdg.scss */
.sdg-element .sdg-12 {
top: calc(100% / 8 * 5);
left: 0;
width: calc(66.6% - 10px);
height: calc(100% / 8 * 2 - 10px);
}
/* line 103, ../_scss/components/_sdg.scss */
.sdg-element .sdg-13 {
top: calc(100% / 8 * 4);
left: 66.6%;
}
/* line 107, ../_scss/components/_sdg.scss */
.sdg-element .sdg-14 {
top: calc(100% / 8 * 5);
left: 66.6%;
}
/* line 111, ../_scss/components/_sdg.scss */
.sdg-element .sdg-15 {
top: calc(100% / 8 * 6);
left: 66.6%;
}
/* line 115, ../_scss/components/_sdg.scss */
.sdg-element .sdg-16 {
top: calc(100% / 8 * 7);
left: 0;
}
/* line 119, ../_scss/components/_sdg.scss */
.sdg-element .sdg-17 {
top: calc(100% / 8 * 7);
left: 33.3%;
}
/* =============================================================================
base / search
* Styling for global search in header + results page
Remarks
-------
Global search results will be placed on search.ing.com, and are
provided by third party. ING editors have made a placeholder page
with an empty main content part, were search results will be
printed.
============================================================================= */
/* line 16, ../_scss/components/_search.scss */
.search-toggle {
right: 48px;
top: 24px;
position: absolute;
}
@media (min-width: 1000px) {
/* line 16, ../_scss/components/_search.scss */
.search-toggle {
display: block;
border: 1px solid #d6d6d6;
border-radius: 6px;
height: 35px;
padding: 3px 15px 3px 35px;
color: #767676;
font-size: 14px;
top: 20px;
right: 0;
}
}
/* line 34, ../_scss/components/_search.scss */
.search-toggle:active, .search-toggle:hover {
color: #767676;
}
/* line 39, ../_scss/components/_search.scss */
.search-toggle .icon {
height: 25px;
line-height: 25px;
color: #767676;
font-size: 18px;
}
@media (min-width: 1000px) {
/* line 39, ../_scss/components/_search.scss */
.search-toggle .icon {
position: absolute;
top: 5px;
left: 15px;
pointer-events: none;
font-size: 14px;
}
}
/* line 55, ../_scss/components/_search.scss */
.search-toggle-text {
display: inline-block;
text-indent: -9999px;
}
@media (min-width: 1000px) {
/* line 55, ../_scss/components/_search.scss */
.search-toggle-text {
text-indent: initial;
}
}
/* line 65, ../_scss/components/_search.scss */
.global-search-form {
display: none;
width: 100%;
transition: box-shadow 0.3s;
}
@media (min-width: 760px) {
/* line 65, ../_scss/components/_search.scss */
.global-search-form {
right: -5000px;
}
}
@media (min-width: 1000px) {
/* line 65, ../_scss/components/_search.scss */
.global-search-form {
position: absolute;
width: calc(100% - 200px);
right: 88px;
top: 20px;
box-shadow: 0 0 0 9000px rgba(255, 255, 255, 0);
z-index: 102;
}
}
/* line 83, ../_scss/components/_search.scss */
.search-is-active .global-search-form {
display: block;
box-shadow: 0 0 0 9000px rgba(255, 255, 255, 0.75);
right: 0;
}
/* line 90, ../_scss/components/_search.scss */
.global-search-fields {
height: 35px;
margin: 0;
padding: 0;
position: relative;
}
/* line 96, ../_scss/components/_search.scss */
.global-search-fields .global-search-input {
cursor: pointer;
float: right;
font-size: 14px;
height: 35px;
margin: 0;
padding: 0 110px 0 15px;
transition: width .3s ease-in-out;
width: 100px;
}
/* line 106, ../_scss/components/_search.scss */
.global-search-fields .global-search-input::-webkit-search-decoration {
-webkit-appearance: none;
}
/* line 110, ../_scss/components/_search.scss */
.global-search-fields .global-search-input::-ms-clear {
display: none;
}
/* line 114, ../_scss/components/_search.scss */
.global-search-fields .global-search-input:focus {
border-color: #ff6200;
width: 100%;
}
/* line 120, ../_scss/components/_search.scss */
.global-search-fields .input-submit.button-link {
border-bottom-left-radius: 0;
border-color: #ff6200;
border-top-left-radius: 0;
height: 35px;
margin: 0;
padding: 3px 15px 3px 35px;
position: absolute;
right: 0;
top: 0;
z-index: 2;
}
/* line 132, ../_scss/components/_search.scss */
.global-search-fields .input-submit.button-link > input[type="submit"] {
display: none;
visibility: hidden;
height: 0;
width: 0;
overflow: hidden;
line-height: 0;
}
/* line 141, ../_scss/components/_search.scss */
.global-search-fields .input-submit.button-link:hover {
background-color: #ff6200;
}
/* line 144, ../_scss/components/_search.scss */
.search-is-active .global-search-fields .input-submit.button-link:hover .search-toggle-text {
color: #fff;
}
/* line 149, ../_scss/components/_search.scss */
.global-search-fields .input-submit.button-link .icon {
color: #fff;
font-size: 14px;
height: 25px !important;
left: 15px !important;
line-height: 25px !important;
pointer-events: none;
top: 5px !important;
}
@media (min-width: 1000px) {
/* line 90, ../_scss/components/_search.scss */
.global-search-fields {
width: 100%;
}
/* line 163, ../_scss/components/_search.scss */
.global-search-fields .global-search-input {
height: 100%;
}
/* line 166, ../_scss/components/_search.scss */
.global-search-fields .global-search-input::-webkit-search-cancel-button {
display: none;
}
}
@media (min-width: 1000px) {
/* line 173, ../_scss/components/_search.scss */
.global-search-close {
color: #a8a8a8;
cursor: pointer;
font-size: 14px;
height: 100%;
line-height: 35px;
position: absolute;
right: 100px;
text-align: center;
top: 0;
width: 35px;
height: 35px;
transition: .25s all;
-webkit-transition: .25s all;
}
/* line 190, ../_scss/components/_search.scss */
.global-search-close:hover {
color: #767676;
}
}
/* =============================================================================
Styling for search results page
============================================================================= */
/* line 201, ../_scss/components/_search.scss */
#gsa-wrapper .input-q-wrapper {
width: 60%;
float: left;
position: relative;
}
@media (min-width: 760px) {
/* line 201, ../_scss/components/_search.scss */
#gsa-wrapper .input-q-wrapper {
width: 300px;
}
}
/* line 211, ../_scss/components/_search.scss */
#gsa-wrapper .querysuggestions {
display: none;
margin: 0;
position: absolute;
left: 0;
right: 0;
z-index: 99;
background-color: white;
border: 1px solid #a8a8a8;
border-top: 0;
}
/* line 222, ../_scss/components/_search.scss */
#gsa-wrapper .querysuggestions ul {
margin: 0;
padding: 0;
}
/* line 122, ../_scss/_mixins.scss */
#gsa-wrapper .querysuggestions ul li:before {
display: none;
}
/* line 228, ../_scss/components/_search.scss */
#gsa-wrapper .querysuggestions li {
padding-left: 5px;
}
/* line 231, ../_scss/components/_search.scss */
#gsa-wrapper .querysuggestions li:hover {
background-color: #f0f0f0;
cursor: pointer;
}
/* line 238, ../_scss/components/_search.scss */
#gsa-wrapper ul.results {
max-width: none;
padding-left: 0;
}
/* line 122, ../_scss/_mixins.scss */
#gsa-wrapper ul.results li:before {
display: none;
}
/* line 243, ../_scss/components/_search.scss */
#gsa-wrapper ul.results h3 {
font-family: "INGMeWeb-Regular", Arial, sans-serif;
font-weight: normal;
}
/* line 248, ../_scss/components/_search.scss */
#gsa-wrapper ul.results .url {
color: #788cc7;
font-size: 12px;
}
/* line 253, ../_scss/components/_search.scss */
#gsa-wrapper ul.results .resultlabels {
color: #767676;
font-size: 12px;
}
/* line 260, ../_scss/components/_search.scss */
#gsa-wrapper ul.results li.has-image figure {
float: left;
margin: 0 15px 10px 0;
padding: 0;
display: none;
}
/* line 266, ../_scss/components/_search.scss */
#gsa-wrapper ul.results li.has-image figure img {
width: 100px;
margin-top: 8px;
}
@media (min-width: 1000px) {
/* line 266, ../_scss/components/_search.scss */
#gsa-wrapper ul.results li.has-image figure img {
width: 120px;
}
}
@media (min-width: 760px) {
/* line 260, ../_scss/components/_search.scss */
#gsa-wrapper ul.results li.has-image figure {
display: block;
}
}
/* line 280, ../_scss/components/_search.scss */
#gsa-wrapper ul.results li.has-image .url {
clear: both;
}
/* line 287, ../_scss/components/_search.scss */
#gsa-wrapper ul.results .profile .link-wrapper {
display: table;
width: 100%;
padding: 20px;
background-color: #f0f0f0;
box-sizing: border-box;
border-radius: 6px;
}
/* line 295, ../_scss/components/_search.scss */
#gsa-wrapper ul.results .profile .link-wrapper:hover, #gsa-wrapper ul.results .profile .link-wrapper:active, #gsa-wrapper ul.results .profile .link-wrapper:focus {
margin: 0;
}
/* line 298, ../_scss/components/_search.scss */
#gsa-wrapper ul.results .profile .link-wrapper:hover h3, #gsa-wrapper ul.results .profile .link-wrapper:active h3, #gsa-wrapper ul.results .profile .link-wrapper:focus h3 {
color: #525199;
transition: color 0.15s linear;
}
/* line 303, ../_scss/components/_search.scss */
#gsa-wrapper ul.results .profile .link-wrapper:hover .url, #gsa-wrapper ul.results .profile .link-wrapper:active .url, #gsa-wrapper ul.results .profile .link-wrapper:focus .url {
color: #525199;
}
/* line 308, ../_scss/components/_search.scss */
#gsa-wrapper ul.results .profile .link-wrapper .profile-content {
width: 440px;
float: left;
}
@media (max-width: 1000px) {
/* line 308, ../_scss/components/_search.scss */
#gsa-wrapper ul.results .profile .link-wrapper .profile-content {
width: 100%;
}
}
/* line 317, ../_scss/components/_search.scss */
#gsa-wrapper ul.results .profile .link-wrapper h3 {
margin-top: 0;
font-size: 24px;
transition: color 0.15s linear;
}
/* line 323, ../_scss/components/_search.scss */
#gsa-wrapper ul.results .profile .link-wrapper ul {
padding-left: 12px;
line-height: 1.5em;
}
/* line 327, ../_scss/components/_search.scss */
#gsa-wrapper ul.results .profile .link-wrapper ul li {
position: relative;
}
/* line 330, ../_scss/components/_search.scss */
#gsa-wrapper ul.results .profile .link-wrapper ul li:after {
position: absolute;
left: -12px;
top: 0;
content: "•";
font-size: 14px;
}
/* line 340, ../_scss/components/_search.scss */
#gsa-wrapper ul.results .profile .link-wrapper .url {
color: #ff6200;
font-size: 15px;
transition: color 0.15s linear;
}
/* line 346, ../_scss/components/_search.scss */
#gsa-wrapper ul.results .profile .link-wrapper .details {
margin-top: 1em;
margin-bottom: 1em;
line-height: 1.5em;
}
/* line 351, ../_scss/components/_search.scss */
#gsa-wrapper ul.results .profile .link-wrapper .details .light {
color: #a8a8a8;
}
/* line 356, ../_scss/components/_search.scss */
#gsa-wrapper ul.results .profile .link-wrapper figure {
float: left;
padding-right: 20px;
height: auto;
margin: 0;
overflow: hidden;
}
@media (max-width: 1000px) {
/* line 356, ../_scss/components/_search.scss */
#gsa-wrapper ul.results .profile .link-wrapper figure {
clear: both;
width: 100%;
max-width: 100%;
text-align: left;
padding-right: 0;
margin: 0 0 20px 0;
}
}
/* line 372, ../_scss/components/_search.scss */
#gsa-wrapper ul.results .profile .link-wrapper figure img {
position: relative;
top: auto;
left: auto;
}
/* line 382, ../_scss/components/_search.scss */
#gsa-wrapper .collections {
padding-top: 5px;
clear: both;
}
/* line 386, ../_scss/components/_search.scss */
#gsa-wrapper .collections label {
margin: 0 2em 0 0;
display: block;
}
@media (min-width: 760px) {
/* line 386, ../_scss/components/_search.scss */
#gsa-wrapper .collections label {
display: inline;
}
}
/* line 395, ../_scss/components/_search.scss */
#gsa-wrapper .collections input {
margin-right: 7px;
}
/* line 400, ../_scss/components/_search.scss */
#gsa-wrapper .results-wrapper {
margin-top: 30px;
}
/* line 403, ../_scss/components/_search.scss */
#gsa-wrapper .results-wrapper h2 {
display: none;
}
/* line 408, ../_scss/components/_search.scss */
#gsa-wrapper .resultsmsg {
margin: 1em 0 1em 0;
padding: 0 0 1em 0;
border-bottom: 1px solid #a8a8a8;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
}
/* line 420, ../_scss/components/_search.scss */
#gsa-searchbar-wrapper {
margin-bottom: 20px;
}
/* line 423, ../_scss/components/_search.scss */
#gsa-searchbar-wrapper h2 {
display: none;
}
/* line 427, ../_scss/components/_search.scss */
#gsa-searchbar-wrapper .gsa-q {
border-radius: 6px 0 0 6px;
width: 100%;
padding: 5px 5px 5px 15px;
height: 48px;
border-right: 0;
font-size: 100%;
}
/* line 440, ../_scss/components/_search.scss */
#gsa-searchbar-wrapper .submit {
border-radius: 0 6px 6px 0;
padding: 4px 20px;
height: 48px;
display: inline-block;
background: #ff6200;
color: #fff;
}
/* line 448, ../_scss/components/_search.scss */
#gsa-searchbar-wrapper .submit:focus, #gsa-searchbar-wrapper .submit:hover {
background: #fff;
border: 1px solid #ff6200;
}
/* line 452, ../_scss/components/_search.scss */
#gsa-searchbar-wrapper .submit:focus input[type=submit], #gsa-searchbar-wrapper .submit:hover input[type=submit] {
color: #ff6200;
}
/* line 456, ../_scss/components/_search.scss */
#gsa-searchbar-wrapper .submit:focus .icon, #gsa-searchbar-wrapper .submit:hover .icon {
color: #ff6200;
transition: color .33s ease-in-out;
}
/* line 462, ../_scss/components/_search.scss */
#gsa-searchbar-wrapper .submit input[type=submit] {
background: none;
padding: 6px 3px;
}
/* line 467, ../_scss/components/_search.scss */
#gsa-searchbar-wrapper .submit .icon {
font-size: 16px;
position: relative;
top: 3px;
}
@media (min-width: 760px) {
/* line 476, ../_scss/components/_search.scss */
.search-column {
width: 450px;
}
}
@media (min-width: 1000px) {
/* line 476, ../_scss/components/_search.scss */
.search-column {
width: 700px;
}
}
/* =============================================================================
Search layout / Search Results / Search sidebar content
============================================================================= */
/* line 489, ../_scss/components/_search.scss */
.search {
position: relative;
}
/* line 4, ../_scss/base/_search-layout.scss */
.search h1 {
font-family: "INGMeWeb-Bold", Arial, sans-serif;
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
color: #ff6200;
}
@media (min-width: 1000px) {
/* line 4, ../_scss/base/_search-layout.scss */
.search h1 {
font-size: 32px;
}
}
/* line 16, ../_scss/base/_search-layout.scss */
.search-header {
color: #fff;
display: block;
border-radius: 6px;
margin-bottom: 15px;
}
@media (min-width: 760px) {
/* line 16, ../_scss/base/_search-layout.scss */
.search-header {
margin-bottom: 30px;
}
}
/* line 26, ../_scss/base/_search-layout.scss */
.search-header img {
border-radius: 6px;
}
/* line 31, ../_scss/base/_search-layout.scss */
.search-form {
width: 100%;
position: relative;
margin: 15px 0;
height: 44px;
}
@media (min-width: 1000px) {
/* line 31, ../_scss/base/_search-layout.scss */
.search-form {
margin: 12px 0 24px 0;
height: 48px;
}
}
/* line 43, ../_scss/base/_search-layout.scss */
.search-label {
position: relative;
width: 100%;
height: 44px;
display: block;
}
@media (min-width: 1000px) {
/* line 43, ../_scss/base/_search-layout.scss */
.search-label {
width: 450px;
height: 48px;
}
}
/* line 54, ../_scss/base/_search-layout.scss */
.search-label .autocomplete-suggestions {
background-color: #fff;
top: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
border-radius: 6px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}
/* line 62, ../_scss/base/_search-layout.scss */
.search-label .autocomplete-suggestions .autocomplete-suggestion {
padding: 10px 15px;
color: #1f1f1f;
}
/* line 66, ../_scss/base/_search-layout.scss */
.search-label .autocomplete-suggestions .autocomplete-suggestion:hover, .search-label .autocomplete-suggestions .autocomplete-suggestion.autocomplete-selected {
background-color: #ff6200;
color: #fff;
}
/* line 74, ../_scss/base/_search-layout.scss */
.search-input {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 44px;
}
@media (min-width: 1000px) {
/* line 74, ../_scss/base/_search-layout.scss */
.search-input {
height: 48px;
width: 100%;
}
}
/* line 87, ../_scss/base/_search-layout.scss */
.search-button {
position: absolute;
top: 0;
right: 0;
height: 44px;
width: 44px;
line-height: 46px;
text-align: center;
cursor: pointer;
border-radius: 0 6px 6px 0;
background-color: transparent;
color: #ff6200;
}
@media (min-width: 760px) {
/* line 87, ../_scss/base/_search-layout.scss */
.search-button {
background-color: #ff6200;
color: #fff;
}
/* line 104, ../_scss/base/_search-layout.scss */
.search-button:hover, .search-button:active {
background-color: #fff;
color: #ff6200;
box-shadow: inset 0 0 0 1px #ff6200;
}
}
/* line 111, ../_scss/base/_search-layout.scss */
.search-button span {
display: none;
}
@media (min-width: 760px) {
/* line 111, ../_scss/base/_search-layout.scss */
.search-button span {
display: inline;
position: relative;
bottom: 2px;
padding-left: 3px;
}
}
@media (min-width: 760px) {
/* line 87, ../_scss/base/_search-layout.scss */
.search-button {
width: 110px;
}
}
@media (min-width: 1000px) {
/* line 87, ../_scss/base/_search-layout.scss */
.search-button {
height: 48px;
line-height: 50px;
}
}
/* line 132, ../_scss/base/_search-layout.scss */
.search-filters {
width: 100%;
margin-bottom: 20px;
border-radius: 6px;
}
@media (min-width: 760px) {
/* line 132, ../_scss/base/_search-layout.scss */
.search-filters {
position: absolute;
top: 0;
left: 0;
width: 224px;
padding: 15px 15px 0 15px;
box-shadow: 0 0 0 1px #D9D9D9, 0 2px 0 #D9D9D9;
}
}
@media (min-width: 1000px) {
/* line 132, ../_scss/base/_search-layout.scss */
.search-filters {
width: 294px;
}
}
/* line 149, ../_scss/base/_search-layout.scss */
.search-filters h2 {
font-family: "INGMeWeb-Bold", Arial, sans-serif;
margin: 20px 0;
font-weight: bold;
color: #ff6200;
position: relative;
}
/* line 156, ../_scss/base/_search-layout.scss */
.search-filters h2 i {
position: absolute;
font-size: 14px;
right: 15px;
top: 6px;
}
@media (min-width: 760px) {
/* line 156, ../_scss/base/_search-layout.scss */
.search-filters h2 i {
display: none;
}
}
@media (min-width: 760px) {
/* line 149, ../_scss/base/_search-layout.scss */
.search-filters h2 {
margin-bottom: 20px;
margin-top: 0;
}
}
/* line 173, ../_scss/base/_search-layout.scss */
.search-filters.fixed {
position: fixed;
bottom: 30px;
left: calc(50% - 470px);
}
/* line 180, ../_scss/base/_search-layout.scss */
.search-sidebar {
box-shadow: none;
padding: 0;
}
/* line 185, ../_scss/base/_search-layout.scss */
.search-sidebar-content {
box-shadow: 0 0 0 1px #D9D9D9, 0 2px 0 #D9D9D9;
margin-bottom: 20px;
border-radius: 6px;
padding: 15px;
}
/* line 192, ../_scss/base/_search-layout.scss */
.search-filter {
padding-bottom: 15px;
margin-top: 15px;
display: none;
}
@media (min-width: 1000px) {
/* line 192, ../_scss/base/_search-layout.scss */
.search-filter {
display: block;
}
}
/* line 201, ../_scss/base/_search-layout.scss */
.search-filter:last-child {
margin-bottom: 0;
}
/* line 205, ../_scss/base/_search-layout.scss */
.search-filter h3 {
font-family: "INGMeWeb-Bold", Arial, sans-serif;
font-size: 16px;
font-weight: bold;
position: relative;
padding-right: 30px;
cursor: pointer;
}
/* line 213, ../_scss/base/_search-layout.scss */
.search-filter h3 i {
position: absolute;
top: 3px;
right: 15px;
font-size: 14px;
color: #ff6200;
transition: 0.3s transform;
}
/* line 223, ../_scss/base/_search-layout.scss */
.search-filter a, .search-filter .careers-search-toggle-subitems {
display: block;
font-size: 14px;
color: #1f1f1f;
cursor: pointer;
overflow: hidden;
max-height: 0;
opacity: 0;
transition: 1s opacity, 0.3s color;
}
/* line 233, ../_scss/base/_search-layout.scss */
.search-filter a:hover, .search-filter .careers-search-toggle-subitems:hover {
color: #ff6200;
}
/* line 238, ../_scss/base/_search-layout.scss */
.search-filter .careers-search-toggle-subitems {
color: #ff6200;
}
/* line 241, ../_scss/base/_search-layout.scss */
.search-filter .careers-search-toggle-subitems:hover {
text-decoration: underline;
}
/* line 247, ../_scss/base/_search-layout.scss */
.search-filter.show-more h3 {
padding-bottom: 10px;
}
/* line 250, ../_scss/base/_search-layout.scss */
.search-filter.show-more h3 i {
transform: rotate(180deg);
}
/* line 255, ../_scss/base/_search-layout.scss */
.search-filter.show-more a, .search-filter.show-more .careers-search-toggle-subitems {
max-height: none;
opacity: 1;
}
/* line 262, ../_scss/base/_search-layout.scss */
.search-filter .careers-search-filter-subitems .careers-search-filter-link {
max-height: 0;
opacity: 0;
}
/* line 268, ../_scss/base/_search-layout.scss */
.search-filter .careers-search-filter-subitems.show-more .careers-search-filter-link {
max-height: none;
opacity: 1;
}
/* line 278, ../_scss/base/_search-layout.scss */
.search-filter-mobile {
display: none;
position: relative;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #d6d6d6;
}
@media (min-width: 760px) {
/* line 278, ../_scss/base/_search-layout.scss */
.search-filter-mobile {
display: block;
}
}
@media (min-width: 1000px) {
/* line 278, ../_scss/base/_search-layout.scss */
.search-filter-mobile {
display: none;
}
}
/* line 292, ../_scss/base/_search-layout.scss */
.search-filter-mobile h3 {
font-family: "INGMeWeb-Bold", Arial, sans-serif;
font-size: 16px;
font-weight: bold;
position: relative;
padding-right: 30px;
cursor: pointer;
}
/* line 300, ../_scss/base/_search-layout.scss */
.search-filter-mobile h3 i {
position: absolute;
top: 3px;
right: 15px;
font-size: 14px;
color: #ff6200;
transition: 0.3s transform;
}
/* line 310, ../_scss/base/_search-layout.scss */
.show-mobile-filters .search-filter-mobile {
display: block;
}
@media (min-width: 1000px) {
/* line 310, ../_scss/base/_search-layout.scss */
.show-mobile-filters .search-filter-mobile {
display: none;
}
}
/* line 318, ../_scss/base/_search-layout.scss */
.show-mobile-filters .search-filter-mobile .mobile-title i {
transform: rotate(180deg);
}
/* line 325, ../_scss/base/_search-layout.scss */
.search-filter-select {
-webkit-appearance: none;
appearance: none;
-moz-appearance: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: none;
border: none;
opacity: 0;
}
@media (min-width: 760px) {
/* line 339, ../_scss/base/_search-layout.scss */
.search-results {
padding-left: 250px;
}
}
@media (min-width: 1000px) {
/* line 339, ../_scss/base/_search-layout.scss */
.search-results {
padding-left: 325px;
}
}
/* line 347, ../_scss/base/_search-layout.scss */
.search-results h2 {
font-size: 20px;
margin-bottom: 20px;
}
@media (min-width: 760px) {
/* line 347, ../_scss/base/_search-layout.scss */
.search-results h2 {
margin-bottom: 20px;
}
}
/* line 356, ../_scss/base/_search-layout.scss */
.search-results .mobile-title {
cursor: pointer;
font-size: 20px;
margin-bottom: 0;
padding-bottom: 15px;
border-bottom: 1px solid #d6d6d6;
}
@media (min-width: 1000px) {
/* line 356, ../_scss/base/_search-layout.scss */
.search-results .mobile-title {
display: none;
}
}
/* line 368, ../_scss/base/_search-layout.scss */
.search-results .desktop-title {
display: none;
}
@media (min-width: 1000px) {
/* line 368, ../_scss/base/_search-layout.scss */
.search-results .desktop-title {
display: block;
}
}
/* line 377, ../_scss/base/_search-layout.scss */
.search-result {
margin-bottom: 24px;
position: relative;
width: 100%;
box-sizing: border-box;
overflow: hidden;
padding-bottom: 20px;
border-bottom: 1px solid #d6d6d6;
}
@media (min-width: 1000px) {
/* line 377, ../_scss/base/_search-layout.scss */
.search-result {
margin-bottom: 24px;
padding-bottom: 20px;
}
}
/* line 391, ../_scss/base/_search-layout.scss */
.search-result h3 {
font-family: "INGMeWeb-Bold", Arial, sans-serif;
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
/* line 398, ../_scss/base/_search-layout.scss */
.search-result h3 a:link, .search-result h3 a:visited {
color: #ff6200;
}
/* line 402, ../_scss/base/_search-layout.scss */
.search-result h3 a:hover {
color: #ff6200;
text-decoration: underline;
}
/* line 409, ../_scss/base/_search-layout.scss */
.search-result figure {
display: block;
float: left;
margin: 0 15px 10px 0;
padding: 0;
}
/* line 415, ../_scss/base/_search-layout.scss */
.search-result figure img {
width: 120px;
}
/* line 420, ../_scss/base/_search-layout.scss */
.search-result p {
font-size: 16px;
margin: 0;
}
/* line 425, ../_scss/base/_search-layout.scss */
.search-result .alternative-information {
margin-top: 10px;
font-size: 14px;
}
/* line 430, ../_scss/base/_search-layout.scss */
.careers-search .search-result .alternative-information a {
color: #ff6200;
}
/* line 436, ../_scss/base/_search-layout.scss */
.search-result .meta-information {
color: #a8a8a8;
font-size: 14px;
margin-top: 4px;
}
/* line 442, ../_scss/base/_search-layout.scss */
.search-result-highlight {
border: 1px solid #d6d6d6;
padding: 0;
border-radius: 6px;
}
@media (min-width: 1000px) {
/* line 442, ../_scss/base/_search-layout.scss */
.search-result-highlight {
border-radius: 6px;
}
}
/* line 451, ../_scss/base/_search-layout.scss */
.search-result-highlight figure {
overflow: hidden;
position: relative;
height: 100%;
}
/* line 456, ../_scss/base/_search-layout.scss */
.search-result-highlight figure img {
width: 100%;
border-radius: 6px;
}
@media (min-width: 1000px) {
/* line 456, ../_scss/base/_search-layout.scss */
.search-result-highlight figure img {
object-fit: cover;
border-radius: 0;
height: 100%;
width: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
/* line 470, ../_scss/base/_search-layout.scss */
.search-result-highlight .media-image {
padding: 20px 20px 0 20px;
}
@media (min-width: 1000px) {
/* line 470, ../_scss/base/_search-layout.scss */
.search-result-highlight .media-image {
padding: 0;
}
}
/* line 478, ../_scss/base/_search-layout.scss */
.search-result-highlight .media-text {
padding: 10px 20px;
}
/* line 482, ../_scss/base/_search-layout.scss */
.search-result-highlight .media-text h3 a {
color: #ff6200;
}
/* line 485, ../_scss/base/_search-layout.scss */
.search-result-highlight .media-text h3 a:hover, .search-result-highlight .media-text h3 a:focus {
color: #1f1f1f;
}
@media (min-width: 1000px) {
/* line 478, ../_scss/base/_search-layout.scss */
.search-result-highlight .media-text {
padding: 10px 20px;
}
}
@media (min-width: 1000px) {
/* line 498, ../_scss/base/_search-layout.scss */
.search-filters-active {
margin-bottom: 30px;
}
}
/* line 504, ../_scss/base/_search-layout.scss */
.careers-search .search-filters-active a {
color: #ff6200;
}
/* line 507, ../_scss/base/_search-layout.scss */
.careers-search .search-filters-active a:hover, .careers-search .search-filters-active a:focus {
color: #1f1f1f;
}
/* line 514, ../_scss/base/_search-layout.scss */
.search .careers-search-active-filter {
padding: 5px 25px 5px 15px;
border: 1px solid #ff6200;
border-radius: 6px;
display: block;
margin: 10px 0;
position: relative;
color: #ff6200;
}
/* line 523, ../_scss/base/_search-layout.scss */
.search .careers-search-active-filter:hover {
color: #1f1f1f;
}
/* line 527, ../_scss/base/_search-layout.scss */
.search .careers-search-active-filter i {
position: absolute;
top: 12px;
right: 15px;
font-size: 14px;
}
@media (max-width: 760px) {
/* line 493, ../_scss/components/_search.scss */
.search-results {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
/* line 499, ../_scss/components/_search.scss */
.search-results .search-filters {
-ms-flex-order: 2;
order: 2;
}
}
/* =============================================================================
Share-links
============================================================================= */
/* line 5, ../_scss/components/_sharethis.scss */
.sharethis {
position: relative;
clear: both;
margin: 70px 0 0 0;
}
/* line 10, ../_scss/components/_sharethis.scss */
.sharethis .share-link {
display: inline-block;
vertical-align: top;
margin: 0 6px 0 0;
}
/* line 15, ../_scss/components/_sharethis.scss */
.sharethis .share-link .icon {
display: inline-block;
float: left;
width: 32px;
height: 32px;
line-height: 32px;
font-size: 22px;
text-align: center;
border-radius: 3px;
color: #fff;
background-color: #ff6200;
overflow: hidden;
transition: background-color .15s linear;
}
/* line 30, ../_scss/components/_sharethis.scss */
.sharethis .share-link .icon.icon-twitter {
font-size: 20px;
}
/* line 33, ../_scss/components/_sharethis.scss */
.sharethis .share-link .icon.icon-facebook {
font-size: 36px;
}
/* line 36, ../_scss/components/_sharethis.scss */
.sharethis .share-link .icon.icon-facebook:before {
position: relative;
top: 5px;
left: -4px;
}
/* line 42, ../_scss/components/_sharethis.scss */
.sharethis .share-link .icon.icon-googleplus {
font-size: 28px;
}
/* line 45, ../_scss/components/_sharethis.scss */
.sharethis .share-link .icon.icon-email {
font-size: 16px;
}
@media (min-width: 480px) {
/* line 48, ../_scss/components/_sharethis.scss */
.sharethis .share-link .icon.icon-whatsapp {
display: none;
}
}
/* line 58, ../_scss/components/_sharethis.scss */
.sharethis .share-link:active .icon-twitter, .sharethis .share-link:hover .icon-twitter, .sharethis .share-link:focus .icon-twitter {
background-color: #00acee;
}
/* line 61, ../_scss/components/_sharethis.scss */
.sharethis .share-link:active .icon-facebook, .sharethis .share-link:hover .icon-facebook, .sharethis .share-link:focus .icon-facebook {
background-color: #3b5998;
}
/* line 64, ../_scss/components/_sharethis.scss */
.sharethis .share-link:active .icon-linkedin, .sharethis .share-link:hover .icon-linkedin, .sharethis .share-link:focus .icon-linkedin {
background-color: #0e76a8;
}
/* line 67, ../_scss/components/_sharethis.scss */
.sharethis .share-link:active .icon-googleplus, .sharethis .share-link:hover .icon-googleplus, .sharethis .share-link:focus .icon-googleplus {
background-color: #ff0000;
}
/* line 70, ../_scss/components/_sharethis.scss */
.sharethis .share-link:active .icon-email, .sharethis .share-link:hover .icon-email, .sharethis .share-link:focus .icon-email {
background-color: #ff6200;
}
/* line 73, ../_scss/components/_sharethis.scss */
.sharethis .share-link:active .icon-imgur, .sharethis .share-link:hover .icon-imgur, .sharethis .share-link:focus .icon-imgur {
background-color: #89C624;
}
/* line 76, ../_scss/components/_sharethis.scss */
.sharethis .share-link:active .icon-whatsapp, .sharethis .share-link:hover .icon-whatsapp, .sharethis .share-link:focus .icon-whatsapp {
background-color: #25D366;
}
/* line 82, ../_scss/components/_sharethis.scss */
.sharethis .label {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* line 86, ../_scss/components/_sharethis.scss */
.widget .sharethis {
margin: 0;
}
/* line 89, ../_scss/components/_sharethis.scss */
.widget .sharethis .share-link {
margin: 0 4px 0 0;
}
/* line 92, ../_scss/components/_sharethis.scss */
.widget .sharethis .share-link .icon {
width: 28px;
height: 28px;
line-height: 28px;
font-size: 20px;
float: left;
overflow: hidden;
}
@media (max-width: 480px) {
/* line 92, ../_scss/components/_sharethis.scss */
.widget .sharethis .share-link .icon {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 24px;
}
}
/* line 107, ../_scss/components/_sharethis.scss */
.widget .sharethis .share-link .icon.icon-twitter {
font-size: 22px;
}
@media (min-width: 480px) {
/* line 107, ../_scss/components/_sharethis.scss */
.widget .sharethis .share-link .icon.icon-twitter {
font-size: 16px;
}
}
/* line 114, ../_scss/components/_sharethis.scss */
.widget .sharethis .share-link .icon.icon-facebook {
font-size: 46px;
line-height: 40px;
}
@media (min-width: 480px) {
/* line 114, ../_scss/components/_sharethis.scss */
.widget .sharethis .share-link .icon.icon-facebook {
font-size: 34px;
line-height: 28px;
}
}
@media (min-width: 760px) {
/* line 114, ../_scss/components/_sharethis.scss */
.widget .sharethis .share-link .icon.icon-facebook {
font-size: 34px;
line-height: 28px;
}
}
/* line 127, ../_scss/components/_sharethis.scss */
.widget .sharethis .share-link .icon.icon-facebook:before {
position: relative;
top: 5px;
left: -4px;
}
/* line 133, ../_scss/components/_sharethis.scss */
.widget .sharethis .share-link .icon.icon-googleplus {
font-size: 26px;
}
/* line 136, ../_scss/components/_sharethis.scss */
.widget .sharethis .share-link .icon.icon-email {
font-size: 14px;
}
/* line 143, ../_scss/components/_sharethis.scss */
.sharethis.show-titles {
overflow: hidden;
}
/* line 146, ../_scss/components/_sharethis.scss */
.sharethis.show-titles .share-link {
float: left;
clear: both;
margin: 5px 0;
}
@media (min-width: 760px) {
/* line 146, ../_scss/components/_sharethis.scss */
.sharethis.show-titles .share-link {
float: none;
clear: none;
margin: 0;
}
}
/* line 157, ../_scss/components/_sharethis.scss */
.sharethis.show-titles .label {
clip: none;
height: auto;
width: auto;
position: relative;
font-size: 16px;
color: #333;
margin: 0 15px 0 10px;
}
/* line 169, ../_scss/components/_sharethis.scss */
.sharethis-label {
margin-bottom: 13px;
color: #ff6200;
font-size: 15px;
}
/* line 175, ../_scss/components/_sharethis.scss */
.social-button {
min-height: 40px;
}
/* line 178, ../_scss/components/_sharethis.scss */
.article-sidebar .social-button {
min-height: auto;
margin-bottom: 10px;
}
/* line 183, ../_scss/components/_sharethis.scss */
.widget-center {
text-align: center;
}
/* line 187, ../_scss/components/_sharethis.scss */
.fb-page {
display: block;
overflow: hidden;
border: 1px solid #e1e8ed !important;
border-radius: 4px;
}
/* line 194, ../_scss/components/_sharethis.scss */
.twitter-tweet {
margin: 30px auto;
}
/* line 197, ../_scss/components/_sharethis.scss */
.twitter-timeline {
border: 1px solid #e1e8ed !important;
border-radius: 4px;
}
/* line 202, ../_scss/components/_sharethis.scss */
.twitter-link {
font-size: 14px;
}
/* line 205, ../_scss/components/_sharethis.scss */
.twitter-link:before {
display: none;
}
/* line 211, ../_scss/components/_sharethis.scss */
blockquote + .twitter-link {
position: relative;
bottom: 20px;
}
/* line 217, ../_scss/components/_sharethis.scss */
.light-padding-box blockquote + .twitter-link {
bottom: 5px;
}
/* line 223, ../_scss/components/_sharethis.scss */
a.twitter-link {
color: #3b94d9;
}
/* line 226, ../_scss/components/_sharethis.scss */
a.twitter-link:hover {
color: #55acee;
}
/* line 231, ../_scss/components/_sharethis.scss */
.last-updated {
color: #ff6200;
}
/* =============================================================================
sub-nav:
- mobile: a breadcrumb-path
- tablet/desktop: a sidebar to the page content
============================================================================= */
/* line 9, ../_scss/components/_sidenav.scss */
.sub-nav {
display: block;
margin: 0 0 20px 0;
padding: 0 0 0 0;
font-size: 13px;
/* =============================================================================
'DESKTOP'-style:
============================================================================= */
}
@media (min-width: 1000px) {
/* line 16, ../_scss/components/_sidenav.scss */
.subhome .sub-nav {
display: none;
}
}
/* line 21, ../_scss/components/_sidenav.scss */
.sub-nav .sub-nav-title {
display: inline-block;
vertical-align: middle;
}
/* line 25, ../_scss/components/_sidenav.scss */
.sub-nav .sub-nav-title .home {
position: relative;
margin-right: 18px;
}
/* line 29, ../_scss/components/_sidenav.scss */
.sub-nav .sub-nav-title .home:after {
position: absolute;
top: -4px;
right: -15px;
content: "";
font-family: "fab-ingcons";
font-size: 10px;
color: #ff6200;
display: inline-block;
vertical-align: middle;
pointer-events: none;
}
@media (min-width: 1000px) {
/* line 21, ../_scss/components/_sidenav.scss */
.sub-nav .sub-nav-title {
display: none;
}
}
/* line 49, ../_scss/components/_sidenav.scss */
.sub-nav ol {
display: inline;
margin: 0;
padding: 0;
list-style: none;
}
/* line 122, ../_scss/_mixins.scss */
.sub-nav ol li:before {
display: none;
}
/* line 58, ../_scss/components/_sidenav.scss */
.sub-nav .js .sub-sub-nav-list,
.sub-nav .js .sub-nav-list,
.sub-nav .sub-nav-list,
.sub-nav .sub-sub-nav-list {
display: inline;
vertical-align: middle;
}
/* line 66, ../_scss/components/_sidenav.scss */
.sub-nav .sub-sub-sub-nav-list {
display: none;
}
/* line 70, ../_scss/components/_sidenav.scss */
.sub-nav li {
display: none;
}
/* line 74, ../_scss/components/_sidenav.scss */
.sub-nav li.active {
display: inline;
font-size: 13px;
line-height: 26px;
margin: 0;
}
/* line 81, ../_scss/components/_sidenav.scss */
.sub-nav li.active:before {
position: relative;
top: -1px;
left: auto;
content: "";
font-family: "fab-ingcons";
font-size: 10px !important;
color: #ff6200;
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}
/* line 94, ../_scss/components/_sidenav.scss */
.sub-nav li.active.has-current {
display: none;
}
/* line 101, ../_scss/components/_sidenav.scss */
.sub-nav .sub-nav-list .toggle {
display: none;
}
/* line 107, ../_scss/components/_sidenav.scss */
.sub-nav .current {
display: none;
}
@media (min-width: 1000px) {
/* line 9, ../_scss/components/_sidenav.scss */
.sub-nav {
display: block;
margin: 0;
padding: 0;
border-bottom: 0;
width: 210px;
float: left;
margin-right: 30px;
position: relative;
left: -10px;
font-size: 13px;
line-height: 20px;
/*
Global elements:
*/
/*
Level 2:
*/
/*
Level 3, 4:
*/
/*
Level 4:
*/
}
/* line 129, ../_scss/components/_sidenav.scss */
.subhome .sub-nav {
display: block;
}
/* line 137, ../_scss/components/_sidenav.scss */
.sub-nav ol {
display: block;
margin: 0;
padding: 0;
list-style: none;
}
/* line 122, ../_scss/_mixins.scss */
.sub-nav ol li:before {
display: none;
}
/* line 144, ../_scss/components/_sidenav.scss */
.sub-nav .sub-sub-sub-nav-list,
.sub-nav .sub-sub-nav-list,
.sub-nav .sub-nav-list {
display: block;
}
/* line 151, ../_scss/components/_sidenav.scss */
.sub-nav li {
position: relative;
display: block;
padding: 0;
margin: 0;
list-style: none;
}
/* line 161, ../_scss/components/_sidenav.scss */
.sub-nav li.has-children > .current:before,
.sub-nav li.has-children > a:before {
content: "";
display: block;
position: absolute;
z-index: 0;
top: 10px;
left: 10px;
margin: 0;
padding: 0;
color: #767676;
text-align: center;
font-family: "fab-ingcons";
font-size: 9px;
pointer-events: none;
}
/* line 178, ../_scss/components/_sidenav.scss */
.js .sub-nav li.has-children.collapsed .sub-sub-nav-list, .js .sub-nav li.has-children .sub-sub-nav-list {
display: none;
}
/* line 186, ../_scss/components/_sidenav.scss */
.sub-nav li.active {
display: block;
}
/* line 190, ../_scss/components/_sidenav.scss */
.sub-nav li.active:before {
display: none;
}
/* line 195, ../_scss/components/_sidenav.scss */
.sub-nav li.active.has-current {
display: block;
}
/* line 201, ../_scss/components/_sidenav.scss */
.sub-nav li.active.has-children > .current:before,
.sub-nav li.active.has-children > a:before {
content: "";
color: #1f1f1f;
}
/* line 210, ../_scss/components/_sidenav.scss */
.sub-nav li.active.has-children.collapsed > .current:before,
.sub-nav li.active.has-children.collapsed > a:before {
content: "";
color: #B0AB9F;
}
/* line 218, ../_scss/components/_sidenav.scss */
.js .sub-nav li.active .sub-sub-sub-nav-list, .js .sub-nav li.active .sub-sub-nav-list {
display: block;
}
/* line 226, ../_scss/components/_sidenav.scss */
.sub-nav a {
display: block;
padding: 10px 10px 10px 30px;
color: #1f1f1f;
position: relative;
text-decoration: none;
}
/* line 233, ../_scss/components/_sidenav.scss */
.sub-nav a:active, .sub-nav a:hover, .sub-nav a:focus {
color: #ff6200;
}
/* line 241, ../_scss/components/_sidenav.scss */
.sub-nav .active > a {
color: #1f1f1f;
}
/* line 244, ../_scss/components/_sidenav.scss */
.sub-nav .active > a:active, .sub-nav .active > a:hover, .sub-nav .active > a:focus {
color: #ff6200;
}
/* line 252, ../_scss/components/_sidenav.scss */
.sub-nav .current {
display: block;
color: #ff6200;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
padding: 10px 5px 10px 30px;
}
/* line 260, ../_scss/components/_sidenav.scss */
.sub-nav:before {
width: 180px;
height: 1px;
display: block;
position: absolute;
top: 0;
left: 10px;
content: "";
background-color: #d6d6d6;
z-index: 9;
}
/* line 271, ../_scss/components/_sidenav.scss */
.sub-nav:after {
width: 23px;
height: 23px;
display: block;
position: absolute;
top: 0;
right: 0;
content: "";
border-top: 1px solid #d6d6d6;
border-right: 1px solid #d6d6d6;
border-top-right-radius: 6px;
}
/* line 291, ../_scss/components/_sidenav.scss */
.sub-nav .sub-nav-list .toggle {
display: block;
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 28px;
height: 39px;
cursor: pointer;
}
/* line 301, ../_scss/components/_sidenav.scss */
.sub-nav .sub-nav-list .toggle:hover {
background: transparent url("../img/placeholder.gif") 0 0 repeat;
}
/* line 308, ../_scss/components/_sidenav.scss */
.sub-nav .sub-nav-list > .has-children.active {
margin-bottom: 6px;
padding-bottom: 14px;
transition: background-color .33s ease-in-out;
background-color: #f0f0f0;
border-radius: 6px;
}
/* line 316, ../_scss/components/_sidenav.scss */
.sub-nav .sub-nav-list > .has-children.active.collapsed {
margin-bottom: 0;
padding-bottom: 0;
border-radius: 0;
}
/* line 322, ../_scss/components/_sidenav.scss */
.sub-nav .sub-nav-list > .has-children.collapsed {
background-color: transparent;
}
/* line 326, ../_scss/components/_sidenav.scss */
.sub-nav .sub-nav-list > li > a,
.sub-nav .sub-nav-list > li > strong {
position: relative;
font-size: 15px;
}
/* line 332, ../_scss/components/_sidenav.scss */
.sub-nav .sub-nav-list > li:first-child {
padding-top: 9px;
}
/* line 344, ../_scss/components/_sidenav.scss */
.sub-nav .sub-sub-sub-nav-list li,
.sub-nav .sub-sub-nav-list li {
border-bottom: 0;
}
/* line 348, ../_scss/components/_sidenav.scss */
.sub-nav .sub-sub-sub-nav-list a,
.sub-nav .sub-sub-nav-list a {
padding-top: 5px;
padding-bottom: 5px;
color: #767676;
}
/* line 353, ../_scss/components/_sidenav.scss */
.sub-nav .sub-sub-sub-nav-list a:hover, .sub-nav .sub-sub-sub-nav-list a:focus,
.sub-nav .sub-sub-nav-list a:hover,
.sub-nav .sub-sub-nav-list a:focus {
color: #ff6200;
}
/* line 357, ../_scss/components/_sidenav.scss */
.sub-nav .sub-sub-sub-nav-list .current,
.sub-nav .sub-sub-nav-list .current {
padding-top: 4px;
padding-bottom: 4px;
}
/* line 361, ../_scss/components/_sidenav.scss */
.sub-nav .sub-sub-sub-nav-list .active,
.sub-nav .sub-sub-nav-list .active {
display: block;
}
/* line 370, ../_scss/components/_sidenav.scss */
.sub-nav .sub-sub-nav-list > li > .current:before,
.sub-nav .sub-sub-nav-list > li > a:before {
display: none;
}
/* line 380, ../_scss/components/_sidenav.scss */
.sub-nav .sub-sub-sub-nav-list {
margin-bottom: 0;
}
/* line 383, ../_scss/components/_sidenav.scss */
.sub-nav .sub-sub-sub-nav-list .current,
.sub-nav .sub-sub-sub-nav-list a {
padding-left: 50px;
}
/* line 387, ../_scss/components/_sidenav.scss */
.sub-nav .sub-sub-sub-nav-list .current:before,
.sub-nav .sub-sub-sub-nav-list a:before {
position: absolute;
top: 4px;
left: 40px;
display: inline-block;
content: "•";
font-size: 12px;
}
}
/* line 1, ../_scss/components/_simple-list.scss */
.simple-list {
margin: 0;
padding: 0;
list-style: none;
font-size: 15px;
line-height: 23px;
}
/* line 122, ../_scss/_mixins.scss */
.simple-list li:before {
display: none;
}
/* line 9, ../_scss/components/_simple-list.scss */
.simple-list li {
position: relative;
}
/* line 13, ../_scss/components/_simple-list.scss */
.simple-list p {
margin: 0;
}
/* line 17, ../_scss/components/_simple-list.scss */
.simple-list a {
text-decoration: none;
}
/* line 22, ../_scss/components/_simple-list.scss */
.simple-list.separate-items li {
margin-bottom: 15px;
}
/* line 25, ../_scss/components/_simple-list.scss */
.simple-list.separate-items .link-wrapper {
display: block;
}
/* line 28, ../_scss/components/_simple-list.scss */
.simple-list.separate-items .link-wrapper:active, .simple-list.separate-items .link-wrapper:hover, .simple-list.separate-items .link-wrapper:focus {
background-color: #f0f0f0;
border-radius: 6px;
}
@media (min-width: 760px) {
/* line 38, ../_scss/components/_simple-list.scss */
.simple-list.separate-items .link-wrapper:active, .simple-list.separate-items .link-wrapper:hover, .simple-list.separate-items .link-wrapper:focus {
margin: -10px;
padding: 10px;
}
}
/* line 49, ../_scss/components/_simple-list.scss */
.simple-list.has-figures .link-wrapper {
min-height: 66px;
padding-left: 118px;
}
/* line 54, ../_scss/components/_simple-list.scss */
.simple-list.has-figures figure {
width: 100px;
position: absolute;
top: 0;
left: 0;
}
@media (min-width: 760px) {
/* line 63, ../_scss/components/_simple-list.scss */
.simple-list.has-figures .link-wrapper:active, .simple-list.has-figures .link-wrapper:hover, .simple-list.has-figures .link-wrapper:focus {
min-height: 86px;
padding-left: 138px;
}
/* line 69, ../_scss/components/_simple-list.scss */
.simple-list.has-figures .link-wrapper:active figure, .simple-list.has-figures .link-wrapper:hover figure, .simple-list.has-figures .link-wrapper:focus figure {
top: 30px;
}
}
/* line 1, ../_scss/components/_social-list.scss */
.social-list {
margin: 0;
padding: 0;
overflow: hidden;
list-style: none;
font-size: 15px;
line-height: 23px;
}
/* line 122, ../_scss/_mixins.scss */
.social-list li:before {
display: none;
}
/* line 10, ../_scss/components/_social-list.scss */
.social-list li {
margin-bottom: 17px;
line-height: 20px;
}
/* line 14, ../_scss/components/_social-list.scss */
.article-body .social-list li {
margin-bottom: 14px;
}
/* line 19, ../_scss/components/_social-list.scss */
.social-list .icon {
position: absolute;
top: 0;
left: 0;
padding: 1px;
color: #fff;
font-size: 18px;
}
/* line 27, ../_scss/components/_social-list.scss */
.article-body .social-list .icon {
padding: 2px;
font-size: 17px;
width: 24px;
height: 24px;
}
/* line 33, ../_scss/components/_social-list.scss */
.article-body .social-list .icon.icon-twitter {
font-size: 15px;
}
/* line 36, ../_scss/components/_social-list.scss */
.article-body .social-list .icon.icon-facebook {
font-size: 28px;
line-height: 22px;
}
/* line 40, ../_scss/components/_social-list.scss */
.article-body .social-list .icon.icon-facebook:before {
position: relative;
top: 3px;
left: -5px;
}
/* line 46, ../_scss/components/_social-list.scss */
.article-body .social-list .icon.icon-googleplus {
font-size: 20px;
}
/* line 50, ../_scss/components/_social-list.scss */
.article-body .social-list .icon.icon-youtube:before {
position: relative;
top: 1px;
}
/* line 55, ../_scss/components/_social-list.scss */
.article-body .social-list .icon.icon-email {
font-size: 16px;
}
/* line 58, ../_scss/components/_social-list.scss */
.article-body .social-list .icon.icon-flickr {
font-size: 8px;
}
/* line 63, ../_scss/components/_social-list.scss */
.social-list a {
padding-left: 30px;
position: relative;
display: inline-block;
text-decoration: none;
}
/* line 69, ../_scss/components/_social-list.scss */
.article-body .social-list a {
padding-left: 35px;
padding-right: 10px;
}
/* line 74, ../_scss/components/_social-list.scss */
.social-list a:active, .social-list a:hover, .social-list a:focus {
text-decoration: none;
}
/* line 79, ../_scss/components/_social-list.scss */
.social-list a:active .icon-blog,
.social-list a:active .icon, .social-list a:hover .icon-blog,
.social-list a:hover .icon, .social-list a:focus .icon-blog,
.social-list a:focus .icon {
background-color: #ff6200;
}
/* line 83, ../_scss/components/_social-list.scss */
.social-list a:active .icon-twitter, .social-list a:hover .icon-twitter, .social-list a:focus .icon-twitter {
background-color: #00acee;
}
/* line 86, ../_scss/components/_social-list.scss */
.social-list a:active .icon-facebook, .social-list a:hover .icon-facebook, .social-list a:focus .icon-facebook {
background-color: #3b5998;
}
/* line 89, ../_scss/components/_social-list.scss */
.social-list a:active .icon-linkedin, .social-list a:hover .icon-linkedin, .social-list a:focus .icon-linkedin {
background-color: #0e76a8;
}
/* line 92, ../_scss/components/_social-list.scss */
.social-list a:active .icon-slideshare, .social-list a:hover .icon-slideshare, .social-list a:focus .icon-slideshare {
background-color: #000000;
}
/* line 95, ../_scss/components/_social-list.scss */
.social-list a:active .icon-googleplus,
.social-list a:active .icon-youtube, .social-list a:hover .icon-googleplus,
.social-list a:hover .icon-youtube, .social-list a:focus .icon-googleplus,
.social-list a:focus .icon-youtube {
background-color: #ff0000;
}
/* line 99, ../_scss/components/_social-list.scss */
.social-list a:active .icon-flickr, .social-list a:hover .icon-flickr, .social-list a:focus .icon-flickr {
background-color: #ff0084;
}
/* line 102, ../_scss/components/_social-list.scss */
.social-list a:active .icon-imgur, .social-list a:hover .icon-imgur, .social-list a:focus .icon-imgur {
background-color: #89C624;
}
/*
Stock information block on subhomes and homepages
*/
/* line 4, ../_scss/components/_stock-info.scss */
.stock-info, .stock-info.card-item {
font-size: 14px;
}
/* line 7, ../_scss/components/_stock-info.scss */
.stock-info .secondary-title, .stock-info.card-item .secondary-title {
margin-top: 20px;
margin-bottom: 24px;
}
/* line 12, ../_scss/components/_stock-info.scss */
.stock-info .stock-entry, .stock-info.card-item .stock-entry {
margin-bottom: 20px;
}
/* line 16, ../_scss/components/_stock-info.scss */
.stock-info .stock-name, .stock-info.card-item .stock-name {
margin-bottom: 7px;
font-size: 20px;
line-height: 28px;
color: #ff6200;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
}
@media (min-width: 760px) {
/* line 16, ../_scss/components/_stock-info.scss */
.stock-info .stock-name, .stock-info.card-item .stock-name {
margin-right: 20px;
}
}
/* line 27, ../_scss/components/_stock-info.scss */
.stock-info .stock-price, .stock-info.card-item .stock-price {
margin-right: 15px;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
font-size: 24px;
line-height: 1;
}
/* line 33, ../_scss/components/_stock-info.scss */
.stock-info .stock-time, .stock-info.card-item .stock-time {
display: block;
font-size: 16px;
color: #767676;
}
/* line 39, ../_scss/components/_stock-info.scss */
.stock-info .stock-deviation, .stock-info.card-item .stock-deviation {
font-family: "INGMeWeb-Regular", Arial, sans-serif;
white-space: nowrap;
}
/* line 43, ../_scss/components/_stock-info.scss */
.stock-info .stock-deviation:before, .stock-info.card-item .stock-deviation:before {
display: inline-block;
margin-right: 5px;
position: relative;
top: 0px;
font-size: 20px;
margin-right: 10px;
}
/* line 52, ../_scss/components/_stock-info.scss */
.stock-info .stock-deviation.negative, .stock-info.card-item .stock-deviation.negative {
color: #ff0000;
}
/* line 55, ../_scss/components/_stock-info.scss */
.stock-info .stock-deviation.negative:before, .stock-info.card-item .stock-deviation.negative:before {
content: "↓";
}
/* line 60, ../_scss/components/_stock-info.scss */
.stock-info .stock-deviation.positive, .stock-info.card-item .stock-deviation.positive {
color: #349651;
}
/* line 63, ../_scss/components/_stock-info.scss */
.stock-info .stock-deviation.positive:before, .stock-info.card-item .stock-deviation.positive:before {
content: "↑";
}
/* line 69, ../_scss/components/_stock-info.scss */
.stock-info .stock-delay, .stock-info.card-item .stock-delay {
display: block;
margin-bottom: 13px;
}
/* line 74, ../_scss/components/_stock-info.scss */
.stock-info > p, .stock-info.card-item > p {
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
}
@media (min-width: 1000px) {
/* line 74, ../_scss/components/_stock-info.scss */
.stock-info > p, .stock-info.card-item > p {
font-size: 16px;
line-height: 24px;
}
}
/* line 85, ../_scss/components/_stock-info.scss */
.stock-info.horizontal, .stock-info.card-item.horizontal {
overflow: hidden;
padding: 25px 15px 0 15px;
border-radius: 6px;
}
@media (min-width: 760px) {
/* line 85, ../_scss/components/_stock-info.scss */
.stock-info.horizontal, .stock-info.card-item.horizontal {
padding: 15px 14px 15px;
line-height: 23px;
text-align: center;
}
/* line 95, ../_scss/components/_stock-info.scss */
.stock-info.horizontal .stock-entry, .stock-info.card-item.horizontal .stock-entry {
display: block;
margin-bottom: 10px;
overflow: hidden;
margin-bottom: 0;
float: none;
text-align: center;
}
/* line 103, ../_scss/components/_stock-info.scss */
.stock-info.horizontal .stock-entry + .stock-entry, .stock-info.card-item.horizontal .stock-entry + .stock-entry {
margin-bottom: 0;
}
/* line 108, ../_scss/components/_stock-info.scss */
.stock-info.horizontal .stock-name, .stock-info.card-item.horizontal .stock-name {
display: inline-block;
margin-bottom: 0;
font-size: 14px;
line-height: 23px;
width: auto;
}
/* line 116, ../_scss/components/_stock-info.scss */
.stock-info.horizontal .stock-time, .stock-info.card-item.horizontal .stock-time {
display: inline-block;
padding: 0 10px;
color: #c4baaa;
line-height: 23px;
width: auto;
clear: none;
}
/* line 125, ../_scss/components/_stock-info.scss */
.stock-info.horizontal .stock-price, .stock-info.card-item.horizontal .stock-price {
display: inline-block;
font-size: 14px;
line-height: 23px;
clear: none;
}
/* line 131, ../_scss/components/_stock-info.scss */
.stock-info.horizontal .stock-deviation, .stock-info.card-item.horizontal .stock-deviation {
display: inline-block;
font-size: 14px;
float: none;
}
/* line 136, ../_scss/components/_stock-info.scss */
.stock-info.horizontal .stock-deviation:before, .stock-info.card-item.horizontal .stock-deviation:before {
font-size: 16px;
}
/* line 141, ../_scss/components/_stock-info.scss */
.stock-info.horizontal .arrow-link.block, .stock-info.card-item.horizontal .arrow-link.block {
margin-left: 19px;
padding-left: 34px;
display: inline;
border-left: 1px solid #a8a8a8;
}
/* line 148, ../_scss/components/_stock-info.scss */
.stock-info.horizontal p, .stock-info.card-item.horizontal p {
display: none;
}
}
@media (min-width: 1000px) {
/* line 85, ../_scss/components/_stock-info.scss */
.stock-info.horizontal, .stock-info.card-item.horizontal {
padding: 25px 20px 20px 20px;
}
/* line 156, ../_scss/components/_stock-info.scss */
.stock-info.horizontal .stock-entry, .stock-info.card-item.horizontal .stock-entry {
display: inline-block;
}
/* line 159, ../_scss/components/_stock-info.scss */
.stock-info.horizontal .stock-entry:first-child, .stock-info.card-item.horizontal .stock-entry:first-child {
margin-right: 20px;
padding-right: 20px;
}
}
/* =============================================================================
tables
============================================================================= */
/* line 8, ../_scss/components/_tables.scss */
table {
clear: both;
width: 100%;
margin-bottom: 50px;
display: table;
}
/* line 14, ../_scss/components/_tables.scss */
table sup {
vertical-align: baseline;
position: relative;
top: -3px;
}
/* line 20, ../_scss/components/_tables.scss */
table .align-right {
text-align: right;
}
/* line 24, ../_scss/components/_tables.scss */
table .header,
table .medium {
font-family: "INGMeWeb-Bold", Arial, sans-serif;
}
/* line 28, ../_scss/components/_tables.scss */
table .header + tr,
table .medium + tr {
border-top-color: #666;
}
/* line 33, ../_scss/components/_tables.scss */
table .total,
table .normal.important {
border-top: 1px solid #ff6200;
color: #ff6200;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
}
/* line 39, ../_scss/components/_tables.scss */
table .total + tr,
table .normal.important + tr {
border-top-color: #fff;
}
/* line 45, ../_scss/components/_tables.scss */
table.default-table tr {
border-bottom: 1px solid #d6d6d6;
}
/* line 48, ../_scss/components/_tables.scss */
table.default-table tr.empty {
height: 40px;
border-bottom: 0;
}
/* line 52, ../_scss/components/_tables.scss */
table.default-table tr.header {
border-bottom: 0;
}
/* line 55, ../_scss/components/_tables.scss */
table.default-table tr.header + tr {
border-top: 0;
}
/* line 58, ../_scss/components/_tables.scss */
table.default-table tr.header + tr th, table.default-table tr.header + tr td {
padding-top: 15px;
}
/* line 63, ../_scss/components/_tables.scss */
table.default-table tr.header td:first-child, table.default-table tr.header th:first-child {
border-top-left-radius: 6px;
}
/* line 67, ../_scss/components/_tables.scss */
table.default-table tr.header td:last-child, table.default-table tr.header th:last-child {
border-top-right-radius: 6px;
}
/* line 71, ../_scss/components/_tables.scss */
table.default-table tr.header td, table.default-table tr.header th {
background-color: #f0f0f0;
}
/* line 76, ../_scss/components/_tables.scss */
table.default-table tr.header.orange td, table.default-table tr.header.orange th {
background-color: #ff6200;
color: #fff;
}
/* line 80, ../_scss/components/_tables.scss */
table.default-table tr.header.orange .sort-link,
table.default-table tr.header.orange .sort-options .icon {
color: inherit;
}
/* line 87, ../_scss/components/_tables.scss */
table.default-table tr.sub-header {
background-color: #f0f0f0;
border-bottom: 0;
}
/* line 93, ../_scss/components/_tables.scss */
table.default-table.border-top tr:first-child {
border-top-color: #666;
}
/* line 100, ../_scss/components/_tables.scss */
table.careers td:first-child {
padding-right: 15px;
white-space: nowrap;
}
/* line 106, ../_scss/components/_tables.scss */
table.vacancy-details {
margin-bottom: 0;
margin-top: 10px;
}
/* line 111, ../_scss/components/_tables.scss */
table.vacancy-details th, table.vacancy-details td {
width: 50%;
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
}
/* line 118, ../_scss/components/_tables.scss */
table.vacancy-details + .vacancy-details {
margin-bottom: 30px;
margin-top: 0;
clear: right;
}
/* line 123, ../_scss/components/_tables.scss */
table.vacancy-details + .vacancy-details tr:first-child {
border-top-color: #a8a8a8;
}
@media (min-width: 760px) {
/* line 106, ../_scss/components/_tables.scss */
table.vacancy-details {
width: 48%;
margin-bottom: 30px;
margin-right: 4%;
float: left;
border-bottom: 1px solid #a8a8a8;
}
/* line 135, ../_scss/components/_tables.scss */
table.vacancy-details + .vacancy-details {
margin-top: 10px;
margin-right: 0;
}
/* line 139, ../_scss/components/_tables.scss */
table.vacancy-details + .vacancy-details tr:first-child {
border-top-color: #1f1f1f;
}
}
/* line 147, ../_scss/components/_tables.scss */
thead tr:first-child {
border-top-color: #fff;
}
/* line 150, ../_scss/components/_tables.scss */
thead th, thead td {
font-size: 16px;
text-align: left;
}
/* line 155, ../_scss/components/_tables.scss */
.thead {
border-top-color: #fff;
}
/* line 159, ../_scss/components/_tables.scss */
tr.light {
border-top: 1px solid #a8a8a8;
}
/* line 163, ../_scss/components/_tables.scss */
tr.thead {
border-top-color: #fff;
}
/* line 165, ../_scss/components/_tables.scss */
tr.thead th, tr.thead td {
font-size: 16px;
}
/* line 170, ../_scss/components/_tables.scss */
tr.empty + tr {
border-top-color: #fff;
}
/* line 175, ../_scss/components/_tables.scss */
th, td {
padding: 9px 18px;
vertical-align: top;
line-height: 26px;
}
/* line 180, ../_scss/components/_tables.scss */
th {
font-weight: normal;
}
/* line 185, ../_scss/components/_tables.scss */
.table-scroll {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
/* line 189, ../_scss/components/_tables.scss */
.table-scroll table {
margin-bottom: 0;
}
@media (min-width: 480px) {
/* line 194, ../_scss/components/_tables.scss */
.table-scroll table {
border-right: none;
}
}
/* =============================================================================
Tables for mobile
============================================================================= */
@media only screen and (max-width: 480px) {
/* line 205, ../_scss/components/_tables.scss */
.pinned {
width: 35%;
overflow: hidden;
overflow-x: scroll;
position: absolute;
left: 0;
top: 0;
background: #fff;
box-shadow: 0 5px 5px 1px rgba(0, 0, 0, 0.2);
}
/* line 215, ../_scss/components/_tables.scss */
.pinned table {
width: 100%;
border-right: none;
border-left: none;
}
/* line 220, ../_scss/components/_tables.scss */
.pinned table th, .pinned table td {
white-space: nowrap;
}
/* line 224, ../_scss/components/_tables.scss */
.pinned table td:last-child {
border-bottom: 0;
}
/* line 230, ../_scss/components/_tables.scss */
div.table-wrapper {
position: relative;
margin-bottom: 20px;
overflow: hidden;
}
/* line 235, ../_scss/components/_tables.scss */
div.table-wrapper div.scrollable {
overflow: scroll;
overflow-y: hidden;
}
/* line 239, ../_scss/components/_tables.scss */
div.table-wrapper div.scrollable table {
margin-left: 35%;
}
/* line 247, ../_scss/components/_tables.scss */
table.responsive th, table.responsive td {
position: relative;
white-space: nowrap;
overflow: hidden;
}
/* line 252, ../_scss/components/_tables.scss */
table.responsive th:first-child, table.responsive td:first-child {
display: none;
}
/* line 256, ../_scss/components/_tables.scss */
table.responsive th:first-child, table.responsive td:first-child {
display: none;
}
/* line 261, ../_scss/components/_tables.scss */
table.responsive.pinned td {
display: none;
}
/* line 266, ../_scss/components/_tables.scss */
.table-scroll-wrapper {
padding-bottom: 30px;
margin-left: -10px;
margin-right: -10px;
margin-bottom: 50px;
position: relative;
clear: both;
}
/* line 274, ../_scss/components/_tables.scss */
.table-scroll-wrapper:before {
z-index: 999;
transition: opacity .3s;
}
/* line 280, ../_scss/components/_tables.scss */
.table-scroll-wrapper:after {
display: block !important;
width: 80px;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
content: " ";
background: url(../img/table_gradient_white.png) repeat-y 0 0;
pointer-events: none;
z-index: 999;
transition: opacity .3s;
}
/* line 297, ../_scss/components/_tables.scss */
.table-scroll-wrapper.touched:after {
display: none;
}
/* line 303, ../_scss/components/_tables.scss */
.table-scroll-wrapper.scrolled:before {
opacity: 1;
}
/* line 307, ../_scss/components/_tables.scss */
.table-scroll-wrapper.scrolled:after {
opacity: 0;
}
}
@media only screen and (max-width: 480px) and (min-width: 480px) {
/* line 313, ../_scss/components/_tables.scss */
.table-scroll-wrapper:after {
display: none;
}
}
@media only screen and (max-width: 480px) {
/* line 321, ../_scss/components/_tables.scss */
.table-scroll table {
width: 480px;
margin-bottom: 0;
position: relative;
}
/* line 328, ../_scss/components/_tables.scss */
.table-scroll table tr td:first-child, .table-scroll table tr th:first-child {
width: 80px;
padding-left: 8px;
}
/* line 332, ../_scss/components/_tables.scss */
.table-scroll table tr td:last-child, .table-scroll table tr th:last-child {
padding-right: 15px;
}
/* line 335, ../_scss/components/_tables.scss */
.table-scroll table tr td:last-child:first-child, .table-scroll table tr th:last-child:first-child {
padding-right: 3px;
}
}
/* =============================================================================
Careers / Search results
============================================================================= */
/* line 350, ../_scss/components/_tables.scss */
.search-results td, .search-results th {
font-size: 16px;
}
/* line 353, ../_scss/components/_tables.scss */
.search-results td {
padding-top: 10px;
padding-bottom: 10px;
}
/* line 357, ../_scss/components/_tables.scss */
.search-results td:first-child {
width: 37%;
}
/* line 360, ../_scss/components/_tables.scss */
.search-results td:first-child + td {
width: 20%;
}
/* line 368, ../_scss/components/_tables.scss */
.search-results tbody tr:hover {
background-color: #d6d6d6;
cursor: pointer;
}
/* line 375, ../_scss/components/_tables.scss */
.search-results .sort-options {
width: 7px;
height: 12px;
margin-left: 5px;
position: relative;
display: inline-block;
}
/* line 382, ../_scss/components/_tables.scss */
.search-results .sort-options .icon {
width: 7px;
height: 5px;
position: absolute;
left: 0;
color: #c4baaa;
font-size: 10px;
}
/* line 390, ../_scss/components/_tables.scss */
.search-results .sort-options .icon.icon-arrow-up {
top: -2px;
}
/* line 394, ../_scss/components/_tables.scss */
.search-results .sort-options .icon.icon-arrow-down {
bottom: 0;
}
/* line 401, ../_scss/components/_tables.scss */
.search-results .sort-up .icon-arrow-up {
color: #1f1f1f;
}
/* line 407, ../_scss/components/_tables.scss */
.search-results .sort-down .icon-arrow-down {
color: #1f1f1f;
}
/* line 412, ../_scss/components/_tables.scss */
.search-results .sort-link {
color: #1f1f1f;
}
/* =============================================================================
sections / Tabs
Sections togglable with TOC-like links
============================================================================= */
/* line 9, ../_scss/components/_tabs.scss */
.tab-nav {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
/* line 122, ../_scss/_mixins.scss */
.tab-nav li:before {
display: none;
}
/* line 16, ../_scss/components/_tabs.scss */
.tab-nav li {
margin-right: 10px;
float: left;
background-color: #a8a8a8;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
/* line 23, ../_scss/components/_tabs.scss */
.tab-nav li a {
display: block;
padding: 5px 20px;
color: #fff;
text-decoration: none;
}
/* line 30, ../_scss/components/_tabs.scss */
.tab-nav li.active {
background-color: #fff;
}
/* line 33, ../_scss/components/_tabs.scss */
.tab-nav li.active a {
color: #ff6200;
}
/* line 40, ../_scss/components/_tabs.scss */
.tab {
padding: 20px;
background-color: #fff;
border-radius: 6px;
border-top-left-radius: 0;
font-size: 15px;
line-height: 1.5;
}
/* line 110, ../_scss/_mixins.scss */
.tab:after {
content: "";
display: table;
clear: both;
}
/* line 49, ../_scss/components/_tabs.scss */
.tab section {
margin-bottom: 15px;
}
/* line 53, ../_scss/components/_tabs.scss */
.tab .widget {
margin-bottom: 0;
}
/* line 57, ../_scss/components/_tabs.scss */
.animations .tab {
display: none;
}
/* line 61, ../_scss/components/_tabs.scss */
.tab.active {
display: block;
}
@media (min-width: 760px) {
/* line 66, ../_scss/components/_tabs.scss */
.js .tabs.country-selector {
overflow: hidden;
}
}
/* line 73, ../_scss/components/_tabs.scss */
.elem-country-selector {
position: fixed;
top: -9999px;
left: -9999px;
width: 100%;
height: 100%;
overflow-y: scroll;
max-width: 980px;
padding: 10px;
background-color: #fff;
z-index: 9000;
opacity: 0;
display: block;
-webkit-overflow-scrolling: touch;
transition: 0.5s opacity;
}
/* line 89, ../_scss/components/_tabs.scss */
.elem-country-selector.visible {
opacity: 1;
top: 0;
left: 0;
}
@media (min-width: 760px) {
/* line 73, ../_scss/components/_tabs.scss */
.elem-country-selector {
top: -9999px;
left: -9999px;
width: 740px;
min-height: 350px;
overflow: hidden;
height: auto;
padding: 20px;
border-radius: 6px;
box-shadow: 0 0 0 999px rgba(0, 0, 0, 0.5);
}
/* line 106, ../_scss/components/_tabs.scss */
.elem-country-selector.visible {
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
}
/* line 113, ../_scss/components/_tabs.scss */
.elem-country-selector .split-list.list4Cols.listCol3 {
right: 0;
}
}
@media (min-width: 1000px) {
/* line 73, ../_scss/components/_tabs.scss */
.elem-country-selector {
width: 980px;
}
}
/* line 121, ../_scss/components/_tabs.scss */
.elem-country-selector .tabs.country-selector .tab-nav {
font-size: 16px;
}
@media (min-width: 760px) {
/* line 121, ../_scss/components/_tabs.scss */
.elem-country-selector .tabs.country-selector .tab-nav {
font-size: 20px;
}
}
/* line 129, ../_scss/components/_tabs.scss */
.elem-country-selector .close-country-selector {
position: absolute;
top: 2px;
right: 2px;
cursor: pointer;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
}
@media (min-width: 760px) {
/* line 129, ../_scss/components/_tabs.scss */
.elem-country-selector .close-country-selector {
top: 10px;
right: 10px;
}
}
/* line 146, ../_scss/components/_tabs.scss */
.tabs {
/*
Information from Products & Services page will be put in tabs on Contact page.
(So editors don't need to make duplicate entries in the CMS).
This means that a .three-col construction will be embedded in a one column element.
*/
}
/* line 110, ../_scss/_mixins.scss */
.tabs:after {
content: "";
display: table;
clear: both;
}
@media (min-width: 760px) {
/* line 149, ../_scss/components/_tabs.scss */
.tabs.country-selector {
min-height: 410px;
background-repeat: no-repeat;
background-position: 25px 50px;
}
}
@media (min-width: 1000px) {
/* line 149, ../_scss/components/_tabs.scss */
.tabs.country-selector {
min-height: 250px;
background-position: 280px top;
}
}
/* line 174, ../_scss/components/_tabs.scss */
.tabs.country-selector .tab-nav {
font-size: 20px;
}
/* line 177, ../_scss/components/_tabs.scss */
.tabs.country-selector .tab-nav li {
margin-right: 20px;
background-color: transparent;
}
/* line 181, ../_scss/components/_tabs.scss */
.tabs.country-selector .tab-nav li a {
padding: 0;
color: #666;
}
/* line 187, ../_scss/components/_tabs.scss */
.tabs.country-selector .tab-nav li.active a {
color: #ff6200;
}
/* line 194, ../_scss/components/_tabs.scss */
.tabs.country-selector .tab {
background-color: transparent;
padding: 20px 0;
}
@media (min-width: 760px) {
/* line 203, ../_scss/components/_tabs.scss */
.tabs .col h2 {
min-height: 48px;
}
}
/* line 211, ../_scss/components/_tabs.scss */
.tabs.column-right .tab {
padding: 0;
background-color: transparent;
}
/* line 216, ../_scss/components/_tabs.scss */
.tabs.column-right .three-col {
padding: 20px;
left: 0;
background-color: white;
border-radius: 6px;
border-top-left-radius: 0;
}
@media (min-width: 760px) {
/* line 216, ../_scss/components/_tabs.scss */
.tabs.column-right .three-col {
width: 660px;
float: left;
}
}
@media (min-width: 1000px) {
/* line 216, ../_scss/components/_tabs.scss */
.tabs.column-right .three-col {
width: 680px;
}
}
/* line 232, ../_scss/components/_tabs.scss */
.tabs.column-right .three-col .col:first-child {
margin-left: 0;
}
/* line 238, ../_scss/components/_tabs.scss */
.tabs .additional-info {
border-top: 0;
padding: 21px 0 0 20px;
float: left;
}
/* line 243, ../_scss/components/_tabs.scss */
.tabs .additional-info h1 {
margin-bottom: 25px;
color: #1f1f1f;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
font-size: 16px;
line-height: 1.6;
}
/* line 250, ../_scss/components/_tabs.scss */
.tabs .additional-info h1.gridtitle {
display: none;
}
/* line 255, ../_scss/components/_tabs.scss */
.tabs .additional-info h2 {
color: #1f1f1f;
font-size: 20px;
margin-bottom: 10px;
line-height: 1.25;
}
/* line 262, ../_scss/components/_tabs.scss */
.tabs .additional-info section {
margin-bottom: 25px;
border-top: 0;
border-bottom: 1px solid #d6d6d6;
}
/* line 267, ../_scss/components/_tabs.scss */
.tabs .additional-info section.last-child {
border-bottom: none;
}
/* line 270, ../_scss/components/_tabs.scss */
.tabs .additional-info section:last-child {
border-bottom: none;
}
/* line 274, ../_scss/components/_tabs.scss */
.tabs .additional-info section p:last-child {
margin-bottom: 15px;
}
@media (min-width: 1000px) {
/* line 238, ../_scss/components/_tabs.scss */
.tabs .additional-info {
width: 220px;
}
}
/* line 290, ../_scss/components/_tabs.scss */
.tabs.no-cols .three-col {
width: auto;
left: auto;
}
/* line 294, ../_scss/components/_tabs.scss */
.tabs.no-cols .three-col .col {
width: auto;
float: none;
margin-left: 0;
}
/* line 301, ../_scss/components/_tabs.scss */
.tabs.no-cols .additional-info {
width: auto;
padding: 0;
float: none;
}
/* =============================================================================
Tabs Variation: only years as tab-labels:
============================================================================= */
/* line 315, ../_scss/components/_tabs.scss */
.tabs-years .tab-nav {
position: relative;
overflow: visible;
margin: 0 0 1em 0;
border: 1px solid #d6d6d6;
border-radius: 6px;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
}
/* line 325, ../_scss/components/_tabs.scss */
.tabs-years .tab-nav li {
float: none;
margin: 0;
display: block;
border: 1px solid transparent;
background-color: transparent;
}
/* line 333, ../_scss/components/_tabs.scss */
.tabs-years .tab-nav li a {
padding: 5px 10px;
color: #1f1f1f;
}
/* line 336, ../_scss/components/_tabs.scss */
.tabs-years .tab-nav li a:hover, .tabs-years .tab-nav li a:focus {
color: #ff6200;
}
/* line 340, ../_scss/components/_tabs.scss */
.tabs-years .tab-nav li a:active {
text-decoration: none;
color: #fff;
background-color: #ff6200;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 348, ../_scss/components/_tabs.scss */
.tabs-years .tab-nav.closed li {
display: none;
}
/* line 351, ../_scss/components/_tabs.scss */
.tabs-years .tab-nav.open li {
display: block;
}
/* line 354, ../_scss/components/_tabs.scss */
.tabs-years .tab-nav li.active {
display: block;
}
/* line 357, ../_scss/components/_tabs.scss */
.tabs-years .tab-nav li.active a {
text-decoration: none;
color: #ff6200;
}
/* line 360, ../_scss/components/_tabs.scss */
.tabs-years .tab-nav li.active a:hover, .tabs-years .tab-nav li.active a:focus {
text-decoration: none;
}
/* line 364, ../_scss/components/_tabs.scss */
.tabs-years .tab-nav li.active a:active {
color: #fff;
background-color: #ff6200;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 373, ../_scss/components/_tabs.scss */
.tabs-years .tab-nav:after {
display: block;
font-family: "fab-ingcons";
font-size: 12px;
content: "";
position: absolute;
top: .5em;
right: 15px;
pointer-events: none;
}
/* line 383, ../_scss/components/_tabs.scss */
.tabs-years .tab-nav.closed:after {
content: "";
color: #1f1f1f;
}
/* line 387, ../_scss/components/_tabs.scss */
.tabs-years .tab-nav.open:after {
display: none;
}
@media (min-width: 760px) {
/* line 315, ../_scss/components/_tabs.scss */
.tabs-years .tab-nav {
border-top: 0;
border-left: 0;
border-right: 0;
border-radius: 0;
}
/* line 397, ../_scss/components/_tabs.scss */
.tabs-years .tab-nav.closed li, .tabs-years .tab-nav.open li,
.tabs-years .tab-nav li {
display: inline-block;
vertical-align: baseline;
}
/* line 403, ../_scss/components/_tabs.scss */
.tabs-years .tab-nav.closed li:first-child, .tabs-years .tab-nav.open li:first-child,
.tabs-years .tab-nav li:first-child {
margin-left: -10px;
}
/* line 407, ../_scss/components/_tabs.scss */
.tabs-years .tab-nav.closed li.active, .tabs-years .tab-nav.open li.active,
.tabs-years .tab-nav li.active {
display: inline-block;
border-color: transparent;
font-size: 28px;
}
/* line 414, ../_scss/components/_tabs.scss */
.tabs-years .tab-nav.closed:after, .tabs-years .tab-nav.open:after, .tabs-years .tab-nav:after {
display: block;
content: "";
position: absolute;
}
}
/* line 424, ../_scss/components/_tabs.scss */
.tabs-years .tab {
padding: 0;
}
/* line 430, ../_scss/components/_tabs.scss */
.tabs-years .accordion-wrapper a.arrow-link {
position: relative;
top: -5px;
}
/* line 434, ../_scss/components/_tabs.scss */
.tabs-years .accordion-wrapper a.arrow-link .icon {
top: 6px;
}
/* line 441, ../_scss/components/_tabs.scss */
.tabs-years .three-col h3,
.tabs-years .three-col h4 {
min-height: 1em;
font-size: 15px;
line-height: 1.25;
padding-bottom: 15px;
}
/* line 448, ../_scss/components/_tabs.scss */
.tabs-years .three-col h3:first-child,
.tabs-years .three-col h4:first-child {
min-height: 3.4em;
padding-bottom: 15px;
}
/* =============================================================================
Tabs / Small variation for quarterly results
============================================================================= */
@media (min-width: 760px) {
/* line 460, ../_scss/components/_tabs.scss */
.tabs-quarterly-results .tab-nav {
margin-bottom: 0;
border-bottom: 0;
}
}
/* line 467, ../_scss/components/_tabs.scss */
.tabs-quarterly-results .accordion-head {
font-size: 28px;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
}
/* line 471, ../_scss/components/_tabs.scss */
.tabs-quarterly-results .accordion-head .icon {
font-size: 0.6em;
}
/* line 476, ../_scss/components/_tabs.scss */
.tabs-quarterly-results .tab section {
border-top: 0;
}
/* line 480, ../_scss/components/_tabs.scss */
.tabs-quarterly-results a {
vertical-align: top;
}
/* line 485, ../_scss/components/_tabs.scss */
.tabs-quarterly-results .download-link-list + .download-link-list {
margin-top: 30px;
}
/* line 490, ../_scss/components/_tabs.scss */
.tabs-quarterly-results .download-link .icon {
vertical-align: top;
position: relative;
top: 0;
}
/* line 497, ../_scss/components/_tabs.scss */
.tabs-quarterly-results .three-col h3, .tabs-quarterly-results .three-col h4 {
min-height: 3em;
margin-bottom: 20px;
border-bottom: 1px solid #d6d6d6;
}
/* line 503, ../_scss/components/_tabs.scss */
.tabs-quarterly-results .three-col .arrow-link {
margin-right: 0;
padding-left: 45px;
}
/* line 507, ../_scss/components/_tabs.scss */
.tabs-quarterly-results .three-col .arrow-link .icon {
top: 6px;
left: 25px;
}
/* line 1, ../_scss/components/_tags.scss */
.tags-list {
display: inline;
vertical-align: baseline;
list-style: none;
padding: 0;
margin: 0;
max-width: none;
}
/* line 122, ../_scss/_mixins.scss */
.tags-list li:before {
display: none;
}
/* line 10, ../_scss/components/_tags.scss */
.tags-list li {
display: inline-block;
margin: 0 10px 14px 0;
}
/* line 15, ../_scss/components/_tags.scss */
.tags-list a {
text-decoration: none;
}
/* line 19, ../_scss/components/_tags.scss */
.tag {
display: inline-block;
vertical-align: baseline;
padding: .1em 12px;
color: #1f1f1f;
background-color: #d6d6d6;
border-radius: 6px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 15px;
text-decoration: none;
transition: color .15s, background-color .15s;
}
/* line 33, ../_scss/components/_tags.scss */
.tag.selected, .tag:active, .tag:hover, .tag:focus {
color: #fff;
background-color: #ff6200;
}
/* line 40, ../_scss/components/_tags.scss */
.tag.selected:active, .tag.selected:hover, .tag.selected:focus, .tag.selected {
cursor: default;
}
/* line 47, ../_scss/components/_tags.scss */
.tag.disabled:active, .tag.disabled:hover, .tag.disabled:focus, .tag.disabled {
color: #666;
background-color: #a8a8a8;
cursor: default;
}
/* line 57, ../_scss/components/_tags.scss */
.tag.inuse {
padding-right: .6em;
color: #fff;
background-color: #ff6200;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 63, ../_scss/components/_tags.scss */
.tag.inuse:active, .tag.inuse:hover, .tag.inuse:focus {
color: #fff;
background-color: #525199;
border-color: #525199;
}
/* line 70, ../_scss/components/_tags.scss */
.tag.inuse .icon {
display: inline-block;
margin-left: 11px;
font-size: 10px;
line-height: 1;
position: relative;
top: -1px;
}
@media (min-width: 760px) {
/* line 2, ../_scss/components/_timeline.scss */
.grid-timeline h2 {
text-align: center;
}
}
/* line 9, ../_scss/components/_timeline.scss */
.timeline-blocks {
position: relative;
display: table;
width: 100%;
text-align: center;
}
/* line 15, ../_scss/components/_timeline.scss */
.timeline-blocks .timeline-top {
content: ' ';
width: 40px;
height: 40px;
background-color: #d6d6d6;
border-radius: 100%;
position: absolute;
top: 0;
left: 50%;
margin-left: -20px;
display: none;
transition: 0.5s background-color;
}
/* line 28, ../_scss/components/_timeline.scss */
.timeline-blocks .timeline-top.active {
background-color: #ff6200;
}
@media (min-width: 760px) {
/* line 15, ../_scss/components/_timeline.scss */
.timeline-blocks .timeline-top {
display: block;
}
}
/* line 36, ../_scss/components/_timeline.scss */
.timeline-blocks .timeline-bottom {
content: ' ';
width: 40px;
height: 40px;
background-color: #d6d6d6;
border-radius: 100%;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -20px;
display: none;
transition: 0.5s background-color;
}
/* line 49, ../_scss/components/_timeline.scss */
.timeline-blocks .timeline-bottom.active {
background-color: #ff6200;
}
@media (min-width: 760px) {
/* line 36, ../_scss/components/_timeline.scss */
.timeline-blocks .timeline-bottom {
display: block;
}
}
/* line 57, ../_scss/components/_timeline.scss */
.timeline-blocks .timeline-progress {
content: ' ';
width: 2px;
height: 0;
background-color: #ff6200;
border-radius: 2px;
position: absolute;
top: 0;
left: 50%;
margin-left: -1px;
display: none;
max-height: 100%;
transition: height 0.5s;
}
@media (min-width: 760px) {
/* line 57, ../_scss/components/_timeline.scss */
.timeline-blocks .timeline-progress {
display: block;
}
}
@media (min-width: 760px) {
/* line 9, ../_scss/components/_timeline.scss */
.timeline-blocks {
padding-top: 50px;
padding-bottom: 50px;
}
/* line 80, ../_scss/components/_timeline.scss */
.timeline-blocks:before {
content: ' ';
width: 2px;
height: 100%;
display: block;
background-color: #D6D6D6;
position: absolute;
top: 0;
left: 50%;
margin-left: -1px;
}
}
/* line 93, ../_scss/components/_timeline.scss */
.timeline-block {
width: 100%;
border-radius: 6px;
box-shadow: 0 0 0 1px #D6D6D6, 0 2px 0 1px #D6D6D6;
display: block;
margin-bottom: 15px;
position: relative;
text-align: left;
background-color: #fff;
}
/* line 103, ../_scss/components/_timeline.scss */
.timeline-block.active {
transform: translateY(0);
opacity: 1;
}
/* line 107, ../_scss/components/_timeline.scss */
.timeline-block.active:before {
background-color: #ff6200;
transform: translateY(0);
}
/* line 114, ../_scss/components/_timeline.scss */
.timeline-block:hover .arrow-link {
color: #525199;
}
@media (min-width: 760px) {
/* line 93, ../_scss/components/_timeline.scss */
.timeline-block {
width: 310px;
margin-bottom: 25px;
float: left;
opacity: 0;
transform: translateY(10px);
transition: 0.5s transform 0.5s, 0.5s opacity 0.5s;
}
/* line 128, ../_scss/components/_timeline.scss */
.timeline-block.has-bigdot:before {
width: 30px;
height: 30px;
}
/* line 133, ../_scss/components/_timeline.scss */
.timeline-block:nth-child(odd) {
clear: left;
}
/* line 136, ../_scss/components/_timeline.scss */
.timeline-block:nth-child(odd):before {
left: auto;
right: -45px;
}
/* line 141, ../_scss/components/_timeline.scss */
.timeline-block:nth-child(odd).has-bigdot:before {
right: -55px;
}
/* line 146, ../_scss/components/_timeline.scss */
.timeline-block:nth-child(even) {
margin-left: 80px;
margin-top: 100px;
}
/* line 151, ../_scss/components/_timeline.scss */
.timeline-block:nth-child(even).has-bigdot:before {
left: -55px;
}
/* line 156, ../_scss/components/_timeline.scss */
.timeline-block:before {
content: ' ';
position: absolute;
top: 10px;
left: -45px;
width: 10px;
height: 10px;
border-radius: 100%;
background-color: #D6D6D6;
transform: translateY(-10px);
transition: 0.5s transform 0.5s;
}
}
@media (min-width: 1000px) {
/* line 93, ../_scss/components/_timeline.scss */
.timeline-block {
width: 310px;
}
/* line 172, ../_scss/components/_timeline.scss */
.full-content .timeline-block {
width: 430px;
}
}
@media (min-width: 760px) {
/* line 177, ../_scss/components/_timeline.scss */
.brand-check .content-article .timeline-block {
width: 310px;
}
}
@media (min-width: 1000px) {
/* line 177, ../_scss/components/_timeline.scss */
.brand-check .content-article .timeline-block {
width: 350px;
}
}
@media (min-width: 760px) {
/* line 185, ../_scss/components/_timeline.scss */
.brand-check.article .content-article .timeline-block {
width: 310px;
}
}
/* line 191, ../_scss/components/_timeline.scss */
.timeline-block img, .timeline-block .embed-container {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin-bottom: 0;
}
/* line 197, ../_scss/components/_timeline.scss */
.timeline-block .timeline-content {
padding: 10px;
overflow: hidden;
}
@media (min-width: 760px) {
/* line 197, ../_scss/components/_timeline.scss */
.timeline-block .timeline-content {
padding: 20px;
}
}
/* line 205, ../_scss/components/_timeline.scss */
.timeline-block .timeline-content h3 {
font-size: 20px;
line-height: 1.4em;
}
/* line 209, ../_scss/components/_timeline.scss */
.timeline-block .timeline-content p {
font-size: 14px;
line-height: 20px;
padding: 0;
color: #333;
margin: 0 0 10px 0;
}
/* line 216, ../_scss/components/_timeline.scss */
.timeline-block .timeline-content p:last-child {
margin-bottom: 0;
}
/* line 220, ../_scss/components/_timeline.scss */
.timeline-block .timeline-content p.timeline-date {
font-size: 12px;
line-height: 20px;
margin-bottom: 5px;
color: #767676;
}
/* line 1, ../_scss/components/_title-more-articles.scss */
.title-more-articles {
padding: 20px 0;
}
/* line 4, ../_scss/components/_title-more-articles.scss */
.title-more-articles.no-padding {
padding-top: 0;
padding-bottom: 0;
}
/* line 9, ../_scss/components/_title-more-articles.scss */
.title-more-articles h2 {
font-size: 16px;
line-height: 24px;
margin-bottom: 20px;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
color: #ff6200;
}
@media (min-width: 1000px) {
/* line 9, ../_scss/components/_title-more-articles.scss */
.title-more-articles h2 {
font-size: 20px;
line-height: 28px;
}
}
/* line 21, ../_scss/components/_title-more-articles.scss */
.title-more-articles h2 i {
font-size: 11px;
position: relative;
bottom: 1px;
text-decoration: none;
}
@media (min-width: 1000px) {
/* line 21, ../_scss/components/_title-more-articles.scss */
.title-more-articles h2 i {
font-size: 13px;
bottom: 1px;
}
}
/* line 33, ../_scss/components/_title-more-articles.scss */
.title-more-articles h2 a {
color: #333;
transition: none;
}
/* line 37, ../_scss/components/_title-more-articles.scss */
.title-more-articles h2 a:hover {
text-decoration: underline;
}
/* line 40, ../_scss/components/_title-more-articles.scss */
.title-more-articles h2 a:hover i {
text-decoration: none;
}
/* line 47, ../_scss/components/_title-more-articles.scss */
.title-more-articles .more-article {
overflow: hidden;
display: block;
}
/* line 52, ../_scss/components/_title-more-articles.scss */
.title-more-articles .more-article:hover h3 {
color: #ff6200;
text-decoration: underline;
}
/* line 58, ../_scss/components/_title-more-articles.scss */
.title-more-articles .more-article .timestamp {
margin-bottom: 5px;
}
/* line 61, ../_scss/components/_title-more-articles.scss */
.title-more-articles .more-article h3 {
font-size: 16px;
line-height: 24px;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
}
@media (min-width: 1000px) {
/* line 61, ../_scss/components/_title-more-articles.scss */
.title-more-articles .more-article h3 {
font-size: 20px;
line-height: 28px;
}
}
/* line 71, ../_scss/components/_title-more-articles.scss */
.title-more-articles .more-article img {
margin: 0;
border-radius: 0;
width: 100%;
}
/* line 76, ../_scss/components/_title-more-articles.scss */
.title-more-articles .more-article span {
padding: 15px 15px 15px 15px;
display: block;
}
/* line 1, ../_scss/components/_text-carousel.scss */
.text-carousel {
position: relative;
border-radius: 6px;
min-height: 254px;
}
/* line 11, ../_scss/components/_text-carousel.scss */
.text-carousel .secondary-title {
margin-bottom: 10px;
}
/* line 15, ../_scss/components/_text-carousel.scss */
.text-carousel .arrow-link {
position: absolute;
bottom: 20px;
left: 20px;
}
/* line 21, ../_scss/components/_text-carousel.scss */
.text-carousel > p {
margin: 0;
}
/*
Text swiper has different size/position:
*/
/* line 31, ../_scss/components/_text-carousel.scss */
.text-swiper-nav {
position: absolute;
bottom: 26px;
right: 20px;
margin: 0;
}
/* line 37, ../_scss/components/_text-carousel.scss */
.text-swiper-nav li {
width: 6px;
height: 6px;
background-color: #fff;
}
/* General class for all blocks in sidebar (.article-sidebar) */
/* line 2, ../_scss/components/_widget.scss */
.widget {
padding: 20px;
background-color: #f0f0f0;
border-radius: 6px;
color: #1f1f1f;
font-size: 15px;
line-height: 23px;
/* Target default HTML elements inserted through CMS */
}
/* line 11, ../_scss/components/_widget.scss */
.article-sidebar .widget {
margin-bottom: 1em;
}
/* line 16, ../_scss/components/_widget.scss */
.widget h1, .widget h2, .widget h3,
.widget .secondary-title {
margin-bottom: 15px;
color: #767676;
font-size: 20px;
line-height: 26px;
}
/* line 24, ../_scss/components/_widget.scss */
.widget p {
margin-bottom: 15px;
}
/* line 27, ../_scss/components/_widget.scss */
.widget p + p {
margin-top: auto;
}
/* line 32, ../_scss/components/_widget.scss */
.widget > p:last-child {
margin-bottom: 0;
}
/* line 36, ../_scss/components/_widget.scss */
.widget figure {
margin-bottom: 15px;
}
/* line 39, ../_scss/components/_widget.scss */
.widget figure.top-image {
margin: -20px -20px 20px -20px;
}
/* line 44, ../_scss/components/_widget.scss */
.widget.promotional {
background-color: #a8a8a8;
}
/* line 47, ../_scss/components/_widget.scss */
.widget.promotional a,
.widget.promotional h1, .widget.promotional h2, .widget.promotional h3,
.widget.promotional .secondary-title {
color: #fff;
}
/* line 53, ../_scss/components/_widget.scss */
.widget.promotional .button-link {
background-color: transparent;
border-color: #fff;
}
/* line 61, ../_scss/components/_widget.scss */
.widget.blogdetails .author-socialmedia {
position: relative;
padding-left: 70px;
padding-top: 36px;
margin-bottom: 5px;
}
/* line 67, ../_scss/components/_widget.scss */
.widget.blogdetails .author-socialmedia img {
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 60px;
border-radius: 6px;
}
/* line 75, ../_scss/components/_widget.scss */
.widget.blogdetails .author-socialmedia .profile-link {
width: 24px;
height: 24px;
font-size: 16px;
line-height: 24px;
text-align: center;
background-color: #a8a8a8;
border-radius: 3px;
overflow: hidden;
display: inline-block;
color: #fff;
position: relative;
display: inline-block;
text-decoration: none;
transition: 0.3s background-color;
}
/* line 91, ../_scss/components/_widget.scss */
.widget.blogdetails .author-socialmedia .profile-link .icon {
width: 24px;
height: 24px;
display: block;
line-height: 24px;
transition: 0.3s background-color;
}
/* line 98, ../_scss/components/_widget.scss */
.widget.blogdetails .author-socialmedia .profile-link .icon.icon-facebook {
font-size: 24px;
}
/* line 101, ../_scss/components/_widget.scss */
.widget.blogdetails .author-socialmedia .profile-link .icon.icon-twitter {
font-size: 14px;
}
/* line 104, ../_scss/components/_widget.scss */
.widget.blogdetails .author-socialmedia .profile-link .icon.icon-email {
font-size: 12px;
}
/* line 109, ../_scss/components/_widget.scss */
.widget.blogdetails .author-socialmedia .profile-link:active, .widget.blogdetails .author-socialmedia .profile-link:hover, .widget.blogdetails .author-socialmedia .profile-link:focus {
text-decoration: none;
}
/* line 114, ../_scss/components/_widget.scss */
.widget.blogdetails .author-socialmedia .profile-link:active .icon-blog,
.widget.blogdetails .author-socialmedia .profile-link:active .icon, .widget.blogdetails .author-socialmedia .profile-link:hover .icon-blog,
.widget.blogdetails .author-socialmedia .profile-link:hover .icon, .widget.blogdetails .author-socialmedia .profile-link:focus .icon-blog,
.widget.blogdetails .author-socialmedia .profile-link:focus .icon {
background-color: #ff6200;
}
/* line 118, ../_scss/components/_widget.scss */
.widget.blogdetails .author-socialmedia .profile-link:active .icon-twitter, .widget.blogdetails .author-socialmedia .profile-link:hover .icon-twitter, .widget.blogdetails .author-socialmedia .profile-link:focus .icon-twitter {
background-color: #00acee;
}
/* line 121, ../_scss/components/_widget.scss */
.widget.blogdetails .author-socialmedia .profile-link:active .icon-facebook, .widget.blogdetails .author-socialmedia .profile-link:hover .icon-facebook, .widget.blogdetails .author-socialmedia .profile-link:focus .icon-facebook {
background-color: #3b5998;
}
/* line 124, ../_scss/components/_widget.scss */
.widget.blogdetails .author-socialmedia .profile-link:active .icon-linkedin, .widget.blogdetails .author-socialmedia .profile-link:hover .icon-linkedin, .widget.blogdetails .author-socialmedia .profile-link:focus .icon-linkedin {
background-color: #0e76a8;
}
/* line 127, ../_scss/components/_widget.scss */
.widget.blogdetails .author-socialmedia .profile-link:active .icon-slideshare, .widget.blogdetails .author-socialmedia .profile-link:hover .icon-slideshare, .widget.blogdetails .author-socialmedia .profile-link:focus .icon-slideshare {
background-color: #000000;
}
/* line 130, ../_scss/components/_widget.scss */
.widget.blogdetails .author-socialmedia .profile-link:active .icon-googleplus,
.widget.blogdetails .author-socialmedia .profile-link:active .icon-youtube, .widget.blogdetails .author-socialmedia .profile-link:hover .icon-googleplus,
.widget.blogdetails .author-socialmedia .profile-link:hover .icon-youtube, .widget.blogdetails .author-socialmedia .profile-link:focus .icon-googleplus,
.widget.blogdetails .author-socialmedia .profile-link:focus .icon-youtube {
background-color: #ff0000;
}
/* line 134, ../_scss/components/_widget.scss */
.widget.blogdetails .author-socialmedia .profile-link:active .icon-flickr, .widget.blogdetails .author-socialmedia .profile-link:hover .icon-flickr, .widget.blogdetails .author-socialmedia .profile-link:focus .icon-flickr {
background-color: #ff0084;
}
/* line 137, ../_scss/components/_widget.scss */
.widget.blogdetails .author-socialmedia .profile-link:active .icon-imgur, .widget.blogdetails .author-socialmedia .profile-link:hover .icon-imgur, .widget.blogdetails .author-socialmedia .profile-link:focus .icon-imgur {
background-color: #89C624;
}
/* line 142, ../_scss/components/_widget.scss */
.widget.blogdetails .author-socialmedia .profile-link .label {
display: none;
}
/* line 147, ../_scss/components/_widget.scss */
.widget.blogdetails p {
font-size: 14px;
line-height: 20px;
}
/* line 154, ../_scss/components/_widget.scss */
.widget.invertclr h1, .widget.invertclr h2, .widget.invertclr h3,
.widget.invertclr .secondary-title {
color: #fff;
}
/* line 160, ../_scss/components/_widget.scss */
.widget section + section {
padding-top: 20px;
border-top: 1px solid #c4baaa;
}
/* line 165, ../_scss/components/_widget.scss */
.widget .arrow-link,
.widget .button-link {
margin-right: 0;
}
/* line 170, ../_scss/components/_widget.scss */
.widget .fb-like {
margin-bottom: 10px;
display: block;
}
@media (max-width: 480px) {
/* line 170, ../_scss/components/_widget.scss */
.widget .fb-like {
margin-bottom: 20px;
}
}
/* line 1, ../_scss/components/_zebra-list.scss */
.zebra-list-container {
clear: both;
margin-bottom: 30px;
}
/* line 5, ../_scss/components/_zebra-list.scss */
.zebra-list-container .zebra-list-title {
margin: 0;
padding: 8px 32px;
background-color: #666;
color: #fff;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
font-size: 16px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 14, ../_scss/components/_zebra-list.scss */
.zebra-list-container .zebra-list {
max-width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
/* line 122, ../_scss/_mixins.scss */
.zebra-list-container .zebra-list li:before {
display: none;
}
/* line 21, ../_scss/components/_zebra-list.scss */
.zebra-list-container .zebra-list li {
margin-bottom: 2px;
padding: 16px 32px;
background-color: #eff4fa;
}
/* line 26, ../_scss/components/_zebra-list.scss */
.zebra-list-container .zebra-list li:nth-child(even) {
background-color: #deeaf6;
}
/* line 29, ../_scss/components/_zebra-list.scss */
.zebra-list-container .zebra-list li.even {
background-color: #deeaf6;
}
/* Added styles for Create Your Own Report Tool (CYORT) */
/* line 4, ../_scss/components/_cyort.scss */
.cyort-box {
background-color: #F0F0F0;
padding: 18px;
border-radius: 4px;
}
/* line 9, ../_scss/components/_cyort.scss */
.cyort-box p {
font-size: 18px;
margin-bottom: 20px;
line-height: 24px;
}
/* line 15, ../_scss/components/_cyort.scss */
.cyort-box img {
border-radius: 0;
margin-bottom: 20px;
}
/* line 21, ../_scss/components/_cyort.scss */
.cyort-overlay {
position: fixed;
height: 100%;
width: 100%;
top: -200%;
left: -200%;
z-index: -100;
padding: 20px;
background-color: rgba(0, 0, 0, 0.5);
opacity: 0;
box-sizing: border-box;
-webkit-transform: translate3d(0, 0, 0);
transition: opacity 0.3s, top 0s 0.3s, left 0s 0.3s, z-index 0s 0.3s;
}
/* line 36, ../_scss/components/_cyort.scss */
.cyort-overlay.visible {
top: 0;
left: 0;
z-index: 9999;
opacity: 1;
transition: opacity 0.3s, top 0s 0s, left 0s 0s, z-index 0s 0s;
}
/* line 45, ../_scss/components/_cyort.scss */
.cyort-overlay .cyort-wrapper {
width: 100%;
padding-top: 30px;
max-width: 640px;
background-color: #fff;
height: 100%;
margin: 0 auto;
box-sizing: border-box;
position: relative;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
border-radius: 4px;
}
/* line 59, ../_scss/components/_cyort.scss */
.cyort-overlay .cyort-overlay-wrapper {
width: 100%;
padding: 20px;
max-width: 640px;
background-color: #fff;
height: 100%;
margin: 0 auto;
box-sizing: border-box;
position: relative;
padding-bottom: 70px;
border-radius: 4px;
}
/* line 72, ../_scss/components/_cyort.scss */
.cyort-overlay .cyort-closebutton {
position: absolute;
height: 30px;
width: 30px;
z-index: 10;
top: 10px;
right: 10px;
line-height: 30px;
text-align: center;
cursor: pointer;
font-size: 16px;
background-color: rgba(255, 255, 255, 0.7);
}
/* line 86, ../_scss/components/_cyort.scss */
.cyort-overlay .download-header {
background-color: #F0F0F0;
padding: 20px 20px 20px 140px;
position: relative;
min-height: 190px;
border-radius: 5px;
}
/* line 93, ../_scss/components/_cyort.scss */
.cyort-overlay .download-header img {
position: absolute;
top: 20px;
left: 20px;
width: 100px;
box-shadow: 3px 3px 3px #ccc;
border-radius: 0;
}
/* line 101, ../_scss/components/_cyort.scss */
.cyort-overlay .download-header h1 {
font-size: 24px;
line-height: 30px;
margin-bottom: 10px;
margin-top: 10px;
}
/* line 107, ../_scss/components/_cyort.scss */
.cyort-overlay .download-header p {
font-size: 14px;
line-height: 24px;
margin-bottom: 0;
}
/* line 114, ../_scss/components/_cyort.scss */
.cyort-overlay .download-buttons {
position: absolute;
bottom: 0;
left: 0;
z-index: 10;
display: block;
padding: 0 20px 20px 20px;
width: 100%;
box-sizing: border-box;
background-color: #fff;
}
/* line 125, ../_scss/components/_cyort.scss */
.cyort-overlay .download-buttons:before {
content: ' ';
display: block;
width: 100%;
background-color: #ccc;
height: 1px;
margin-bottom: 15px;
}
/* line 135, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper {
position: relative;
margin-top: 20px;
}
/* line 139, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper:before, .cyort-overlay .download-wrapper:after {
background-color: #F0F0F0;
width: 50px;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 1;
content: ' ';
display: block;
border-radius: 5px;
}
/* line 151, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper:after {
right: 60px;
}
/* line 155, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .icon-row {
height: 40px;
width: 100%;
display: block;
position: relative;
z-index: 5;
}
/* line 162, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .icon-row .first, .cyort-overlay .download-wrapper .icon-row .second {
position: absolute;
top: 10px;
right: 20px;
width: 32px;
height: 32px;
display: block;
}
/* line 171, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .icon-row .first {
right: 70px;
}
/* line 174, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .icon-row .second {
right: 6px;
}
/* line 179, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .chapter {
position: relative;
z-index: 5;
box-shadow: 0 1px 0 0 #ccc;
}
/* line 184, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .chapter .download-chapter-title {
color: #ff6200;
font-size: 16px;
cursor: pointer;
padding: 10px 160px 10px 25px;
border-bottom: 1px solid #ccc;
transition: border-color 0.3s;
}
/* line 194, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .chapter input[type=checkbox] {
cursor: pointer;
padding: 5px;
font-size: 16px;
line-height: 16px;
}
/* line 201, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .chapter:before, .cyort-overlay .download-wrapper .chapter:after {
position: absolute;
top: 20px;
left: 0;
content: ' ';
width: 11px;
height: 1px;
background-color: #767676;
transition: 0.3s;
}
/* line 212, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .chapter:after {
top: 20px;
left: 5px;
width: 1px;
height: 0;
}
/* line 220, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .chapter.closed:after {
top: 15px;
height: 11px;
}
/* line 224, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .chapter.closed .download-chapter-title {
border-color: #fff;
}
/* line 227, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .chapter.closed .download {
max-height: 0;
padding-top: 0;
padding-bottom: 0;
}
/* line 234, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .chapter .chapter-option1, .cyort-overlay .download-wrapper .chapter .chapter-option2 {
position: absolute;
top: 0;
right: 0;
text-align: center;
width: 50px;
padding: 7px 0 7px 0;
}
/* line 242, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .chapter .chapter-option1 {
right: 60px;
}
/* line 246, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .download {
color: #767676;
font-size: 14px;
padding: 10px 120px 10px 25px;
position: relative;
z-index: 5;
max-height: 150px;
overflow: hidden;
transition: 0.3s ease-in-out;
}
/* line 257, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .download.not-visible {
visibility: hidden;
height: 0;
overflow: hidden;
padding: 0;
}
/* line 264, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .download .download-option1, .cyort-overlay .download-wrapper .download .download-option2 {
position: absolute;
top: 0;
right: 0;
text-align: center;
width: 50px;
padding: 10px 0;
}
/* line 272, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .download .download-option1 {
right: 60px;
}
/* line 275, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .download input[type=checkbox] {
cursor: pointer;
padding: 5px;
font-size: 16px;
line-height: 16px;
}
/* Mobile view, liquid 480 width on anything smaller then 760 */
@media (max-width: 759px) {
/* line 287, ../_scss/components/_cyort.scss */
.cyort-overlay {
padding: 0;
}
/* line 290, ../_scss/components/_cyort.scss */
.cyort-overlay .cyort-overlay-wrapper {
padding: 10px;
}
/* line 293, ../_scss/components/_cyort.scss */
.cyort-overlay .cyort-wrapper {
padding-top: 0;
}
/* line 296, ../_scss/components/_cyort.scss */
.cyort-overlay .download-header {
padding-left: 100px;
min-height: 80px;
}
/* line 300, ../_scss/components/_cyort.scss */
.cyort-overlay .download-header img {
width: 60px;
}
/* line 303, ../_scss/components/_cyort.scss */
.cyort-overlay .download-header h1 {
margin-top: 0;
}
/* line 307, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper {
padding-bottom: 120px;
}
/* line 310, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper:before, .cyort-overlay .download-wrapper:after {
width: 35px;
}
/* line 313, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper:after {
right: 40px;
}
/* line 318, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .icon-row .first {
right: 41px;
}
/* line 322, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .icon-row .second {
right: -3px;
}
/* line 327, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .download {
padding-right: 80px;
}
/* line 330, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .download input[type=checkbox] {
height: 16px;
width: 16px;
}
/* line 335, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .download .download-option1 {
width: 35px;
right: 40px;
}
/* line 339, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .download .download-option2 {
width: 35px;
}
/* line 344, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .chapter .chapter-option1 {
width: 35px;
right: 40px;
}
/* line 348, ../_scss/components/_cyort.scss */
.cyort-overlay .download-wrapper .chapter .chapter-option2 {
width: 35px;
right: 0;
}
/* line 354, ../_scss/components/_cyort.scss */
.cyort-overlay .download-buttons {
padding: 0 10px 5px 10px;
text-align: center;
}
/* line 358, ../_scss/components/_cyort.scss */
.cyort-overlay .download-buttons:before {
margin-bottom: 10px;
}
/* line 362, ../_scss/components/_cyort.scss */
.cyort-overlay .download-buttons .text-button {
margin-bottom: 5px;
width: 100%;
max-width: 360px;
}
}
/* Module-specific styles */
/* =============================================================================
Page : Art/Gallery
============================================================================= */
/* line 110, ../_scss/_mixins.scss */
ol.art-gallery-list:after,
ul.art-gallery-list:after,
.art-gallery-list:after,
.magazine-list:after {
content: "";
display: table;
clear: both;
}
@media (min-width: 760px) {
/* line 4, ../_scss/page/_art-gallery.scss */
ol.art-gallery-list,
ul.art-gallery-list,
.art-gallery-list,
.magazine-list {
margin-left: -12px;
margin-right: -12px;
}
}
/* line 15, ../_scss/page/_art-gallery.scss */
.art-detail,
.magazine-detail {
width: 100%;
}
@media (min-width: 760px) {
/* line 15, ../_scss/page/_art-gallery.scss */
.art-detail,
.magazine-detail {
display: inline-block;
width: 50%;
float: left;
}
}
/* line 26, ../_scss/page/_art-gallery.scss */
.art-detail a,
.magazine-detail a {
text-decoration: none;
}
/* line 30, ../_scss/page/_art-gallery.scss */
.art-detail figure,
.magazine-detail figure {
position: relative;
}
/* line 34, ../_scss/page/_art-gallery.scss */
.art-detail .art-work,
.magazine-detail .art-work {
width: auto;
padding: 7px;
margin: 0;
border-radius: 6px;
border: 1px solid #f0f0f0;
box-shadow: 2px 2px 6px rgba(119, 119, 119, 0.3);
}
@media (min-width: 760px) {
/* line 34, ../_scss/page/_art-gallery.scss */
.art-detail .art-work,
.magazine-detail .art-work {
margin-left: 12px;
margin-right: 12px;
}
}
/* line 48, ../_scss/page/_art-gallery.scss */
.art-detail .art-work img,
.magazine-detail .art-work img {
display: block;
width: 100%;
}
/* line 54, ../_scss/page/_art-gallery.scss */
.art-detail figcaption,
.magazine-detail figcaption {
position: absolute;
z-index: 1;
left: 7px;
right: 7px;
bottom: 7px;
padding: 12px 10px;
min-height: 6em;
text-align: center;
border-bottom: 0;
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
opacity: 0;
transition: opacity .33s;
}
@media (min-width: 760px) {
/* line 54, ../_scss/page/_art-gallery.scss */
.art-detail figcaption,
.magazine-detail figcaption {
left: 19px;
right: 19px;
}
}
/* line 79, ../_scss/page/_art-gallery.scss */
.art-detail a.hover figcaption,
.art-detail a:hover figcaption,
.art-detail a:focus figcaption,
.art-detail a:active figcaption,
.magazine-detail a.hover figcaption,
.magazine-detail a:hover figcaption,
.magazine-detail a:focus figcaption,
.magazine-detail a:active figcaption {
opacity: 1;
}
/* line 91, ../_scss/page/_art-gallery.scss */
.art-detail .subtitle,
.art-detail .title,
.magazine-detail .subtitle,
.magazine-detail .title {
display: block;
line-height: 1;
}
/* line 96, ../_scss/page/_art-gallery.scss */
.art-detail .subtitle,
.magazine-detail .subtitle {
margin: 0 0 10px 0;
color: #1f1f1f;
}
/* line 100, ../_scss/page/_art-gallery.scss */
.art-detail .title,
.magazine-detail .title {
margin: 0;
font-size: 22px;
}
/* =============================================================================
Page : ing.world
Specific styles for magazine lists (ing.world)
============================================================================= */
/* line 112, ../_scss/page/_art-gallery.scss */
.magazine-list {
margin-bottom: -40px !important;
}
@media (min-width: 760px) {
/* line 112, ../_scss/page/_art-gallery.scss */
.magazine-list {
width: 105%;
}
}
/* line 119, ../_scss/page/_art-gallery.scss */
.magazine-list.large {
width: 100%;
margin: 0;
}
/* line 123, ../_scss/page/_art-gallery.scss */
.magazine-list.large .magazine-detail {
width: 100%;
margin-right: 0 !important;
float: none;
}
/* line 128, ../_scss/page/_art-gallery.scss */
.magazine-list.large .magazine-detail figcaption {
left: 6px;
right: 6px;
bottom: 6px;
}
/* line 134, ../_scss/page/_art-gallery.scss */
.magazine-list.large .magazine-detail .subtitle {
font-size: 26px;
}
/* line 142, ../_scss/page/_art-gallery.scss */
.magazines-overview .filters {
margin: 20px 0 40px 0;
}
/* line 147, ../_scss/page/_art-gallery.scss */
.magazines-overview .dropdown-list .list {
width: auto;
left: auto;
right: 0;
}
/* line 152, ../_scss/page/_art-gallery.scss */
.magazines-overview .dropdown-list .list a {
white-space: nowrap;
}
@media (min-width: 760px) {
/* line 159, ../_scss/page/_art-gallery.scss */
.magazine-detail {
width: 45%;
margin-right: 5% !important;
}
}
/* line 165, ../_scss/page/_art-gallery.scss */
.magazine-detail .art-work {
margin: 0;
padding: 0;
border: 0;
box-shadow: none;
}
/* line 173, ../_scss/page/_art-gallery.scss */
.magazine-detail figcaption {
left: 3px;
right: 3px;
bottom: 3px;
font-size: 16px;
}
/* line 180, ../_scss/page/_art-gallery.scss */
.magazine-detail .subtitle {
margin-top: 5px;
margin-bottom: 10px;
font-size: 20px;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
}
/* line 187, ../_scss/page/_art-gallery.scss */
.magazine-detail .button-link {
margin: 0;
}
/* =============================================================================
page / content
Elements in use on 'regular' contentpages
Can also be used on other types of pages.
============================================================================= */
/* line 11, ../_scss/page/_content.scss */
.article-body .list-links a {
color: #1f1f1f;
}
/* line 15, ../_scss/page/_content.scss */
.article-body.not-found {
background-image: url("../../static/placeholders/maintenance-placeholder.png");
background-size: 80% auto;
background-position: bottom center;
background-repeat: no-repeat;
padding-bottom: 350px;
}
@media (min-width: 760px) {
/* line 15, ../_scss/page/_content.scss */
.article-body.not-found {
min-height: 700px;
padding-bottom: 0;
background-size: auto 550px;
background-position: bottom right;
}
/* line 28, ../_scss/page/_content.scss */
.article-body.not-found .article-main {
max-width: 500px;
}
}
@media (min-width: 1000px) {
/* line 15, ../_scss/page/_content.scss */
.article-body.not-found {
background-size: auto 700px;
}
}
/* line 35, ../_scss/page/_content.scss */
.article-body.not-found .sharethis {
margin-top: 0;
margin-bottom: 30px;
}
/* line 61, ../_scss/page/_content.scss */
.article-intro {
font-size: 20px;
line-height: 34px;
}
/* =============================================================================
Contentpage / sidebar/banners:
============================================================================= */
/* line 71, ../_scss/page/_content.scss */
.article-sidebar {
position: static;
}
/* line 74, ../_scss/page/_content.scss */
.js .article-sidebar {
visibility: hidden;
}
/* line 77, ../_scss/page/_content.scss */
.js .article-sidebar.done {
visibility: visible;
}
@media (min-width: 760px) {
/* line 77, ../_scss/page/_content.scss */
.js .article-sidebar.done {
position: absolute;
z-index: 99;
top: 124px;
right: 0;
width: 220px;
margin-top: .5em;
margin-bottom: 64px;
margin-left: 30px;
}
}
/* line 94, ../_scss/page/_content.scss */
.article-sidebar-placeholder {
display: none;
}
@media (min-width: 760px) {
/* line 94, ../_scss/page/_content.scss */
.article-sidebar-placeholder {
float: right;
position: relative;
display: block;
width: 220px;
min-height: 100px;
margin-bottom: 50px;
margin-left: 30px;
}
}
/* =============================================================================
Contentpage / floating elements:
============================================================================= */
/* General classes for inline images, added through CMS */
@media (min-width: 760px) {
/* line 114, ../_scss/page/_content.scss */
.figure-left,
.figure-right {
max-width: 100%;
position: relative;
top: 5px;
}
/* line 121, ../_scss/page/_content.scss */
.figure-left img,
.figure-right img {
display: block;
}
}
@media (min-width: 760px) {
/* line 127, ../_scss/page/_content.scss */
.figure-left {
margin: 0 28px 25px 0;
float: left;
}
}
@media (min-width: 760px) {
/* line 157, ../_scss/page/_content.scss */
.figure-right {
margin: 0 0 25px 28px;
float: right;
clear: both;
}
}
/* line 164, ../_scss/page/_content.scss */
.figure-center {
text-align: center;
}
/* line 167, ../_scss/page/_content.scss */
.figure-center.background {
background-color: #d6d6d6;
border-radius: 6px;
}
/* line 171, ../_scss/page/_content.scss */
.figure-center.background img {
border-radius: 0;
}
/* line 176, ../_scss/page/_content.scss */
.figure-center figcaption {
text-align: left;
}
/*
All images should fill their container: (to smooth the transition between mobile-first-images and larger versions)
*/
/* line 184, ../_scss/page/_content.scss */
.figure-full img {
width: 100%;
height: auto;
}
/* line 191, ../_scss/page/_content.scss */
figure.press img {
width: 110px;
}
/* =============================================================================
Contentpage / section styling:
============================================================================= */
/* line 201, ../_scss/page/_content.scss */
.section-end-line {
padding-bottom: 3em;
margin-bottom: 5em;
border-bottom: 1px solid #a8a8a8;
}
/* line 208, ../_scss/page/_content.scss */
.section-title {
margin: 0 0 40px 0;
padding: 5px 0;
background: #c4baaa;
color: #fff;
font-size: 20px;
text-align: center;
}
@media (min-width: 760px) {
/* line 208, ../_scss/page/_content.scss */
.section-title {
display: none;
}
}
/* line 220, ../_scss/page/_content.scss */
.light-border-bottom {
border-bottom: 1px solid #d6d6d6;
}
/* line 223, ../_scss/page/_content.scss */
.light-border-top {
border-top: 1px solid #d6d6d6;
}
/* Styles for blockquotes */
/* line 229, ../_scss/page/_content.scss */
.quote blockquote {
margin-bottom: 20px;
}
/* line 232, ../_scss/page/_content.scss */
.quote blockquote p {
margin-bottom: 0;
}
/* line 237, ../_scss/page/_content.scss */
.quote > p {
margin-bottom: 0;
}
/* line 243, ../_scss/page/_content.scss */
.quote-small blockquote {
font-size: 20px;
line-height: 1.6;
}
/* line 248, ../_scss/page/_content.scss */
.quote-small .quote-caption strong {
display: block;
}
/* line 254, ../_scss/page/_content.scss */
.border-quote {
padding-left: 20px;
border-left: 3px solid #ff6200;
line-height: 1.6;
font-size: 20px;
}
/* line 260, ../_scss/page/_content.scss */
.border-quote p:before, .border-quote p:after {
display: none;
}
@media (min-width: 760px) {
/* line 254, ../_scss/page/_content.scss */
.border-quote {
font-size: 26px;
}
}
/* End styles for blockquotes */
/* =============================================================================
Contentpage / Lists:
============================================================================= */
/* Styles for default lists */
/* line 276, ../_scss/page/_content.scss */
ol,
ul {
margin: 10px 0 22px 0;
padding-left: 15px;
}
/* line 281, ../_scss/page/_content.scss */
ol ol,
ol ul,
ul ol,
ul ul {
margin-top: 0;
margin-bottom: 0;
list-style: inherit;
}
/* line 288, ../_scss/page/_content.scss */
ol {
padding-left: 18px;
}
/* line 292, ../_scss/page/_content.scss */
ul {
list-style: none;
}
/* line 296, ../_scss/page/_content.scss */
li {
position: relative;
}
/* line 299, ../_scss/page/_content.scss */
li li {
margin-left: 5px;
}
/* line 303, ../_scss/page/_content.scss */
li:before {
position: absolute;
left: -12px;
top: 0;
content: "•";
font-size: 14px;
}
/* line 313, ../_scss/page/_content.scss */
ol li:before {
display: none;
}
/* line 319, ../_scss/page/_content.scss */
ul.inpage-navigation-list,
.inpage-navigation-list {
margin-bottom: 30px;
}
/* line 323, ../_scss/page/_content.scss */
ul.inpage-navigation-list .icon,
.inpage-navigation-list .icon {
top: 6px;
}
/* line 326, ../_scss/page/_content.scss */
ul.inpage-navigation-list li,
.inpage-navigation-list li {
padding-left: 16px;
}
/* line 331, ../_scss/page/_content.scss */
.dash-list {
padding-left: 0;
list-style: none;
}
/* line 335, ../_scss/page/_content.scss */
.dash-list li {
padding-left: 17px;
position: relative;
}
/* line 339, ../_scss/page/_content.scss */
.dash-list li:before {
display: block;
position: absolute;
top: 3px;
left: 0;
content: "–";
padding-right: 8px;
}
/* line 349, ../_scss/page/_content.scss */
.dash-list ul {
padding-left: 0;
}
/* =============================================================================
Contentpage / Link elements:
============================================================================= */
/* line 360, ../_scss/page/_content.scss */
.wrap-link {
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
word-wrap: break-word;
}
/* =============================================================================
Contentpage / Section styling / grouping elements
============================================================================= */
/* line 372, ../_scss/page/_content.scss */
.light-padding-box {
background-color: #f0f0f0;
padding: 20px;
border-radius: 6px;
}
/* line 377, ../_scss/page/_content.scss */
.light-padding-box .figure-stretch {
margin: -20px -20px 20px -20px;
}
/* line 381, ../_scss/page/_content.scss */
.light-padding-box .secondary-title.light-text {
color: #767676;
}
/* line 386, ../_scss/page/_content.scss */
.dark-padding-box {
background-color: #d6d6d6;
padding: 20px;
border-radius: 6px;
}
/* line 391, ../_scss/page/_content.scss */
.dark-padding-box .secondary-title {
color: #1f1f1f;
font-size: 20px;
line-height: 1.25;
}
/* line 396, ../_scss/page/_content.scss */
.dark-padding-box a {
color: #1f1f1f;
}
/* line 400, ../_scss/page/_content.scss */
.dark-padding-box .text-swiper .secondary-title {
color: #fff;
font-size: 24px;
line-height: 30px;
}
/* line 110, ../_scss/_mixins.scss */
.column-box:after,
.column-image-box:after {
content: "";
display: table;
clear: both;
}
/* line 412, ../_scss/page/_content.scss */
.column-box .col,
.column-image-box .col {
width: 300px;
float: left;
margin-right: 35px;
}
/* line 417, ../_scss/page/_content.scss */
.column-box .col + .col,
.column-image-box .col + .col {
margin-right: 0;
}
@media (min-width: 1000px) {
/* line 412, ../_scss/page/_content.scss */
.column-box .col,
.column-image-box .col {
width: 195px;
}
}
/* line 428, ../_scss/page/_content.scss */
.border-box {
padding-bottom: 10px;
padding-top: 20px;
border-top: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
}
/* line 434, ../_scss/page/_content.scss */
.border-box + .border-box {
border-top: 0;
}
/* line 438, ../_scss/page/_content.scss */
.border-box p:last-child {
margin-bottom: 10px;
}
/* line 443, ../_scss/page/_content.scss */
.half-block .border-box:first-child {
padding-top: 0;
border-top: 0;
}
/* =============================================================================
Select-Get-Redirect/Ajax:
- select onchange-event submits form, so button can be hidden
============================================================================= */
/* line 455, ../_scss/page/_content.scss */
.js .select-get-ajax input[type=submit],
.js .select-get-ajax button[type=submit],
.js .select-get-redirect input[type=submit],
.js .select-get-redirect button[type=submit] {
display: none;
}
/* line 462, ../_scss/page/_content.scss */
section.country-selector {
margin-bottom: 30px;
}
/* =============================================================================
Contentpage / Small tweak classes
============================================================================= */
/* line 470, ../_scss/page/_content.scss */
.color-emphasis {
color: #ff6200;
}
/* line 474, ../_scss/page/_content.scss */
.bordered {
border-top: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
}
/* line 479, ../_scss/page/_content.scss */
.invertclr {
background-color: #ff6200;
color: #fff;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 485, ../_scss/page/_content.scss */
.invertclr h1, .invertclr .h1, .invertclr h2, .invertclr .h2, .invertclr h3, .invertclr .h3, .invertclr a {
color: #fff;
}
/* END styles for blockquotes */
/* Class to be added to paragraphs, for small text */
/* line 493, ../_scss/page/_content.scss */
.small {
font-size: smaller;
}
/* =============================================================================
Parallax scroll effect on images on Mission and Strategy page.
Effect only works on desktop browsers.
============================================================================= */
/* line 502, ../_scss/page/_content.scss */
.parallax-scroll {
margin-bottom: 20px;
}
@media (min-width: 760px) {
/* line 502, ../_scss/page/_content.scss */
.parallax-scroll {
height: 300px;
margin-bottom: 40px;
position: relative;
overflow: hidden;
}
/* line 511, ../_scss/page/_content.scss */
.parallax-scroll figure {
width: 100%;
height: 300px;
margin: 0 !important;
position: relative;
}
/* line 518, ../_scss/page/_content.scss */
.parallax-scroll img {
width: 125%;
max-width: 1000%;
position: absolute;
top: 0;
left: 0;
}
}
@media (min-width: 1000px) {
/* line 502, ../_scss/page/_content.scss */
.parallax-scroll {
height: 360px;
}
/* line 528, ../_scss/page/_content.scss */
.parallax-scroll figure {
height: 360px;
}
/* line 531, ../_scss/page/_content.scss */
.parallax-scroll img {
width: auto;
}
}
/* =============================================================================
Contentpage / Track overview pages
============================================================================= */
/* line 541, ../_scss/page/_content.scss */
.track-overview {
clear: both;
}
/* line 544, ../_scss/page/_content.scss */
.track-overview .track-detail {
margin-bottom: 20px;
border-bottom: 1px solid #a8a8a8;
}
/* line 548, ../_scss/page/_content.scss */
.track-overview .track-detail h2 {
color: #1f1f1f;
font-size: 20px;
}
/* line 553, ../_scss/page/_content.scss */
.track-overview .track-detail.disabled {
display: none;
}
/* line 556, ../_scss/page/_content.scss */
.track-overview .track-detail.disabled h2, .track-overview .track-detail.disabled h3, .track-overview .track-detail.disabled p, .track-overview .track-detail.disabled .light-text {
color: #a8a8a8 !important;
}
/* line 561, ../_scss/page/_content.scss */
.track-overview .track-detail .button-link.disabled {
background-color: #a8a8a8;
border-color: #a8a8a8;
color: white;
}
/* line 569, ../_scss/page/_content.scss */
.select-filter-tracks {
margin-bottom: 20px;
padding-bottom: 30px;
position: relative;
border-bottom: 1px solid #a8a8a8;
}
/* line 575, ../_scss/page/_content.scss */
.select-filter-tracks .icon-alert {
margin-right: 10px;
position: absolute;
top: 0;
left: 0;
color: #ff6200;
}
/* line 582, ../_scss/page/_content.scss */
.select-filter-tracks .select-country-label {
padding-left: 28px;
display: inline-block;
}
/* line 587, ../_scss/page/_content.scss */
.select-filter-tracks .select-country {
display: block;
margin-top: 15px;
margin-left: 28px;
}
@media (min-width: 760px) {
/* line 594, ../_scss/page/_content.scss */
.select-filter-tracks .icon-alert {
top: 3px;
}
}
/* line 599, ../_scss/page/_content.scss */
.no-js .select-filter-tracks {
display: none;
}
/* =============================================================================
Page(s) : Profiles (list/detail)
============================================================================= */
/* line 5, ../_scss/page/_profiles.scss */
.profile {
padding-bottom: 20px;
}
/* line 9, ../_scss/page/_profiles.scss */
.profile .link-wrapper img {
width: 100%;
}
/* line 14, ../_scss/page/_profiles.scss */
.profile figure {
width: 220px;
position: relative;
overflow: hidden;
}
/* line 19, ../_scss/page/_profiles.scss */
.profile figure img {
position: absolute;
top: 0;
left: 0;
}
/* line 26, ../_scss/page/_profiles.scss */
.profile p {
margin: 0;
}
/* line 30, ../_scss/page/_profiles.scss */
.profile .secondary-title {
margin-top: 15px;
}
/* Table */
/* line 36, ../_scss/page/_profiles.scss */
.personal-info {
margin-top: 15px;
}
/* line 39, ../_scss/page/_profiles.scss */
.personal-info td, .personal-info th {
padding: 0;
font-size: 16px;
line-height: 22px;
}
/* line 44, ../_scss/page/_profiles.scss */
.personal-info td:first-child, .personal-info th:first-child {
color: #ff6200;
}
/* line 50, ../_scss/page/_profiles.scss */
.infographic-thumbs,
.profile-thumbs {
margin: 0 0 -6px 0;
padding: 0 !important;
list-style: none;
overflow: hidden;
position: relative;
left: -6px;
top: -6px;
}
/* line 122, ../_scss/_mixins.scss */
.infographic-thumbs li:before,
.profile-thumbs li:before {
display: none;
}
/* line 61, ../_scss/page/_profiles.scss */
.infographic-thumbs li,
.profile-thumbs li {
margin-left: 6px;
margin-top: 6px;
float: left;
}
/* line 67, ../_scss/page/_profiles.scss */
.infographic-thumbs .thumb-wrapper,
.profile-thumbs .thumb-wrapper {
width: 80px;
height: 60px;
margin: 0;
overflow: hidden;
position: relative;
}
/* line 74, ../_scss/page/_profiles.scss */
.infographic-thumbs .thumb-wrapper img,
.profile-thumbs .thumb-wrapper img {
position: absolute;
top: 0;
left: 0;
}
/* line 80, ../_scss/page/_profiles.scss */
.infographic-thumbs.infographic-thumbs .thumb-wrapper,
.profile-thumbs.infographic-thumbs .thumb-wrapper {
width: 180px;
height: 135px;
}
@media (min-width: 760px) {
/* line 50, ../_scss/page/_profiles.scss */
.infographic-thumbs,
.profile-thumbs {
width: 200px;
left: -20px;
top: -20px;
margin: 0 0 -20px 0;
}
/* line 91, ../_scss/page/_profiles.scss */
.infographic-thumbs li,
.profile-thumbs li {
margin-left: 20px;
margin-top: 20px;
}
/* line 97, ../_scss/page/_profiles.scss */
.infographic-thumbs .link-wrapper img,
.profile-thumbs .link-wrapper img {
width: 100%;
}
}
/* line 1, ../_scss/page/_contact.scss */
.contact-info {
width: 100%;
display: table;
clear: both;
}
/* line 6, ../_scss/page/_contact.scss */
.contact-info .secondary-title {
margin-bottom: 20px;
margin-top: 10px;
display: block;
}
@media (min-width: 760px) {
/* line 6, ../_scss/page/_contact.scss */
.contact-info .secondary-title {
margin-top: 30px;
}
}
/* line 15, ../_scss/page/_contact.scss */
.contact-info .dropdown-country-selector {
display: block;
color: #ff6200;
padding-left: 3px;
font-size: 20px;
margin-top: 5px;
}
/* line 22, ../_scss/page/_contact.scss */
.contact-info .dropdown-country-selector span {
display: inline;
font-size: 14px;
}
/* line 27, ../_scss/page/_contact.scss */
.contact-info .dropdown-country-selector i {
font-size: 12px;
}
@media (min-width: 760px) {
/* line 15, ../_scss/page/_contact.scss */
.contact-info .dropdown-country-selector {
display: inline;
padding-left: 10px;
margin-top: 0;
}
}
/* line 37, ../_scss/page/_contact.scss */
.contact-info .show-country-selector {
cursor: pointer;
}
/* line 40, ../_scss/page/_contact.scss */
.contact-info .contact-container {
margin: 30px 0;
border-radius: 6px;
width: 100%;
display: inline-block;
}
@media (min-width: 760px) {
/* line 40, ../_scss/page/_contact.scss */
.contact-info .contact-container {
padding: 0;
border: none;
width: auto;
}
/* line 51, ../_scss/page/_contact.scss */
.contact-info .contact-container .three-col {
width: 100%;
}
/* line 54, ../_scss/page/_contact.scss */
.contact-info .contact-container .three-col .col {
width: 213px;
}
}
@media (min-width: 1000px) {
/* line 61, ../_scss/page/_contact.scss */
.contact-info .contact-container .three-col .col {
width: 293px;
}
}
/* line 67, ../_scss/page/_contact.scss */
.contact-info .contact-container h3 {
color: #767676;
font-size: 20px;
line-height: 1.3em;
margin-bottom: 0;
padding-bottom: 10px;
border-bottom: 1px solid #d6d6d6;
}
@media (min-width: 760px) {
/* line 67, ../_scss/page/_contact.scss */
.contact-info .contact-container h3 {
width: calc(100% - 20px);
}
}
/* line 79, ../_scss/page/_contact.scss */
.contact-info .contact-container .three-col {
padding-bottom: 0;
margin-bottom: 0;
}
/* line 83, ../_scss/page/_contact.scss */
.contact-info .contact-container .three-col .col {
position: relative;
margin-top: 20px;
margin-bottom: 20px;
}
/* line 88, ../_scss/page/_contact.scss */
.contact-info .contact-container .three-col .col:last-child {
margin-bottom: 0;
}
@media (min-width: 760px) {
/* line 83, ../_scss/page/_contact.scss */
.contact-info .contact-container .three-col .col {
height: 185px;
}
}
@media (min-width: 1000px) {
/* line 83, ../_scss/page/_contact.scss */
.contact-info .contact-container .three-col .col {
height: 165px;
}
}
/* line 99, ../_scss/page/_contact.scss */
.contact-info .contact-container .three-col .col h4 {
font-family: "INGMeWeb-Regular", Arial, sans-serif;
color: #ff6200;
font-size: 24px;
line-height: 1.4em;
min-height: 0;
position: relative;
}
/* line 107, ../_scss/page/_contact.scss */
.contact-info .contact-container .three-col .col p {
font-size: 14px;
line-height: 20px;
margin-bottom: 1em;
}
@media (min-width: 760px) {
/* line 112, ../_scss/page/_contact.scss */
.contact-info .contact-container .three-col .col .button-link {
position: absolute;
bottom: 0;
}
}
/* Imported Annual Review styles */
/* Colors: */
/* Fonts: */
/* line 59, ../_scss/page/_annualreview.scss */
.image-pull-right {
max-width: 1170px;
margin-top: 0px;
margin-bottom: 0px;
position: relative;
height: auto;
border-bottom-left-radius: 6px;
transition: opacity 1s, margin-top 1s, margin-bottom 0.5s;
}
/* line 69, ../_scss/page/_annualreview.scss */
.full-content .image-pull-right {
margin-width: 1170px !important;
}
/* line 73, ../_scss/page/_annualreview.scss */
.image-pull-right img {
position: relative;
z-index: 3;
width: 100%;
min-height: 0;
border-top-left-radius: 6px;
}
@media (min-width: 1401px) {
/* line 59, ../_scss/page/_annualreview.scss */
.image-pull-right {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
}
/* line 86, ../_scss/page/_annualreview.scss */
.image-pull-right.small {
width: 719px;
max-width: 930px !important;
left: 240px;
}
/* line 92, ../_scss/page/_annualreview.scss */
.image-pull-right.show-iframe {
margin-bottom: 0px;
}
/* line 95, ../_scss/page/_annualreview.scss */
.full-content .image-pull-right.show-iframe {
margin-bottom: 90px;
}
/* line 99, ../_scss/page/_annualreview.scss */
.image-pull-right.show-iframe iframe {
z-index: 5;
opacity: 1;
}
/* line 104, ../_scss/page/_annualreview.scss */
.image-pull-right.faded-out {
opacity: 0;
transition: opacity 0s, margin-top 0s;
}
/* line 109, ../_scss/page/_annualreview.scss */
.image-pull-right .video-description {
position: absolute;
top: 100px;
right: 5%;
width: 300px;
z-index: 4;
}
/* line 116, ../_scss/page/_annualreview.scss */
.image-pull-right .video-description .description {
font-size: 48px;
line-height: 1em;
color: #fff;
}
/* line 121, ../_scss/page/_annualreview.scss */
.image-pull-right .video-description .description:before {
content: '“';
margin-left: -20px;
}
/* line 125, ../_scss/page/_annualreview.scss */
.image-pull-right .video-description .description:after {
content: '”';
}
/* line 129, ../_scss/page/_annualreview.scss */
.image-pull-right .video-description .video-subtitle {
color: #fff;
font-size: 20px;
line-height: 2em;
}
/* line 134, ../_scss/page/_annualreview.scss */
.image-pull-right .video-description .text-button {
color: #fff;
font-size: 20px;
background-color: #ff6200;
position: relative;
padding-left: 40px;
cursor: pointer;
}
/* line 142, ../_scss/page/_annualreview.scss */
.image-pull-right .video-description .text-button:hover {
background-color: #525199;
}
/* line 146, ../_scss/page/_annualreview.scss */
.image-pull-right .video-description .text-button i {
font-size: 30px;
position: absolute;
top: 6px;
left: 5px;
}
/* line 155, ../_scss/page/_annualreview.scss */
.image-pull-right iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-width: 100%;
opacity: 0;
transition: opacity 0.8s 0.5s;
}
/* line 166, ../_scss/page/_annualreview.scss */
.image-pull-left {
width: 719px;
max-width: 930px !important;
margin-top: 0px;
margin-bottom: 0;
position: relative;
overflow: hidden;
border-top-right-radius: 6px;
transition: opacity 1s, margin-top 1s, margin-bottom 0.5s;
}
/* line 176, ../_scss/page/_annualreview.scss */
.image-pull-left img {
max-width: none;
width: 100%;
min-width: 100%;
border-top-right-radius: 6px;
}
@media (min-width: 1401px) {
/* line 166, ../_scss/page/_annualreview.scss */
.image-pull-left {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
}
/* line 188, ../_scss/page/_annualreview.scss */
.image-pull-left.faded-out {
opacity: 0;
transition: opacity 0s, margin-top 0s;
}
/* line 193, ../_scss/page/_annualreview.scss */
.image-pull-left iframe {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 100%;
max-width: 100%;
max-height: 100%;
z-index: -1;
opacity: 0;
transition: opacity 0.3s;
}
/* line 207, ../_scss/page/_annualreview.scss */
.four-col {
display: block;
overflow: hidden;
position: relative;
width: 640px;
left: -20px;
}
/* line 214, ../_scss/page/_annualreview.scss */
.four-col .col {
float: left;
width: 140px;
margin-left: 20px;
margin-bottom: 0;
}
/* line 222, ../_scss/page/_annualreview.scss */
.infogram {
margin-bottom: 50px;
}
/* line 225, ../_scss/page/_annualreview.scss */
.infogram i {
font-size: 60px;
color: #ff6200;
margin: 10px 0;
display: block;
}
/* line 231, ../_scss/page/_annualreview.scss */
.infogram h3, .infogram h4, .infogram h5, .infogram h6, .infogram p {
font-size: 16px;
line-height: 22px;
}
/* line 235, ../_scss/page/_annualreview.scss */
.infogram .infogram-large {
font-family: "INGMeWeb-Regular", Arial, sans-serif;
font-size: 32px;
line-height: 32px;
display: block;
margin-top: 10px;
}
/* line 244, ../_scss/page/_annualreview.scss */
.image-legend {
margin: 50px 0;
position: relative;
}
/* line 248, ../_scss/page/_annualreview.scss */
.full-content .image-legend {
margin-left: -80px;
}
/* line 252, ../_scss/page/_annualreview.scss */
.full-content .image-legend .images img {
width: 100%;
}
/* line 256, ../_scss/page/_annualreview.scss */
.full-content .image-legend .legends {
right: -240px;
}
/* line 262, ../_scss/page/_annualreview.scss */
.image-legend .images img {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 70%;
opacity: 0;
transition: all 1s;
}
/* line 271, ../_scss/page/_annualreview.scss */
.image-legend .images img.show {
opacity: 1;
}
/* line 275, ../_scss/page/_annualreview.scss */
.image-legend .images img.default {
position: relative;
top: auto;
left: auto;
z-index: 5;
}
/* line 283, ../_scss/page/_annualreview.scss */
.image-legend .legends {
position: absolute;
top: 10px;
right: 0px;
width: 180px;
}
/* line 289, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend {
margin-bottom: 10px;
font-size: 14px;
line-height: 1.2em;
padding: 5px 10px 10px 5px;
cursor: pointer;
position: relative;
border-radius: 0 6px 6px 6px;
}
/* line 298, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend:before {
height: 100%;
width: 22px;
background-color: inherit;
display: block;
content: ' ';
position: absolute;
top: 0;
left: -18px;
border-radius: 6px 0 0 6px;
}
/* line 311, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend.show .checkmark {
color: #333;
}
/* line 314, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend.show .checkmark:before {
font-family: 'fab-ingcons';
content: "\2713";
font-size: 18px;
position: absolute;
top: -3px;
left: -1px;
}
/* line 325, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend .checkmark {
background-color: #fff;
height: 12px;
width: 12px;
display: block;
position: absolute;
top: 7px;
left: -13px;
border-radius: 2px;
}
/* line 336, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend strong {
display: inline-block;
margin-bottom: 4px;
}
/* line 341, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend.indigo {
background-color: #525199;
color: #fff;
}
/* line 345, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend.indigo:active {
background-color: #494888;
}
/* line 349, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend.sky {
background-color: #60a6da;
color: #fff;
}
/* line 353, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend.sky:active {
background-color: #4b9ad5;
}
/* line 357, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend.fuchsia {
background-color: #ab0066;
color: #fff;
}
/* line 361, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend.fuchsia:active {
background-color: #920057;
}
/* line 365, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend.lime {
background-color: #d0d93c;
color: #fff;
}
/* line 369, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend.lime:active {
background-color: #c9d229;
}
/* line 373, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend.leaf {
background-color: #349651;
color: #fff;
}
/* line 377, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend.leaf:active {
background-color: #2d8347;
}
/* line 381, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend.orange {
background-color: #ff6200;
color: #fff;
}
/* line 385, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend.orange:active {
background-color: #e65800;
}
/* line 389, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend.white {
background-color: #ffffff;
color: #333;
}
/* line 393, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend.white:active {
background-color: #f2f2f2;
}
/* line 397, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend.lightgrey {
background-color: #a8a8a8;
color: #fff;
}
/* line 401, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend.lightgrey:active {
background-color: #9b9b9b;
}
/* line 405, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend.midgrey {
background-color: #767676;
color: #fff;
}
/* line 409, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend.midgrey:active {
background-color: dimgray;
}
/* line 417, ../_scss/page/_annualreview.scss */
.materiality-index {
margin-bottom: 50px;
position: relative;
}
/* line 422, ../_scss/page/_annualreview.scss */
.materiality-index-graph img {
width: 70%;
}
/* line 427, ../_scss/page/_annualreview.scss */
.full-content .materiality-index-graph img {
width: 100%;
}
/* line 432, ../_scss/page/_annualreview.scss */
.materiality-index-legend-wrapper {
width: 215px;
position: absolute;
top: 0;
right: 0;
}
/* line 110, ../_scss/_mixins.scss */
.materiality-index-legend-wrapper:after {
content: "";
display: table;
clear: both;
}
/* line 439, ../_scss/page/_annualreview.scss */
.full-content .materiality-index-legend-wrapper {
right: -240px;
}
/* line 443, ../_scss/page/_annualreview.scss */
.materiality-index-legend-wrapper h5 {
margin-bottom: 10px;
font-size: 16px;
line-height: 1.1;
}
/* line 449, ../_scss/page/_annualreview.scss */
.legend-list {
margin: 0 0 20px 0;
padding: 0;
font-size: 14px;
line-height: 1.4;
}
/* line 122, ../_scss/_mixins.scss */
.legend-list li:before {
display: none;
}
/* line 456, ../_scss/page/_annualreview.scss */
.legend-list li {
padding: 0 0 0 25px;
position: relative;
}
/* line 461, ../_scss/page/_annualreview.scss */
.legend-list .color-dot {
width: 16px;
height: 16px;
border-radius: 100%;
color: white;
position: absolute;
top: 1px;
left: 0;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
font-size: 12px;
text-align: center;
line-height: 16px;
letter-spacing: -1.5px;
text-indent: -2px;
}
/* line 476, ../_scss/page/_annualreview.scss */
.legend-list .color-dot.bg-orange {
background-color: #ff6200;
}
/* line 479, ../_scss/page/_annualreview.scss */
.legend-list .color-dot.bg-lightgrey {
background-color: #a8a8a8;
}
/* line 482, ../_scss/page/_annualreview.scss */
.legend-list .color-dot.bg-midgrey {
background-color: #767676;
}
/* line 485, ../_scss/page/_annualreview.scss */
.legend-list .color-dot.bg-indigo {
background-color: #525199;
}
/* line 488, ../_scss/page/_annualreview.scss */
.legend-list .color-dot.bg-sky {
background-color: #60a6da;
}
/* line 491, ../_scss/page/_annualreview.scss */
.legend-list .color-dot.bg-fuchsia {
background-color: #ab0066;
}
/* line 494, ../_scss/page/_annualreview.scss */
.legend-list .color-dot.bg-lime {
background-color: #d0d93c;
}
/* line 497, ../_scss/page/_annualreview.scss */
.legend-list .color-dot.bg-leaf {
background-color: #349651;
}
/* line 503, ../_scss/page/_annualreview.scss */
.mobile-swipe-image {
margin-bottom: 50px;
}
/* line 506, ../_scss/page/_annualreview.scss */
.mobile-swipe-image .mobile-slider {
width: 100%;
position: relative;
display: inline-block;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
/* line 513, ../_scss/page/_annualreview.scss */
.mobile-swipe-image figure {
margin-bottom: 0;
}
/* line 517, ../_scss/page/_annualreview.scss */
.mobile-swipe-image img {
width: auto;
max-width: 100%;
display: block;
position: relative;
z-index: 1;
}
/* Tablet view, 760 width width on anything smaller then 1000 */
@media (max-width: 999px) {
/* line 530, ../_scss/page/_annualreview.scss */
.two-col {
width: 100%;
}
/* line 533, ../_scss/page/_annualreview.scss */
.two-col .col {
width: 240px;
margin-left: 20px;
}
/* line 538, ../_scss/page/_annualreview.scss */
.three-col {
width: 100%;
}
/* line 541, ../_scss/page/_annualreview.scss */
.three-col .col {
width: 153px;
margin-left: 20px;
}
/* line 547, ../_scss/page/_annualreview.scss */
.four-col {
width: 100%;
margin-bottom: 0;
}
/* line 551, ../_scss/page/_annualreview.scss */
.four-col .col {
width: 240px;
margin-bottom: 50px;
}
/* line 555, ../_scss/page/_annualreview.scss */
.four-col .col:nth-child(odd) {
clear: left;
}
/* line 562, ../_scss/page/_annualreview.scss */
.materiality-index-graph img {
width: 70%;
}
/* line 567, ../_scss/page/_annualreview.scss */
.image-pull-right {
height: auto;
min-height: 0px;
max-height: 1000px !important;
}
/* line 572, ../_scss/page/_annualreview.scss */
.image-pull-right.video-container {
margin-bottom: 90px;
}
/* line 576, ../_scss/page/_annualreview.scss */
.image-pull-right img {
width: 100%;
z-index: 5;
}
/* line 580, ../_scss/page/_annualreview.scss */
.image-pull-right iframe {
z-index: 10;
opacity: 1;
}
/* line 585, ../_scss/page/_annualreview.scss */
.image-pull-right.small {
left: 0;
}
/* line 589, ../_scss/page/_annualreview.scss */
.image-pull-right .video-description {
position: relative;
padding: 30px 60px 0 30px;
width: auto;
top: auto;
right: auto;
left: auto;
clear: both;
@includeon : padding-top 0.3s;
}
/* line 599, ../_scss/page/_annualreview.scss */
.image-pull-right .video-description .description {
color: #333;
font-size: 30px;
line-height: 1.2em;
}
/* line 604, ../_scss/page/_annualreview.scss */
.image-pull-right .video-description .description:before {
margin-left: -12px;
}
/* line 608, ../_scss/page/_annualreview.scss */
.image-pull-right .video-description .video-subtitle {
color: #333;
}
/* line 612, ../_scss/page/_annualreview.scss */
.image-pull-right .video-description .text-button {
font-size: 16px;
position: absolute;
top: -22px;
padding-left: 30px;
display: none;
transition: all 0.3s;
}
/* line 620, ../_scss/page/_annualreview.scss */
.image-pull-right .video-description .text-button i {
font-size: 24px;
}
/* line 627, ../_scss/page/_annualreview.scss */
figure.image-pull-left {
min-height: 0px;
max-width: 710px !important;
}
/* line 634, ../_scss/page/_annualreview.scss */
.image-legend .images img {
width: 100%;
}
/* line 638, ../_scss/page/_annualreview.scss */
.image-legend .legends {
position: relative;
top: auto;
right: auto;
width: 100%;
margin-left: 80px;
overflow: hidden;
}
/* line 646, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend {
float: left;
width: 230px;
margin-left: 20px;
}
/* line 651, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend:nth-child(2n) {
margin-left: 40px;
clear: right;
}
/* line 655, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend:nth-child(2n+1) {
clear: left;
}
/* line 662, ../_scss/page/_annualreview.scss */
.mobile-swipe-image img {
max-width: 100%;
}
}
/* Mobile view, liquid 480 width on anything smaller then 760 */
@media (max-width: 759px) {
/* line 670, ../_scss/page/_annualreview.scss */
.two-col {
width: 100%;
}
/* line 673, ../_scss/page/_annualreview.scss */
.two-col .col {
width: 100%;
max-width: 320px;
margin-left: 0;
}
/* line 678, ../_scss/page/_annualreview.scss */
.two-col .col h3, .two-col .col h4, .two-col .col h5, .two-col .col h6, .two-col .col p {
font-size: 18px;
line-height: 30px;
}
/* line 684, ../_scss/page/_annualreview.scss */
.three-col {
width: 100%;
margin-bottom: 20px;
}
/* line 688, ../_scss/page/_annualreview.scss */
.three-col .col {
width: 100%;
max-width: 320px;
margin-bottom: 30px;
margin-left: 0;
}
/* line 694, ../_scss/page/_annualreview.scss */
.three-col .col h3, .three-col .col h4, .three-col .col h5, .three-col .col h6, .three-col .col p {
font-size: 18px;
line-height: 30px;
}
/* line 700, ../_scss/page/_annualreview.scss */
.four-col {
width: 100%;
margin-bottom: 20px;
left: 0;
}
/* line 705, ../_scss/page/_annualreview.scss */
.four-col .col {
width: 100%;
max-width: 320px;
margin-left: 0;
margin-bottom: 30px;
}
/* line 711, ../_scss/page/_annualreview.scss */
.four-col .col h3, .four-col .col h4, .four-col .col h5, .four-col .col h6, .four-col .col p {
font-size: 18px;
line-height: 30px;
}
/* line 718, ../_scss/page/_annualreview.scss */
.materiality-index {
margin-bottom: 30px;
}
/* line 721, ../_scss/page/_annualreview.scss */
.materiality-index-graph {
margin-bottom: 20px;
}
/* line 724, ../_scss/page/_annualreview.scss */
.materiality-index-legend-wrapper {
width: 100%;
position: static;
}
/* line 729, ../_scss/page/_annualreview.scss */
.materiality-index-legend-part {
width: 50%;
float: left;
padding-right: 2%;
}
/* line 734, ../_scss/page/_annualreview.scss */
.materiality-index-legend-part + .materiality-index-legend-part {
padding-left: 2%;
padding-right: 0;
}
/* line 740, ../_scss/page/_annualreview.scss */
.image-pull-right {
width: auto !important;
height: auto;
min-height: 0px;
position: relative;
max-height: 1000px !important;
}
/* line 747, ../_scss/page/_annualreview.scss */
.full-content .image-pull-right {
margin-left: -10px;
margin-right: -10px;
}
/* line 752, ../_scss/page/_annualreview.scss */
.image-pull-right.small {
height: auto;
}
/* line 756, ../_scss/page/_annualreview.scss */
.image-pull-right.video-container {
margin-bottom: 20px;
}
/* line 760, ../_scss/page/_annualreview.scss */
.image-pull-right.faded-out {
opacity: 1;
}
/* line 764, ../_scss/page/_annualreview.scss */
.image-pull-right img {
z-index: 5;
max-height: normal;
}
/* line 768, ../_scss/page/_annualreview.scss */
.image-pull-right iframe {
z-index: 10;
opacity: 1;
}
/* line 774, ../_scss/page/_annualreview.scss */
.image-pull-right.show-iframe .video-description {
padding-top: 20px;
}
/* line 777, ../_scss/page/_annualreview.scss */
.image-pull-right.show-iframe .video-description .text-button {
opacity: 0;
}
/* line 782, ../_scss/page/_annualreview.scss */
.image-pull-right .video-description {
position: relative;
padding: 30px 60px 0 30px;
width: auto;
top: auto;
right: auto;
left: auto;
clear: both;
@includeon : padding-top 0.3s;
}
/* line 792, ../_scss/page/_annualreview.scss */
.image-pull-right .video-description .description {
color: #333;
font-size: 30px;
line-height: 1.2em;
}
/* line 797, ../_scss/page/_annualreview.scss */
.image-pull-right .video-description .description:before {
margin-left: -12px;
}
/* line 801, ../_scss/page/_annualreview.scss */
.image-pull-right .video-description .video-subtitle {
color: #333;
}
/* line 805, ../_scss/page/_annualreview.scss */
.image-pull-right .video-description .text-button {
font-size: 16px;
position: absolute;
top: -22px;
padding-left: 30px;
display: none;
transition: all 0.3s;
}
/* line 813, ../_scss/page/_annualreview.scss */
.image-pull-right .video-description .text-button i {
font-size: 24px;
}
/* line 820, ../_scss/page/_annualreview.scss */
.image-pull-left {
width: auto !important;
height: auto;
min-height: 0px;
left: 0;
margin-left: -20px;
margin-right: -20px;
position: relative;
}
/* line 829, ../_scss/page/_annualreview.scss */
.image-pull-left img {
width: 100%;
}
/* line 832, ../_scss/page/_annualreview.scss */
.image-pull-left.faded-out {
opacity: 1;
}
/* line 837, ../_scss/page/_annualreview.scss */
.image-legend {
margin-left: 0;
}
/* line 840, ../_scss/page/_annualreview.scss */
.image-legend .images {
margin-bottom: 20px;
}
/* line 843, ../_scss/page/_annualreview.scss */
.image-legend .images img {
width: 100%;
}
/* line 848, ../_scss/page/_annualreview.scss */
.image-legend .legends {
position: relative;
top: auto;
right: auto;
width: 100%;
padding-left: 20px;
overflow: hidden;
margin-left: 0;
}
/* line 857, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend {
float: left;
width: 100%;
padding-top: 5px;
padding-bottom: 4px;
margin-left: 0;
}
/* line 864, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend strong {
margin-bottom: 0;
}
/* line 868, ../_scss/page/_annualreview.scss */
.image-legend .legends .legend:nth-child(2n) {
margin-left: 0;
}
/* line 874, ../_scss/page/_annualreview.scss */
.mobile-swipe-image {
position: relative;
margin-left: -10px;
margin-right: -10px;
}
/* line 879, ../_scss/page/_annualreview.scss */
.mobile-swipe-image .mobile-slider {
padding-left: 10px;
padding-right: 10px;
}
/* line 884, ../_scss/page/_annualreview.scss */
.mobile-swipe-image img {
max-width: 1000px;
}
/* line 888, ../_scss/page/_annualreview.scss */
.mobile-swipe-image:before {
display: block;
content: ' ';
height: 100%;
width: 9px;
position: absolute;
top: 0;
left: 0;
z-index: 2;
background-image: url("../img/slider-shadow-left.png");
background-size: 9px 100%;
background-repeat: no-repeat;
}
/* line 902, ../_scss/page/_annualreview.scss */
.mobile-swipe-image:after {
display: block;
content: ' ';
height: 100%;
width: 9px;
position: absolute;
top: 0;
right: 0;
z-index: 2;
background-image: url("../img/slider-shadow-right.png");
background-size: 9px 100%;
background-repeat: no-repeat;
}
}
/* line 1, ../_scss/components/_highcharts.scss */
.barchart {
height: 300px;
}
/* line 4, ../_scss/components/_highcharts.scss */
.columnchart {
height: 300px;
}
/* line 7, ../_scss/components/_highcharts.scss */
.linechart {
height: 300px;
}
/* line 10, ../_scss/components/_highcharts.scss */
.piechart {
height: 300px;
}
/* line 13, ../_scss/components/_highcharts.scss */
.scatterchart {
height: 400px;
}
/* line 17, ../_scss/components/_highcharts.scss */
.hcTooltip {
padding: 8px 23px;
border-radius: 6px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
color: white;
font-size: 18px;
text-align: center;
}
/* line 25, ../_scss/components/_highcharts.scss */
.hcTooltipValue {
position: relative;
z-index: 5;
font-size: 36px;
line-height: 38px;
}
/* line 31, ../_scss/components/_highcharts.scss */
.hcTooltipKey {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid rgba(255, 255, 255, 0.5);
display: block;
position: relative;
z-index: 5;
font-size: 18px;
white-space: nowrap;
}
@media (max-width: 999px) {
/* line 45, ../_scss/components/_highcharts.scss */
.piechart {
height: 340px;
}
}
@media (max-width: 759px) {
/* line 52, ../_scss/components/_highcharts.scss */
.piechart {
height: 375px;
}
}
/* Defined for new pages, also overrules where necessary */
@media (min-width: 760px) {
/* line 7, ../_scss/brandcheck/_layout.scss */
.brand-check.full-content p {
max-width: none;
}
}
@media (min-width: 760px) {
/* line 13, ../_scss/brandcheck/_layout.scss */
.brand-check .three-col, .brand-check .three-columns {
width: 800px;
}
/* line 18, ../_scss/brandcheck/_layout.scss */
.brand-check .three-col .col, .brand-check .three-columns .col {
width: 246px;
}
/* line 21, ../_scss/brandcheck/_layout.scss */
.brand-check .three-col .col .link-wrapper figure, .brand-check .three-columns .col .link-wrapper figure {
width: 246px;
max-width: 246px;
}
}
/* line 3, ../_scss/brandcheck/_content-article.scss */
.brand-check .image-head {
margin-bottom: 20px;
}
/* line 8, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article,
.brand-check .content-before-article {
font-size: 14px;
line-height: 20px;
padding: 0 5px;
position: relative;
}
@media (min-width: 760px) {
/* line 8, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article,
.brand-check .content-before-article {
padding-left: 0px;
padding-right: 0px;
}
}
@media (min-width: 1000px) {
/* line 8, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article,
.brand-check .content-before-article {
padding-left: 0px;
padding-right: 160px;
font-size: 16px;
line-height: 24px;
}
}
/* line 26, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .personal-info,
.brand-check .content-before-article .personal-info {
margin-bottom: 20px;
}
/* line 30, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .content-article-start,
.brand-check .content-before-article .content-article-start {
padding-top: 25px;
margin-bottom: 20px;
}
@media (min-width: 1000px) {
/* line 30, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .content-article-start,
.brand-check .content-before-article .content-article-start {
padding-top: 30px;
margin-bottom: 30px;
}
}
/* line 41, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .date-readspeaker,
.brand-check .content-before-article .date-readspeaker {
margin: 0 0 15px 0;
font-size: 14px;
color: #a8a8a8;
}
@media (min-width: 1000px) {
/* line 41, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .date-readspeaker,
.brand-check .content-before-article .date-readspeaker {
font-size: 16px;
margin: 15px 0 25px 0;
}
}
/* line 51, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .date-readspeaker .icon,
.brand-check .content-before-article .date-readspeaker .icon {
color: #ff6200;
}
/* line 55, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .date-readspeaker a,
.brand-check .content-before-article .date-readspeaker a {
color: #1f1f1f;
font-size: 14px;
line-height: 24px;
}
/* line 60, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .date-readspeaker a:hover,
.brand-check .content-before-article .date-readspeaker a:hover {
text-decoration: underline;
}
/* line 65, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .date-readspeaker .field,
.brand-check .content-before-article .date-readspeaker .field {
color: #a8a8a8;
font-size: 14px;
line-height: 24px;
}
/* line 70, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .date-readspeaker .field.highlight,
.brand-check .content-before-article .date-readspeaker .field.highlight {
color: #ff6200;
display: block;
margin-bottom: 0;
}
@media (min-width: 1000px) {
/* line 70, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .date-readspeaker .field.highlight,
.brand-check .content-before-article .date-readspeaker .field.highlight {
display: inline;
}
}
/* line 80, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .date-readspeaker .field a,
.brand-check .content-before-article .date-readspeaker .field a {
color: inherit;
text-decoration: none;
}
/* line 84, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .date-readspeaker .field a:hover,
.brand-check .content-before-article .date-readspeaker .field a:hover {
color: #ff6200;
}
/* line 87, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .date-readspeaker .field a:hover .icon,
.brand-check .content-before-article .date-readspeaker .field a:hover .icon {
color: #ff6200;
}
/* line 93, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .date-readspeaker .field i,
.brand-check .content-before-article .date-readspeaker .field i {
margin-right: 3px;
color: #a8a8a8;
bottom: -2px;
}
/* line 101, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .social-sharing,
.brand-check .content-before-article .social-sharing {
padding-bottom: 25px;
padding-top: 25px;
}
@media (min-width: 1000px) {
/* line 101, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .social-sharing,
.brand-check .content-before-article .social-sharing {
position: absolute;
top: 0;
right: 0;
width: 50px;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 20px;
border-bottom: none;
}
/* line 116, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .social-sharing h2,
.brand-check .content-before-article .social-sharing h2 {
margin-top: 12px;
margin-bottom: 0;
font-size: 18px;
line-height: 23px;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
}
/* line 123, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .social-sharing h2 span,
.brand-check .content-before-article .social-sharing h2 span {
display: none;
}
/* line 128, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .social-sharing .sharethis .share-link,
.brand-check .content-before-article .social-sharing .sharethis .share-link {
margin: 9px 9px 0 9px;
border-radius: 0;
}
}
/* line 135, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .social-sharing .sharethis,
.brand-check .content-before-article .social-sharing .sharethis {
margin-top: 0;
}
/* line 140, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget,
.brand-check .content-before-article .widget {
margin: 30px 0;
display: table;
width: 100%;
}
@media (min-width: 760px) {
/* line 140, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget,
.brand-check .content-before-article .widget {
margin: 60px 0;
}
}
/* line 149, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget.invertclr,
.brand-check .content-before-article .widget.invertclr {
background-color: #ff6200;
}
/* line 153, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget.invertclr .arrow-list .icon-arrow-right,
.brand-check .content-article .widget.invertclr .arrow-list a,
.brand-check .content-before-article .widget.invertclr .arrow-list .icon-arrow-right,
.brand-check .content-before-article .widget.invertclr .arrow-list a {
color: white;
}
/* line 160, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget.quote, .brand-check .content-article .widget.image-quote,
.brand-check .content-before-article .widget.quote,
.brand-check .content-before-article .widget.image-quote {
background-color: transparent;
padding: 0;
}
@media (min-width: 760px) {
/* line 160, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget.quote, .brand-check .content-article .widget.image-quote,
.brand-check .content-before-article .widget.quote,
.brand-check .content-before-article .widget.image-quote {
margin: 60px 60px 60px 0;
}
}
@media (min-width: 1000px) {
/* line 160, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget.quote, .brand-check .content-article .widget.image-quote,
.brand-check .content-before-article .widget.quote,
.brand-check .content-before-article .widget.image-quote {
margin-left: 80px;
}
}
/* line 172, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget.quote p a, .brand-check .content-article .widget.image-quote p a,
.brand-check .content-before-article .widget.quote p a,
.brand-check .content-before-article .widget.image-quote p a {
margin-left: 16px;
text-decoration: none;
}
/* line 176, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget.quote p a:before, .brand-check .content-article .widget.image-quote p a:before,
.brand-check .content-before-article .widget.quote p a:before,
.brand-check .content-before-article .widget.image-quote p a:before {
content: none;
}
/* line 180, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget.quote a.twitter-link, .brand-check .content-article .widget.image-quote a.twitter-link,
.brand-check .content-before-article .widget.quote a.twitter-link,
.brand-check .content-before-article .widget.image-quote a.twitter-link {
color: #00ACEE;
}
/* line 183, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget.quote a.twitter-link i, .brand-check .content-article .widget.image-quote a.twitter-link i,
.brand-check .content-before-article .widget.quote a.twitter-link i,
.brand-check .content-before-article .widget.image-quote a.twitter-link i {
background-color: #00ACEE;
}
/* line 189, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget.image-quote,
.brand-check .content-before-article .widget.image-quote {
display: inline-block;
}
@media (min-width: 760px) {
/* line 189, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget.image-quote,
.brand-check .content-before-article .widget.image-quote {
width: 100%;
}
}
/* line 196, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget.image-quote figure,
.brand-check .content-before-article .widget.image-quote figure {
margin-top: 0;
margin-bottom: 0;
}
/* line 200, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget.image-quote figure.figure-center,
.brand-check .content-before-article .widget.image-quote figure.figure-center {
margin: 0 auto;
}
/* line 205, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget.image-quote blockquote,
.brand-check .content-before-article .widget.image-quote blockquote {
padding-top: 15px;
}
@media (min-width: 760px) {
/* line 208, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget.image-quote blockquote p,
.brand-check .content-before-article .widget.image-quote blockquote p {
font-size: 20px;
line-height: 28px;
}
}
@media (min-width: 1000px) {
/* line 208, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget.image-quote blockquote p,
.brand-check .content-before-article .widget.image-quote blockquote p {
font-size: 24px;
line-height: 32px;
}
}
/* line 221, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget blockquote,
.brand-check .content-before-article .widget blockquote {
font-family: "INGMeWeb-Bold", Arial, sans-serif;
font-size: 20px;
line-height: 28px;
margin-bottom: 5px;
}
/* line 227, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget blockquote p,
.brand-check .content-before-article .widget blockquote p {
color: #ff6200;
margin: 0;
}
@media (min-width: 760px) {
/* line 227, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget blockquote p,
.brand-check .content-before-article .widget blockquote p {
font-size: 24px;
line-height: 32px;
}
}
@media (min-width: 1000px) {
/* line 227, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget blockquote p,
.brand-check .content-before-article .widget blockquote p {
font-size: 32px;
line-height: 40px;
}
}
/* line 242, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget p,
.brand-check .content-before-article .widget p {
margin-bottom: 0;
margin-top: 0;
}
@media (min-width: 1000px) {
/* line 242, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget p,
.brand-check .content-before-article .widget p {
font-size: 16px;
line-height: 24px;
}
}
/* line 251, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget p a,
.brand-check .content-before-article .widget p a {
color: inherit;
color: #1f1f1f;
}
/* line 256, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget p a:hover .icon-twitter,
.brand-check .content-before-article .widget p a:hover .icon-twitter {
background-color: #00ACEE;
}
/* line 261, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget p a .icon-twitter,
.brand-check .content-before-article .widget p a .icon-twitter {
background-color: #767676;
color: #fff;
padding: 5px;
font-size: 12px;
width: 25px;
height: 25px;
line-height: 16px;
margin-right: 5px;
display: inline-block;
border-radius: 4px;
text-decoration: none;
transition: 0.3s background-color;
}
/* line 275, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget p a.twitter-link,
.brand-check .content-before-article .widget p a.twitter-link {
color: #00ACEE;
text-decoration: none;
}
/* line 279, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget p a.twitter-link:before,
.brand-check .content-before-article .widget p a.twitter-link:before {
display: none;
}
/* line 283, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget p a.twitter-link i,
.brand-check .content-before-article .widget p a.twitter-link i {
background-color: #00ACEE;
}
@media (min-width: 760px) {
/* line 290, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget figure,
.brand-check .content-before-article .widget figure {
max-width: calc(50% + 60px);
}
}
@media (min-width: 1000px) {
/* line 290, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget figure,
.brand-check .content-before-article .widget figure {
max-width: calc(50% + 80px);
}
}
/* line 299, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget .light-text,
.brand-check .content-before-article .widget .light-text {
color: #ff6200;
}
/* line 303, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget .secondary-title,
.brand-check .content-before-article .widget .secondary-title {
margin-top: 0;
margin-bottom: 15px;
font-size: 20px;
line-height: 26px;
}
/* line 311, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article > h1,
.brand-check .content-before-article > h1 {
margin-bottom: 16px;
margin-top: 0;
}
/* line 316, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article h1,
.brand-check .content-before-article h1 {
font-size: 24px;
line-height: 32px;
color: #ff6200;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
}
@media (min-width: 1000px) {
/* line 316, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article h1,
.brand-check .content-before-article h1 {
font-size: 32px;
line-height: 40px;
}
}
/* line 328, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article h2,
.brand-check .content-before-article h2 {
font-size: 20px;
line-height: 28px;
color: #ff6200;
margin-bottom: 10px;
}
@media (min-width: 1000px) {
/* line 328, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article h2,
.brand-check .content-before-article h2 {
font-size: 32px;
line-height: 40px;
}
}
/* line 339, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article h3, .brand-check .content-article h4,
.brand-check .content-before-article h3,
.brand-check .content-before-article h4 {
font-size: 14px;
line-height: 20px;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
margin-bottom: 5px;
}
@media (min-width: 1000px) {
/* line 339, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article h3, .brand-check .content-article h4,
.brand-check .content-before-article h3,
.brand-check .content-before-article h4 {
font-size: 16px;
line-height: 24px;
}
}
/* line 351, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article p,
.brand-check .content-before-article p {
margin: 0 0 25px 0;
}
@media (min-width: 1000px) {
/* line 351, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article p,
.brand-check .content-before-article p {
font-size: 16px;
line-height: 24px;
}
}
/* line 359, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article p a,
.brand-check .content-before-article p a {
color: #006;
text-decoration: underline;
}
/* line 363, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article p a.button-link,
.brand-check .content-before-article p a.button-link {
text-decoration: none;
color: #fff;
}
/* line 367, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article p a.button-link:visited,
.brand-check .content-before-article p a.button-link:visited {
color: #fff;
}
/* line 371, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article p a.button-link:hover,
.brand-check .content-before-article p a.button-link:hover {
color: #ff6200;
}
/* line 376, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article p a:hover,
.brand-check .content-before-article p a:hover {
text-decoration: none;
}
/* line 379, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article p a:visited,
.brand-check .content-before-article p a:visited {
color: #ab0066;
}
/* line 382, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article p a.twitter-link,
.brand-check .content-before-article p a.twitter-link {
text-decoration: none;
color: #00ACEE;
}
/* line 386, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article p a.twitter-link:hover,
.brand-check .content-before-article p a.twitter-link:hover {
color: #22c2ff;
}
/* line 392, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article p .arrow-link,
.brand-check .content-before-article p .arrow-link {
color: #1f1f1f;
text-decoration: none;
}
/* line 396, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article p .arrow-link:hover,
.brand-check .content-before-article p .arrow-link:hover {
text-decoration: underline;
}
/* line 400, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article p .arrow-link .icon,
.brand-check .content-before-article p .arrow-link .icon {
color: #ff6200;
}
/* line 406, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article small,
.brand-check .content-before-article small {
color: #666;
}
/* line 410, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article > figure:not(.figure-right),
.brand-check .content-before-article > figure:not(.figure-right) {
margin-top: 30px;
margin-bottom: 30px;
width: 100%;
}
@media (min-width: 1000px) {
/* line 410, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article > figure:not(.figure-right),
.brand-check .content-before-article > figure:not(.figure-right) {
margin-top: 60px;
margin-bottom: 60px;
}
}
/* line 422, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article figure.figure-center, .brand-check .content-article figure.image-static, .brand-check .content-article figure.image-zoom,
.brand-check .content-before-article figure.figure-center,
.brand-check .content-before-article figure.image-static,
.brand-check .content-before-article figure.image-zoom {
margin: 30px auto;
max-width: 100%;
width: auto;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
width: -o-max-content;
width: -ms-max-content;
}
@media (min-width: 1000px) {
/* line 422, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article figure.figure-center, .brand-check .content-article figure.image-static, .brand-check .content-article figure.image-zoom,
.brand-check .content-before-article figure.figure-center,
.brand-check .content-before-article figure.image-static,
.brand-check .content-before-article figure.image-zoom {
margin-bottom: 60px;
}
}
/* line 441, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article figure.figure-full img,
.brand-check .content-before-article figure.figure-full img {
width: 100%;
}
/* line 446, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article figure img,
.brand-check .content-before-article figure img {
border-radius: 6px;
width: auto;
}
/* line 451, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article figure figcaption,
.brand-check .content-before-article figure figcaption {
padding: 5px 0 0 0;
border-bottom: none;
color: #767676;
}
/* line 456, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article figure figcaption p,
.brand-check .content-before-article figure figcaption p {
color: #767676;
margin: 0;
font-size: inherit;
line-height: 1.2;
}
/* line 466, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .swiper-slide figure,
.brand-check .content-before-article .swiper-slide figure {
margin: 0;
}
/* line 469, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .swiper-slide figure img,
.brand-check .content-before-article .swiper-slide figure img {
min-width: 100%;
width: 100%;
}
/* line 473, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .swiper-slide figure figcaption,
.brand-check .content-before-article .swiper-slide figure figcaption {
padding: 10px;
}
/* line 480, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .image-carousel figure,
.brand-check .content-before-article .image-carousel figure {
margin: 0;
}
/* line 483, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .image-carousel img,
.brand-check .content-before-article .image-carousel img {
min-width: 100%;
width: 100%;
}
/* line 487, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .image-carousel figcaption,
.brand-check .content-before-article .image-carousel figcaption {
font-size: 12px;
}
/* line 490, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .image-carousel figcaption p,
.brand-check .content-before-article .image-carousel figcaption p {
font-size: 12px;
line-height: 1.2;
}
/* line 497, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article blockquote,
.brand-check .content-before-article blockquote {
padding-top: 15px;
}
@media (min-width: 760px) {
/* line 500, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article blockquote p,
.brand-check .content-before-article blockquote p {
font-size: 20px;
line-height: 28px;
}
}
@media (min-width: 1000px) {
/* line 500, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article blockquote p,
.brand-check .content-before-article blockquote p {
font-size: 24px;
line-height: 32px;
}
}
/* line 512, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .widget-center,
.brand-check .content-before-article .widget-center {
text-align: left;
}
/* line 516, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .twitter-tweet,
.brand-check .content-before-article .twitter-tweet {
margin-left: 0;
}
/* line 520, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .light-text,
.brand-check .content-before-article .light-text {
color: #a8a8a8;
}
/* line 524, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .article-intro,
.brand-check .content-before-article .article-intro {
font-size: 16px;
line-height: 20px;
margin-top: 25px;
}
@media (min-width: 1000px) {
/* line 524, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .article-intro,
.brand-check .content-before-article .article-intro {
font-size: 20px;
line-height: 28px;
}
}
/* line 534, ../_scss/brandcheck/_content-article.scss */
.brand-check .content-article .article-intro p,
.brand-check .content-before-article .article-intro p {
margin-top: 0;
font-size: inherit;
line-height: inherit;
}
/* line 542, ../_scss/brandcheck/_content-article.scss */
.brand-check .arrow-link {
color: #1f1f1f;
text-decoration: none;
}
/* line 546, ../_scss/brandcheck/_content-article.scss */
.brand-check .arrow-link:hover {
text-decoration: underline;
}
/* line 550, ../_scss/brandcheck/_content-article.scss */
.brand-check .arrow-link .icon {
color: #ff6200;
}
@media (min-width: 1000px) {
/* line 557, ../_scss/brandcheck/_content-article.scss */
.brand-check.article .content-article,
.brand-check.article .content-before-article {
padding-left: 120px;
padding-right: 120px;
}
}
@media (min-width: 760px) {
/* line 568, ../_scss/brandcheck/_content-article.scss */
.brand-check.article .content-article .widget.quote, .brand-check.article .content-article .widget.image-quote,
.brand-check.article .content-before-article .widget.quote,
.brand-check.article .content-before-article .widget.image-quote {
margin-left: -80px;
}
}
@media (min-width: 760px) {
/* line 575, ../_scss/brandcheck/_content-article.scss */
.brand-check.article .content-article .grid-timeline,
.brand-check.article .content-before-article .grid-timeline {
margin-left: -80px;
width: calc(100% + 80px);
}
}
@media (min-width: 760px) {
/* line 582, ../_scss/brandcheck/_content-article.scss */
.brand-check.article .content-article .grid-timeline .timeline-blocks .timeline-block,
.brand-check.article .content-before-article .grid-timeline .timeline-blocks .timeline-block {
width: 350px;
}
}
/* line 5, ../_scss/brandcheck/_exclusive-article.scss */
.brand-check .exclusive-article > h1 {
margin-bottom: 25px;
margin-top: 0;
}
/* line 10, ../_scss/brandcheck/_exclusive-article.scss */
.brand-check .exclusive-article h1 {
font-size: 24px;
line-height: 32px;
color: #ff6200;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
}
@media (min-width: 1000px) {
/* line 10, ../_scss/brandcheck/_exclusive-article.scss */
.brand-check .exclusive-article h1 {
font-size: 32px;
line-height: 40px;
}
}
/* line 22, ../_scss/brandcheck/_exclusive-article.scss */
.brand-check .exclusive-article .image-pull-right.parallax {
max-width: 100% !important;
}
/* line 28, ../_scss/brandcheck/_exclusive-article.scss */
.brand-check .exclusive-article .download-link-list a {
font-size: 16px;
line-height: 24px;
}
/* line 32, ../_scss/brandcheck/_exclusive-article.scss */
.brand-check .exclusive-article .download-link-list a .icon {
font-size: 18px;
width: 15px;
height: 15px;
}
@media (min-width: 760px) {
/* line 40, ../_scss/brandcheck/_exclusive-article.scss */
.brand-check .exclusive-article .primary-block {
width: 540px;
margin-right: 40px;
}
}
/* line 5, ../_scss/brandcheck/_attention-block.scss */
.brand-check .promotional,
.brand-check .grey-content,
.brand-check .attention-block {
margin: 30px 0;
}
@media (min-width: 760px) {
/* line 5, ../_scss/brandcheck/_attention-block.scss */
.brand-check .promotional,
.brand-check .grey-content,
.brand-check .attention-block {
margin: 60px 0;
}
}
/* line 14, ../_scss/brandcheck/_attention-block.scss */
.brand-check .promotional h2,
.brand-check .promotional h3,
.brand-check .grey-content h2,
.brand-check .grey-content h3,
.brand-check .attention-block h2,
.brand-check .attention-block h3 {
color: #333;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
margin-top: 0;
}
/* line 21, ../_scss/brandcheck/_attention-block.scss */
.brand-check .promotional h2,
.brand-check .grey-content h2,
.brand-check .attention-block h2 {
font-size: 24px;
margin-bottom: 12px;
}
/* line 26, ../_scss/brandcheck/_attention-block.scss */
.brand-check .promotional h3,
.brand-check .grey-content h3,
.brand-check .attention-block h3 {
margin-bottom: 9px;
}
/* line 32, ../_scss/brandcheck/_attention-block.scss */
.brand-check .promotional {
background-color: #f0f0f0;
padding: 30px;
}
/* line 36, ../_scss/brandcheck/_attention-block.scss */
.brand-check .promotional p {
margin: 0 0 25px 0 !important;
}
/* line 42, ../_scss/brandcheck/_attention-block.scss */
.brand-check .grey-content {
position: relative;
border-radius: 6px;
z-index: 2;
padding: 15px;
margin-bottom: 20px;
background-color: #f0f0f0;
/*h2 {
color: #000;
@include respond-min($widthL) {
margin-top: 0;
}
}*/
}
@media (min-width: 1000px) {
/* line 42, ../_scss/brandcheck/_attention-block.scss */
.brand-check .grey-content {
padding-top: 50px;
padding-bottom: 50px;
margin-top: 80px;
margin-bottom: 60px;
padding-left: 0;
padding-right: 40px;
}
/* line 58, ../_scss/brandcheck/_attention-block.scss */
.brand-check .grey-content:after {
content: '';
display: block;
background-color: #f0f0f0;
height: 100%;
width: calc(100% + 80px);
position: absolute;
top: 0;
left: -80px;
z-index: -1;
border-radius: 6px;
}
}
@media (min-width: 1000px) {
/* line 79, ../_scss/brandcheck/_attention-block.scss */
.brand-check .grey-content h3 {
margin-top: 40px;
}
}
/* line 84, ../_scss/brandcheck/_attention-block.scss */
.brand-check .grey-content figure {
margin-left: 0;
margin-right: 0;
max-width: 100%;
}
/* line 7, ../_scss/brandcheck/_accordion.scss */
.tabs-quarterly-results .three-col .col h4 {
min-height: 2em;
margin-top: 0;
margin-bottom: 1.5em;
}
@media (min-width: 760px) {
/* line 20, ../_scss/brandcheck/_accordion.scss */
.tabs-quarterly-results .three-col .col h4:first-child {
min-height: 2em;
}
}
@media (max-width: 760px) {
/* line 5, ../_scss/brandcheck/_accordion.scss */
.tabs-quarterly-results .three-col .col {
margin-bottom: 2em;
}
}
/* line 30, ../_scss/brandcheck/_accordion.scss */
.tabs-quarterly-results .three-col .download-link-list {
margin-bottom: 2em;
}
/* line 33, ../_scss/brandcheck/_accordion.scss */
.tabs-quarterly-results .three-col .download-link-list .arrow-link {
padding-left: 38px;
}
/* line 36, ../_scss/brandcheck/_accordion.scss */
.tabs-quarterly-results .three-col .download-link-list .arrow-link .icon {
left: 10px;
}
/* line 3, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row {
margin: 0;
}
@media (min-width: 760px) {
/* line 3, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row {
margin: 0 -15px;
}
}
/* line 12, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-item {
margin: 0 0 15px 0;
width: 100%;
padding: 12px 15px 25px 15px;
}
@media (min-width: 760px) {
/* line 12, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-item {
margin: 0 15px 30px 15px;
padding: 20px 24px 24px 24px;
width: calc( (100%) / 3 - 30px);
}
}
/* line 23, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-item.has-image {
padding-top: 215px;
}
@media (min-width: 760px) {
/* line 23, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-item.has-image {
padding-top: 12px;
padding-left: 250px;
min-height: 300px;
}
}
@media (min-width: 1000px) {
/* line 23, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-item.has-image {
padding-top: 20px;
padding-left: 316px;
}
}
/* line 36, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-item.has-fixed-bottom-button {
padding-bottom: 40px;
}
/* line 39, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-item.has-fixed-bottom-button .bottom-button {
position: absolute;
bottom: 20px;
}
/* line 45, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-item .image-intro .image-wrapper {
border-radius: 6px;
margin: 0;
}
/* line 49, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-item .image-intro .image-wrapper img {
margin: 0;
}
/* line 56, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-item .more-article:hover .article-title {
text-decoration: underline;
}
/* line 60, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-item .more-article span {
padding: 20px 15px 15px 15px;
}
/* line 65, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-item .column {
vertical-align: top;
}
/* line 68, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-item .column:not(:last-child) {
margin-bottom: 20px;
}
@media (min-width: 760px) {
/* line 65, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-item .column {
margin: 0 10px;
display: inline-block;
width: calc(33.3333333333% - 16px);
}
/* line 77, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-item .column:first-child {
margin-left: 0;
}
/* line 81, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-item .column:last-child {
margin-right: 0;
}
/* line 85, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-item .column:not(:last-child) {
margin-bottom: 0;
}
}
/* line 90, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-item .column ul, .brand-check .card-row .card-item .column ol {
margin-top: 0;
}
/* line 93, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-item .column ul li, .brand-check .card-row .card-item .column ol li {
margin-top: 0;
}
/* line 96, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-item .column ul li:not(:last-of-type), .brand-check .card-row .card-item .column ol li:not(:last-of-type) {
margin-bottom: 15px;
margin-top: 0;
}
@media (min-width: 760px) {
/* line 104, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-item h2.title-highlight {
margin: -20px -24px 30px -24px;
}
}
/* line 112, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .full-width {
width: 100%;
}
@media (min-width: 760px) {
/* line 116, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-holder {
-ms-flex: 1;
flex: 1;
width: calc( (100%) / 3 - 30px);
}
}
@media (min-width: 760px) {
/* line 123, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-holder .card-item {
width: calc(100% - 30px);
}
}
@media (min-width: 760px) {
/* line 131, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-double {
width: calc( (100%) / 3 * 2 - 30px);
}
}
/* line 138, ../_scss/brandcheck/_cards.scss */
.brand-check .card-row .card-clean {
padding: 0;
}
/* line 5, ../_scss/brandcheck/_content-cards.scss */
.brand-check .content-cards .widget {
margin: 0;
border-radius: 6px;
position: relative;
width: 100%;
padding: 12px 15px 15px 15px;
box-sizing: border-box;
overflow: hidden;
display: block;
background-color: #fff;
box-shadow: 0 0 0 1px #D9D9D9, 0 2px 0 #D9D9D9;
}
@media (min-width: 1000px) {
/* line 5, ../_scss/brandcheck/_content-cards.scss */
.brand-check .content-cards .widget {
padding: 20px 24px 24px 24px;
margin-bottom: 30px;
}
}
/* line 22, ../_scss/brandcheck/_content-cards.scss */
.brand-check .content-cards .widget h2, .brand-check .content-cards .widget h3, .brand-check .content-cards .widget h4 {
font-family: "INGMeWeb-Bold", Arial, sans-serif;
font-size: 20px;
line-height: 28px;
color: #ff6200;
margin-bottom: 10px;
margin-top: 0;
}
/* line 31, ../_scss/brandcheck/_content-cards.scss */
.brand-check .content-cards .widget p {
font-size: 14px;
line-height: 20px;
margin-bottom: 20px;
}
@media (min-width: 1000px) {
/* line 31, ../_scss/brandcheck/_content-cards.scss */
.brand-check .content-cards .widget p {
margin-bottom: 20px;
font-size: 16px;
line-height: 24px;
}
}
/* line 43, ../_scss/brandcheck/_content-cards.scss */
.brand-check .content-cards .widget figure {
margin: 20px 0;
}
/* line 47, ../_scss/brandcheck/_content-cards.scss */
.brand-check .content-cards .widget img {
margin: 10px 0;
}
/* line 50, ../_scss/brandcheck/_content-cards.scss */
.brand-check .content-cards .widget ul, .brand-check .content-cards .widget ol {
margin-bottom: 10px;
}
/* line 53, ../_scss/brandcheck/_content-cards.scss */
.brand-check .content-cards .widget ul:last-child, .brand-check .content-cards .widget ol:last-child {
margin-bottom: 0;
}
/* line 57, ../_scss/brandcheck/_content-cards.scss */
.brand-check .content-cards .widget ul li, .brand-check .content-cards .widget ol li {
margin-top: 15px;
}
/* line 62, ../_scss/brandcheck/_content-cards.scss */
.brand-check .content-cards .widget a {
color: #1f1f1f;
margin: 15px 0 0 0;
}
/* line 66, ../_scss/brandcheck/_content-cards.scss */
.brand-check .content-cards .widget a:hover {
text-decoration: underline;
}
/* line 69, ../_scss/brandcheck/_content-cards.scss */
.brand-check .content-cards .widget a:hover i {
color: #ff6200;
}
/* line 3, ../_scss/brandcheck/_filtered-overview.scss */
.brand-check .filtered-overview .filters {
border: none;
margin: 20px 0 20px 0;
}
/* line 7, ../_scss/brandcheck/_filtered-overview.scss */
.brand-check .filtered-overview .filters.newsroom {
text-align: right;
}
@media (min-width: 1000px) {
/* line 7, ../_scss/brandcheck/_filtered-overview.scss */
.brand-check .filtered-overview .filters.newsroom {
text-align: left;
}
}
@media (min-width: 760px) {
/* line 14, ../_scss/brandcheck/_filtered-overview.scss */
.brand-check .filtered-overview .filters .filter-categories {
width: 160px;
margin-top: 10px;
}
}
@media (min-width: 760px) {
/* line 20, ../_scss/brandcheck/_filtered-overview.scss */
.brand-check .filtered-overview .filters .filter-years {
margin-top: 10px;
}
}
/* line 25, ../_scss/brandcheck/_filtered-overview.scss */
.brand-check .filtered-overview .filters .filter-search {
top: 0;
width: 100%;
float: left;
clear: both;
margin-bottom: 10px;
clear: right;
}
@media (min-width: 760px) {
/* line 25, ../_scss/brandcheck/_filtered-overview.scss */
.brand-check .filtered-overview .filters .filter-search {
width: 440px;
clear: none;
}
}
@media (min-width: 760px) {
/* line 25, ../_scss/brandcheck/_filtered-overview.scss */
.brand-check .filtered-overview .filters .filter-search {
width: 200px;
margin-right: 20px;
}
}
/* line 42, ../_scss/brandcheck/_filtered-overview.scss */
.brand-check .filtered-overview .filters .filter-search .input-text {
height: 35px;
font-size: 14px;
width: calc(100% - 30px);
}
/* line 48, ../_scss/brandcheck/_filtered-overview.scss */
.brand-check .filtered-overview .filters .filter-search .input-submit {
height: 35px;
width: 30px;
}
/* line 52, ../_scss/brandcheck/_filtered-overview.scss */
.brand-check .filtered-overview .filters .filter-search .input-submit .icon {
top: 12px;
left: 7px;
}
/* line 59, ../_scss/brandcheck/_filtered-overview.scss */
.brand-check .filtered-overview .filters .slider-switch {
margin: 0 0 10px 0;
border: 1px solid #ff6200;
border-radius: 6px;
float: left;
width: 100%;
}
@media (min-width: 760px) {
/* line 59, ../_scss/brandcheck/_filtered-overview.scss */
.brand-check .filtered-overview .filters .slider-switch {
margin-bottom: 0;
margin-right: 20px;
width: auto;
}
}
/* line 72, ../_scss/brandcheck/_filtered-overview.scss */
.brand-check .filtered-overview .filters .slider-switch .switch-item {
display: inline-block;
font-size: 15px;
padding: 5px 15px 4px;
float: left;
cursor: pointer;
color: #ff6200;
box-sizing: border-box;
text-align: center;
width: 50%;
transition: 0.3s background-color, 0.3s color;
}
@media (min-width: 760px) {
/* line 72, ../_scss/brandcheck/_filtered-overview.scss */
.brand-check .filtered-overview .filters .slider-switch .switch-item {
width: auto;
}
}
/* line 88, ../_scss/brandcheck/_filtered-overview.scss */
.brand-check .filtered-overview .filters .slider-switch .switch-item:hover, .brand-check .filtered-overview .filters .slider-switch .switch-item.active {
background-color: #ff6200;
color: #fff;
}
/* line 95, ../_scss/brandcheck/_filtered-overview.scss */
.brand-check .filtered-overview .filters .dropdown-list {
font-size: 16px;
}
/* line 98, ../_scss/brandcheck/_filtered-overview.scss */
.brand-check .filtered-overview .filters .dropdown-list.active .label a:after {
vertical-align: baseline;
}
/* line 107, ../_scss/brandcheck/_filtered-overview.scss */
.brand-check .card-row .card-item.has-image {
min-height: 200px;
}
/* line 113, ../_scss/brandcheck/_filtered-overview.scss */
.brand-check .card-row .card-item .link-wrapper > h2 {
margin-top: 10px;
}
/* line 117, ../_scss/brandcheck/_filtered-overview.scss */
.brand-check .card-row .card-item .link-wrapper > time,
.brand-check .card-row .card-item .link-wrapper > .light-text {
font-size: 14px;
}
/* line 5, ../_scss/brandcheck/_link-list.scss */
.brand-check .arrow-link-list a:hover {
text-decoration: underline;
}
/* line 12, ../_scss/brandcheck/_link-list.scss */
.brand-check .icon-link-list li {
padding-left: 20px;
}
@media (min-width: 760px) {
/* line 12, ../_scss/brandcheck/_link-list.scss */
.brand-check .icon-link-list li {
padding-left: 25px;
}
}
/* line 20, ../_scss/brandcheck/_link-list.scss */
.brand-check .icon-link-list i {
background-color: transparent;
color: #ff6200;
font-size: 14px;
}
@media (min-width: 760px) {
/* line 20, ../_scss/brandcheck/_link-list.scss */
.brand-check .icon-link-list i {
font-size: 18px;
}
}
/* line 32, ../_scss/brandcheck/_link-list.scss */
.brand-check .icon-link-list a:hover, .brand-check .icon-link-list a:focus {
color: #1f1f1f;
text-decoration: underline;
}
/* line 45, ../_scss/brandcheck/_link-list.scss */
.brand-check .download-link-list .icon {
color: #ff6200;
}
/* line 49, ../_scss/brandcheck/_link-list.scss */
.brand-check .download-link-list .download-link .icon {
background-color: transparent;
color: #ff6200;
}
/* line 54, ../_scss/brandcheck/_link-list.scss */
.brand-check .download-link-list .download-text {
max-width: 80%;
}
@media (min-width: 760px) {
/* line 5, ../_scss/brandcheck/_media-box.scss */
.brand-check .media-box figure {
height: 150px;
}
}
@media (min-width: 1000px) {
/* line 5, ../_scss/brandcheck/_media-box.scss */
.brand-check .media-box figure {
height: auto;
}
}
/* line 16, ../_scss/brandcheck/_media-box.scss */
.brand-check .media-box h3,
.brand-check .media-box .primary-title {
margin: 0;
color: #1f1f1f;
font-size: 22px;
line-height: 30px;
font-weight: 400;
font-family: "INGMeWeb-Regular", Arial, sans-serif;
}
/* line 26, ../_scss/brandcheck/_media-box.scss */
.brand-check .media-box .secondary-title {
margin-bottom: 0;
color: #1f1f1f;
font-size: 16px;
line-height: 1.5;
}
/* line 33, ../_scss/brandcheck/_media-box.scss */
.brand-check .media-box .primary-content {
margin-bottom: 25px;
}
/* line 36, ../_scss/brandcheck/_media-box.scss */
.brand-check .media-box .primary-content p {
margin: 0;
}
/* line 41, ../_scss/brandcheck/_media-box.scss */
.brand-check .media-box .secondary-content {
float: left;
}
@media (min-width: 1000px) {
/* line 41, ../_scss/brandcheck/_media-box.scss */
.brand-check .media-box .secondary-content {
float: right;
width: 280px;
}
}
/* line 49, ../_scss/brandcheck/_media-box.scss */
.brand-check .media-box .secondary-content a {
color: #1f1f1f;
text-decoration: none;
}
/* line 53, ../_scss/brandcheck/_media-box.scss */
.brand-check .media-box .secondary-content a:hover {
text-decoration: underline;
}
/* line 57, ../_scss/brandcheck/_media-box.scss */
.brand-check .media-box .secondary-content .button-link {
color: #fff;
}
/* line 60, ../_scss/brandcheck/_media-box.scss */
.brand-check .media-box .secondary-content .button-link:hover {
color: #ff6200;
text-decoration: none;
}
/* line 3, ../_scss/brandcheck/_profiles.scss */
.brand-check .infographic-thumbs,
.brand-check .profile-thumbs {
margin: 0 -10px -50px -10px;
overflow: visible;
width: calc(100% + 20px);
left: 0;
top: 0;
}
@media (min-width: 1000px) {
/* line 3, ../_scss/brandcheck/_profiles.scss */
.brand-check .infographic-thumbs,
.brand-check .profile-thumbs {
margin: 0 -10px -30px -10px;
}
}
/* line 16, ../_scss/brandcheck/_profiles.scss */
.brand-check .infographic-thumbs li,
.brand-check .profile-thumbs li {
display: inline-block;
float: none;
margin: 0 10px;
width: calc(50% - 23px);
margin-top: 0 !important;
}
@media (min-width: 760px) {
/* line 16, ../_scss/brandcheck/_profiles.scss */
.brand-check .infographic-thumbs li,
.brand-check .profile-thumbs li {
width: calc(25% - 23px);
}
}
@media (min-width: 1000px) {
/* line 16, ../_scss/brandcheck/_profiles.scss */
.brand-check .infographic-thumbs li,
.brand-check .profile-thumbs li {
margin-bottom: 15px;
}
}
/* line 32, ../_scss/brandcheck/_profiles.scss */
.brand-check .infographic-thumbs .thumb-wrapper,
.brand-check .profile-thumbs .thumb-wrapper {
height: 85px;
max-height: 85px;
width: auto;
overflow: visible;
margin: 10px 0 !important;
}
@media (min-width: 760px) {
/* line 32, ../_scss/brandcheck/_profiles.scss */
.brand-check .infographic-thumbs .thumb-wrapper,
.brand-check .profile-thumbs .thumb-wrapper {
margin: 0 !important;
}
}
@media (min-width: 1000px) {
/* line 32, ../_scss/brandcheck/_profiles.scss */
.brand-check .infographic-thumbs .thumb-wrapper,
.brand-check .profile-thumbs .thumb-wrapper {
height: 100px;
max-height: 100px;
}
}
/* line 48, ../_scss/brandcheck/_profiles.scss */
.brand-check .infographic-thumbs .thumb-wrapper img,
.brand-check .profile-thumbs .thumb-wrapper img {
margin: 0;
max-height: 100px;
}
@media (min-width: 760px) {
/* line 48, ../_scss/brandcheck/_profiles.scss */
.brand-check .infographic-thumbs .thumb-wrapper img,
.brand-check .profile-thumbs .thumb-wrapper img {
max-height: none;
}
}
/* line 5, ../_scss/brandcheck/_stock-info.scss */
.brand-check .stock-info .stock-price,
.brand-check .stock-info.card-item .stock-price {
margin-right: 15px;
}
/* line 13, ../_scss/brandcheck/_stock-info.scss */
.brand-check .card-item.card-double .stock-deviation {
float: none;
}
/* line 20, ../_scss/brandcheck/_brand-check.scss */
.brand-check {
-webkit-font-smoothing: antialiased;
}
/* line 23, ../_scss/brandcheck/_brand-check.scss */
.brand-check a {
color: #1f1f1f;
}
/* line 26, ../_scss/brandcheck/_brand-check.scss */
.brand-check a.normal:hover {
text-decoration: underline;
}
/* line 30, ../_scss/brandcheck/_brand-check.scss */
.brand-check a.twitter-link {
color: #00ACEE;
}
/* line 33, ../_scss/brandcheck/_brand-check.scss */
.brand-check a.twitter-link:hover {
color: #22c2ff;
}
/* line 39, ../_scss/brandcheck/_brand-check.scss */
.brand-check hr {
margin: 30px 0;
}
@media (min-width: 760px) {
/* line 39, ../_scss/brandcheck/_brand-check.scss */
.brand-check hr {
margin: 30px 0;
}
}
/* line 47, ../_scss/brandcheck/_brand-check.scss */
.brand-check .main-nav-list {
border-right: none;
border-bottom: none;
}
/* line 52, ../_scss/brandcheck/_brand-check.scss */
.brand-check .global-header {
margin: 10px 0;
}
/* line 56, ../_scss/brandcheck/_brand-check.scss */
.brand-check .button-link {
color: white;
}
/* line 59, ../_scss/brandcheck/_brand-check.scss */
.brand-check .button-link:hover {
background-color: #fff;
color: #333;
border-color: #ff6200;
}
/* line 66, ../_scss/brandcheck/_brand-check.scss */
.brand-check .button-link.input-submit:hover {
color: #fff;
}
/* line 71, ../_scss/brandcheck/_brand-check.scss */
.brand-check .button-link.white {
color: #ff6200;
}
/* line 74, ../_scss/brandcheck/_brand-check.scss */
.brand-check .button-link.white:hover {
color: #fff;
background-color: transparent;
}
/* line 82, ../_scss/brandcheck/_brand-check.scss */
.brand-check a.text-button:hover {
text-decoration: underline;
transition: none;
}
/* line 86, ../_scss/brandcheck/_brand-check.scss */
.brand-check a.text-button:hover .icon {
text-decoration: none;
color: #ff6200;
}
/* line 92, ../_scss/brandcheck/_brand-check.scss */
.brand-check .lower-footer a,
.brand-check .breadcrumbs a {
color: #767676;
}
/* line 97, ../_scss/brandcheck/_brand-check.scss */
.brand-check .section-row {
margin: 15px 0;
}
@media (min-width: 1000px) {
/* line 97, ../_scss/brandcheck/_brand-check.scss */
.brand-check .section-row {
margin: 30px 0;
}
}
/* line 104, ../_scss/brandcheck/_brand-check.scss */
.brand-check .section-row.double {
margin: 30px 0;
}
@media (min-width: 1000px) {
/* line 104, ../_scss/brandcheck/_brand-check.scss */
.brand-check .section-row.double {
margin: 60px 0;
}
}
/* line 111, ../_scss/brandcheck/_brand-check.scss */
.brand-check .section-row.no-margin-top {
margin-top: 0;
}
/* line 114, ../_scss/brandcheck/_brand-check.scss */
.brand-check .section-row.no-margin-top.double {
margin-top: 30px;
}
@media (min-width: 760px) {
/* line 118, ../_scss/brandcheck/_brand-check.scss */
.brand-check .section-row.indented {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 1000px) {
/* line 118, ../_scss/brandcheck/_brand-check.scss */
.brand-check .section-row.indented {
padding-left: 80px;
padding-right: 80px;
}
}
/* line 129, ../_scss/brandcheck/_brand-check.scss */
.brand-check .section-row .embed-container {
margin-bottom: 10px;
}
@media (min-width: 1000px) {
/* line 129, ../_scss/brandcheck/_brand-check.scss */
.brand-check .section-row .embed-container {
margin-bottom: 30px;
}
}
/* line 138, ../_scss/brandcheck/_brand-check.scss */
.brand-check .arrow-link {
font-size: 14px;
line-height: 20px;
}
/* line 144, ../_scss/brandcheck/_brand-check.scss */
.brand-check .arrow-link:hover .icon {
color: #ff6200;
}
/* line 148, ../_scss/brandcheck/_brand-check.scss */
.brand-check .arrow-link:hover .download-text {
text-decoration: underline;
color: #1f1f1f;
}
@media (min-width: 1000px) {
/* line 138, ../_scss/brandcheck/_brand-check.scss */
.brand-check .arrow-link {
font-size: 16px;
line-height: 24px;
}
/* line 158, ../_scss/brandcheck/_brand-check.scss */
.brand-check .arrow-link i {
top: 8px;
}
}
/* line 164, ../_scss/brandcheck/_brand-check.scss */
.brand-check .timeline-block:hover .arrow-link {
text-decoration: underline;
color: #1f1f1f;
}
/* line 168, ../_scss/brandcheck/_brand-check.scss */
.brand-check .timeline-block:hover .arrow-link i {
color: #ff6200;
}
/* line 172, ../_scss/brandcheck/_brand-check.scss */
.brand-check .timeline-block:hover .arrow-link span {
color: #1f1f1f;
}
/* line 179, ../_scss/brandcheck/_brand-check.scss */
.brand-check .article-wrapper .h1 {
font-size: 24px;
line-height: 32px;
color: #ff6200;
font-family: "INGMeWeb-Bold", Arial, sans-serif;
margin-bottom: 10px;
margin-top: 20px;
outline: none;
}
@media (min-width: 1000px) {
/* line 179, ../_scss/brandcheck/_brand-check.scss */
.brand-check .article-wrapper .h1 {
font-size: 32px;
line-height: 40px;
}
/* line 145, ../_scss/base/_base.scss */
.brand-check .article-wrapper .h1:first-child {
margin-top: 30px;
}
}
/* line 184, ../_scss/brandcheck/_brand-check.scss */
.brand-check .image-preview {
max-width: 100%;
max-height: 400px;
overflow: hidden;
position: relative;
border: 1px solid #979797;
border-radius: 4px;
display: inline-block;
margin: 0 auto;
}
@media (min-width: 1000px) {
/* line 184, ../_scss/brandcheck/_brand-check.scss */
.brand-check .image-preview {
max-height: 700px;
}
}
/* line 198, ../_scss/brandcheck/_brand-check.scss */
.brand-check .image-preview .image-preview-click {
cursor: pointer;
position: relative;
max-width: 100%;
max-height: 400px;
display: inline-block;
}
@media (min-width: 1000px) {
/* line 198, ../_scss/brandcheck/_brand-check.scss */
.brand-check .image-preview .image-preview-click {
max-height: 700px;
}
}
/* line 209, ../_scss/brandcheck/_brand-check.scss */
.brand-check .image-preview .image-preview-click img {
border-radius: 4px;
max-height: 700px;
max-width: 100%;
width: auto;
}
/* line 217, ../_scss/brandcheck/_brand-check.scss */
.brand-check .image-preview .image-preview-click.alternative:after {
background-color: #006;
}
/* line 222, ../_scss/brandcheck/_brand-check.scss */
.brand-check .image-preview .image-preview-click:after {
height: 40px;
width: 40px;
background-color: #ff6200;
color: #fff;
content: '';
position: absolute;
bottom: 0;
right: 0;
display: block;
font-family: "fab-ingcons";
font-size: 24px;
line-height: 40px;
text-align: center;
content: "\e932";
border-radius: 4px 0 4px 0;
}
@media (min-width: 1000px) {
/* line 222, ../_scss/brandcheck/_brand-check.scss */
.brand-check .image-preview .image-preview-click:after {
width: 50px;
height: 50px;
font-size: 32px;
line-height: 50px;
}
}
/* line 249, ../_scss/brandcheck/_brand-check.scss */
.brand-check .content-author {
margin: 30px 0 30px 0;
min-height: 55px;
box-sizing: border-box;
position: relative;
padding: 0 0 0 55px;
font-size: 14px;
line-height: 20px;
color: #767676;
}
@media (min-width: 760px) {
/* line 249, ../_scss/brandcheck/_brand-check.scss */
.brand-check .content-author {
padding-right: 120px;
}
}
@media (min-width: 1000px) {
/* line 249, ../_scss/brandcheck/_brand-check.scss */
.brand-check .content-author {
font-size: 20px;
line-height: 25px;
padding-left: 75px;
margin: 30px 0 30px 0;
}
}
/* line 269, ../_scss/brandcheck/_brand-check.scss */
.brand-check .content-author .author-name {
font-family: "INGMeWeb-Bold", Arial, sans-serif;
}
/* line 272, ../_scss/brandcheck/_brand-check.scss */
.brand-check .content-author a, .brand-check .content-author p a {
color: inherit;
text-decoration: none;
}
/* line 276, ../_scss/brandcheck/_brand-check.scss */
.brand-check .content-author a:hover, .brand-check .content-author p a:hover {
text-decoration: underline;
}
/* line 281, ../_scss/brandcheck/_brand-check.scss */
.brand-check .content-author img {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 40px;
border-radius: 6px;
}
@media (min-width: 1000px) {
/* line 281, ../_scss/brandcheck/_brand-check.scss */
.brand-check .content-author img {
width: 55px;
height: 55px;
}
}
/* line 295, ../_scss/brandcheck/_brand-check.scss */
.brand-check .content-author .social-media {
margin-top: 10px;
}
@media (min-width: 760px) {
/* line 295, ../_scss/brandcheck/_brand-check.scss */
.brand-check .content-author .social-media {
position: absolute;
top: 0;
right: -5px;
margin-top: 0;
}
}
@media (min-width: 1000px) {
/* line 295, ../_scss/brandcheck/_brand-check.scss */
.brand-check .content-author .social-media {
margin-bottom: 50px;
}
}
/* line 308, ../_scss/brandcheck/_brand-check.scss */
.brand-check .content-author .social-media a {
height: 18px;
padding-right: 0;
padding-left: 30px;
}
/* line 313, ../_scss/brandcheck/_brand-check.scss */
.brand-check .content-author .social-media span {
display: none;
}
/* line 318, ../_scss/brandcheck/_brand-check.scss */
.brand-check .content-author i {
background-color: #767676;
}
/* line 325, ../_scss/brandcheck/_brand-check.scss */
.brand-check .sharethis .icon {
background-color: #767676;
}
@media (min-width: 760px) {
/* line 330, ../_scss/brandcheck/_brand-check.scss */
.brand-check .primary-block {
margin-right: 20px;
}
}
@media (min-width: 1000px) {
/* line 330, ../_scss/brandcheck/_brand-check.scss */
.brand-check .primary-block {
width: 400px;
}
}