/* -------------------------------------------------- Fonts -------------------------------------------------- */ @import url("//hello.myfonts.net/count/3263b5"); @import url("//hello.myfonts.net/count/327349"); @font-face {font-family: 'HelveticaNeueLT-Bold';src: url('../fonts/3263B5_0_0.eot');src: url('../fonts/3263B5_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3263B5_0_0.woff2') format('woff2'),url('../fonts/3263B5_0_0.woff') format('woff'),url('../fonts/3263B5_0_0.ttf') format('truetype');} @font-face {font-family: 'HelveticaNeueLT-Medium';src: url('../fonts/3263B5_1_0.eot');src: url('../fonts/3263B5_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3263B5_1_0.woff2') format('woff2'),url('../fonts/3263B5_1_0.woff') format('woff'),url('../fonts/3263B5_1_0.ttf') format('truetype');} @font-face {font-family: 'HelveticaNeueLT-Light';src: url('../fonts/327349_0_0.eot');src: url('../fonts/327349_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/327349_0_0.woff2') format('woff2'),url('../fonts/327349_0_0.woff') format('woff'),url('../fonts/327349_0_0.ttf') format('truetype');} @font-face {font-family: 'Novecentosanswide-DemiBold';src: url('../fonts/3263B5_2_0.eot');src: url('../fonts/3263B5_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3263B5_2_0.woff2') format('woff2'),url('../fonts/3263B5_2_0.woff') format('woff'),url('../fonts/3263B5_2_0.ttf') format('truetype');} @font-face {font-family: 'Novecentosanswide-Normal';src: url('../fonts/3263B5_3_0.eot');src: url('../fonts/3263B5_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/3263B5_3_0.woff2') format('woff2'),url('../fonts/3263B5_3_0.woff') format('woff'),url('../fonts/3263B5_3_0.ttf') format('truetype');} /* -------------------------------------------------- Base -------------------------------------------------- */ * { box-sizing:border-box; -ms-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } body { font-family: 'HelveticaNeueLT-Light'; font-weight: normal; font-size:20px; line-height:1.125; color: #565656; letter-spacing: 0px; } body.active-left-menu { overflow-x: hidden; } /* -------------------------------------------------- Helpers -------------------------------------------------- */ .measurement { display: none; width: 100%; height: 0px; max-width: 10000px; } /*INPUT PLACEHOLDER*/ /* WebKit browsers */ ::-webkit-input-placeholder { color: #569fbb; } /* Mozilla Firefox 4 to 18 */ :-moz-placeholder { color: #569fbb; opacity: 1;} /* Mozilla Firefox 19+ */ ::-moz-placeholder { color: #569fbb; opacity: 1; } /* Internet Explorer 10+ */ :-ms-input-placeholder { color: #569fbb; } ::-webkit-search-cancel-button { -webkit-appearance: none; } header h1, .main-wrapper h1 { font-family: 'Novecentosanswide-DemiBold'; font-weight: normal; font-size:36px; line-height: 40px; color: #569fbb; text-transform: uppercase; margin: 0 0 10px 0; } .main-wrapper h2, header h2 { font-family: 'Novecentosanswide-DemiBold'; font-weight: normal; font-size:24px; line-height: 30px; color: #23495c; /*letter-spacing: -2px;*/ letter-spacing: normal; text-transform: uppercase; margin: 0 0 10px 0; } .main-wrapper h2 a, header h2 a { color: #569fbb; text-decoration: none; /*letter-spacing: -2px;*/ letter-spacing: normal; margin: 0 0 10px 0; } .main-wrapper h3, header h3 { font-family: 'Novecentosanswide-DemiBold'; font-weight: normal; font-size:18px; line-height: 24px; color: #23495c; margin: 0 0 10px 0; text-transform: uppercase; } .main-wrapper h4, header h4 { color: #569fbb; font-family: 'HelveticaNeueLT-Medium'; font-weight: normal; font-size:16px; line-height: 20px; margin: 0 0 10px 0; } .main-wrapper h5, header h5 { color: #569fbb; font-family: 'HelveticaNeueLT-Light'; font-weight: normal; font-size:14px; line-height: 22px; margin: 0 0 10px 0; } .main-wrapper h6, header h6 { color: #569fbb; font-family: 'HelveticaNeueLT-Light'; font-weight: normal; font-size:12px; line-height: 14px; margin: 0 0 10px 0; } .main-wrapper p { font-size: 16px; line-height: 22px; margin: 0px 0 10px 0; } .main-wrapper time { font-size: 14px; line-height: 22px; margin: 0px 0 10px 0; } .main-wrapper a { text-decoration: none; color: #565656; } .main-wrapper a:hover {} .main-wrapper img { max-width:100%; height: auto; border: 0; outline: none; } .main-wrapper ol, .main-wrapper ul { margin: 0; padding: 0; } .main-wrapper ol li, .main-wrapper ul li { list-style: none; } .hidden { display: none !important; } .animated { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .non-animated { transition: none; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } *:focus { outline: none; } .main-wrapper textarea:focus, input:focus{ outline: none; border: 0; } input#q::-webkit-input-placeholder { color: #fff; text-align: right; } input#q:-moz-placeholder { color: #fff; opacity: 1; text-align: right;} input#q::-moz-placeholder { color: #fff; opacity: 1; text-align: right; } input#q:-ms-input-placeholder { color: #fff; text-align: right; } /* -------------------------------------------------- Layouts -------------------------------------------------- */ .parbase.section { margin-bottom: 40px; } .row { height:auto; width:100%; margin-bottom:10px; } .parsys > .parsys_column { max-width: 1680px; margin: 0 auto; margin-bottom: 20px; } /* TODO, FOR TEST*/ /*.parsys > .parsys_column > .parsys_column { background-color: red; }*/ .parsys > .parsys_column:before, .parsys > .parsys_column:after { content:''; display:table; clear:both; } .column { float:left; margin-left:2%; } .column:first-child, .column.first { margin-left:0; } .column_1 {} .column_1 .column_1-c0 { float:left; margin-left:0; width:100%; } .column_2 {} .column_2 .column_2-c0, .column_2 .column_2-c1 { float:left; margin-left:2%; width:49%; } .column_2 .column_2-c0 { margin-left:0; } .column_2_15_85 {} .column_2_15_85 .column_2_15_85-c0 { float:left; margin-left:0; width:13%; } .column_2_15_85 .column_2_15_85-c1 { float:left; margin-left:2%; width:85%; } .column_2_70_30 {} .column_2_70_30 .column_2_70_30-c0 { float: left; margin-left: 0; width: 68%; } .column_2_70_30 .column_2_70_30-c1 { float: left; margin-left: 2%; width: 30%; } .column_2_30_70 {} .column_2_30_70 .column_2_30_70-c0 { float: left; margin-left: 0; width: 28%; } .column_2_30_70 .column_2_30_70-c1 { float: left; margin-left: 2%; width: 70%; } @media(max-width: 640px) { .column_2_30_70 .column_2_30_70-c0 { width: 100%; } .column_2_30_70 .column_2_30_70-c1 { width: 100%; } } .column_3 {} .column_3 .column_3-c0, .column_3 .column_3-c1, .column_3 .column_3-c2 { float:left; margin-left:2%; width:32%; } .column_3 .column_3-c0 { margin-left:0; } .column_4 {} .column_4 .column_4-c0, .column_4 .column_4-c1, .column_4 .column_4-c2, .column_4 .column_4-c3 { float:left; margin-left:2%; width:23.5%; } .column_4 .column_4-c0 { margin-left:0; } hr { height: 0; outline: none; margin: 0 !important; border: 0 !important; border-bottom: 6px solid #f2f2f3 !important; } /* -------------------------------------------------- Header -------------------------------------------------- */ header { background-color: #fff; height:160px; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); padding: 0; position: relative; z-index: 100; } header > a.logo { display: block; position: absolute; left: 40px; top: 40px; } header > a.logo img { width: auto; height: 80px; border: 0; outline: none; max-width: none; } header > .searchfield { width: 80px; height: 20px; padding-right: 30px; position: absolute; right: 40px; top: 40px; background: url('../images/icon-search.svg') right center no-repeat; background-size: 18px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } header > .searchfield.searchbox-open { width: 200px; } header > .searchfield.searchbox-open:after { display: none; } header > .searchfield .search-field-outer {} header > .searchfield .search-field-outer .searchfield {} header > .searchfield .search-field-outer .searchfield .search-field-wrapper {} header > .searchfield .search-field-outer .searchfield .search-field-wrapper input[type="text"] { width: 100%; height: 20px; background: none; background-color: transparent; border: 0; outline: none; position: relative; z-index: 2; font-family: "HelveticaNeueLT-Bold"; font-weight: normal; font-size: 14px; color: #27282a; padding: 0; } header > .searchfield .search-field-outer .searchfield .search-field-wrapper input[type="text"]:focus { border: 0; outline: none; } header > .searchfield .search-field-outer .searchfield .search-field-wrapper input[type="text"]::-webkit-search-cancel-button { /*-webkit-appearance: none;*/ } header > .searchfield .search-field-outer .searchfield .search-field-wrapper input[type="submit"] { position: absolute; top: 0; right: 0; width: 30px; height: 23px; opacity: 0; border: 0; outline: none; } /* -------------------------------------------------- MEGA MENU -------------------------------------------------- */ header .topnavmultimenu { height: 100%; } header .primary-menu { position: absolute; right: 40px; bottom: 20px; } header .primary-menu li { list-style: none; display: inline-block; margin-right: 40px; padding-bottom: 8px; } header .primary-menu li:last-child { margin-right: 0; } header .primary-menu li a { font-family: 'HelveticaNeueLT-Medium'; font-weight: normal; display: block; font-size: 14px; line-height: 22px; color: #569fbb; text-decoration: none; text-align: center; position: relative; padding-bottom:8px; } header .primary-menu li a:hover { text-decoration:none; } header .primary-menu li a:after { background:#569fbb; content:''; display:block; height:2px; width:100%; opacity:0; position:absolute; left:0; bottom:5px; transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; } header .primary-menu li.active a:after, header .primary-menu li.hover a:after, header .primary-menu li a:hover:after { bottom:0; opacity:1; } header .topnavmultimenuitem { font-weight: normal; background: #0081a6; border-top: 40px solid #fff; clear:both; display:none; position:absolute; left:0; top:120px; width:100%; z-index:3; text-align: left; } header .topnavmultimenuitem .close-megamenu { width: 61px; height: 18px; font-size: 0; position: absolute; top: 10px; right: 10px; background: url('../images/icon-close-btn.svg') center center no-repeat; background-size: 100%; cursor: pointer; display: none; } header .topnavmultimenuitem .multi-menu-detail-content { height: auto; min-height:500px; margin:0 auto; max-width:1680px; padding:60px; overflow:hidden; } header .topnavmultimenuitem .introduction-wrapper { float:left; padding-right:40px; width:33.33%; } header .topnavmultimenuitem .introduction-wrapper h2 { color:#fff; font-size:18px; line-height: 25px; text-transform:uppercase; letter-spacing: 0; margin-bottom: 0; } header .topnavmultimenuitem .pageteaser h2 { letter-spacing: 0; } header .topnavmultimenuitem .introduction-wrapper .introduction-text p, header .topnavmultimenuitem .teaser-content p, header .topnavmultimenuitem .teaser .content-wrapper h3 { color:#fff; font-size:14px; line-height:22px; margin:0 0 20px 0; font-weight: normal; } header .topnavmultimenuitem .introduction-wrapper .introduction-text a, header .topnavmultimenuitem .link-wrapper a { background:none; border:1px solid #fff; border-radius:10px; color:#fff; display:inline-block; font-family: 'HelveticaNeueLT-Medium'; font-weight: normal; font-size:12px; line-height:14px; padding:10px 30px; position:relative; text-decoration:none; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; } header .topnavmultimenuitem .introduction-wrapper .introduction-text a:hover, header .topnavmultimenuitem .link-wrapper a:hover { background:#fff; color:#569fbb; } header .topnavmultimenuitem .subnav-wrapper { float:left; position:relative; width:33.33%; z-index:1; } header .topnavmultimenuitem .subnav-wrapper ul { list-style:none; margin:0; padding:0; } header .topnavmultimenuitem .subnav-wrapper ul ul { background-color: #0081a6; position:absolute; left:100%; top:0; height:580px; width:100%; z-index:1; padding: 0 0 0 50px; } header .topnavmultimenuitem .subnav-wrapper li { width: 100%; background:none; padding-left:0; overflow: visible; border-bottom:1px solid #3fa1c0; } header .topnavmultimenuitem .subnav-wrapper li:first-child { border-top:1px solid #3fa1c0; } header .topnavmultimenuitem .subnav-wrapper li a { background:#0987ae; color:#fff; display:block; font-size:14px; line-height:18px; padding:9px 40px 9px 10px; position:relative; width:100%; text-decoration:none; transition: background-color 0.3s ease; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; } header .topnavmultimenuitem .subnav-wrapper li:hover > a { background-color: #3fa1c0; } header .topnavmultimenuitem .subnav-wrapper li.topnavmultimenu-has-thirdlevel > a:after { background:url("../images/icon-arrow-right-white.svg") center center no-repeat; background-size:11px 18px; content:''; display:block; width:11px; height:18px; position:absolute; right:10px; top:9px; transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; } header .topnavmultimenuitem .subnav-wrapper li.topnavmultimenu-has-thirdlevel:hover > a:after { right:6px; } header .topnavmultimenuitem .content-wrapper { position:relative; } header .topnavmultimenuitem .content-wrapper img { width: 100%; } header .topnavmultimenuitem .content-wrapper .parbase.teaser h2 { font-size: 18px; line-height: 25px; text-transform: uppercase; margin-bottom: 0; } header .topnavmultimenuitem .content-wrapper .parbase.teaser h2 a { color: #fff; } header .topnavmultimenuitem .pageteaser, header .topnavmultimenuitem .teaser:after { display: block; content: ''; clear: both; } header .topnavmultimenuitem .image-wrapper { height: auto !important; margin-bottom: 10px; } header .topnavmultimenuitem .plainimageleft .image-wrapper:after, header .topnavmultimenuitem .plainimageright .image-wrapper:after { display: block; content: ''; padding-bottom: 44%; } header .topnavmultimenuitem .teaser { padding-left:50px; position:absolute; right:1px; top:0; width:33.33%; float: right; } header .topnavmultimenuitem .pageteaser .teaser-content { padding-top: 0; } /* -------------------------------------------------- Left menu panel -------------------------------------------------- */ .menu.mobilemenu { display: none; width: 100%; position: relative; left: 0px; top: 0px; right: 0px; z-index:100; color: #4d4d4d; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .parbase.mobilemenu { display:block; position:absolute; left:0; top:0; width:100%; } .parbase.mobilemenu .dl-trigger { background-color: transparent; border:0; height:45px; width:45px; position:absolute; right:30px; top:90px; font-size: 0px; outline:0; padding: 0; } .parbase.mobilemenu .dl-trigger:after { content: 'Menu'; display: block; position: absolute; right: 44px; top: 0; margin: 0; padding: 0; color: #27282a; font-family: 'HelveticaNeueLT-Medium'; font-weight: normal; font-size: 15px; line-height: 50px; } .parbase.mobilemenu .dl-menuwrapper { display:block; float:none; max-width:100%; z-index:3; top:160px; } .parbase.mobilemenu .dl-menuwrapper .dl-menu { background:#fff; border-top:1px solid #fff; border-left: 0px solid #fff; border-right: 0px solid #fff; list-style:none; margin:0px; padding:0; } .parbase.mobilemenu .dl-menuwrapper .dl-menu li { background:#caddee; border-bottom:1px solid #fff; padding-left:0; position:relative; } .parbase.mobilemenu .dl-menuwrapper .dl-menu li a, .parbase.mobilemenu .dl-menuwrapper .dl-submenu li a { color:#0081a6; display:block; font-family: 'HelveticaNeueLT-Bold'; font-weight: normal; font-size:14px; line-height:22px; padding:10px 15% 10px 20px; text-decoration:none; width: 100%; } .parbase.mobilemenu .dl-menuwrapper .dl-menu li:hover, .parbase.mobilemenu .dl-menuwrapper .dl-menu li.current { background-color: #a4c7e3; } .parbase.mobilemenu .dl-menuwrapper .dl-menu li a.submenu-link { background: url('../images/icon-arrow-right.svg') no-repeat right 10px center; background-size: 7px 11px; color:#fff; line-height:40px; height:100%; width:40px; padding:0; position:absolute; right:0px; top:0px; text-indent:-9999px; transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; } .parbase.mobilemenu .dl-menuwrapper .dl-menu li:hover a.submenu-link { right: 10px; } .parbase.mobilemenu .dl-menuwrapper .dl-submenu { background:#fff; list-style:none; margin:0; padding:0; position:relative; left:0; top:0; } .parbase.mobilemenu .dl-menuwrapper .dl-submenu li { background:#caddee; padding-left:0; margin-left: 0px; z-index: 10; } .parbase.mobilemenu .dl-menuwrapper .dl-submenu li:last-child { border-bottom: 0px; } .parbase.mobilemenu .dl-menuwrapper .dl-submenu li.dl-back a { background: url('../images/icon-arrow-left.svg') no-repeat 20px center; background-size: 7px 11px; padding-left:37px; text-transform: capitalize; transition:all 0.3s; transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; } .parbase.mobilemenu .dl-menuwrapper .dl-submenu li.dl-back a:hover { } .dl-trigger span { left: 14px; top: 0px; background: #569fbb none repeat scroll 0 0; display: block; height: 2px; margin-bottom: 4px; position: relative; transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; transition-duration: 0.2s; -ms-transition-duration: 0.2s; -o-transition-duration: 0.2s; -webkit-transition-duration: 0.2s; transition-property: all; -ms-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-timing-function: ease-in-out; -ms-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; width: 20px; } .dl-trigger span:last-child { margin-bottom: 0; } .dl-trigger.dl-active span:first-child { left: 18px; top: -1px; transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .dl-trigger.dl-active span:nth-child(2) { opacity: 0; } .dl-trigger.dl-active span:last-child { left: 16px; top: 1px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } html.touch .parbase.mobilemenu .dl-menuwrapper .dl-menu li:hover a.submenu-link { right: 0; } /* -------------------------------------------------- Main wrapper definitions -------------------------------------------------- */ .main-wrapper { font-size: 20px; position: relative; left: 0px; width: 100%; margin: 0 auto; min-height: 600px; } /*.main-wrapper > .par.parsys { padding: 0 60px; }*/ .main-wrapper select option { font-size: 18px; padding: 5px 15px; text-decoration: none; } .main-wrapper select::-ms-expand { display: none; } .main-wrapper select, .main-wrapper input, .main-wrapper textarea { background-color: #f2f2f3; color: #569fbb; padding: 30px; border: 0; margin-bottom: 10px; width: 100%; float: left; border-radius: 0px; -webkit-appearance: none; } .main-wrapper textarea { font-size: 18px; padding: 30px; resize: none; height: 176px; border-radius: 0px; -webkit-appearance: none; } .main-wrapper select { font-family: 'HelveticaNeueLT-Medium'; font-weight: normal; } .main-wrapper select option { font-family: 'HelveticaNeueLT-Light'; font-weight: normal; } .main-wrapper input[type=submit], .main-wrapper button { width: auto; font-family: 'HelveticaNeueLT-Medium'; font-weight: normal; position: relative; float: right; padding: 20px 56px 20px 30px; background: #f2f2f3 url("../images/icon-arrow-right.svg") right 30px center no-repeat; background-size: 12px 18.75px; } .main-wrapper select { font-size: 18px; padding: 30px 120px 30px 30px; display:block; height:80px; cursor: pointer; position: relative; background: #f2f2f3 url('../images/icon-arrow-down-fill-grey.svg') right center no-repeat; background-size: 80px 80px; -webkit-background-size: 80px 80px; -moz-background-size: 80px 80px; -ms-background-size: 80px 80px; } .main-wrapper select, .main-wrapper button, .main-wrapper input { appearance:none; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; } .main-wrapper .content { position: relative; max-width: 1680px; padding: 40px 60px 30px 60px; margin: 0 auto; overflow: hidden; } .main-wrapper .content a { font-weight: normal; color: #569fbb; text-decoration: none; } .main-wrapper .content a:hover { text-decoration: underline; color: #569fbb; } .main-wrapper .content h2 a { font-family: 'HelveticaNeueLT-Light'; font-weight: normal; } .main-wrapper ul { margin-left: 0; margin-bottom: 10px; } .main-wrapper ol { margin-left: 0; margin-bottom: 10px; padding-left: 20px; } .main-wrapper ol li { position: relative; font-size: 16px; line-height: 22px; vertical-align: bottom; list-style: decimal; margin-bottom: 10px; } .main-wrapper ul li, .tabs .tabs-controls-wrapper ul.tabs-controls-list li { position: relative; font-size: 16px; line-height: 22px; vertical-align: bottom; list-style: none; background-image: url('../images/list-item.svg'); background-position: left 7px; background-repeat: no-repeat; background-size: 6px; padding-left: 15px; margin-bottom: 10px; } .main-wrapper ul ul, .main-wrapper ol ol { margin-top: 0; } .main-wrapper ol li:LAST-CHILD, .main-wrapper ul li:LAST-CHILD { margin-bottom: 0; } .link-wrapper { margin-top: 12px; } .link-wrapper a { background:#569fbb; border:1px solid #fff; border-radius:10px; font-family: 'HelveticaNeueLT-Medium'; font-weight: normal; font-size: 14px; color: #fff !important; line-height: 14px; text-decoration: none !important; padding: 10px 30px; position: relative; display: inline-block; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; } .link-wrapper a:hover { background:#caddee; color: #23495c !important; } /* -------------------------------------------------- COOKIE WARNING -------------------------------------------------- */ div#cookie_warning { position: fixed; width: 100%; min-height: 70px; z-index: 10000; background: #ececec; padding: 20px; left: 0; top: 0; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); } div#cookie_warning .cookie-inner-wrapper { width: 100%; position: relative; } div#cookie_warning .cookie-content { color: #569fbb; padding-right: 310px; } div#cookie_warning .cookie-content h2 { font-family: 'Novecentosanswide-DemiBold'; font-weight: normal; font-size:24px; line-height: 30px; color: #23495c; /*letter-spacing: -2px;*/ letter-spacing: normal; text-transform: uppercase; margin: 0 0 7px 0; } div#cookie_warning .cookie-content p { margin: 0px; font-family:"HelveticaNeueLT-Light"; font-weight: normal; font-size: 14px; line-height: 20px; color: #565656; } div#cookie_warning .cookie-buttons { margin-bottom: 0px; position: absolute; right: 0; top: 0; } div#cookie_warning .cookie-buttons .close-button { position: absolute; top: 0; right: 0; height: 30px; width: 145px; border: none; outline: none; -webkit-appearance: none; opacity: 0.00; filter: alpha(opacity =0); } div#cookie_warning .cookie-content p a, div#cookie_warning .cookie-buttons:before { display: inline-block; font-family:"HelveticaNeueLT-Medium"; font-weight: normal; font-size: 12px; line-height: 30px; padding: 0 30px; border-radius: 5px; color: #fff; background-color: #569fbb; } div#cookie_warning .cookie-content p a { text-decoration: none; position: absolute; top: 0; right: 155px; } div#cookie_warning .cookie-buttons:before { content: 'Accept & Close'; position: relative; } /* -------------------------------------------------- Table -------------------------------------------------- */ .main-wrapper .parbase.table { overflow-x: auto; -webkit-overflow-scrolling: touch; } .main-wrapper table { background-color: transparent; width: 100%; max-width: 100%; margin-bottom: 10px; border-color: #e9e9e9 !important; border-top: 5px solid #569fbb !important; border-bottom: 0; } .main-wrapper caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } .main-wrapper th { text-align: left; } .main-wrapper table > tbody > tr {} .main-wrapper table > tbody > tr > th { font-family:"HelveticaNeueLT-Bold"; font-weight: normal; font-size: 16px; color: #23495c; } .main-wrapper table > tbody > tr > td { font-family:"HelveticaNeueLT-Medium"; font-weight: normal; font-size: 14px; color: #2c2a29; } .main-wrapper table > tbody > tr:NTH-CHILD(odd) > td { background-color: #dedede; } .main-wrapper table > tbody > tr:NTH-CHILD(even) > td { background-color: #e9e9e9; } .main-wrapper table > tbody > tr > th, .main-wrapper table > tbody > tr > td, .main-wrapper table > tfoot > tr > th, .main-wrapper table > tfoot > tr > td { padding: 20px 10px; line-height: 1.42857; vertical-align: top; border-left: 1px solid #fff; border-right: 1px solid #fff; } .main-wrapper table > tbody > tr > th { vertical-align: bottom; border-top: 0; font-weight: bold; } .main-wrapper table > caption + thead > tr:first-child > th, .main-wrapper table > caption + thead > tr:first-child > td, .main-wrapper table > colgroup + thead > tr:first-child > th, .main-wrapper table > colgroup + thead > tr:first-child > td, .main-wrapper table > thead:first-child > tr:first-child > th, .main-wrapper table > thead:first-child > tr:first-child > td { border-top: 0; } .main-wrapper table > tbody + tbody {} .main-wrapper table > thead > tr > td.active, .main-wrapper table > thead > tr > th.active, .main-wrapper table > thead > tr.active > td, .main-wrapper table > thead > tr.active > th, .main-wrapper table > tbody > tr > td.active, .main-wrapper table > tbody > tr > th.active, .main-wrapper table > tbody > tr.active > td, .main-wrapper table > tbody > tr.active > th, .main-wrapper table > tfoot > tr > td.active, .main-wrapper table > tfoot > tr > th.active, .main-wrapper table > tfoot > tr.active > td, .main-wrapper table > tfoot > tr.active > th {} /* -------------------------------------------------- Banner + Banner carousel -------------------------------------------------- */ .banner, .banner * { box-sizing:border-box; -ms-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .banner { height:370px; overflow: hidden; clear:both; position:relative; opacity: 0; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; } .banner.initialized { opacity: 1; } .banner.image { position: relative; background-position: center; background-size: cover; } ul.slick-slider { margin-left: 0; margin-bottom: 0; } ul.slick-slider li { left: 0; position: static; background-image: none; padding-left: 0; margin-bottom: 0; } ul.slick-initialized.slick-slider { transition: height 0.3s ease; -webkit-transition: height 0.3s ease; -moz-transition: height 0.3s ease; -o-transition: height 0.3s ease; -ms-transition: height 0.3s ease; } ul.slick-initialized.slick-slider li.slick-slide { position: relative; background-position: center; background-size: cover; } ul.slick-initialized.slick-slider, ul.slick-initialized.slick-slider li.slick-slide { height:370px; overflow: hidden; } ul.slick-initialized.slick-slider li.slick-slide img, ul.slick-initialized.slick-slider li.slick-slide video { width: 100%; height: auto; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } ul.slick-initialized.slick-slider li.slick-slide .youtube-video iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } ul.slick-initialized.slick-slider li.slick-slide .youtube-video { width: 100%; height: 0; padding-bottom: 56.25%; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } ul.slick-initialized.slick-slider li .link-wrapper-full a, .slick-slide.businesscarouselitem .link-wrapper-full a { top: 0; left: 0; } ul.slick-initialized.slick-slider li .link-wrapper-full a, .slick-slide.businesscarouselitem .link-wrapper-full a, ul.slick-initialized.slick-slider li a.popup-video.popup-desktop, ul.slick-initialized.slick-slider li a.popup-youtube.popup-desktop { display: block; width: 100%; height: 100%; z-index: 100; position: absolute; } ul.slick-initialized.slick-slider li.slick-slide.slide-image {} ul.slick-initialized.slick-slider li.slick-slide.slide-video {} ul.slick-initialized.slick-slider li.slick-slide.slide-youtube {} ul.slick-initialized.slick-slider li.slick-slide.slide-video:after {} ul.slick-initialized.slick-slider li.slick-slide.slide-video:after {} .banner .carousel-text-outer, .banner .banner-text-outer { width: 100%; max-width: 1680px; padding: 0 40px; color:#fff; position:relative; z-index:1; margin: 50px auto 0 auto; left: 0; top: 0; } .banner .carousel-text-outer.isPlaying, .banner .banner-text-outer.isPlaying { display: none; } .banner .carousel-text-outer .carousel-text, .banner .banner-text-outer .banner-text { width: 60%; max-width: 570px; font-family: 'Novecentosanswide-DemiBold'; font-weight: normal; font-size: 36px; line-height:40px; text-transform:uppercase; margin-bottom: 20px; } .banner .banner-text-outer .banner-text h1 { font-family: inherit; font-size: inherit; } .banner .carousel-text-outer .carousel-text-2, .banner .banner-text-outer .banner-text-2 { width: 50%; max-width: 570px; font-family: 'HelveticaNeueLT-Medium'; font-weight: normal; font-size: 18px; line-height:22px;} .banner .carousel-text-outer .carousel-text .carousel-text-inner, .banner .carousel-text-outer .carousel-text-2 .carousel-text-inner, .banner .banner-text-outer .banner-text .banner-text-inner, .banner .banner-text-outer .banner-text-2 .banner-text-inner { color: #fff; } .banner .carousel-text-outer .carousel-text .carousel-text-inner a, .banner .carousel-text-outer .carousel-text-2 .carousel-text-inner a, .banner .banner-text-outer .banner-text .banner-text-inner a, .banner .banner-text-outer .banner-text-2 .banner-text-inner a { color: #fff !important; text-decoration:none; } .carousel-pager-wrapper {} .carousel-pager { position:relative; } .slick-slider { margin-left: 0 !important; } .slick-dots { margin-left: 0 !important; padding:0 40px; width:auto; text-align: center; position: absolute; bottom:10px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .banner .slick-dots { bottom:50px; } .slick-dots li { background:none !important; display:inline-block; margin:0 5px !important; padding: 0 !important; } .slick-dots li button { background-color: #569fbb; height:8px; width:8px; border: 5px solid #569fbb; text-indent:-9999px; border-radius: 50%; } .slick-dots li.slick-active button { background-color: #fff; } .cycle-nav {} .slick-arrow { width: 40px; height: 40px; position: absolute; left: 0; top: 50%; margin-top: -20px; cursor: pointer; background: #569fbb url("../images/icon-arrow-left-white.svg") 12px center no-repeat; background-size: 10px 15px; z-index: 10; } .slick-arrow.cycle-prev { } .slick-arrow.cycle-next { right: 0; left: inherit; background: #569fbb url("../images/icon-arrow-right-white.svg") center no-repeat; background-size: 10px 15px; } /* -------------------------------------------------- Magnific popup -------------------------------------------------- */ body .mfp-container {} body .mfp-iframe-holder { padding: 0 20px; } body .mfp-bg {} body .mfp-content { background:#fff; border:0; border-radius:0; color:#647783; margin: 10px auto; overflow: hidden; /*height: 0; padding-bottom: 75%;*/ } body .mfp-content img { height:auto !important; width:100% !important; } body .mfp-content video { width: 100%; display: block; } body .mfp-content .video-js { overflow: hidden; } body button.mfp-close, body button.mfp-close:active { font-size: 0; background:url(../images/icon-close.svg) no-repeat; width:50px; height:50px; top:0; right:0; opacity: 1; filter: alpha(opacity=100); z-index:8041 !important; } body .mfp-content .downloadLink { font-family: 'HelveticaNeueLT-Medium'; font-weight: normal; color: #27282a; text-decoration: none; font-size: 14px; position: relative; float:right; line-height:1; margin-right:20px; padding:20px 28px 20px 0; z-index:8040; } body .mfp-content .downloadLink:hover { color: #27282a; } body .mfp-content .downloadLink:before { background:url(../images/icon-download.png) no-repeat; background-size:100%; content:''; display:block; height:23px; width:18px; position:absolute; right:0; top:15px; } body .mfp-content .gallery-dialog-actions { display:none; } body .mfp-content .display-title { color:#647783; float:left; font-size:14px; line-height:1; margin: 0; margin-left:20px; padding:20px 0; } body .mfp-content #videoComponent-videopopupteaser, body .mfp-content .youtubepopupteaser-wrapper, body .mfp-content #youtubepopupteaser-wrapper { display: block !important; } body .mfp-content #legal-dialog { display: block !important; font-size:16px; max-width:860px; padding:40px 80px 40px 40px; } body .mfp-content #legal-dialog #ok-to-download-text, body .mfp-content #legal-dialog #cancel-to-download-text { float:left; margin:20px 20px 40px 0; } body .mfp-content iframe { display: block; width: 0; height: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .custom-prev span { width: 50px; height: 50px; margin-top: -50px; background: url('../images/icon-arrow-left-fill-blue.svg') no-repeat top left; left:0; } .custom-next span { width: 50px; height: 50px; margin-top: -50px; background: url('../images/icon-arrow-right-fill-blue.svg') no-repeat top left; right:0; } body .mfp-iframe-holder .mfp-content { max-width: 1600px; width: auto; max-width: 100%; cursor: auto; } body .mfp-iframe-scaler { width: 0; height: 0; padding: 0; margin: 0; min-width:50px; min-height:50px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } body .mfp-iframe-holder .mfp-close { width: 50px; top: 0; right: 0; } /* -------------------------------------------------- Video player -------------------------------------------------- */ .video-js { min-width:320px !important; min-height:180px !important; max-width: 100%; max-height: 100%; } .video-js.vjs-fullscreen { z-index:8042; } .vjs-default-skin .vjs-poster { background-size:cover !important; } .vjs-default-skin .vjs-big-play-button { background:url('../images/icon-button-play.svg') no-repeat !important; border:0 !important; border-radius:0 !important; height:100px !important; width:100px !important; position:absolute !important; left:50% !important; margin-left:-50px !important; top:50% !important; margin-top:-50px !important; } .vjs-default-skin .vjs-big-play-button:before { display:none !important; } .vjs-default-skin .vjs-control-bar { background:#0e78be !important; height:0px !important; position: initial; } .vjs-default-skin .vjs-progress-control { height:20px !important; top: auto; bottom: 0; padding: 0 20px; background:#569fbb !important; } .vjs-default-skin .vjs-progress-holder { background:#569fbb !important; } .vjs-default-skin .vjs-load-progress { background:#569fbb !important; height: 4px !important; top: 8px !important; } .vjs-default-skin .vjs-play-progress { background:#fff !important; height: 4px !important; top: 8px !important; } .vjs-play-progress:after { content: ''; display: block; width: 12px; height: 12px; background: #fff; position: absolute; right: -4px; top: -4px; border-radius: 10px; } .vjs-default-skin .vjs-play-control { background-repeat:no-repeat !important; background-size: 100%; height:100px !important; width:100px !important; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; } .vjs-default-skin .vjs-play-control.vjs-playing { background-image:url('../images/icon-button-pause.svg') !important; height:100px !important; width:100px !important; } .vjs-default-skin .vjs-play-control.vjs-paused { background-image:url('../images/icon-button-play.svg') !important; height:100px !important; width:100px !important; } .vjs-default-skin .vjs-play-control:before, .vjs-default-skin .vjs-seek-handle, .vjs-default-skin .vjs-time-divider, .vjs-default-skin .vjs-mute-control, .vjs-default-skin .vjs-volume-control, .vjs-default-skin .vjs-volume-bar, .vjs-default-skin .vjs-volume-level, .vjs-default-skin .vjs-volume-handle, .vjs-default-skin .vjs-fullscreen-control, .vjs-default-skin .vjs-time-controls { display: none; } /* Video cover */ .video-cover { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background-position: center center; background-repeat: no-repeat; background-size: auto 150%; z-index: 1; cursor: pointer; } /*.youtube-video { width: 100%; padding-bottom: 0px; }*/ .video-cover .play-button, .video-cover .pause-button { width: 64px; height: 64px; position: absolute; top: 50%; left: 50%; margin-left: -32px; margin-top: -32px; cursor: pointer; background: url('../images/icon-button-play.svg') center center no-repeat; background-size: 100%; display: none; } .video-cover .pause-button { background: url('../images/icon-button-pause.svg') center center no-repeat; background-size: 100%; } .video-cover .pause-button, .section-one .video-cover .play-button { display: none; } /* -------------------------------------------------- Latest event teaser + Latest news teaser + RNS teaser -------------------------------------------------- */ .latesteventsteaser .teaser-inner .image-wrapper, .latestnewseventsteaser .teaser-inner .image-wrapper, .latestdocumentandpresentationteaser .teaser-inner .image-wrapper, .rnsteaser .teaser-inner .image-wrapper { display:none; } .latesteventsteaser .teaser-inner .news-text-wrap, .latestnewseventsteaser .teaser-inner .news-text-wrap, .latestdocumentandpresentationteaser .teaser-inner .news-text-wrap, .rnsteaser article { margin-bottom: 1px; padding:17px 10px 15px 96px; background-color: #caddee; position: relative; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; } .latesteventsteaser .teaser-inner .news-text-wrap:hover, .latestnewseventsteaser .teaser-inner .news-text-wrap:hover, .latestdocumentandpresentationteaser .teaser-inner .news-text-wrap:hover { background-color: #a4c7e3; } .latesteventsteaser .teaser-inner .news-text-wrap:before, .latestnewseventsteaser .teaser-inner .news-text-wrap:before, .latestdocumentandpresentationteaser .teaser-inner .news-text-wrap:before, .rnsteaser article:before { background: #569fbb url(../images/icon-newspaper.svg) center 20px no-repeat; background-size: 25px 20px; content:''; display:block; height:100%; width:75px; position:absolute; left:0; top:0; } .latesteventsteaser .teaser-inner .news-text-wrap a, .latestnewseventsteaser .teaser-inner .news-text-wrap a { text-decoration:none; } .latesteventsteaser .teaser-inner .news-text-wrap .news-date, .latestnewseventsteaser .teaser-inner .news-text-wrap .news-date, .rnsteaser time, .latestdocumentandpresentationteaser .teaser-inner .news-text-wrap time { color:#23495c; display:block; font-family: 'HelveticaNeueLT-Bold'; font-weight: normal; font-size:16px; line-height:20px; } .latesteventsteaser .teaser-inner .news-text-wrap .news-title, .latestnewseventsteaser .teaser-inner .news-text-wrap .news-title, .latesteventsteaser .teaser-inner .news-text-wrap a .news-title, .latestnewseventsteaser .teaser-inner .news-text-wrap a .news-title, .latestdocumentandpresentationteaser .teaser-inner .news-text-wrap a, .rnsteaser h3, .rnsteaser h3 a { font-family: 'HelveticaNeueLT-Light'; font-weight: normal; color:#2c2a29; display:block; font-size:14px; } .rnsteaser h3 { margin: 0; } .rnsteaser time { margin: 0; font-size: 18px !important; } .latestdocumentandpresentationteaser .teaser-inner .news-text-wrap time { margin-bottom: 0; } .latestdocumentandpresentationteaser .teaser-inner .news-text-wrap:before { background: #569fbb url(../images/icon-page.svg) center 20px no-repeat; background-size: 25px 34px; } .latestdocumentandpresentationteaser .teaser-inner .news-text-wrap.pdf-icon:before, .latestdocumentandpresentationteaser .teaser-inner .news-text-wrap.powerpoint-icon:before, .latestdocumentandpresentationteaser .teaser-inner .news-text-wrap.word-icon:before, .latestdocumentandpresentationteaser .teaser-inner .news-text-wrap.excel-icon:before { background: #569fbb url(../images/icon-download.svg) center left no-repeat; } .latestdocumentandpresentationteaser .teaser-inner .link-wrapper { margin-top:20px; } /* -------------------------------------------------- addthis -------------------------------------------------- */ .tools-box { position: absolute; top: 15px; right: 40px; } .tools-box ul { list-style: none; margin: 0; } .tools-box ul li { padding: 0; background-image: none; } .tools-box .tools-title { display: inline-block; vertical-align: middle; margin-right: 15px; color: #569fbb; font-size: 18px; } .tools-box .addthis_inline_share_toolbox { display: inline-block; vertical-align: middle; } .tools-box .at-style-responsive .at-share-btn{ padding: 0; } .tools-box .at-resp-share-element .at-share-btn { margin: 0; } /* -- important is used to overide addthis styles -- */ .tools-box .at-resp-share-element .at-share-btn .at-icon-wrapper svg { display: none !important; } .tools-box .at-resp-share-element .at-share-btn:focus, .tools-box .at-resp-share-element .at-share-btn:hover { transform: translateY(0); } .tools-box .at-resp-share-element .at-share-btn { transition: none; display: inline-block; } /* -- specific icons -- */ .tools-box .at-resp-share-element .at-share-btn.at-svc-twitter .at-icon-wrapper { height: 16px !important; width: 20px !important; background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20837.64%20680.31%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2397a9b3%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset%201%3C/title%3E%3Cg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%3E%3Cg%20id%3D%22Layer_1-2%22%20data-name%3D%22Layer%201%22%3E%3Cg%20id%3D%22twitter%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M837.64%2C80.79c-29.76%2C12.76-63.78%2C21.26-97.8%2C25.51C773.86%2C85%2C803.62%2C51%2C816.38%2C12.76c-34%2C21.26-68%2C34-110.55%2C42.52C676.06%2C21.26%2C629.29%2C0%2C582.52%2C0%2C489%2C0%2C412.44%2C76.54%2C412.44%2C170.08c0%2C12.76%2C0%2C25.51%2C4.25%2C38.27C272.13%2C204.09%2C144.57%2C136.06%2C59.53%2C34c-12.76%2C25.51-21.26%2C55.28-21.26%2C85%2C0%2C59.53%2C29.76%2C110.55%2C76.54%2C144.57-29.76-4.25-55.28-8.5-76.54-21.26v4.25A173.77%2C173.77%2C0%2C0%2C0%2C174.33%2C416.69c-12.76%2C4.25-29.76%2C4.25-46.77%2C4.25-12.76%2C0-21.26%2C0-34-4.25%2C21.26%2C68%2C85%2C119.06%2C161.57%2C119.06C195.59%2C582.52%2C123.31%2C608%2C42.52%2C608%2C29.76%2C608%2C17%2C608%2C0%2C603.78c76.54%2C46.77%2C165.83%2C76.54%2C263.62%2C76.54%2C314.65%2C0%2C489-259.37%2C489-489V170.08C786.61%2C148.82%2C816.38%2C114.8%2C837.64%2C80.79Z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E); background-size: 20px 16px; background-repeat: no-repeat; } .tools-box .at-resp-share-element .at-share-btn.at-svc-twitter:hover .at-icon-wrapper { background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20837.64%20680.31%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23569fbb%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset%201%3C/title%3E%3Cg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%3E%3Cg%20id%3D%22Layer_1-2%22%20data-name%3D%22Layer%201%22%3E%3Cg%20id%3D%22twitter%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M837.64%2C80.79c-29.76%2C12.76-63.78%2C21.26-97.8%2C25.51C773.86%2C85%2C803.62%2C51%2C816.38%2C12.76c-34%2C21.26-68%2C34-110.55%2C42.52C676.06%2C21.26%2C629.29%2C0%2C582.52%2C0%2C489%2C0%2C412.44%2C76.54%2C412.44%2C170.08c0%2C12.76%2C0%2C25.51%2C4.25%2C38.27C272.13%2C204.09%2C144.57%2C136.06%2C59.53%2C34c-12.76%2C25.51-21.26%2C55.28-21.26%2C85%2C0%2C59.53%2C29.76%2C110.55%2C76.54%2C144.57-29.76-4.25-55.28-8.5-76.54-21.26v4.25A173.77%2C173.77%2C0%2C0%2C0%2C174.33%2C416.69c-12.76%2C4.25-29.76%2C4.25-46.77%2C4.25-12.76%2C0-21.26%2C0-34-4.25%2C21.26%2C68%2C85%2C119.06%2C161.57%2C119.06C195.59%2C582.52%2C123.31%2C608%2C42.52%2C608%2C29.76%2C608%2C17%2C608%2C0%2C603.78c76.54%2C46.77%2C165.83%2C76.54%2C263.62%2C76.54%2C314.65%2C0%2C489-259.37%2C489-489V170.08C786.61%2C148.82%2C816.38%2C114.8%2C837.64%2C80.79Z%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E); } .tools-box .at-resp-share-element .at-share-btn.at-svc-linkedin .at-icon-wrapper { margin-left: 16px; height: 16px !important; width: 17px !important; background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20710.08%20680.31%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2397a9b3%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset%201%3C/title%3E%3Cg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%3E%3Cg%20id%3D%22Layer_1-2%22%20data-name%3D%22Layer%201%22%3E%3Cg%20id%3D%22linkedin%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M535.75%2C212.6c-80.79%2C0-119.06%2C42.52-136.06%2C76.54h0v-68H246.61V680.31H399.68V425.2c0-12.76%2C0-25.51%2C4.25-38.27%2C12.76-25.51%2C34-55.28%2C76.54-55.28%2C55.28%2C0%2C76.54%2C42.52%2C76.54%2C102V680.31H710.08V416.69C710.08%2C276.38%2C637.8%2C212.6%2C535.75%2C212.6Z%22/%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M85%2C0C34%2C0%2C0%2C34%2C0%2C80.79c0%2C42.52%2C34%2C80.79%2C85%2C80.79h0c55.28%2C0%2C85-34%2C85-80.79S140.31%2C0%2C85%2C0Z%22/%3E%3Crect%20class%3D%22cls-1%22%20x%3D%228.5%22%20y%3D%22221.1%22%20width%3D%22153.07%22%20height%3D%22459.21%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E); background-position: 0 0; background-size: 16px 17px; background-repeat: no-repeat; } .tools-box .at-resp-share-element .at-share-btn.at-svc-linkedin:hover .at-icon-wrapper { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20710.08%20680.31%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23569fbb%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset%201%3C/title%3E%3Cg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%3E%3Cg%20id%3D%22Layer_1-2%22%20data-name%3D%22Layer%201%22%3E%3Cg%20id%3D%22linkedin%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M535.75%2C212.6c-80.79%2C0-119.06%2C42.52-136.06%2C76.54h0v-68H246.61V680.31H399.68V425.2c0-12.76%2C0-25.51%2C4.25-38.27%2C12.76-25.51%2C34-55.28%2C76.54-55.28%2C55.28%2C0%2C76.54%2C42.52%2C76.54%2C102V680.31H710.08V416.69C710.08%2C276.38%2C637.8%2C212.6%2C535.75%2C212.6Z%22/%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M85%2C0C34%2C0%2C0%2C34%2C0%2C80.79c0%2C42.52%2C34%2C80.79%2C85%2C80.79h0c55.28%2C0%2C85-34%2C85-80.79S140.31%2C0%2C85%2C0Z%22/%3E%3Crect%20class%3D%22cls-1%22%20x%3D%228.5%22%20y%3D%22221.1%22%20width%3D%22153.07%22%20height%3D%22459.21%22/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E); } .tools-box .at-resp-share-element .at-share-btn.at-svc-facebook .at-icon-wrapper { margin-left: 16px; height: 15px !important; width: 15px !important; background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20680.31%20680.31%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2396a9b3%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EWhite%3C/title%3E%3Cg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%3E%3Cg%20id%3D%22White%22%3E%3Cpath%20id%3D%22White-2%22%20data-name%3D%22White%22%20class%3D%22cls-1%22%20d%3D%22M642.77%2C0H37.55A37.54%2C37.54%2C0%2C0%2C0%2C0%2C37.55V642.77a37.55%2C37.55%2C0%2C0%2C0%2C37.55%2C37.55H363.38V416.86H274.72V314.19h88.66V238.47c0-87.87%2C53.67-135.72%2C132.06-135.72%2C37.55%2C0%2C69.82%2C2.8%2C79.22%2C4v91.83l-54.37%2C0c-42.63%2C0-50.89%2C20.26-50.89%2C50v65.55H571.08L557.84%2C416.86H469.4V680.31H642.77a37.55%2C37.55%2C0%2C0%2C0%2C37.55-37.55V37.55A37.55%2C37.55%2C0%2C0%2C0%2C642.77%2C0Z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E); background-position: 0 0; background-size: 15px 15px; background-repeat: no-repeat; } .tools-box .at-resp-share-element .at-share-btn.at-svc-facebook:hover .at-icon-wrapper { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20680.31%20680.31%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23569fbb%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EWhite%3C/title%3E%3Cg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%3E%3Cg%20id%3D%22White%22%3E%3Cpath%20id%3D%22White-2%22%20data-name%3D%22White%22%20class%3D%22cls-1%22%20d%3D%22M642.77%2C0H37.55A37.54%2C37.54%2C0%2C0%2C0%2C0%2C37.55V642.77a37.55%2C37.55%2C0%2C0%2C0%2C37.55%2C37.55H363.38V416.86H274.72V314.19h88.66V238.47c0-87.87%2C53.67-135.72%2C132.06-135.72%2C37.55%2C0%2C69.82%2C2.8%2C79.22%2C4v91.83l-54.37%2C0c-42.63%2C0-50.89%2C20.26-50.89%2C50v65.55H571.08L557.84%2C416.86H469.4V680.31H642.77a37.55%2C37.55%2C0%2C0%2C0%2C37.55-37.55V37.55A37.55%2C37.55%2C0%2C0%2C0%2C642.77%2C0Z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E); } .tools-box .at-resp-share-element .at-share-btn.at-svc-google_plusone_share .at-icon-wrapper { margin-left: 16px; height: 15px !important; width: 23px !important; background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201070.99%20680.31%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%2397a9b3%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset%201%3C/title%3E%3Cg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%3E%3Cg%20id%3D%22Layer_1-2%22%20data-name%3D%22Layer%201%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M340.16%2C272.8V407.52s130.69-.17%2C183.9-.17c-28.81%2C87.33-73.62%2C134.89-183.9%2C134.89-111.6%2C0-198.71-90.47-198.71-202.07s87.1-202.07%2C198.71-202.07c59%2C0%2C97.11%2C20.74%2C132.07%2C49.65%2C28-28%2C25.64-32%2C96.83-99.19A338.91%2C338.91%2C0%2C0%2C0%2C340.16%2C0C152.29%2C0%2C0%2C152.29%2C0%2C340.16S152.29%2C680.31%2C340.16%2C680.31C621%2C680.31%2C689.6%2C435.81%2C666.84%2C272.8Zm613%2C6.74V161.66h-84.2V279.54H747.67v84.2H868.92V485h84.2V363.73H1071v-84.2Z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E); background-position: 0 0; background-size: 100% 100%; background-repeat: no-repeat; } .tools-box .at-resp-share-element .at-share-btn.at-svc-google_plusone_share:hover .at-icon-wrapper { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201070.99%20680.31%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23569fbb%3B%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EAsset%201%3C/title%3E%3Cg%20id%3D%22Layer_2%22%20data-name%3D%22Layer%202%22%3E%3Cg%20id%3D%22Layer_1-2%22%20data-name%3D%22Layer%201%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M340.16%2C272.8V407.52s130.69-.17%2C183.9-.17c-28.81%2C87.33-73.62%2C134.89-183.9%2C134.89-111.6%2C0-198.71-90.47-198.71-202.07s87.1-202.07%2C198.71-202.07c59%2C0%2C97.11%2C20.74%2C132.07%2C49.65%2C28-28%2C25.64-32%2C96.83-99.19A338.91%2C338.91%2C0%2C0%2C0%2C340.16%2C0C152.29%2C0%2C0%2C152.29%2C0%2C340.16S152.29%2C680.31%2C340.16%2C680.31C621%2C680.31%2C689.6%2C435.81%2C666.84%2C272.8Zm613%2C6.74V161.66h-84.2V279.54H747.67v84.2H868.92V485h84.2V363.73H1071v-84.2Z%22/%3E%3C/g%3E%3C/g%3E%3C/svg%3E); } /* -------------------------------------------------- Contentpage -------------------------------------------------- */ .title { } .title h1 { color: #569fbb; text-transform: none; margin: 0; padding: 0; text-transform: uppercase; margin-bottom: 20px; } .intro { margin-bottom: 40px; } .intro a { font-family: 'HelveticaNeueLT-Medium'; font-weight: normal; color: #569fbb; line-height: 23px; text-decoration: none; position: relative; display: inline-block; } .intro a:after { width:28px; height:28px; content:''; display:inline-block; position:relative; left:10px; top: 8px; background:url("../images/icon-arrow-right.svg") center center no-repeat; background-size:12px 18.75px; } /* -------------------------------------------------- News list + Results, reports & presentations + Financial Performance -------------------------------------------------- */ .tabs .tabs-controls-wrapper { margin-bottom: 40px; } .articletabpane { margin-bottom: 100px; } .articletabpane .tabs-controls-list, .documentlist .documentlisttabs, .tabs .tabs-controls-wrapper ul.tabs-controls-list { background:#fff !important; list-style:none; margin: 10px 0 0 0; padding:0; overflow:hidden; } .tabs .tabs-controls-wrapper ul.tabs-controls-list { margin-top: 0; } .resultsandreportslinks .documentlist-tab-years { margin: 0 0 7px 0; } .resultsandreportslinks .documentlist-tab-years ul { margin-left: 0; margin-bottom: 0; } .mixedmediagallery .centre-controls .types, .tabs .tabs-controls-wrapper ul.tabs-controls-list li, .articletabpane .tabs-controls-list li, .documentlist .documentlisttabs li, .eventlisttabs li { background:none; border-right:10px solid #fff; border-bottom:10px solid #fff; float:left !important; margin:0 !important; padding:0 !important; list-style: none; } .resultsandreportslinks .documentlist-tab-years li { list-style: none; display: inline-block; margin-right: 10px; background-image: none; padding-left: 0; } .mixedmediagallery .gallery-pagination li a, .articletabpane .pager-links li a, .mixedmediagallery .centre-controls .types a, .tabs .tabs-controls-wrapper ul.tabs-controls-list li a.tab, .articletabpane .tabs-controls-list li a, .documentlist .documentlisttabs li a, .articletabpane .pager-links li a, .pager .pager-links li a, .eventlisttabs li a, .searchresult .pager a { min-width: 120px; text-align: center; background:#fff !important; border:1px solid #569fbb; border-radius:10px; color:#569fbb !important; display:inline-block; font-family: 'HelveticaNeueLT-Medium'; font-weight: normal; font-size:12px; line-height:14px; padding:7px 30px; position:relative; text-decoration:none; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; } .articletabpane .pager-links li a { min-width: 0; } .resultsandreportslinks .documentlist-tab-years li a { text-decoration: none !important;} .resultsandreportslinks .documentlist-tab-years li.active a { text-decoration: underline !important; } .resultsandreportslinks .documentlist-tab-years li a:hover {} .mixedmediagallery .gallery-pagination li a:hover, .mixedmediagallery .gallery-pagination li.active a, .articletabpane .pager-links li a:hover, .articletabpane .pager-links li.active a, .mixedmediagallery .centre-controls .types a:hover, .mixedmediagallery .centre-controls .types a.selected, .tabs .tabs-controls-wrapper ul.tabs-controls-list li.active a.tab, .tabs .tabs-controls-wrapper ul.tabs-controls-list li a.tab:hover, .articletabpane .tabs-controls-list li a:hover, .documentlist .documentlisttabs li a:hover, .articletabpane .pager-links li a:hover, .pager .pager-links li a:hover, .articletabpane .pager-links li a.active, .pager .pager-links li a.active, .articletabpane .tabs-controls-list li.current a, .resultsandreportslinks .documentlisttabs li a:hover, .resultsandreportslinks .documentlisttabs li.active a, .documentlist .documentlisttabs li.current a, .eventlisttabs li a:hover, .eventlisttabs li.active a, .searchresult .pager a.active, .searchresult .pager a:hover { background:#569fbb !important; border:1px solid #569fbb; color:#fff !important; text-decoration:none; } .articletabpane .article-list, .documentlist .documentlist-item ul { list-style:none; margin: 40px 0 0 0; } .articletabpane .article-list:after { content: ''; display: table; clear: both; } .articletabpane .article-list li { max-width: 480px; border-bottom: 5px solid #569fbb; padding: 0 30px 25px 30px; position:relative; list-style: none; background-image: none; float:left; margin-left:2%; margin-bottom: 2%; width:23.5%; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3); } .articletabpane .article-list li:FIRST-CHILD {} .articletabpane .article-list li:NTH-CHILD(4n+1) { clear: left; margin-left: 0; } .articletabpane .article-list li .news-thumbnail { margin-left: -30px; margin-right: -30px; overflow: hidden; } .articletabpane .article-list li img { width: 100%; height: auto; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); } .articletabpane .article-list li:hover img { transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); } .documentlist .documentlist-item ul li { padding: 20px 0 10px 0; position:relative; list-style: none; } .articletabpane .article-list li:last-child, .documentlist .documentlist-item ul li:last-child { margin-bottom:0; } .articletabpane .article-list li .article-list-item-date { margin-top: 20px; margin-bottom: 5px; } .articletabpane .article-list li .article-list-item-date a { text-decoration:none; } .articletabpane .article-list li .article-list-item-date a time { font-family: 'HelveticaNeueLT-Bold'; font-weight: normal; font-size: 14px; color: #23495c; } .articletabpane .article-list li .article-list-item-title { font-family: 'HelveticaNeueLT-Bold'; font-weight: normal; font-size: 18px; color: #23495c; text-transform: uppercase; } .articletabpane .article-list li .article-list-item-title a { font-family: inherit; font-size: inherit; color: inherit; text-decoration: none; } .articletabpane .article-list li .article-list-item-title a:hover { text-decoration: none; } .articletabpane .article-list li .article-list-item-description {} .articletabpane .article-list li .article-list-item-description a { font-family: inherit; font-size: inherit; color: inherit; text-decoration: none; } .articletabpane .article-list li .article-list-item-description a:hover { text-decoration: none; } .mixedmediagallery .gallery-pagination { list-style:none; overflow:hidden; margin: 0 0 80px 0; } .articletabpane .pager-links, .pager .pager-links { list-style:none; overflow:hidden; margin: 80px 0 0 0; } .mixedmediagallery .gallery-pagination li, .articletabpane .pager-links li, .pager .pager-links li { background:none; float:left; margin: 0; padding:0; list-style: none; border-right:10px solid #fff; border-top:10px solid #fff; } .mixedmediagallery .gallery-pagination li a, .articletabpane .pager-links li a, .pager .pager-links li a { padding: 13px 20px; } .mixedmediagallery .gallery-pagination li a.previous, .mixedmediagallery .gallery-pagination li a.next, .articletabpane .pager-links li a.previous, .pager .pager-links li a.previous, .articletabpane .pager-links li a.next, .pager .pager-links li a.next { padding:13px 40px; } .mixedmediagallery .gallery-pagination li a:hover, .articletabpane .pager-links li a:hover, .pager .pager-links li a:hover {text-decoration:none; } .articletabpane .pager-links li a.active, .pager .pager-links li a.active {} /* -------------------------------------------------- Results and reports -------------------------------------------------- */ .resultsandreportslinks { margin-bottom:20px; } .resultsandreportslinks .documentlist-row { border-bottom: 6px solid #f2f2f3; padding: 20px 0 10px 0; position:relative; } .resultsandreportslinks .documentlist-item { } .resultsandreportslinks .documentlist-item.date { font-family: 'HelveticaNeueLT-Medium'; font-weight: normal; color:#569fbb; display:block; font-size:18px; line-height:1; } .resultsandreportslinks .documentlist-item.title { color:#443f62; display:block; font-size:18px; margin-bottom: 0; } .resultsandreportslinks .documentlist-item.links { } .resultsandreportslinks .documentlist-item.links ul { list-style:none; overflow:hidden; margin:0; padding:0; } .resultsandreportslinks .documentlist-item.links ul li { float:left; font-family:DinMedium; margin-right:40px; background-image: none; padding-left: 0; } .resultsandreportslinks .documentlist-item.links ul li a { background:none; color:#569fbb; display:inline-block; position:relative; text-decoration:none; padding:26px 0 22px 60px; } .resultsandreportslinks .documentlist-item.links ul li a:before { content:''; display:block; height:100%; width:75px; position:absolute; left:0; top:10px; } .resultsandreportslinks .documentlist-item.links ul li a.pdf-icon { padding-left: 49px; } .resultsandreportslinks .documentlist-item.links ul li a.pdf-icon:before { width:29px; background: url(../images/icon-page.svg) left center no-repeat; background-size: 29px 39px; } .resultsandreportslinks .documentlist-item.links ul li a.webcast-icon { padding-left: 66px; } .resultsandreportslinks .documentlist-item.links ul li a.webcast-icon:before { width:46px; background: url(../images/icon-webcast.svg) left center no-repeat; background-size: 46px 35px; } .resultsandreportslinks .documentlist-item.links ul li a.powerpoint-icon { padding-left: 57px; } .resultsandreportslinks .documentlist-item.links ul li a.powerpoint-icon:before { width:37px; background: url(../images/icon-powerpoint.svg) left center no-repeat; background-size: 37px 35px; } .resultsandreportslinks .documentlist-item.links ul li a.word-icon { padding-left: 55px; } .resultsandreportslinks .documentlist-item.links ul li a.word-icon:before { width:35px; background: url(../images/icon-word.svg) left center no-repeat; background-size: 35px 34px; } .resultsandreportslinks .documentlist-item.links ul li a.excel-icon { padding-left: 55px; } .resultsandreportslinks .documentlist-item.links ul li a.excel-icon:before { width:35px; background: url(../images/icon-excel.svg) left center no-repeat; background-size: 35px 34px; } .resultsandreportslinks .documentlist-item.links ul li a.video-icon { padding-left: 66px; } .resultsandreportslinks .documentlist-item.links ul li a.video-icon:before { width:46px; background: url(../images/icon-webcast.svg) left center no-repeat; background-size: 46px 35px; } .resultsandreportslinks .documentlist-item.links ul li a.page-icon { padding-left: 49px; } .resultsandreportslinks .documentlist-item.links ul li a.page-icon:before { width:29px; background: url(../images/icon-page.svg) left center no-repeat; background-size: 29px 39px; } .resultsandreportslinks .documentlist-item.links ul li a.external-icon { padding-left: 63px; } .resultsandreportslinks .documentlist-item.links ul li a.external-icon:before { width:43px; background: url(../images/icon-new-page.svg) left center no-repeat; background-size: 43px 35px; } /* -------------------------------------------------- Sitemap -------------------------------------------------- */ .sitemap-wrapper { overflow:hidden; } .sitemap-wrapper ul.sitemap-list { display:inline-block; float:left; list-style:none; margin: 0px; padding-top:20px; padding-left:0; width:50%; text-align:left; } .sitemap-wrapper ul.sitemap-list:nth-child(2n+1) { clear: both; } .sitemap-wrapper ul.sitemap-list ul { list-style:none; margin-bottom:0; padding-left:0; margin-left: 20px; } .sitemap-wrapper ul.sitemap-list li { background:none; list-style: none; padding-left: 0; } .sitemap-wrapper ul.sitemap-list li a { display:inline-block; font-size: 16px; line-height: 25px; font-family: 'HelveticaNeueLT-Light'; font-weight: normal; } .sitemap-wrapper ul.sitemap-list li ul { margin-left: 30px; } .sitemap-wrapper ul.sitemap-list li ul li a { font-size: 14px; } .sitemap-wrapper ul.sitemap-list li.top-level { font-size:32px; text-transform:uppercase; } .sitemap-wrapper ul.sitemap-list li.top-level a { font-family: 'HelveticaNeueLT-Medium'; font-weight: normal; } .sitemap-wrapper ul.sitemap-list li.top-level a:after { display: none; } .sitemap-wrapper ul.sitemap-list:before { content: ''; display: block; position: relative; clear: both; margin-bottom: 20px; border-bottom: 6px solid #f2f2f3; width: 90%; left: 0; } /* -------------------------------------------------- Search result -------------------------------------------------- */ .searchresult .summary {} .searchresult .pager { margin-bottom: 5px; } .searchresult .pager:after { content: ''; display: block; clear: both; } .searchresult .pager a { /*padding: 13px 20px; display: inline; float: left; border-right: 10px solid #fff; border-top: 10px solid #fff;*/ min-width: 0px; padding: 13px 17px; margin-bottom: 5px; } .searchresult .pager a.active {} .searchresult .pager a.previous, .searchresult .pager a.next { padding: 13px 40px; } .searchresult .pager .pager-links { margin-top: 20px; } .searchresult .results-no-tags { max-width: 100%; } .searchresult ul.search-list {} .searchresult ul.search-list li { list-style: none; border-bottom: 6px solid #f2f2f3; padding: 20px 0 10px 0; margin: 0; background-image: none; } .searchresult ul.search-list li a {} .searchresult ul.search-list li .results-title {} .searchresult ul.search-list li .results-excerpt {} /* releated content */ .related-content { background: #f7f7f8; } .related-content-inner { height: 100%; padding: 40px; margin: 0 auto; max-width: 1680px; position: relative; overflow: hidden; } .relatedcontentheading h2 { font-size: 24px; line-height: 30px; margin-bottom: 20px; } /* -------------------------------------------------- Component definitions -------------------------------------------------- */ /*---- IMAGE ----*/ .parbase.image {} .parbase.image img { margin-bottom: 20px; display: block; } .parbase.image img.cq-dd-image { margin-bottom: 0; } /*---- TEXT ----*/ .parbase.text.section { max-width: 1200px; } .parbase.text.section p:last-child { margin-bottom: 0; } .main-wrapper .parbase.text.section ul li, .main-wrapper .parbase.text.section ol li, .main-wrapper .parbase.text.section ul ul, .main-wrapper .parbase.text.section ol ol { margin-top: 0; margin-bottom: 0; } /*---- Youtube embedded video ----*/ .section.youtubevideo { margin-bottom: 20px; } .section.youtubevideo .youtube-video { position: relative; } .section.youtubevideo .youtube-video:after { content: ''; display: table; padding-bottom: 56.25%; } .section.youtubevideo .youtube-video .ytplayer-js { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } /*.section.youtubevideo .youtube-video .ytplayer-js iframe { position: absolute; left: 0; top: 0; }*/ .section.youtubevideo .youtube-video .ytplayer-js iframe { width: 100%; height: 100%; } /*---- GENERAL TEASER ----*/ .teaser { position:relative; } .teaser .teaser-inner { } .teaser .image-wrapper { margin-bottom: 20px; overflow: hidden; } .teaser .image-wrapper:after { display: block; content: ''; padding-bottom: 44%; } .teaser .image-wrapper a, .teaser .image-wrapper img { display: block; } /* .teaser .image-wrapper img { transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); } .teaser:hover .image-wrapper img { transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); } */ .teaser .teaser-inner .content-wrapper { } .teaser .teaser-inner .content-wrapper .content-wrapper-inner { } .teaser .teaser-inner .content-wrapper .content-wrapper-inner h2 { font-family: 'Novecentosanswide-DemiBold'; font-weight: normal; font-size: 18px; line-height: 30px; color: #23495c; text-decoration: none; text-transform: uppercase; margin-bottom: 2px; } .teaser .teaser-inner .content-wrapper .content-wrapper-inner h2 a { color:inherit; font:inherit; text-decoration: none !important; } .teaser .teaser-inner .content-wrapper .content-wrapper-inner h3 { margin: 0 0 2px 0; } .teaser .teaser-inner.plain .content-wrapper .content-wrapper-inner h3 { margin: 0 0 20px 0; font-size: 14px; line-height: 22px; text-transform: none; font-family: 'HelveticaNeueLT-Light'; font-weight: normal; } .teaser .teaser-inner .content-wrapper .content-wrapper-inner .image-wrapper { overflow: hidden; } .teaser .teaser-inner .content-wrapper .content-wrapper-inner .image-wrapper a { } .teaser .teaser-inner .content-wrapper .content-wrapper-inner .image-wrapper img { width: 100%; height: auto; } .teaser:hover .teaser-inner .content-wrapper .content-wrapper-inner .image-wrapper img {} .teaser .teaser-inner .content-wrapper .content-wrapper-inner .teaser-content { } .teaser .teaser-inner .content-wrapper .content-wrapper-inner .teaser-content p { margin: 0; } .teaser .teaser-inner .content-wrapper .content-wrapper-inner .teaser-content a { } .teaser .teaser-inner .content-wrapper .content-wrapper-inner .link-wrapper { } .teaser .teaser-inner .content-wrapper .content-wrapper-inner .link-wrapper a { } .teaser .teaser-inner.plainimageleft {} .teaser .teaser-inner.plainimageleft:after { content: ''; display: table; clear: both; } .teaser .teaser-inner.plainimageleft .image-overlay-link { } .teaser .teaser-inner.plainimageleft .image-overlay-link .image-wrapper {} .teaser .teaser-inner.plainimageleft .image-overlay-link .image-wrapper:after {} .teaser .teaser-inner.plainimageleft .image-overlay-link .image-wrapper .image-overlay {} .teaser .teaser-inner.plainimageleft .content-wrapper {} .teaser .teaser-inner.plainimageleft .content-wrapper .content-wrapper-inner h2 {} .teaser .teaser-inner.plainimageleft .content-wrapper .content-wrapper-inner h3 {} .teaser .teaser-inner.plainimageleft .content-wrapper .content-wrapper-inner .link-wrapper {} .teaser .teaser-inner.plainimageleft .content-wrapper .content-wrapper-inner .link-wrapper a { } /*---- PAGE TEASER ----*/ .teaser.pageteaser .content-wrapper .image-wrapper a { display: block; height: 100%; width: 100%; } /*---- EXTERNAL TEASER ----*/ .teaser.externalteaser .teaser-inner .content-wrapper .content-wrapper-inner .link-wrapper {} /*---- UPCOMING EVENTS TEASER ----*/ .teaser.latesteventsteaser .teaser-inner .content-wrapper .content-wrapper-inner h2 {} .teaser.latesteventsteaser .news-teaser-container {} .teaser.latesteventsteaser .news-teaser-container article {} .teaser.latesteventsteaser .news-teaser-container article .news-date {} .teaser.latesteventsteaser .news-teaser-container article .news-title {} .teaser.latesteventsteaser .teaser-inner .content-wrapper .content-wrapper-inner .link-wrapper {} .teaser.latesteventsteaser .teaser-inner .content-wrapper .content-wrapper-inner .link-wrapper a {} .teaser.latesteventsteaser .teaser-inner .content-wrapper .content-wrapper-inner .link-wrapper a:hover {} .teaser.latesteventsteaser .news-teaser-container .js-latesteventsteaser-message { font-family: 'HelveticaNeueLT-Light'; font-weight: normal; color:#2c2a29; display:block; font-size:14px; } /*---- PLAIN TEASER ----*/ .teaser .plain { } .teaser .teaser-inner.plain .content-wrapper .content-wrapper-inner {} .teaser .teaser-inner.plain.with-image-wrapper .content-wrapper .content-wrapper-inner:before {} .teaser .teaser-inner.plain .content-wrapper .content-wrapper-inner .image-wrapper {} .teaser .content-wrapper .content-wrapper-inner h2 {} .teaser .content-wrapper .content-wrapper-inner .link-wrapper a {} /*---- DOUBLE HEIGHT TEASER ----*/ .teaser .doubleheight { } .teaser .doubleheight .image-wrapper {} .teaser .doubleheight .image-wrapper:hover {} /*---- PLAIN WITH BACKGROUND IMAGE TEASER ----*/ .teaser .plain-background { } /*---- YOUTUBE POPUP TEASER ----*/ .youtubepopupteaser {} .youtubepopupteaser .image-wrapper {} .youtubepopupteaser a.popupboxLink {} .youtubepopupteaser a.popupboxLink .image-overlay {} .youtubepopupteaser a.popupboxLink .image-overlay:hover {} .youtubepopupteaser .teaser-inner .content-wrapper .content-wrapper-inner h2 {} .youtubepopupteaser .teaser-inner .content-wrapper .content-wrapper-inner h2 a {} .youtubepopupteaser .teaser-inner .content-wrapper .content-wrapper-inner h3 {} /*---- DOCUMENT TEASER ----*/ .teaser.documentteaser {} .teaser.documentteaser a.image-overlay-link {} .teaser.documentteaser .content-wrapper .image-wrapper a { display: block; height: 100%; width: 100%; } /*---- LATEST DOCUMENT AND PRESENTATION TEASER ----*/ .latestdocumentandpresentationteaser { } .latestdocumentandpresentationteaser .teaser-inner { } .latestdocumentandpresentationteaser .teaser-inner .content-wrapper { } .latestdocumentandpresentationteaser .teaser-inner .content-wrapper .content-wrapper-inner { } .latestdocumentandpresentationteaser .teaser-inner .content-wrapper .content-wrapper-inner h2 {} .latestdocumentandpresentationteaser .teaser-inner .content-wrapper .content-wrapper-inner .teaser-content { } .latestdocumentandpresentationteaser .teaser-inner .content-wrapper .content-wrapper-inner .teaser-content .news-text-wrap {} .latestdocumentandpresentationteaser .teaser-inner .content-wrapper .content-wrapper-inner .teaser-content .news-text-wrap a {} .latestdocumentandpresentationteaser .teaser-inner .content-wrapper .content-wrapper-inner .teaser-content ul { } .latestdocumentandpresentationteaser .teaser-inner .content-wrapper .content-wrapper-inner .teaser-content ul li { background: none; padding-left: 0; } .latestdocumentandpresentationteaser .teaser-inner .content-wrapper .content-wrapper-inner .teaser-content ul li a { } .latestdocumentandpresentationteaser .teaser-inner .content-wrapper .content-wrapper-inner .link-wrapper { } .latestdocumentandpresentationteaser .teaser-inner .content-wrapper .content-wrapper-inner .link-wrapper a {} .latestdocumentandpresentationteaser .teaser-inner .content-wrapper .content-wrapper-inner .link-wrapper a:after {} .latestdocumentandpresentationteaser .teaser-inner .content-wrapper .content-wrapper-inner .link-wrapper a:hover {} .latestdocumentandpresentationteaser time {} /*---- COMMON DEFINITIONS OF TEASERS ----*/ .teaser.documentteaser .content-wrapper .image-wrapper, .teaser.externalteaser .content-wrapper .image-wrapper, .teaser.videopopupteaser .content-wrapper .image-wrapper, .teaser.pageteaser .content-wrapper .image-wrapper { width: 100%; height: auto; overflow: hidden; position: relative; background-size: cover; background-position: center; } /*---- Financial Calendar ----*/ .eventlist ul.eventlisttabs li { list-style: none; background-image: none; padding-left: 0; } /*.eventlist ul.eventlisttabs li span { left: 0; }*/ .eventlist-tab-content {} .eventlist-tab-content .eventlist-row {} .eventlist-tab-content .eventlist-row:nth-child(odd) {} .eventlist-tab-content .eventlist-row .eventlist-header { background-color: #569fbb; width: 25%; height: 40px; line-height: 40px; float: left; font-size: 16px; color: #fff; padding: 0 20px; margin-bottom: 0; font-family: 'HelveticaNeueLT-Medium'; font-weight: normal; } .eventlist-tab-content .eventlist-row .row { font-size: 16px; margin-bottom: 0; color: #569fbb; display: table; width: 100%; border-bottom: 6px solid #f2f2f3; padding: 20px 0 10px 0; } .eventlist-tab-content .eventlist-row .row .eventlist-innerWrapper .eventlist-item { width: 25%; float: left; padding: 0 20px; } .eventlist-tab-content .eventlist-row .row .eventlist-innerWrapper .eventlist-item.add-calendar { } .eventlist-tab-content .eventlist-row .row .eventlist-innerWrapper .eventlist-item.date { padding-top: 20px; padding-bottom: 20px; } .eventlist-tab-content .eventlist-row .row .eventlist-innerWrapper .eventlist-item.title { padding-top: 20px; padding-bottom: 20px; } .eventlist-tab-content .eventlist-row .row .eventlist-innerWrapper .eventlist-item.add-calendar a { display: inline-block; width: 45px; height: 45px; background: url("../images/icon-calendar.svg") center center no-repeat; background-size: 29px 32px; outline: none; border: 0; top: 7px; z-index: 4 !important; } .eventlist-tab-content .eventlist-row .row .eventlist-innerWrapper .eventlist-item.add-calendar a.addthisevent-selected { z-index: 5 !important; } .eventlist-tab-content .eventlist-row .row .eventlist-innerWrapper .eventlist-item.add-calendar a:hover { text-decoration: none; } .eventlist-tab-content .eventlist-row .row .eventlist-innerWrapper .eventlist-item.alert {} .eventlist-tab-content .eventlist-row .row .eventlist-innerWrapper .eventlist-item.alert input { position: relative; border-radius: 0px; -webkit-appearance: none;} .eventlist-tab-content .eventlist-row .row .eventlist-innerWrapper .eventlist-item.alert input.event-number-days-before { padding: 0; float: none; border: 0; outline: none; display: inline-block; width: 30px !important; height: 30px; text-align: center; margin: 0 5px 0 0; vertical-align: middle; background: #f2f2f3; border: none; } .eventlist-tab-content .eventlist-row .row .eventlist-innerWrapper .eventlist-item.alert > div { display: inline-block; line-height: 60px; } .eventlist-tab-content .eventlist-row .row .eventlist-innerWrapper .eventlist-item.alert .checkbox-bg { top: 16px; float: left; } .eventlist-pastevents-wrapper h3 { font-family: 'HelveticaNeueLT-Light'; font-weight: normal; font-size: 32px; line-height: 45px; text-transform: none; color: #569fbb; } .checkbox-bg { width: 30px; height: 30px; position: relative; top: -2px; float: right; margin-right: 10px; background: #f2f2f3; border: 1px solid #569fbb; cursor: pointer; } .checkbox-bg.active { background: #569fbb !important; } .checkbox-bg:hover { background: #dedee1; } .eventlist-remindme-btn { text-align: right; } .eventlist-remindme-btn a { margin-top: 15px; display: inline-block; } .eventlist-remindme-btn a:hover {} .eventlist-remindme-form { margin-bottom: 30px; } .eventlist-remindme-form .eventlist-remindme-email { clear: left; } .eventlist-remindme-form .eventlist-remindme-email input { background-color: #f2f2f3; color: #569fbb; padding: 30px; border: 0; margin: 20px 0; width: 25%; min-width: 430px; float: left; border-radius: 0px; -webkit-appearance: none; } .eventlist-remindme-form .eventlist-remindme-db { clear: left; } .eventlist-remindme-form .eventlist-remindme-db .checkbox-bg { width: 20px; height: 20px; float: left; } .eventlist-remindme-form .eventlist-remindme-db input { display: none; } .subscription-successful-message { font-size: 14px; } .eventlist-remindme-form .eventlist-remindme-db .eventlist-remindme-db-text { font-size: 14px; line-height: 20px; overflow: hidden; } .eventlist-remindme-form .eventlist-remindme-submit { clear: left; padding-top: 15px; } .eventlist-remindme-form .eventlist-remindme-submit input { float: none; } .addthisevent_dropdown span {} /*---- Media Gallery ----*/ .mixedmediagallery .centre-controls { margin:20px 0 30px 0; overflow:hidden; } .mixedmediagallery .centre-controls .types { float:left; overflow:hidden; } .mixedmediagallery .centre-controls .types a { display: inline-block; } .mixedmediagallery .centre-controls .types a:hover, .mixedmediagallery .centre-controls .types a.selected {} .mixedmediagallery .centre-controls form { display: none; } .mixedmediagallery .centre-controls select { display: inline-block; width: auto; padding: 0 70px 0 30px !important; height: 48px !important; background-size: 48px; } .mixedmediagallery .gallery-page { overflow:hidden; } .mixedmediagallery .gallery-page .gallery-item { float:left; position:relative; margin-bottom:4%; margin-right:4%; width:22%; height: 282px; border: 1px solid #f2f2f3; text-align: center; overflow: hidden; background-color: #f2f2f3; } .mixedmediagallery .gallery-page .gallery-item:nth-child(4n) { margin-right:0; } .mixedmediagallery .gallery-page .gallery-item a { display:block; } .mixedmediagallery .gallery-page .gallery-item a.popupLink { /*display:table;*/ width: 100%; } .mixedmediagallery .gallery-page .gallery-item .item-wrap { height: 280px; width: 100%; /*display: table-cell;*/ vertical-align: middle; } .mixedmediagallery .gallery-page .gallery-item img { height:auto; width:auto; display: inline; max-height: 280px; max-width: 100%; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } .mixedmediagallery .gallery-page .gallery-item .image:after { background:url(../images/retina-media-gallery-image-icon.png) no-repeat; background-size:100%; content:''; display:block; height:50px; width:50px; position:absolute; bottom:0; right:0; z-index:1; } .mixedmediagallery .gallery-page .gallery-item .video:after { background:url(../images/retina-media-gallery-video-icon.png) no-repeat; background-size:100%; content:''; display:block; height:50px; width:50px; position:absolute; bottom:0; right:0; z-index:1; } .mixedmediagallery .gallery-page .gallery-item .gallery-detail-item {position: relative; } .mixedmediagallery .gallery-page .gallery-item .item-details { display:none; position: absolute; width: 100%; background: #ffffff; bottom: 0; padding: 0 20px; } .mixedmediagallery .gallery-page .gallery-item .item-details h3 { font-size:20px; line-height:25px; color: #569fbb; font-family: 'HelveticaNeueLT-Medium'; font-weight: normal; margin-top: 0; } .mixedmediagallery .gallery-page .gallery-item .item-details a { font-size:16px; line-height:20px; display: inline-block; float: left; clear: left; } .mixedmediagallery .gallery-page .gallery-item .item-details a.downloadLink.download { background:url("../images/icon-download.svg") right center no-repeat; background-size:12px 18.75px !important; right: 0; padding-right: 25px; } /*---- Chart ----*/ .main-wrapper .chart-wrapper { padding-bottom: 0; } /*---- Breadcrumb ----*/ .breadcrumb-wrapper { width: 100%; display:block; background-color: #569fbb; margin-bottom:0; overflow:hidden; } .breadcrumb:before { content: 'You are here:'; display: inline-block; font-family: 'HelveticaNeueLT-Bold'; font-weight: normal; font-size:14px; line-height: 22px; color:#fff; margin-right: 10px; } .breadcrumb { padding: 9px 40px; margin: 0 auto; font-family: 'HelveticaNeueLT-Light'; font-weight: normal; font-size: 15px; color: #fff; } .breadcrumb a { font-family: 'HelveticaNeueLT-Light'; font-weight: normal; font-size:14px; color:#fff; display:inline-block; text-decoration: none; line-height: 22px; } .breadcrumb a:hover { text-decoration: underline; } .breadcrumb span { font-family: 'HelveticaNeueLT-Light'; font-weight: normal; font-size:15px; color:#fff; display:inline-block; line-height: 22px; } .breadcrumb span.delimiter { background:url('../images/delimiter-icon.svg') center no-repeat; background-szie: 6px 12px; height:17px; margin:0 2px; width:9px; position:relative; top:3px; } /*---- Gridtabs ----*/ .gridtabs { margin-bottom:20px; } .gridtabs .element { width:25%; } .gridtabs .element .item { margin-bottom:0; } .gridtabs .element .link-grid-thumbnail-wrapper { border:1px solid #cecece; cursor:pointer; margin:2px; padding:0px; position:relative;} .gridtabs .element .link-grid-thumbnail-wrapper:after { background:#569fbb; border-left:1px solid #569fbb; border-right:1px solid #569fbb; content:''; display:block; height:0; width:100%; position:absolute; left:-1px; bottom:-6px; z-index:1; transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; } .gridtabs .element.active .link-grid-thumbnail-wrapper:after { height:20px;} .gridtabs .element.active .link-grid-thumbnail-label {} .gridtabs .element .link-grid-thumbnail {} .gridtabs .element .thumbnail-wrapper { overflow: hidden; } .gridtabs .element .thumbnail-wrapper img { width: 100%; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; transition: all .3s;} .gridtabs .element.active .thumbnail-wrapper img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; transform: scale(1.05); } .gridtabs .element:hover .thumbnail-wrapper img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; transform: scale(1.05); } .gridtabs .element .link-grid-thumbnail-label { width: 100%; padding: 20px; text-align:left; position: absolute; left: 0; bottom: 0; transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; z-index: 1; background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.65))); background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.65)); background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.65)); background: -o-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.65)); background: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.65)); background: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.65)); background-color: rgba(0,0,0,0); } .gridtabs .element.active .link-grid-thumbnail-label { padding-bottom: 40px; } .gridtabs .element .link-grid-thumbnail-label h3 { font-family:'HelveticaNeueLT-Bold'; font-weight: normal; font-size:18px; margin-bottom:0; text-transform:none; color: #fff; } .gridtabs .element .link-grid-thumbnail-label h4 { font-family:'HelveticaNeueLT-Medium'; font-weight: normal; font-size:16px; margin-bottom:0; text-transform:none; color: #fff; } .gridtabs .element .link-grid-thumbnail-label p { margin-bottom:0; font-size: 14px; } .gridtabs .element .link-grid-content { position:absolute; left:0; right:0; width:100%; } .gridtabs .element .link-grid-content .par { color: #fff; border:1px solid #569fbb; background-color: #569fbb; margin:2px; padding:40px; text-align:left; } .gridtabs .element .link-grid-content p { font-family:'HelveticaNeueLT-Light'; font-weight: normal; font-size: 16px; } .gridtabs .element .link-grid-content a { background: #fff; border: 1px solid #fff; border-radius: 10px; line-height: 14px; text-decoration: none; padding: 10px 30px; display: inline-block; transition: all 0.3s; } .gridtabs .element .link-grid-content a:hover { background: #caddee; color: #23495c; } /* Where a teaser has been included inside grid tab content */ .gridtabs .element .link-grid-content .teaser .link-wrapper a { color: #23495c !important; } .gridtabs .element .link-grid-content .teaser .image-wrapper a { background-color: transparent; border: none; } .gridtabs .element .link-grid-content .externalteaser h2 { display: none; } /*---- Accordion ----*/ .accordion { margin-bottom:20px; border-top: 1px solid #dedede; } .accordion .accordionitem { margin-bottom:0; position:relative; border-bottom: 1px solid #dedede; } .accordion .accordionitem:last-child { margin-bottom:0; } .accordion .accordion-header-wrapper { cursor:pointer; position:relative; } .accordion .accordion-header-wrapper h3 { font-family: 'HelveticaNeueLT-Bold'; font-weight: normal; color:#23495c; padding:20px 20px 20px 40px; margin: 0; text-transform: none; } .accordion .accordion-header-wrapper h3:hover { background-color: #f5f5f5; } .accordion .accordion-header-wrapper.active h3:hover { background-color: #fff; } .accordion .accordion-header-wrapper .accordion-header-icon { background: url('../images/icon-arrow-down.svg') center center no-repeat; background-size:11px 7px; display:block; width:11px; height:100%; position:absolute; top:0; left:15px; } .accordion .accordion-header-wrapper.active h3 {} .accordion .accordion-header-wrapper.active .accordion-header-icon { background: url('../images/icon-arrow-up.svg') center center no-repeat; background-size:11px 7px; } .accordion .accordion-content-wrapper { padding:0 100px 35px 40px; overflow:hidden; } .accordion .accordion-content-wrapper a { font-size: 16px; color: #569fbb; } .accordion .accordion-content-wrapper .download a { font-family: 'HelveticaNeueLT-Medium'; font-weight: normal; float: right; position: relative; padding-right: 30px; margin-bottom: 20px; } .accordion .accordion-content-wrapper .download a:after { width:28px; height:28px; content:''; display:inline-block; position: absolute; right:0; top: -4px; background:url("../images/icon-download.svg") center center no-repeat; background-size:25px 28px; } .accordion .accordion-content-wrapper .parbase.section { margin-bottom: 0; } /* -------------------------------------------------- Footer -------------------------------------------------- */ footer { background: #caddee; padding:60px 60px 25px 60px; position: relative; width: 100%; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } footer > .fixedtext { float: left; margin-bottom: 40px; width:14.666666%; padding: 55px 5px 0 5px; } footer > .fixedtext:first-child { width:26.66%; padding: 0; } footer > .fixedtext h3, footer > .fixedtext h3 a { font-family: 'Novecentosanswide-DemiBold'; font-weight: normal; font-size: 16px; text-transform: uppercase; color: #23495c; line-height: 20px; margin: 0; } footer > .fixedtext h3 { margin-bottom: 10px; } footer > .fixedtext p { color: #fff; padding: 0; } footer > .fixedtext ul { list-style: none; padding: 0; margin: 0; } footer > .fixedtext ul li { margin-bottom: 0; } footer > .fixedtext ul li a { font-family: 'HelveticaNeueLT-Medium'; font-weight: normal; color: #27282a; text-decoration: none; font-size: 14px; position: relative; } footer > .fixedtext ul li a:hover { color: #27282a; } footer > .fixedtext ul li a:after { background:#27282a; content:''; display:block; height:1px; width:100%; opacity:0; position:absolute; left:0; bottom:5px; transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; } footer > .fixedtext ul li a:hover:after { bottom:0; opacity:1; background: #27282a; } footer ul.site-services-links { clear: both; list-style: none; margin: 0; padding: 0; } footer ul.site-services-links:before, footer ul.site-services-links:after { clear: both; content: ""; display: table; } footer ul.site-services-links li { display: block; float: left; margin-right: 25px; } footer ul.site-services-links li a { font-family: 'HelveticaNeueLT-Medium'; font-size: 14px; color: #27282a; position: relative; text-decoration: none; } footer ul.site-services-links li a:hover { text-decoration: none; } footer ul.site-services-links li a:after { background:#27282a; content:''; display:block; height:1px; width:100%; opacity:0; position:absolute; left:0; bottom:5px; transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; } footer ul.site-services-links li a:hover:after { bottom:0; opacity:1; background: #27282a; } footer ul.social { position: absolute; bottom: 25px; right: 60px; margin: 0; padding: 0; } footer ul.social li { display: inline-block; margin: 0; padding: 0; margin-left: 25px; } footer ul.social li a {} footer ul.social li a img { border: 0; outline: none; width: auto; height: 20px; transition:all 0.3s; -ms-transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; } footer ul.social li a:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); } .footnote { padding: 10px 60px 30px 60px; font-family: 'HelveticaNeueLT-Medium'; font-weight: normal; color: #27282a; text-decoration: none; font-size: 14px; position: relative; background: #caddee; margin: 0; } /* -------------------------------------------------- CQ Admin -------------------------------------------------- */ body.cq-wcm-edit, body.cq-wcm-design { padding-top:0; } body.cq-wcm-edit .hidden, body.cq-wcm-design .hidden { display: block !important; } .homepage.cq-wcm-edit header { height:auto; min-height:160px; position:relative; } header .topnavmultimenuitem .edit-multi-menu-detail-content .introduction-wrapper .introduction-text p, header .topnavmultimenuitem .edit-multi-menu-detail-content .teaser-content p, header .topnavmultimenuitem .edit-multi-menu-detail-content .teaser .content-wrapper h3 { color: #000; } /* .homepage.cq-wcm-edit header .primary-menu, .homepage.cq-wcm-design header .primary-menu { float:none; margin:40px; right:0; top:0; } */ .homepage.cq-wcm-edit header .topnavmultimenuitem, .homepage.cq-wcm-design header .topnavmultimenuitem { background:#fff; border-top:0; display:block; position:relative; top:0; width: 100%; } .homepage.cq-wcm-edit header .topnavmultimenu .editmode, .homepage.cq-wcm-design header .topnavmultimenu .editmode { position: relative; } .homepage.cq-wcm-edit header .topnavmultimenuitem .multi-menu-detail-content, .homepage.cq-wcm-design header .topnavmultimenuitem .multi-menu-detail-content { height:auto; max-width:100%; } .homepage.cq-wcm-edit header .topnavmultimenuitem .introduction-wrapper, .homepage.cq-wcm-design header .topnavmultimenuitem .introduction-wrapper { float:none; padding-right:0; width:100%; } .homepage.cq-wcm-edit header .topnavmultimenuitem .teaser, .homepage.cq-wcm-design header .topnavmultimenuitem .teaser { padding-left:0; position:relative; right:0; top:0; float: none; } .homepage.cq-wcm-edit header .topnavmultimenuitem .edit-multi-menu-detail-content, .homepage.cq-wcm-design header .topnavmultimenuitem .edit-multi-menu-detail-content { clear:both; padding:0 40px; margin-bottom: 20px; } .homepage.cq-wcm-edit header .topnavmultimenuitem .edit-subnav-wrapper, .homepage.cq-wcm-design header .topnavmultimenuitem .edit-subnav-wrapper { display: block; } .homepage.cq-wcm-edit header .topnavmultimenuitem .edit-subnav-wrapper li, .homepage.cq-wcm-design header .topnavmultimenuitem .edit-subnav-wrapper li { background:none; padding-left:0; } .homepage.cq-wcm-edit header .topnavmultimenuitem .subnav-wrapper ul ul, .homepage.cq-wcm-design header .topnavmultimenuitem .subnav-wrapper ul ul { background:#fff; } body.cq-wcm-edit .banner .edit-mode img, body.cq-wcm-edit .banner .edit-mode video, body.cq-wcm-edit .banner .edit-mode iframe { max-width: 100% !important; } body.cq-wcm-edit .banner .edit-mode .carousel-text-outer, body.cq-wcm-design .banner .edit-mode .carousel-text-outer { width: 100%; max-width: none; color:#000; margin: 0; left: 0; top: 0; padding: 20px; } body.cq-wcm-edit .banner .edit-mode ul.slick-initialized.slick-slider li.slick-slide img, body.cq-wcm-design .banner .edit-mode ul.slick-initialized.slick-slider li.slick-slide img, body.cq-wcm-edit .banner .edit-mode ul.slick-initialized.slick-slider li.slick-slide video, body.cq-wcm-design .banner .edit-mode ul.slick-initialized.slick-slider li.slick-slide video { width: 100%; height: auto; position: relative; top: 0; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; } body.cq-wcm-edit .banner .edit-mode .carousel-text-outer .carousel-text .carousel-text-inner, body.cq-wcm-edit .banner .edit-mode .carousel-text-outer .carousel-text-2 .carousel-text-inner, body.cq-wcm-edit .banner .edit-mode .carousel-text-outer .carousel-text .carousel-text-inner a, body.cq-wcm-edit .banner .edit-mode .carousel-text-outer .carousel-text-2 .carousel-text-inner a, body.cq-wcm-design .banner .edit-mode .carousel-text-outer .carousel-text .carousel-text-inner, body.cq-wcm-design .banner .edit-mode .carousel-text-outer .carousel-text-2 .carousel-text-inner, body.cq-wcm-design .banner .edit-mode .carousel-text-outer .carousel-text .carousel-text-inner a, body.cq-wcm-design .banner .edit-mode .carousel-text-outer .carousel-text-2 .carousel-text-inner a { color: #000; } body.cq-wcm-design .banner, body.cq-wcm-edit .banner { opacity: 1 !important; } body.cq-wcm-design .par-overlay, body.cq-wcm-edit .par-overlay { margin: 0 auto !important; } body.cq-wcm-design .main-wrapper ul li, body.cq-wcm-edit .main-wrapper ul li { font-size: 16px !important; } body.cq-wcm-design ul.slick-initialized.slick-slider li.slick-slide img, body.cq-wcm-design ul.slick-initialized.slick-slider li.slick-slide video, body.cq-wcm-edit ul.slick-initialized.slick-slider li.slick-slide video { left: 50%; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-width: none; width: auto; height: 100%; } body.cq-wcm-edit ul.slick-initialized.slick-slider li.slick-slide, body.cq-wcm-design ul.slick-initialized.slick-slider li.slick-slide { background: #f2f2f3; } body.cq-wcm-edit ul.slick-initialized.slick-slider li.slick-slide img, body.cq-wcm-design ul.slick-initialized.slick-slider li.slick-slide img { width: 100%; height: auto; } body.cq-wcm-edit .documentteaser .content-wrapper .image-wrapper, body.cq-wcm-edit .externalteaser .content-wrapper .image-wrapper, body.cq-wcm-edit .videopopupteaser .content-wrapper .image-wrapper, body.cq-wcm-edit .pageteaser .content-wrapper .image-wrapper, body.cq-wcm-design .documentteaser .content-wrapper .image-wrapper, body.cq-wcm-design .externalteaser .content-wrapper .image-wrapper, body.cq-wcm-design .videopopupteaser .content-wrapper .image-wrapper, body.cq-wcm-design .pageteaser .content-wrapper .image-wrapper { height: auto; } /*---- GENERAL TEASER ----*/ body.cq-wcm-edit .teaser .image-wrapper:after, body.cq-wcm-design .teaser .image-wrapper:after { padding-bottom: 0; } body.cq-wcm-edit .main-wrapper img.cq-image-placeholder, body.cq-wcm-design .main-wrapper img.cq-image-placeholder { width: 74px !important; height: 74px !important; display: block; } img[src="/libs/cq/linkchecker/resources/linkcheck_o.gif"], img[src="/libs/cq/linkchecker/resources/linkcheck_c.gif"] { display: inline; } .aem-AuthorLayer-Edit header { height: auto; } .aem-AuthorLayer-Edit header .primary-menu-wrap { position: relative; height: 150px; } .aem-AuthorLayer-Edit header .topnavmultimenuitem { display: block; position: static; border-top-width: 1px; } .edit-subnav-wrapper ul { list-style: none; } .edit-subnav-wrapper ul li { margin-bottom: 5px; font-size: 14px; } .edit-subnav-wrapper ul li a { color: #ffffff; }