article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } optgroup { font-weight: bold; } @media (min--moz-device-pixel-ratio: 0) { summary { display: list-item; } } .progress__track { border-color: #b3b3b3; border-radius: 10em; background-color: #f2f1eb; background-image: -webkit-linear-gradient(#e7e7df, #f0f0f0); background-image: linear-gradient(#e7e7df, #f0f0f0); box-shadow: inset 0 1px 3px hsla(0, 0%, 0%, 0.16); } .progress__bar { height: 16px; margin-top: -1px; margin-left: -1px; padding: 0 1px; -webkit-transition: width 0.5s ease-out; transition: width 0.5s ease-out; -webkit-animation: animate-stripes 3s linear infinite; -moz-animation: animate-stripes 3s linear infinite; border: 1px #07629a solid; border-radius: 10em; background: #057ec9; background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), -webkit-linear-gradient(left top, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), linear-gradient(to right bottom, #0094f0 0%, #0094f0 25%, #007ecc 25%, #007ecc 50%, #0094f0 50%, #0094f0 75%, #0094f0 100%); background-size: 40px 40px; } [dir="rtl"] .progress__bar { margin-right: -1px; margin-left: 0; -webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse; } @media screen and (prefers-reduced-motion: reduce) { .progress__bar { -webkit-transition: none; transition: none; -webkit-animation: none; -moz-animation: none; } } @-webkit-keyframes animate-stripes { 0% { background-position: 0 0, 0 0; } 100% { background-position: 0 0, -80px 0; } } @-ms-keyframes animate-stripes { 0% { background-position: 0 0, 0 0; } 100% { background-position: 0 0, -80px 0; } } @keyframes animate-stripes { 0% { background-position: 0 0, 0 0; } 100% { background-position: 0 0, -80px 0; } } .action-links { margin: 1em 0; padding: 0; list-style: none; } [dir="rtl"] .action-links { margin-right: 0; } .action-links li { display: inline-block; margin: 0 0.3em; } .action-links li:first-child { margin-left: 0; } [dir="rtl"] .action-links li:first-child { margin-right: 0; margin-left: 0.3em; } .button-action { display: inline-block; padding: 0.2em 0.5em 0.3em; text-decoration: none; line-height: 160%; } .button-action:before { margin-left: -0.1em; padding-right: 0.2em; content: "+"; font-weight: 900; } [dir="rtl"] .button-action:before { margin-right: -0.1em; margin-left: 0; padding-right: 0; padding-left: 0.2em; } .breadcrumb { padding-bottom: 0.5em; } .breadcrumb ol { margin: 0; padding: 0; } [dir="rtl"] .breadcrumb ol { margin-right: 0; } .breadcrumb li { display: inline; margin: 0; padding: 0; list-style-type: none; } .breadcrumb li:before { content: " \BB "; } .breadcrumb li:first-child:before { content: none; } .button, .image-button { margin-right: 1em; margin-left: 1em; } .button:first-child, .image-button:first-child { margin-right: 0; margin-left: 0; } .collapse-processed > summary { padding-right: 0.5em; padding-left: 0.5em; } .collapse-processed > summary:before { float: left; width: 1em; height: 1em; content: ""; background: url(/core/misc/menu-expanded.png) 0 100% no-repeat; } [dir="rtl"] .collapse-processed > summary:before { float: right; background-position: 100% 100%; } .collapse-processed:not([open]) > summary:before { -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); background-position: 25% 35%; } [dir="rtl"] .collapse-processed:not([open]) > summary:before { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); background-position: 75% 35%; } .container-inline label:after, .container-inline .label:after { content: ":"; } .form-type-radios .container-inline label:after, .form-type-checkboxes .container-inline label:after { content: ""; } .form-type-radios .container-inline .form-type-radio, .form-type-checkboxes .container-inline .form-type-checkbox { margin: 0 1em; } .container-inline .form-actions, .container-inline.form-actions { margin-top: 0; margin-bottom: 0; } details { margin-top: 1em; margin-bottom: 1em; border: 1px solid #ccc; } details > .details-wrapper { padding: 0.5em 1.5em; } summary { padding: 0.2em 0.5em; cursor: pointer; } .exposed-filters .filters { float: left; margin-right: 1em; } [dir="rtl"] .exposed-filters .filters { float: right; margin-right: 0; margin-left: 1em; } .exposed-filters .form-item { margin: 0 0 0.1em 0; padding: 0; } .exposed-filters .form-item label { float: left; width: 10em; font-weight: normal; } [dir="rtl"] .exposed-filters .form-item label { float: right; } .exposed-filters .form-select { width: 14em; } .exposed-filters .current-filters { margin-bottom: 1em; } .exposed-filters .current-filters .placeholder { font-weight: bold; font-style: normal; } .exposed-filters .additional-filters { float: left; margin-right: 1em; } [dir="rtl"] .exposed-filters .additional-filters { float: right; margin-right: 0; margin-left: 1em; } .field__label { font-weight: bold; } .field--label-inline .field__label, .field--label-inline .field__items { float: left; } .field--label-inline .field__label, .field--label-inline > .field__item, .field--label-inline .field__items { padding-right: 0.5em; } [dir="rtl"] .field--label-inline .field__label, [dir="rtl"] .field--label-inline .field__items { padding-right: 0; padding-left: 0.5em; } .field--label-inline .field__label::after { content: ":"; } form .field-multiple-table { margin: 0; } form .field-multiple-table .field-multiple-drag { width: 30px; padding-right: 0; } [dir="rtl"] form .field-multiple-table .field-multiple-drag { padding-left: 0; } form .field-multiple-table .field-multiple-drag .tabledrag-handle { padding-right: 0.5em; } [dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle { padding-right: 0; padding-left: 0.5em; } form .field-add-more-submit { margin: 0.5em 0 0; } .form-item, .form-actions { margin-top: 1em; margin-bottom: 1em; } tr.odd .form-item, tr.even .form-item { margin-top: 0; margin-bottom: 0; } .form-composite > .fieldset-wrapper > .description, .form-item .description { font-size: 0.85em; } label.option { display: inline; font-weight: normal; } .form-composite > legend, .label { display: inline; margin: 0; padding: 0; font-size: inherit; font-weight: bold; } .form-checkboxes .form-item, .form-radios .form-item { margin-top: 0.4em; margin-bottom: 0.4em; } .form-type-radio .description, .form-type-checkbox .description { margin-left: 2.4em; } [dir="rtl"] .form-type-radio .description, [dir="rtl"] .form-type-checkbox .description { margin-right: 2.4em; margin-left: 0; } .marker { color: #e00; } .form-required:after { display: inline-block; width: 6px; height: 6px; margin: 0 0.3em; content: ""; vertical-align: super; background-image: url(/core/misc/icons/ee0000/required.svg); background-repeat: no-repeat; background-size: 6px 6px; } abbr.tabledrag-changed, abbr.ajax-changed { border-bottom: none; } .form-item input.error, .form-item textarea.error, .form-item select.error { border: 2px solid red; } .form-item--error-message:before { display: inline-block; width: 14px; height: 14px; content: ""; vertical-align: sub; background: url(/core/misc/icons/e32700/error.svg) no-repeat; background-size: contain; } .icon-help { padding: 1px 0 1px 20px; background: url(/core/misc/help.png) 0 50% no-repeat; } [dir="rtl"] .icon-help { padding: 1px 20px 1px 0; background-position: 100% 50%; } .feed-icon { display: block; overflow: hidden; width: 16px; height: 16px; text-indent: -9999px; background: url(/core/misc/feed.svg) no-repeat; } .form--inline .form-item { float: left; margin-right: 0.5em; } [dir="rtl"] .form--inline .form-item { float: right; margin-right: 0; margin-left: 0.5em; } [dir="rtl"] .views-filterable-options-controls .form-item { margin-right: 2%; } .form--inline .form-item-separator { margin-top: 2.3em; margin-right: 1em; margin-left: 0.5em; } [dir="rtl"] .form--inline .form-item-separator { margin-right: 0.5em; margin-left: 1em; } .form--inline .form-actions { clear: left; } [dir="rtl"] .form--inline .form-actions { clear: right; } .item-list .title { font-weight: bold; } .item-list ul { margin: 0 0 0.75em 0; padding: 0; } .item-list li { margin: 0 0 0.25em 1.5em; padding: 0; } [dir="rtl"] .item-list li { margin: 0 1.5em 0.25em 0; } .item-list--comma-list { display: inline; } .item-list--comma-list .item-list__comma-list, .item-list__comma-list li, [dir="rtl"] .item-list--comma-list .item-list__comma-list, [dir="rtl"] .item-list__comma-list li { margin: 0; } button.link { margin: 0; padding: 0; cursor: pointer; border: 0; background: transparent; font-size: 1em; } label button.link { font-weight: bold; } ul.inline, ul.links.inline { display: inline; padding-left: 0; } [dir="rtl"] ul.inline, [dir="rtl"] ul.links.inline { padding-right: 0; padding-left: 15px; } ul.inline li { display: inline; padding: 0 0.5em; list-style-type: none; } ul.links a.is-active { color: #000; } ul.menu { margin-left: 1em; padding: 0; list-style: none outside; text-align: left; } [dir="rtl"] ul.menu { margin-right: 1em; margin-left: 0; text-align: right; } .menu-item--expanded { list-style-type: circle; list-style-image: url(/core/misc/menu-expanded.png); } .menu-item--collapsed { list-style-type: disc; list-style-image: url(/core/misc/menu-collapsed.png); } [dir="rtl"] .menu-item--collapsed { list-style-image: url(/core/misc/menu-collapsed-rtl.png); } .menu-item { margin: 0; padding-top: 0.2em; } ul.menu a.is-active { color: #000; } .more-link { display: block; text-align: right; } [dir="rtl"] .more-link { text-align: left; } .pager__items { clear: both; text-align: center; } .pager__item { display: inline; padding: 0.5em; } .pager__item.is-active { font-weight: bold; } tr.drag { background-color: #fffff0; } tr.drag-previous { background-color: #ffd; } body div.tabledrag-changed-warning { margin-bottom: 0.5em; } tr.selected td { background: #ffc; } td.checkbox, th.checkbox { text-align: center; } [dir="rtl"] td.checkbox, [dir="rtl"] th.checkbox { text-align: center; } th.is-active img { display: inline; } td.is-active { background-color: #ddd; } div.tabs { margin: 1em 0; } ul.tabs { margin: 0 0 0.5em; padding: 0; list-style: none; } .tabs > li { display: inline-block; margin-right: 0.3em; } [dir="rtl"] .tabs > li { margin-right: 0; margin-left: 0.3em; } .tabs a { display: block; padding: 0.2em 1em; text-decoration: none; } .tabs a.is-active { background-color: #eee; } .tabs a:focus, .tabs a:hover { background-color: #f5f5f5; } .form-textarea-wrapper textarea { display: block; box-sizing: border-box; width: 100%; margin: 0; } .ui-dialog--narrow { max-width: 500px; } @media screen and (max-width: 600px) { .ui-dialog--narrow { min-width: 95%; max-width: 95%; } } .messages { padding: 15px 20px 15px 35px; word-wrap: break-word; border: 1px solid; border-width: 1px 1px 1px 0; border-radius: 2px; background: no-repeat 10px 17px; overflow-wrap: break-word; } [dir="rtl"] .messages { padding-right: 35px; padding-left: 20px; text-align: right; border-width: 1px 0 1px 1px; background-position: right 10px top 17px; } .messages + .messages { margin-top: 1.538em; } .messages__list { margin: 0; padding: 0; list-style: none; } .messages__item + .messages__item { margin-top: 0.769em; } .messages--status { color: #325e1c; border-color: #c9e1bd #c9e1bd #c9e1bd transparent; background-color: #f3faef; background-image: url(/core/misc/icons/73b355/check.svg); box-shadow: -8px 0 0 #77b259; } [dir="rtl"] .messages--status { margin-left: 0; border-color: #c9e1bd transparent #c9e1bd #c9e1bd; box-shadow: 8px 0 0 #77b259; } .messages--warning { color: #734c00; border-color: #f4daa6 #f4daa6 #f4daa6 transparent; background-color: #fdf8ed; background-image: url(/core/misc/icons/e29700/warning.svg); box-shadow: -8px 0 0 #e09600; } [dir="rtl"] .messages--warning { border-color: #f4daa6 transparent #f4daa6 #f4daa6; box-shadow: 8px 0 0 #e09600; } .messages--error { color: #a51b00; border-color: #f9c9bf #f9c9bf #f9c9bf transparent; background-color: #fcf4f2; background-image: url(/core/misc/icons/e32700/error.svg); box-shadow: -8px 0 0 #e62600; } [dir="rtl"] .messages--error { border-color: #f9c9bf transparent #f9c9bf #f9c9bf; box-shadow: 8px 0 0 #e62600; } .messages--error p.error { color: #a51b00; } .node-id--5036 > .inner { padding: 0; } body.nid--86 #block-navigation-sidebar-secondary { display: none; } body.section--press #block-konecranes-content > article > article:first-of-type .inner, body.section--investors #block-konecranes-content > article > article:first-of-type .inner, body.section--sijoittajat #block-konecranes-content > article > article:first-of-type .inner { padding-top: 0; } body.section--search .region-sidebar, body.section--search .region-breadcrumb { display: none; } .page-node-type-resource .region-sidebar { display: none; } .page-node-type-resource .region-breadcrumb { margin-bottom: 50px; } .page-node-type-resource .node-type--resource.resource .some-container { padding-bottom: 0; } .ie input[type=text]::-ms-clear { display: none; } .iebody { -ms-overflow-x: hidden; } .node-id--31936 .inner { padding: 10px 0 30px 0; } .nid--32781 .region-sidebar, .nid--32776 .region-sidebar, .nid--32771 .region-sidebar, .nid--32766 .region-sidebar, .nid--32716 .region-sidebar { display: none; } .giosg_button_settings_1989, #giosg_chat_now_button { top: auto !important; right: -webkit-calc(1em + 184px) !important; right: calc(1em + 184px) !important; -webkit-transform: rotate(0deg) !important; -ms-transform: rotate(0deg) !important; transform: rotate(0deg) !important; width: 184px; bottom: 0; font-size: 16px; } .giosg_button_settings_1989 span.chatbuttontext, #giosg_chat_now_button span.chatbuttontext { height: auto; } .giosg_button_settings_1989.narrow:not(.hovered), .giosg_button_settings_1989.opposite-hovered, #giosg_chat_now_button.narrow:not(.hovered), #giosg_chat_now_button.opposite-hovered { background-color: #ffffff; border: 2px solid #9a1f22; } .giosg_button_settings_1989.narrow:not(.hovered) *, .giosg_button_settings_1989.opposite-hovered *, #giosg_chat_now_button.narrow:not(.hovered) *, #giosg_chat_now_button.opposite-hovered * { color: #9a1f22; } .giosg_button_settings_1989.narrow, .giosg_button_settings_1989.wide, #giosg_chat_now_button.narrow, #giosg_chat_now_button.wide { border-radius: 0; } #giosg_chat_now_button.giosg_chat_now { padding: 10px 0; border-radius: 4px 0 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; } #giosg_chat_now_button.giosg_chat_now:not(.narrow):not(.wide):not(.hovered):not(.opposite-hovered) { border-right: 2px solid white; } #giosg_chat_now_button.giosg_chat_now.narrow, #giosg_chat_now_button.giosg_chat_now.wide { border-radius: 0; } #giosg_chat_now_button.giosg_chat_now .chatbuttontext { font-size: 14px; } #giosg_live_chat_dialog { right: 1em !important; left: auto !important; top: auto !important; bottom: 40px; margin-right: 0; margin-left: auto; } #giosg_live_chat_dialog > .giosg-chat-dialog { position: relative; height: 490px; width: 368px; background-color: #ffffff; border: 2px solid #9a1f22; border-radius: 4px 4px 0 0; border-bottom: none; } #giosg_live_chat_dialog > .giosg-chat-dialog .giosg-chat-dialog-body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: -webkit-calc(100% - 60px); height: calc(100% - 60px); } #giosg_live_chat_dialog > .giosg-chat-dialog .giosg-chat-dialog-body #chat-disclamer { font-size: 12px; padding: 1em; background-color: #f4f4f4; border: none; border-top: 1px solid #9a1f22; bottom: 0; top: auto; } .wp-exclude-emoji button[class^="player-styles-"]:hover { -webkit-box-shadow: none !important; box-shadow: none !important; } div#LiveChat { display: none; } #chat-widget-container { right: 180px !important; left: auto !important; position: fixed !important; } .nid--42226 .subnav a:nth-child(2) { border-bottom: 4px solid #9a1f22; } .nid--42256 .subnav a:nth-child(3) { border-bottom: 4px solid #9a1f22; } .nid--42276 .subnav a:nth-child(4) { border-bottom: 4px solid #9a1f22; } .js .js-hide { display: none !important; } .toolbar-menu-administration a:link, .toolbar-menu-administration a:visited { color: #000; } .lang-en-us .page.node-id--42041 > .container > picture, .lang-es-cl .page.node-id--42041 > .container > picture, .lang-es-mx .page.node-id--42041 > .container > picture, .lang-es-pe .page.node-id--42041 > .container > picture, .lang-pt-br .page.node-id--42041 > .container > picture, .lang-en-ca .page.node-id--42041 > .container > picture { display: none; } .node-id--56336 iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .node-id--56336 .not-mobile { overflow: hidden; padding-top: 56.25%; position: relative; } .node-id--56336 .mobile-only { overflow: hidden; padding-top: 500%; position: relative; } .lang-en-us .region-main-navigation .hide-industries-renewal, .lang-en-us.second-level #block-navigation-sidebar-main .hide-industries-renewal, .lang-en-ca .region-main-navigation .hide-industries-renewal, .lang-en-ca.second-level #block-navigation-sidebar-main .hide-industries-renewal, .lang-en-uk .region-main-navigation .hide-industries-renewal, .lang-en-uk.second-level #block-navigation-sidebar-main .hide-industries-renewal, .lang-en-za .region-main-navigation .hide-industries-renewal, .lang-en-za.second-level #block-navigation-sidebar-main .hide-industries-renewal, .lang-en-au .region-main-navigation .hide-industries-renewal, .lang-en-au.second-level #block-navigation-sidebar-main .hide-industries-renewal, .lang-en-ae .region-main-navigation .hide-industries-renewal, .lang-en-ae.second-level #block-navigation-sidebar-main .hide-industries-renewal, .lang-en-sa .region-main-navigation .hide-industries-renewal, .lang-en-sa.second-level #block-navigation-sidebar-main .hide-industries-renewal, .lang-en-sg .region-main-navigation .hide-industries-renewal, .lang-en-sg.second-level #block-navigation-sidebar-main .hide-industries-renewal, .lang-en-in .region-main-navigation .hide-industries-renewal, .lang-en-in.second-level #block-navigation-sidebar-main .hide-industries-renewal, .lang-en .region-main-navigation .hide-industries-renewal, .lang-en.second-level #block-navigation-sidebar-main .hide-industries-renewal { display: none; } @media (min-width: 961px) { .nid--49681 { max-width: -webkit-calc(100% - 150px); max-width: calc(100% - 150px); } } .iframe-container { overflow: hidden; padding-top: 56.25%; position: relative; } .iframe-container iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .lang-en #block-navigation-sidebar-main .mhc-launch, .lang-en .block-menu.menu--main .mhc-launch { display: none; } .toolbar-icon-views-viewviews-content-locations:before { background-image: url("/themes/custom/konecranes/components/icons/address.svg"); } .mobile-only { display: block; } @media (min-width: 721px) { .mobile-only { display: none; } } .not-mobile { display: none; } @media (min-width: 721px) { .not-mobile { display: block; } } .tablet-only { display: none; } @media (min-width: 721px) { .tablet-only { display: block; } } @media (min-width: 1201px) { .tablet-only { display: none; } } @media (min-width: 721px) { .not-tablet { display: none; } } @media (min-width: 1201px) { .not-tablet { display: block; } } .desktop-only { display: none; } @media (min-width: 1201px) { .desktop-only { display: block; } } @media (min-width: 1201px) { .not-desktop { display: none; } } article.lightgray { background-color: #F4F4F4; } article.white { background-color: #ffffff; } .node-type--row-grid-2 article.node-type--element.turquoise { background: #199596; } .node-type--row-grid-2 article.node-type--element.red { background: #9a1f22; } article.resource.page > .container img:not(.share-icon), article.node-type--page > .container img:not(.share-icon), article.node-type--event > .body img:not(.share-icon), article.node-type--news > .body img:not(.share-icon) { padding-bottom: 15px; } article.resource.page > .container img:not(.share-icon).align-left, article.node-type--page > .container img:not(.share-icon).align-left, article.node-type--event > .body img:not(.share-icon).align-left, article.node-type--news > .body img:not(.share-icon).align-left { padding-right: 15px; } article.resource.page > .container img:not(.share-icon).align-right, article.node-type--page > .container img:not(.share-icon).align-right, article.node-type--event > .body img:not(.share-icon).align-right, article.node-type--news > .body img:not(.share-icon).align-right { padding-left: 15px; } .summary { font-family: "Tahoma bold", Verdana, Segoe, sans-serif; } .content-image { display: block; margin: 0 20px 20px; max-width: 100%; max-height: 350px; } @media (min-width: 721px) { .content-image { max-width: 450px; max-height: none; } .content-image--align-right { float: right; margin-right: 0; } .content-image--align-left { float: left; margin-left: 0; } } /*@font-face {*/ /* font-family: "Tahoma regular";*/ /* src: url(/themes/custom/konecranes/fonts/fd19deac-7dc6-4999-96a6-d195c30bd4ca.eot#iefix);*/ /* src: url(/themes/custom/konecranes/fonts/fd19deac-7dc6-4999-96a6-d195c30bd4ca.eot#iefix) format("eot"), url(/themes/custom/konecranes/fonts/17432565-1e1c-4f5c-a4d2-77b59a2e9be5.woff2) format("woff2"), url(/themes/custom/konecranes/fonts/8a47aebb-9270-4d57-9f80-9da64e7dcd6e.woff) format("woff"), url(/themes/custom/konecranes/fonts/d5cf3637-30bf-4b92-8c32-b58ce78fbc87.ttf) format("truetype"), url(/themes/custom/konecranes/fonts/33302647-fce1-4414-ab94-de9936d8108e.svg#33302647-fce1-4414-ab94-de9936d8108e) format("svg");*/ /*}*/ /*@font-face {*/ /* font-family: "Tahoma bold";*/ /* src: url(/themes/custom/konecranes/fonts/c7b386c3-cbf3-49a9-a093-4e7f3cf25bcf.eot#iefix);*/ /* src: url(/themes/custom/konecranes/fonts/c7b386c3-cbf3-49a9-a093-4e7f3cf25bcf.eot#iefix) format("eot"), url(/themes/custom/konecranes/fonts/15f3de59-5802-4779-95cb-ad7ff744a6e1.woff2) format("woff2"), url(/themes/custom/konecranes/fonts/c4393770-2051-4e41-8eaf-4a0e686ff188.woff) format("woff"), url(/themes/custom/konecranes/fonts/6b2454f3-5f79-43b7-aadc-e27af7e6611f.ttf) format("truetype"), url(/themes/custom/konecranes/fonts/340cbf58-2cbc-4833-96bc-c5b1d864a449.svg#340cbf58-2cbc-4833-96bc-c5b1d864a449) format("svg");*/ /*}*/ .views-exposed-form .form--inline { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .views-exposed-form .form--inline .button { margin-bottom: 0; } .view-press-releases .views-exposed-form .form-type-select label { display: none; } .views-exposed-form[data-drupal-selector="views-exposed-form-investor-documents-reports"] .form--inline { display: block; } .views-exposed-form[data-drupal-selector="views-exposed-form-investor-documents-reports"] .form--inline > *:nth-child(5) { line-height: 6px; } .views-exposed-form[data-drupal-selector="views-exposed-form-investor-documents-reports"] .form--inline .form-item { display: block; float: none; } @media (min-width: 481px) { .views-exposed-form[data-drupal-selector="views-exposed-form-investor-documents-reports"] .form--inline { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns:1fr 1fr; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .views-exposed-form[data-drupal-selector="views-exposed-form-investor-documents-reports"] .form--inline > *:nth-child(1) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } .views-exposed-form[data-drupal-selector="views-exposed-form-investor-documents-reports"] .form--inline > *:nth-child(2) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; } .views-exposed-form[data-drupal-selector="views-exposed-form-investor-documents-reports"] .form--inline > *:nth-child(3) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; } .views-exposed-form[data-drupal-selector="views-exposed-form-investor-documents-reports"] .form--inline > *:nth-child(4) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 2; grid-row: 2; } .views-exposed-form[data-drupal-selector="views-exposed-form-investor-documents-reports"] .form--inline > *:nth-child(5) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 3; grid-row: 3; } .views-exposed-form[data-drupal-selector="views-exposed-form-investor-documents-reports"] .form--inline > *:nth-child(6) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 3; grid-row: 3; } } @media (min-width: 481px) and (min-width: 961px) { .views-exposed-form[data-drupal-selector="views-exposed-form-investor-documents-reports"] .form--inline { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns:1fr 1fr 1fr 1fr 1fr; } .views-exposed-form[data-drupal-selector="views-exposed-form-investor-documents-reports"] .form--inline > *:nth-child(1) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } .views-exposed-form[data-drupal-selector="views-exposed-form-investor-documents-reports"] .form--inline > *:nth-child(2) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; } .views-exposed-form[data-drupal-selector="views-exposed-form-investor-documents-reports"] .form--inline > *:nth-child(3) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 1; grid-row: 1; } .views-exposed-form[data-drupal-selector="views-exposed-form-investor-documents-reports"] .form--inline > *:nth-child(4) { -ms-grid-column: 4; grid-column: 4; -ms-grid-row: 1; grid-row: 1; } .views-exposed-form[data-drupal-selector="views-exposed-form-investor-documents-reports"] .form--inline > *:nth-child(5) { -ms-grid-column: 5; grid-column: 5; -ms-grid-row: 1; grid-row: 1; } .views-exposed-form[data-drupal-selector="views-exposed-form-investor-documents-reports"] .form--inline > *:nth-child(6) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; } } @media (min-width: 961px) { .ie .views-exposed-form[data-drupal-selector="views-exposed-form-investor-documents-reports"] #edit-actions { position: relative; } .ie .views-exposed-form[data-drupal-selector="views-exposed-form-investor-documents-reports"] #edit-actions .link--cta { position: absolute; bottom: 0; } } .webform-submission-form { max-width: 880px; margin-left: auto; margin-right: auto; } .webform-submission-form .icon.check { width: 100%; padding: 6px; opacity: 0; position: absolute; } .webform-submission-form .icon.check path { fill: white; } .webform-submission-form .webform-flex--container .form-type-checkbox, .webform-submission-form .webform-flex--container .form-type-radio { white-space: normal; } .webform-submission-form .button .ajax-progress { position: absolute; top: 0; right: 0; height: 100%; } .webform-submission-form .button .ajax-progress .throbber { display: inline-block; height: 100%; padding: 1px 7px; background: transparent url(/themes/custom/konecranes/images/throbber.gif) 50% 50% no-repeat; } .webform-submission-form .button .ajax-progress .message { display: none; } .webform-submission-form input { height: 40px; border: 1px solid #E2E2E2; border-radius: 2px; } .webform-submission-form label { text-transform: uppercase; color: #333; font-size: 14px; font-size: 0.875rem; line-height: 21px; line-height: 1.3125rem; } .webform-submission-form label.option { text-transform: none; color: #333; font-size: 16px; font-size: 1rem; line-height: 24px; line-height: 1.5rem; } .webform-submission-form .fieldset-legend { text-transform: uppercase; color: #333; font-weight: normal; font-size: 14px; font-size: 0.875rem; line-height: 21px; line-height: 1.3125rem; } .webform-submission-form .form-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .webform-submission-form .form-item > input { width: 100%; } .webform-submission-form input[type=tel] { width: 100%; } .webform-submission-form .form-wrapper.form-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .webform-submission-form .form-wrapper.form-actions[data-drupal-selector="edit-pages"] { display: none; } .webform-submission-form .progress-marker::before { padding-bottom: 0; } .webform-submission-form .progress-step.is-active .progress-marker::before, .webform-submission-form .progress-step.is-active .progress-marker::before:hover { background: #9a1f22; } .webform-submission-form.webform-submission-contact-us-form { padding: 0; } .webform-submission-form.webform-submission-contact-us-form .form-wrapper:not([data-drupal-selector="edit-pages"]).webform-wizard-pages-links .form-type-textfield, .webform-submission-form.webform-submission-contact-us-form .form-wrapper:not([data-drupal-selector="edit-pages"]) .form-type-select, .webform-submission-form.webform-submission-contact-us-form .form-wrapper:not([data-drupal-selector="edit-pages"]) .form-type-email, .webform-submission-form.webform-submission-contact-us-form .form-wrapper:not([data-drupal-selector="edit-pages"]) .form-type-tel { max-width: 100%; } .webform-submission-form.selector .form-item:not(.form-type-webform-markup) { max-width: 466px; } .webform-submission-form.webform-submission-data-protection-request-form [data-drupal-selector="edit-introduction"] > .form-item .button { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } @media (min-width: 721px) { .webform-submission-form.webform-submission-data-protection-request-form .webform-progress + .form-wrapper > .form-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .webform-submission-form.webform-submission-data-protection-request-form .webform-progress + .form-wrapper > .form-wrapper .link--cta input { width: 100%; } .webform-submission-form.webform-submission-data-protection-request-form .webform-progress + .form-wrapper > .form-wrapper > .form-item { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; width: -webkit-calc(50% - 20px); width: calc(50% - 20px); margin: 10px; } .webform-submission-form.webform-submission-data-protection-request-form .webform-progress + .form-wrapper > .form-wrapper[data-webform-key="data_protection_activity"] > .form-item { width: 100%; } } .webform-submission-form.webform-submission-data-protection-request-form .webform-progress + .form-wrapper > .form-wrapper.webform-wizard-pages-links .form-type-textfield, .webform-submission-form.webform-submission-data-protection-request-form .webform-progress + .form-wrapper > .form-wrapper .form-type-select, .webform-submission-form.webform-submission-data-protection-request-form .webform-progress + .form-wrapper > .form-wrapper .form-type-radio, .webform-submission-form.webform-submission-data-protection-request-form .webform-progress + .form-wrapper > .form-wrapper .form-type-email, .webform-submission-form.webform-submission-data-protection-request-form .webform-progress + .form-wrapper > .form-wrapper .form-type-tel { max-width: 100%; } .webform-submission-form .form-type-textfield input, .webform-submission-form .form-type-email input { padding: 0 10px; } .webform-submission-form textarea { border: 1px solid #E2E2E2; padding: 8px 10px; } .webform-submission-form .form-type-checkbox, .webform-submission-form .form-type-radio { position: relative; } .webform-submission-form .form-type-checkbox input, .webform-submission-form .form-type-radio input { display: none; } .webform-submission-form .form-type-checkbox input + label:before, .webform-submission-form .form-type-radio input + label:before { content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 25px; height: 25px; padding: 0; margin: 0; border: 1px solid #E2E2E2; } .webform-submission-form .form-type-checkbox input:checked + label:after, .webform-submission-form .form-type-radio input:checked + label:after { content: ''; display: block; position: absolute; width: 7px; height: 13px; left: 8px; top: 3px; border-bottom: 4px solid #9a1f22; border-right: 4px solid #9a1f22; -webkit-transform: rotate(35deg); -ms-transform: rotate(35deg); transform: rotate(35deg); background-image: none; margin: 0; } .webform-submission-form .form-type-checkbox input[type="radio"] + label:before, .webform-submission-form .form-type-radio input[type="radio"] + label:before { border-radius: 50%; } .webform-submission-form .form-type-checkbox input[type="radio"]:checked + label:after, .webform-submission-form .form-type-radio input[type="radio"]:checked + label:after { border-radius: 50%; width: 13px; left: 7px; top: 7px; background: #9a1f22; border: 0px none !important; -webkit-transform: none; -ms-transform: none; transform: none; } .webform-submission-form .form-type-checkbox label, .webform-submission-form .form-type-radio label { padding-left: 43px; margin-bottom: 5px; line-height: 25px; } .webform-submission-form .form-type-checkbox .description, .webform-submission-form .form-type-radio .description { margin-left: 43px; } .webform-submission-form .form-type-date { position: relative; } .webform-submission-form .form-type-date .ui-datepicker-trigger { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; position: absolute; right: 0; bottom: 0; margin: 0.6rem; height: 1.2rem; } .webform-submission-form .form-type-webform-document-file { background: #F4F4F4; padding: 2em; border: 1px solid #E2E2E2; } @media (min-width: 961px) { .webform-submission-whitepapers-acton-uk-form .form-item-name, .webform-submission-whitepapers-acton-uk-form .form-item-email, .webform-submission-whitepapers-acton-german-form .form-item-name, .webform-submission-whitepapers-acton-german-form .form-item-email, form[class*=" webform-submission-acton-is-emea-uk-gated-form-"] .form-item-name, form[class*=" webform-submission-acton-is-emea-uk-gated-form-"] .form-item-email, form[class*=" webform-submission-acton-ic-emea-de-gated-form-"] .form-item-name, form[class*=" webform-submission-acton-ic-emea-de-gated-form-"] .form-item-email { display: inline-block; width: 30%; margin-right: 20px; } .webform-submission-whitepapers-acton-uk-form .form-actions, .webform-submission-whitepapers-acton-german-form .form-actions, form[class*=" webform-submission-acton-is-emea-uk-gated-form-"] .form-actions, form[class*=" webform-submission-acton-ic-emea-de-gated-form-"] .form-actions { display: inline-block !important; width: 30% !important; margin-right: 20px !important; } } .webform-submission-quick-contact-industrial-cranes-form, .webform-submission-quick-contact-contact-us-form { padding: 20px; } .container-fluid { padding: 0; } .kcd8dev_prod_acquia-sites_com:before, .www_kcd8_local:before, .kcd8_local:before { position: fixed; background: pink; right: 0; top: 70%; content: "mobile"; z-index: 99; } @media (min-width: 481px) { .kcd8dev_prod_acquia-sites_com:before, .www_kcd8_local:before, .kcd8_local:before { background: aquamarine; content: "large-mobile"; } } @media (min-width: 721px) { .kcd8dev_prod_acquia-sites_com:before, .www_kcd8_local:before, .kcd8_local:before { background: pink; content: "tablet"; } } @media (min-width: 961px) { .kcd8dev_prod_acquia-sites_com:before, .www_kcd8_local:before, .kcd8_local:before { background: aquamarine; content: "laptop"; } } @media (min-width: 1201px) { .kcd8dev_prod_acquia-sites_com:before, .www_kcd8_local:before, .kcd8_local:before { background: pink; content: "desktop"; } } @media (min-width: 1441px) { .kcd8dev_prod_acquia-sites_com:before, .www_kcd8_local:before, .kcd8_local:before { background: aquamarine; content: "large-desktop"; } } .curtain { content: ''; background: rgba(0, 0, 0, 0.4); position: fixed; visibility: hidden; opacity: 0; width: 100%; height: 100%; display: block; top: 0; left: 0; z-index: 10; -webkit-transition: visibility .0s .3s, z-index .0s .3s, opacity .3s ease-out; -o-transition: visibility .0s .3s, z-index .0s .3s, opacity .3s ease-out; transition: visibility .0s .3s, z-index .0s .3s, opacity .3s ease-out; } .navigation-open .curtain, .coorporate-navigation-open .curtain, .search-open .curtain, .login-curtain-open .curtain, .location-popup-open .curtain { z-index: 9; visibility: visible; opacity: 1; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } .quick-contact-open .curtain { z-index: 10; } .location-popup-open .curtain { z-index: 11; } .inner { padding: 10px 0; } @media (min-width: 721px) { .inner { padding: 20px 0; } } @media (min-width: 1201px) { .inner { padding: 40px 0; } } /*p {*/ /* line-height: 1.5;*/ /* margin: 0.5em 0;*/ /*}*/ /*p {*/ /* font-size: 12px;*/ /*}*/ /*@media screen and (min-width: 480px) {*/ /* p {*/ /* font-size: -webkit-calc(12px + 4 * ((100vw - 480px) / 960));*/ /* font-size: calc(12px + 4 * ((100vw - 480px) / 960));*/ /* }*/ /*}*/ /*@media screen and (min-width: 1440px) {*/ /* p {*/ /* font-size: 16px;*/ /* }*/ /*}*/ p.small { font-size: 12px; } @media screen and (min-width: 480px) { p.small { font-size: -webkit-calc(12px + 2 * ((100vw - 480px) / 960)); font-size: calc(12px + 2 * ((100vw - 480px) / 960)); } } @media screen and (min-width: 1440px) { p.small { font-size: 14px; } } .wrap { padding: 10px; } @media (min-width: 721px) { .wrap { padding: 20px; } } @media (min-width: 1201px) { .wrap { padding: 40px; } } img, video { max-width: 100%; height: auto; } video::-internal-media-controls-overlay-cast-button { display: none; } .media, .button { margin: 0; } a { text-decoration: none; } a:link { /*color: #9a1f22;*/ } a:hover { /*color: #D21818;*/ } a:visited { /*color: #9a1f22;*/ } header a:link, footer a:link { color: #ffffff; } header a:hover, footer a:hover { color: #D21818; } header a:visited, footer a:visited { color: #ffffff; } .upper { text-transform: uppercase; } .inpage-anchor { position: absolute; } .container { max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } @media (min-width: 1201px) { .container { padding-left: 40px; padding-right: 40px; } } .narrow > .container { max-width: 920px; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .red .tagline, .turquoise .tagline { color: #ffffff; } .red .tagline:before, .turquoise .tagline:before { background: #ffffff; } .red .link--cta.button, .turquoise .link--cta.button { border: 2px solid #ffffff; color: #ffffff; } .red .link--cta.button:before, .turquoise .link--cta.button:before { background: #ffffff; } .red .link--cta.button svg, .turquoise .link--cta.button svg { fill: #ffffff; } .red .link--cta.button a, .red .link--cta.button input, .turquoise .link--cta.button a, .turquoise .link--cta.button input { color: #ffffff; } .red .link--cta.button:hover, .turquoise .link--cta.button:hover { border-color: #ffffff; } .red .link--cta.button:hover input, .red .link--cta.button:hover a, .turquoise .link--cta.button:hover input, .turquoise .link--cta.button:hover a { color: #9a1f22; } .red .link--cta.button:hover svg, .turquoise .link--cta.button:hover svg { fill: #9a1f22; } .turquoise .link--cta.button > a:hover { color: #199596; } .turquoise .link--cta.button > a:hover svg { fill: #199596; } span.category { font-size: 12px; font-size: 0.75rem; line-height: 18px; line-height: 1.125rem; font-family: "Tahoma bold", Verdana, Segoe, sans-serif; color: #aaa; text-transform: uppercase; } time { font-size: 12px; font-size: 0.75rem; line-height: 18px; line-height: 1.125rem; color: #aaa; } time ~ .category:before { content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #9a1f22; vertical-align: middle; margin: 2px 5px 5px 5px; } svg.fill-white path { fill: #ffffff; } svg.fill-red path { fill: #9a1f22; } svg.fill-dark path { fill: #333; } svg.play > .body { fill: #333; opacity: 0.3; } svg.play > .stroke { stroke: #ffffff; stroke-width: 2; } svg.play > .triangle { fill: #ffffff; } svg.play.red > .body { fill: #9a1f22; opacity: 1; } svg.play.red > .stroke { stroke: #9a1f22; } svg.share circle { stroke: #ffffff; stroke-miterlimit: 10; } svg.share path { stroke: #ffffff; stroke-linecap: square; } .user-login-form, .openid-connect-login-form { max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } @media (min-width: 1201px) { .user-login-form, .openid-connect-login-form { padding-left: 40px; padding-right: 40px; } } .openid-connect-login-form { margin-top: 2em; } .openid-connect-login-form:after { content: 'Or log in with your Drupal account: '; display: block; } .mobile-only { display: none; } @media (max-width: 721px) { .mobile-only { display: block; } } .not-mobile { display: none; } @media (min-width: 721px) { .not-mobile { display: block; } } .darkgray h3 { color: #ffffff; } .icon.filter { fill: none; stroke: #AAAAAA; stroke-width: 2; stroke-linecap: round; } .border-list { padding-left: 0; list-style-type: none; } .border-list li:first-of-type { border-top: 1px solid #E2E2E2; } .border-list > li { border-bottom: 1px solid #E2E2E2; padding: 1em 0.5em 1em 2em; } .checkmark { position: relative; margin: 2px; padding: 1em 0.5em 1em 2em; font-family: sans-serif; } .checkmark::before { content: ''; position: absolute; border-color: #199596; border-style: solid; border-width: 0 0.15em 0.15em 0; height: 1em; top: 1.6em; left: 0.6em; margin-top: -1em; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 0.5em; } table.MsoTableGrid thead p { font-weight: bold; } table.MsoTableGrid tbody, table.MsoTableGrid thead { border-color: #333; border-style: solid; border-width: 1px; } table.MsoTableGrid td { border-color: #333; border-style: solid; border-width: 1px; padding: 0 4px; } .user-logged-in .is-unpublished:not(.view-mode--full) { position: relative; border: 1px solid #f4daa6 !important; background: #fdf8ed !important; } > .user-logged-in .is-unpublished:not(.view-mode--full):before { background-color: rgba(255, 255, 255, 0.8); background-image: url(/core/misc/icons/e29700/warning.svg) !important; background-position: 2px center !important; background-repeat: no-repeat !important; background-size: 28px !important; color: #734c00; content: 'unpublished'; display: block; font-size: 13px; height: 50px; left: 20px; line-height: 30px; padding-bottom: 2px; padding-left: 33px; padding-right: 3px; padding-top: 2px; position: absolute; top: 20px; z-index: 1; } @media (min-width: 721px) { > .user-logged-in .is-unpublished:not(.view-mode--full):before { height: 30px; } } > .user-logged-in .is-unpublished.node-type--row-banner:before { z-index: 8; } .user-logged-in .is-unpublished.node-type--element-system-block, .user-logged-in .is-unpublished.node-type--element-data-table, .user-logged-in .is-unpublished.node-type--element-media-collection { padding: 50px 20px 10px 20px; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } .contextual-region.image { line-height: 0; } main { padding-top: 110px; } @media (min-width: 961px) { main { padding-top: 160px; } } main .content-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; max-width: 1920px; margin-left: auto; margin-right: auto; } main .region-sidebar { display: none; } @media (min-width: 961px) { main .region-sidebar { display: block; min-width: 150px; } } @media (min-width: 1201px) { main .region-sidebar { min-width: 250px; } } main .region-content { margin-left: auto; margin-right: auto; -webkit-box-flex: 1; -webkit-flex: 1 auto; -ms-flex: 1 auto; flex: 1 auto; max-width: 100%; } .mouse-container { display: none; } @media (min-width: 961px) { .mouse-container { position: fixed; bottom: 0; left: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 4rem; z-index: 5; } } .countryselector-open .row-banner .mouse-container, .callus-open .row-banner .mouse-container { display: none; } @media (min-width: 961px) { .row-banner .mouse-container { cursor: pointer; padding: 7px 0; background: white; -webkit-box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.05); } .row-banner .mouse-container .icon.chevron { fill: #333; width: 15px; height: 25px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .15s ease-out; transition: -webkit-transform .15s ease-out; -o-transition: transform .15s ease-out; transition: transform .15s ease-out; transition: transform .15s ease-out, -webkit-transform .15s ease-out; } .row-banner .mouse-container:hover .chevron { -webkit-transform: translateY(7px) rotate(90deg) scale(0.95); -ms-transform: translateY(7px) rotate(90deg) scale(0.95); transform: translateY(7px) rotate(90deg) scale(0.95); } } .node-type--section .mouse-container { height: 7rem; } @media (min-width: 961px) { .mouse { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 2rem; height: 3.5rem; border: solid 2px #9a1f22; border-radius: 1.5rem; -webkit-animation: scroll-mouse 0.9s; animation: scroll-mouse 0.9s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } body:not(.ie) .mouse { margin: 0 auto; } .mouse .mouse--wheel { width: .33rem; height: .33rem; background: #9a1f22; border-radius: 50%; -webkit-animation: scroll-inner 0.9s; animation: scroll-inner 0.9s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-direction: alternate; animation-direction: alternate; } } @-webkit-keyframes scroll-inner { from { -webkit-transform: translateY(0.5rem); transform: translateY(0.5rem); } to { -webkit-transform: translateY(1rem); transform: translateY(1rem); } } @keyframes scroll-inner { from { -webkit-transform: translateY(0.5rem); transform: translateY(0.5rem); } to { -webkit-transform: translateY(1rem); transform: translateY(1rem); } } @-webkit-keyframes scroll-mouse { from { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(1.5rem); transform: translateY(1.5rem); } } @keyframes scroll-mouse { from { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(1.5rem); transform: translateY(1.5rem); } } .node-helper { padding: 10px 15px; } .node-helper.published { background-color: #def9cf; } .node-helper.unpublished { background-color: #fdf7d5; } .node-helper label { cursor: pointer; margin-right: 3px; } .node-helper input[type="checkbox"] { cursor: pointer; height: 15px; width: 15px; } .node-helper input[type="checkbox"]:not(:checked) + div { display: none; } .node-helper--wrapper { margin-top: 5px; } .node-helper--item { line-height: 22px; } .user-logged-in #block-primary-local-tasks { background-color: #ffffff; border: 1px solid #ddd; bottom: 0; -webkit-box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.07); box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.07); position: fixed; right: 0; z-index: 99; } .user-logged-in #block-primary-local-tasks ul { margin: 0; } #CalendarWrapper { position: relative; width: 100%; background: #ffffff; } #CalendarWrapper nav { background: #ffffff; width: 100%; max-width: 1440px; margin: 0 auto; position: fixed; left: 0%; right: 0%; padding: 0 10px; top: 30px; -webkit-box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.25); box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.25); z-index: 1; } @media (min-width: 721px) { #CalendarWrapper nav { padding: 0 20px; } } @media (min-width: 961px) { #CalendarWrapper nav { top: 80px; padding: 0 40px; } } #CalendarWrapper nav ul { list-style-type: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: 10px 0; margin: 0; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } #CalendarWrapper nav li { padding: 0; margin: 0 10px 0 0; -webkit-box-flex: 1; -webkit-flex: 1 0; -ms-flex: 1 0; flex: 1 0; max-width: 70px; } #CalendarWrapper nav li:not(.active) { display: none; } @media (min-width: 721px) { #CalendarWrapper nav li:not(.active) { display: list-item; } } #CalendarWrapper nav li.subscribe { -webkit-box-flex: 1; -webkit-flex: 1 auto; -ms-flex: 1 auto; flex: 1 auto; -webkit-box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.1); background: #ffffff; margin-right: 0; } #CalendarWrapper nav li.subscribe a { border: none; font-size: 12px; font-weight: bold; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 0 15px 0 55px; width: auto; } #CalendarWrapper nav li.subscribe span::before { content: ""; background: url("/themes/custom/konecranes/images/email-icon.svg") no-repeat center center; width: 27px; height: 30px; display: inline-block; margin: -10px 0 0 -40px; position: absolute; } #CalendarWrapper nav a { border: 1px solid #eeeeee; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #F4F4F4; color: #9a1f22; cursor: pointer; } #CalendarWrapper nav a.disabled { opacity: 0.2; cursor: default; } #CalendarWrapper nav a svg { display: inline-block; float: left; margin-right: 20px; } #CalendarWrapper nav a span { width: 100%; display: block; text-align: center; color: #555555; } #CalendarWrapper nav a span:first-child { font-size: 16px; } #CalendarWrapper nav a span:last-child { font-size: 12px; } #CalendarWrapper nav li.active a { border: 1px solid #9a1f22; background: #ffffff; } #CalendarWrapper nav li.active a span { color: #9a1f22; } #CalendarWrapper .MonthSection { padding: 10vh 0 10vh 0; margin: 0; } #CalendarWrapper .MonthSection:first-child { padding-top: 200px; } #CalendarWrapper .MonthSection:last-child { padding-bottom: 400px; margin-bottom: 0; } #CalendarWrapper .MonthImage { width: 100%; margin: 0 auto; display: block; } #CalendarWrapper .MonthBody { -webkit-transition: translate 0.2s ease; -o-transition: translate 0.2s ease; transition: translate 0.2s ease; opacity: 0.9; width: 900px; max-width: 98%; margin: 25% auto 0; padding: 40px; -webkit-box-shadow: 2px 2px 44px 1px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 44px 1px rgba(0, 0, 0, 0.1); background: #ffffff; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); position: absolute; left: 0; right: 0; } #CalendarWrapper .MonthBody h2 { font-weight: normal; } #CalendarWrapper .MonthBody h2 strong { font-weight: bold; color: #9a1f22; } #CalendarWrapper .MonthBody p { font-weight: normal; font-size: 14px; padding: 10px 0; color: #555555; } #CalendarWrapper .MonthBody a { text-decoration: underline; color: #333333; font-weight: bold; } #CalendarWrapper .MonthBody li { font-size: 14px; color: #555555; } #CalendarWrapper .MonthBody .MonthCTA { display: block; margin: 20px auto 0; padding: 20px; border: 2px solid #f1f1f1; background: #FAFAFA; font-weight: bold; text-align: center; color: #9a1f22; text-decoration: none; font-size: 13px; } #CalendarWrapper .MonthBody .MonthCTA span::before { content: ""; background: url("/themes/custom/konecranes/images/arrow.svg") no-repeat center center; width: 15px; height: 7px; display: inline-block; padding: 0 10px 3px 0; } #CalendarWrapper .MonthBody .MonthCTA > .label { font-size: 16px; } #CalendarWrapper .ScrollIndicator { display: block; -webkit-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; position: fixed; bottom: 30px; width: 100%; height: 70px; margin: 0 auto; text-align: center; opacity: 1; z-index: 100; left: 0; background: url("/themes/custom/konecranes/images/scroll-indicator.svg") no-repeat center center; display: inline-block; } #CalendarWrapper .ScrollIndicator.hide { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } @media screen and (max-width: 800px) { #CalendarWrapper .MonthSection { padding-top: 0px; padding-bottom: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #CalendarWrapper .MonthSection:first-child { padding-top: 80px; } #CalendarWrapper .MonthSection:last-child { padding-bottom: 0px; } #CalendarWrapper .MonthBody { position: relative; -webkit-transform: translateY(0%) !important; -ms-transform: translateY(0%) !important; transform: translateY(0%) !important; margin-top: 0; margin-bottom: 0; padding: 20px; } #CalendarWrapper .MonthBody .MonthCTA span::before { content: ""; background: none; width: 0; height: 0; padding: 0; } } .footer-menu { display: none; } @media (min-width: 721px) { .footer-menu { display: block; } } @media (min-width: 1201px) { .footer-menu { display: block; } } .footer-menu .menu-depth--0 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; border-bottom: 1px solid #aaa; padding-bottom: 35px; } @media (min-width: 1201px) { .footer-menu .menu-depth--0 { padding-bottom: 45px; } } .footer-menu .menu-depth--0 > li.menu-item { width: 25%; } .footer-menu .menu-depth--0 > li.menu-item > a { display: block; color: #ffffff; text-transform: uppercase; font-family: "Tahoma bold", Verdana, Segoe, sans-serif; margin: 20px 0 5px 0; opacity: 0.8; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; font-size: 16px; font-size: 1rem; line-height: 17.776px; line-height: 1.111rem; } @media (min-width: 1201px) { .footer-menu .menu-depth--0 > li.menu-item > a { margin: 20px 0 10px 0; font-size: 18px; font-size: 1.125rem; line-height: 21.996px; line-height: 1.37475rem; } } .footer-menu .menu-depth--0 > li.menu-item > a:hover { opacity: 1; } .footer-menu .menu-depth--1 { display: block; } .footer-menu .menu-depth--1 > li.menu-item > a { color: #ffffff; opacity: 0.8; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; font-size: 12px; font-size: 0.75rem; line-height: 18px; line-height: 1.125rem; } @media (min-width: 1201px) { .footer-menu .menu-depth--1 > li.menu-item > a { font-size: 13px; font-size: 0.8125rem; line-height: 23.998px; line-height: 1.49988rem; } } .footer-menu .menu-depth--1 > li.menu-item > a:hover { opacity: 1; } #block-footer { } #block-footer .menu-depth--0 { text-align: center; padding-top: 30px; } @media (min-width: 721px) { #block-footer .menu-depth--0 { text-align: right; } } #block-footer .menu-depth--0 > li.menu-item { display: inline; padding: 0 10px; } @media (min-width: 721px) { #block-footer .menu-depth--0 > li.menu-item { display: list-item; padding: 0; } } #block-footer .menu-depth--0 > li.menu-item > a { color: #ffffff; font-size: 10px; font-size: 0.625rem; line-height: 15px; line-height: 0.9375rem; opacity: 0.8; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; } #block-footer .menu-depth--0 > li.menu-item > a:hover { opacity: 1; } @media (min-width: 721px) { #block-footer .menu-depth--0 > li.menu-item > a { font-size: 12px; font-size: 0.75rem; line-height: 18px; line-height: 1.125rem; display: block; } } ul.menu { list-style-type: none !important; list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=) !important; margin: 0; padding: 0; } ul.menu li { list-style-type: none !important; list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=) !important; } ul.menu .menu-item, ul.menu .menu-item--collapsed, ul.menu .menu-item-expanded { list-style: none; padding: 0; } ul.menu li.menu-item a { text-decoration: none !important; } @media (min-width: 961px) { .business-menu, #block-secondarynavigation { background: #ffffff; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /*-webkit-box-flex: 1;*/ /*-webkit-flex-grow: 1;*/ /*-ms-flex-positive: 1;*/ /*flex-grow: 1;*/ -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: static; } } .business-menu .menu-full-container, #block-secondarynavigation .menu-full-container { display: none; /*-webkit-box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.05);*/ /*box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.05);*/ /*width: 100%;*/ min-width: 1200px; overflow-x: hidden; cursor: default; } .business-menu .menu-full-container.expanded, #block-secondarynavigation .menu-full-container.expanded { display: block; position: absolute; left: 0; top: 80px; /*background: #FAFAFA;*/ z-index: 100; overflow-y: hidden; } .business-menu .menu-full-container.active{ top: 60px; } .condensed .business-menu .menu-full-container.expanded, .condensed #block-secondarynavigation .menu-full-container.expanded { top: 80px; } .business-menu .menu-full-container .grid-wrap, #block-secondarynavigation .menu-full-container .grid-wrap { /*display: -ms-grid;*/ /*display: grid;*/ /*width: 100%;*/ width: 320px; position: relative; /*-ms-grid-columns: 320px 320px 1fr;*/ /*grid-template-columns:320px 320px 1fr;*/ } @media (min-width: 1441px) { .business-menu .menu-full-container .grid-wrap, #block-secondarynavigation .menu-full-container .grid-wrap { /*-ms-grid-columns: 270px 320px 320px 1fr 600px;*/ /*grid-template-columns:270px 320px 320px 1fr 600px;*/ max-width: 1920px; /*margin-left: auto;*/ /*margin-right: auto;*/ background: #FAFAFA; } } .business-menu .menu-full-container .submenu-container, #block-secondarynavigation .menu-full-container .submenu-container { width: 100%; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / span 1; -ms-grid-row: 1; grid-row: 1; margin: 0; background: #FAFAFA; } @media (min-width: 1441px) { .business-menu .menu-full-container .submenu-container, #block-secondarynavigation .menu-full-container .submenu-container { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / span 1; } } .business-menu .menu-full-container.has-liftup .liftup-container, #block-secondarynavigation .menu-full-container.has-liftup .liftup-container { display: none; } @media (min-width: 1201px) { .business-menu .menu-full-container.has-liftup .liftup-container, #block-secondarynavigation .menu-full-container.has-liftup .liftup-container { display: block; width: auto; -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / span 1; margin: 0px 30px; } .business-menu .menu-full-container.has-liftup .liftup-container article, #block-secondarynavigation .menu-full-container.has-liftup .liftup-container article { position: relative; color: #ffffff; max-width: 400px; } } @media (min-width: 1441px) { .business-menu .menu-full-container.has-liftup .liftup-container, #block-secondarynavigation .menu-full-container.has-liftup .liftup-container { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 5 / span 1; margin: 40px 60px 40px 20px; } } .business-menu .menu-depth--0, #block-secondarynavigation .menu-depth--0 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; } .business-menu .menu-depth--0 .is-active ~ .menu-full-container .overview > a, #block-secondarynavigation .menu-depth--0 .is-active ~ .menu-full-container .overview > a { color: #9a1f22; } .business-menu .menu-depth--0 .line-runner, #block-secondarynavigation .menu-depth--0 .line-runner { width: 0; height: 4px; background: #9a1f22; -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end; position: absolute; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); /*transform: translateX(10px);*/ } .business-menu .menu-depth--0 > li, #block-secondarynavigation .menu-depth--0 > li { margin-right: 50px; cursor: pointer; } .stock-code{ transform: translateY(6px); margin-left: 10px; } .business-menu .menu-depth--0 > li:last-child{ margin-right: 0; } body:not(.safari) .business-menu .menu-depth--0 > li, body:not(.safari) #block-secondarynavigation .menu-depth--0 > li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 5px; position: relative; } @media (min-width: 961px) { .business-menu .menu-depth--0 > li, #block-secondarynavigation .menu-depth--0 > li { height: 50px; } } @media (min-width: 1441px) { /*.business-menu .menu-depth--0 > li, #block-secondarynavigation .menu-depth--0 > li {*/ /* margin: 0px 10px;*/ /*}*/ } .business-menu .menu-depth--0 > li.item-below > a, #block-secondarynavigation .menu-depth--0 > li.item-below > a { padding-right: 10px; color: #000000; font-size: 16px; font-weight: bold; } .business-menu .menu-depth--0 > li > a, #block-secondarynavigation .menu-depth--0 > li > a { color: #333; text-transform: uppercase; height: 100%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .business-menu .menu-depth--0 > li > a, #block-secondarynavigation .menu-depth--0 > li > a { font-size: 16px; font-weight: bold; } @media screen and (min-width: 1180px) { .business-menu .menu-depth--0 > li > a, #block-secondarynavigation .menu-depth--0 > li > a { font-size: 16px; } } .business-menu .menu-depth--0 > li.item-below:after, #block-secondarynavigation .menu-depth--0 > li.item-below:after { content: '›'; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-size: 20px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; -o-transition: transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out font-family: "Tahoma regular",Verdana,Segoe,sans-serif; } .business-menu .menu-depth--0 > li.open:after, #block-secondarynavigation .menu-depth--0 > li.open:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); color: #9a1f22; } .business-menu .menu-depth--0 > li.open a{ color: #9a1f22; } .business-menu .menu-depth--1, #block-secondarynavigation .menu-depth--1 { max-height: 700px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 320px; position: relative; padding: 20px 0; } .business-menu .menu-depth--1 .overview{ display: none!important; } .business-menu .menu-depth--1 > li.menu-item, #block-secondarynavigation .menu-depth--1 > li.menu-item { -webkit-transition: background .15s ease-out; -o-transition: background .15s ease-out; transition: background .15s ease-out; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .business-menu .menu-depth--1 > li.menu-item > a, #block-secondarynavigation .menu-depth--1 > li.menu-item > a { padding: 8px 20px; -webkit-transition: color .15s ease-out, -webkit-transform .1s ease-out; transition: color .15s ease-out, -webkit-transform .1s ease-out; -o-transition: color .15s ease-out, transform .1s ease-out; transition: color .15s ease-out, transform .1s ease-out; transition: color .15s ease-out, transform .1s ease-out, -webkit-transform .1s ease-out; text-transform: uppercase; font-family: "Tahoma Bold", Verdana, Segoe, sans-serif; color: #333; font-size: 15px; line-height: 24px; display: block; } .business-menu .menu-depth--1 > li.menu-item.open, #block-secondarynavigation .menu-depth--1 > li.menu-item.open { background: #F4F4F4; } .business-menu .menu-depth--2 > li.menu-item.open, #block-secondarynavigation .menu-depth--2 > li.menu-item.open { background: #e8e8e8; } .business-menu .menu-depth--1 > li.menu-item.open > a, #block-secondarynavigation .menu-depth--1 > li.menu-item.open > a { color: #9a1f22; -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); } .business-menu .menu-depth--2 > li.menu-item.open > a, #block-secondarynavigation .menu-depth--2 > li.menu-item.open > a { color: #9a1f22; -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); } .business-menu .menu-depth--1 > li.menu-item.open .menu.menu-depth--2, #block-secondarynavigation .menu-depth--1 > li.menu-item.open .menu.menu-depth--2 { opacity: 1; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: opacity .1s ease-out, visibility .15s ease-out, -webkit-transform .15s ease-out; transition: opacity .1s ease-out, visibility .15s ease-out, -webkit-transform .15s ease-out; -o-transition: opacity .1s ease-out, transform .15s ease-out, visibility .15s ease-out; transition: opacity .1s ease-out, transform .15s ease-out, visibility .15s ease-out; transition: opacity .1s ease-out, transform .15s ease-out, visibility .15s ease-out, -webkit-transform .15s ease-out; visibility: visible; } .business-menu .menu-depth--1 > li.menu-item.open .menu.menu-depth--2 > li.menu-item.open .menu.menu-depth--3, #block-secondarynavigation .menu-depth--1 > li.menu-item.open .menu.menu-depth--2 > li.menu-item.open .menu.menu-depth--3 { opacity: 1; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: opacity .1s ease-out, visibility .15s ease-out, -webkit-transform .15s ease-out; transition: opacity .1s ease-out, visibility .15s ease-out, -webkit-transform .15s ease-out; -o-transition: opacity .1s ease-out, transform .15s ease-out, visibility .15s ease-out; transition: opacity .1s ease-out, transform .15s ease-out, visibility .15s ease-out; transition: opacity .1s ease-out, transform .15s ease-out, visibility .15s ease-out, -webkit-transform .15s ease-out; visibility: visible; } .business-menu .menu-depth--1 > li.menu-item.menu-item--active-trail > a:not([href*="#"]), #block-secondarynavigation .menu-depth--1 > li.menu-item.menu-item--active-trail > a:not([href*="#"]) { color: #9a1f22; } .business-menu .menu-depth--1 > li.menu-item.item-below:after, #block-secondarynavigation .menu-depth--1 > li.menu-item.item-below:after { content: '>'; padding: 0 10px; font-weight: bold; margin-left: auto; font-family: "Tahoma regular",Verdana,Segoe,sans-serif; } .business-menu .menu-depth--2 > li.menu-item.item-below:after, #block-secondarynavigation .menu-depth--2 > li.menu-item.item-below:after { content: '>'; padding: 0 10px; font-weight: bold; margin-left: auto; float: right; font-family: "Tahoma regular",Verdana,Segoe,sans-serif; } .business-menu .menu-depth--1 > li.menu-item.item-below:before, #block-secondarynavigation .menu-depth--1 > li.menu-item.item-below:before { content: ''; position: absolute; background: #f3f3f3; width: 100%; height: 100%; top: 0px; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; -webkit-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out; } .business-menu .menu-depth--2 > li.menu-item.item-below:before, #block-secondarynavigation .menu-depth--2 > li.menu-item.item-below:before { content: ''; position: absolute; background: #e8e8e8; width: 100%; height: 109%; top: 0px; left: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; -webkit-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out; } .business-menu .menu-depth--1 > li.menu-item.item-below.open:after, #block-secondarynavigation .menu-depth--1 > li.menu-item.item-below.open:after { content: '-'; color: #9a1f22; } .business-menu .menu-depth--2 > li.menu-item.item-below.open:after, #block-secondarynavigation .menu-depth--2 > li.menu-item.item-below.open:after { content: '-'; color: #9a1f22; } .business-menu .menu-depth--1 > li.menu-item.item-below.open:before, #block-secondarynavigation .menu-depth--1 > li.menu-item.item-below.open:before { opacity: 1; } .business-menu .menu-depth--2 > li.menu-item.item-below.open:before, #block-secondarynavigation .menu-depth--2 > li.menu-item.item-below.open:before { opacity: 1; } .business-menu .menu-depth--0 li:nth-child(2) .menu-depth--1 > li.menu-item.item-below.open:before{ opacity: 0; } .business-menu .menu.menu-depth--2, #block-secondarynavigation .menu.menu-depth--2 { position: absolute; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: flex-start; top: 0px; left: 0px; padding: 60px 0 20px; height: -webkit-calc(100% - 40px); height: calc(100% - 40px); -webkit-transform: translateX(103%); -ms-transform: translateX(103%); transform: translateX(103%); opacity: 0; z-index: 1; visibility: hidden; -webkit-transition: opacity .1s ease-out, visibility .15s ease-out .15s, -webkit-transform .15s ease-out; transition: opacity .1s ease-out, visibility .15s ease-out .15s, -webkit-transform .15s ease-out; -o-transition: opacity .1s ease-out, transform .15s ease-out, visibility .15s ease-out .15s; transition: opacity .1s ease-out, transform .15s ease-out, visibility .15s ease-out .15s; transition: opacity .1s ease-out, transform .15s ease-out, visibility .15s ease-out .15s, -webkit-transform .15s ease-out; background-color: #F4F4F4; } .business-menu .menu.menu-depth--3 .menu, #block-secondarynavigation .menu.menu-depth--3 .menu { position: absolute; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; top: 0px; left: 0px; padding: 20px 0; height: -webkit-calc(100% - 40px); height: calc(100% - 40px); -webkit-transform: translateX(103%); -ms-transform: translateX(103%); transform: translateX(103%); opacity: 0; z-index: 1; visibility: hidden; -webkit-transition: opacity .1s ease-out, visibility .15s ease-out .15s, -webkit-transform .15s ease-out; transition: opacity .1s ease-out, visibility .15s ease-out .15s, -webkit-transform .15s ease-out; -o-transition: opacity .1s ease-out, transform .15s ease-out, visibility .15s ease-out .15s; transition: opacity .1s ease-out, transform .15s ease-out, visibility .15s ease-out .15s; transition: opacity .1s ease-out, transform .15s ease-out, visibility .15s ease-out .15s, -webkit-transform .15s ease-out; background-color: #f3f3f3; } .business-menu .menu.menu-depth--2 .menu.menu-depth--3, #block-secondarynavigation .menu.menu-depth--2 .menu.menu-depth--3 { position: absolute; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: flex-start; top: 0px; left: 0px; padding: 60px 0 20px; height: -webkit-calc(100% - 40px); height: calc(100% - 40px); -webkit-transform: translateX(103%); -ms-transform: translateX(103%); transform: translateX(103%); opacity: 0; z-index: 1; visibility: hidden; -webkit-transition: opacity .1s ease-out, visibility .15s ease-out .15s, -webkit-transform .15s ease-out; transition: opacity .1s ease-out, visibility .15s ease-out .15s, -webkit-transform .15s ease-out; -o-transition: opacity .1s ease-out, transform .15s ease-out, visibility .15s ease-out .15s; transition: opacity .1s ease-out, transform .15s ease-out, visibility .15s ease-out .15s; transition: opacity .1s ease-out, transform .15s ease-out, visibility .15s ease-out .15s, -webkit-transform .15s ease-out; background-color: #e8e8e8; } .business-menu .menu.menu-depth--2:first-child, #block-secondarynavigation .menu.menu-depth--2:first-child { padding-top: 15px; } .business-menu .menu.menu-depth--2 > li.menu-item, #block-secondarynavigation .menu.menu-depth--2 > li.menu-item { margin: 0; padding: 8px 20px; } .business-menu .menu.menu-depth--2 > li.menu-item::marker, #block-secondarynavigation .menu.menu-depth--2 > li.menu-item{ display: none; } .business-menu .menu.menu-depth--3 > li.menu-item, #block-secondarynavigation .menu.menu-depth--3 > li.menu-item { margin: 0; padding: 8px 20px; } .business-menu .menu.menu-depth--2 > li.menu-item > a, #block-secondarynavigation .menu.menu-depth--2 > li.menu-item > a { width: 68px; color: #333; font-size: 15px; line-height: 24px; } .business-menu .menu.menu-depth--3 > li.menu-item > a, #block-secondarynavigation .menu.menu-depth--32 > li.menu-item > a { width: 68px; color: #333; font-size: 15px; line-height: 24px; } .business-menu .menu.menu-depth--2 > li.menu-item > a:hover, #block-secondarynavigation .menu.menu-depth--2 > li.menu-item > a:hover { color: #9a1f22; } .business-menu .menu.menu-depth--3 > li.menu-item > a:hover, #block-secondarynavigation .menu.menu-depth--3 > li.menu-item > a:hover { color: #9a1f22; } .business-menu .menu-depth--2 li.menu-item > a.is-active:not([href*="#"]), #block-secondarynavigation .menu-depth--2 li.menu-item > a.is-active:not([href*="#"]), .business-menu .menu-depth--1 li.menu-item > a.is-active:not([href*="#"]), #block-secondarynavigation .menu-depth--1 li.menu-item > a.is-active:not([href*="#"]) { color: #9a1f22; } body.navigation-open { height: 100%; /*overflow: hidden;*/ } @media (min-width: 961px) { body.navigation-open { margin-right: 15px; } body.navigation-open header { border-right: 15px solid white; } body.navigation-open .curtain { width: -webkit-calc(100% - 15px); width: calc(100% - 15px); } } body.navigation-open .mobile-menu ul.menu-depth--0 { overflow-y: auto; } body.navigation-open .mobile-menu .mobile-trigger .menu-hamburger { background: transparent; -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); } body.navigation-open .mobile-menu .mobile-trigger .menu-hamburger:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #9a1f22; } body.navigation-open .mobile-menu .mobile-trigger .menu-hamburger:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #9a1f22; } body.toolbar-vertical .mobile-menu ul.menu.menu-depth--0 { top: 119px; height: -webkit-calc(100vh - 119px); height: calc(100vh - 119px); } .mobile-menu { z-index: 100; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (min-width: 961px) { } .mobile-menu .mobile-trigger { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; cursor: pointer; width: auto; background: #ffffff; margin-left: auto; } .mobile-menu .mobile-trigger .menu-hamburger { height: 3px; width: 16px; background: #333; display: block; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .mobile-menu .mobile-trigger .menu-hamburger:before, .mobile-menu .mobile-trigger .menu-hamburger:after { content: ''; display: block; position: relative; width: 16px; height: 3px; top: -5px; background: #333; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; } .mobile-menu .mobile-trigger .menu-hamburger:after { top: 2px; -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; } .mobile-menu ul.menu { display: none; border-top: 1px solid #E2E2E2; background: #ffffff; } .mobile-menu ul.menu > li { border-bottom: 1px solid #E2E2E2; position: relative; background: white; } .mobile-menu ul.menu > li.open { border-bottom: 0px none !important; } .mobile-menu ul.menu > li.secondary-navigation { /*border-left: 8px solid #333 !important;*/ } .mobile-menu ul.menu > li.secondary-navigation > a { padding-left: 15px !important; } .mobile-menu ul.menu > li.menu-item--expanded > .arrow { position: absolute; right: 0; top: 0; width: 63px; height: 100%; display: block; cursor: pointer; border-left: 1px solid #E2E2E2; } .mobile-menu ul.menu > li.menu-item--expanded > .arrow:after { width: 0; height: 0; content: ''; display: inline-block; top: -3px; position: relative; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } @media (min-width: 721px) { .mobile-menu ul.menu > li.menu-item--expanded > .arrow:after { margin-left: 5.5px; } } @media (min-width: 1201px) { .mobile-menu ul.menu > li.menu-item--expanded > .arrow:after { margin-left: 11px; } } .mobile-menu ul.menu > li.menu-item--expanded > .arrow:after { border-left: 5.5px solid transparent; border-right: 5.5px solid transparent; border-top: 6px solid #333; border-bottom: 0px none; } .mobile-menu ul.menu > li.menu-item--expanded > .arrow:after { position: absolute; left: -webkit-calc(50% - 5.5px); left: calc(50% - 5.5px); top: 25px; } .mobile-menu ul.menu > li.menu-item--expanded.open > .arrow:after { width: 0; height: 0; content: ''; display: inline-block; top: -3px; position: relative; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } @media (min-width: 721px) { .mobile-menu ul.menu > li.menu-item--expanded.open > .arrow:after { margin-left: 5.5px; } } @media (min-width: 1201px) { .mobile-menu ul.menu > li.menu-item--expanded.open > .arrow:after { margin-left: 11px; } } .mobile-menu ul.menu > li.menu-item--expanded.open > .arrow:after { border-left: 5.5px solid transparent; border-right: 5.5px solid transparent; border-bottom: 6px solid #9a1f22; border-top: 0px none; } .mobile-menu ul.menu > li.menu-item--expanded.open > .arrow:after { position: absolute; left: -webkit-calc(50% - 5.5px); left: calc(50% - 5.5px); top: 25px; } .mobile-menu ul.menu > li.menu-item--expanded > a { padding-right: 73px !important; } .mobile-menu ul.menu > li > a { padding: 20px; display: block; padding-right: 40px; color: #333; font-size: 12px; font-size: 0.75rem; line-height: 18px; line-height: 1.125rem; text-transform: uppercase; } .mobile-menu ul.menu > li > a.is-active { color: #9a1f22; } .mobile-menu ul.menu > li.open > a { color: #9a1f22 !important; } .mobile-menu ul.menu.menu-depth--0 { border-top: 0px none; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); top: 70px; height: -webkit-calc(100vh - 60px); height: calc(100vh - 60px); position: fixed; display: block; -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; -o-transition: transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; width: 100%; -webkit-box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.25); box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.25); } header.condensed .mobile-menu ul.menu.menu-depth--0 { top: 30px; height: -webkit-calc(100vh - 30px); height: calc(100vh - 30px); } @media (max-width: 721px) { .login-curtain-open .mobile-menu ul.menu.menu-depth--0 { display: none; } } .mobile-menu ul.menu.menu-depth--0.open { /*-webkit-transform: translateX(-webkit-calc(-100% + 40px));*/ /*-ms-transform: translateX(calc(-100% + 40px));*/ transform: translateX(-92%); border-top: 1px solid #E2E2E2; width: 101%; } .mobile-menu ul.menu.menu-depth--0 > li { padding-left: 0; } .mobile-menu ul.menu.menu-depth--0 > li > a { padding: 22.5px 20px; display: block; padding-right: 40px; color: #333; font-size: 14px; font-size: 0.875rem; line-height: 17.9998px; line-height: 1.12499rem; } .mobile-menu ul.menu.menu-depth--0 > li.menu-item--expanded > .arrow:before, .mobile-menu ul.menu.menu-depth--0 > li.menu-item--expanded > .arrow:after { border: 0px none !important; content: ''; display: block; position: absolute; top: 31px; left: 22px; width: 20px; height: 3px; background-color: #333; margin-left: 0 !important; } .mobile-menu ul.menu.menu-depth--0 > li.menu-item--expanded > .arrow:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; -o-transition: transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; } .mobile-menu ul.menu.menu-depth--0 > li.menu-item--expanded.open { border: 0px none; } .mobile-menu ul.menu.menu-depth--0 > li.menu-item--expanded.open > .arrow:before { background-color: #9a1f22; } .mobile-menu ul.menu.menu-depth--0 > li.menu-item--expanded.open > .arrow:after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); background-color: #9a1f22; } .mobile-menu ul.menu.menu-depth--0 > li:last-of-type { margin-bottom: 6rem; } .mobile-menu ul.menu.menu-depth--1 > li { background: #F4F4F4; } .mobile-menu ul.menu.menu-depth--1 > li > a { font-family: "Tahoma bold", Verdana, Segoe, sans-serif; } .mobile-menu ul.menu.menu-depth--2 > li { background: #E2E2E2; border-bottom: 1px solid #D6D6D6; } .mobile-menu ul.menu.menu-depth--2 > li.menu-item--expanded > .arrow { border-left: 1px solid #D6D6D6; } .mobile-menu ul.menu.menu-depth--3 { border-top: 1px solid #D6D6D6; } .mobile-menu ul.menu.menu-depth--3 > li { background: #DDDDDD; border-bottom: 1px solid #D6D6D6; } .mobile-menu ul.menu.menu-depth--3 > li > a { text-transform: none; } .mobile-menu ul.menu.menu-depth--4 { border-top: 1px solid #D6D6D6; } .mobile-menu ul.menu.menu-depth--4 > li { background: #DDDDDD; border-bottom: 1px solid #D6D6D6; } .mobile-menu ul.menu.menu-depth--4 > li > a { text-transform: none; padding-left: 40px; } #block-secondarynavigation { display: none; } #block-secondarynavigation ul.menu { list-style-type: none; } @media (min-width: 961px) { #block-secondarynavigation { background: #333; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 15; } } #block-secondarynavigation .menu-full-container { display: none; overflow-x: hidden; } #block-secondarynavigation .menu-full-container.expanded { top: 50px; background: #333; z-index: 105; } #block-secondarynavigation .menu-full-container .grid-wrap { -ms-grid-columns: 320px 320px 1fr 600px; grid-template-columns:320px 320px 1fr 600px; } #block-secondarynavigation .menu-full-container .submenu-container { background: #333; -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / span 1; } #block-secondarynavigation .menu-depth--0 { padding: 0 10px; } @media (min-width: 1441px) { #block-secondarynavigation .menu-depth--0 { padding: 0 30px; } } #block-secondarynavigation .menu-depth--0 .is-active ~ .menu-full-container .overview > a { color: #ffffff; } #block-secondarynavigation .menu-depth--0 > li > a, #block-secondarynavigation .menu-depth--0 > li:after { color: #ffffff; } #block-secondarynavigation .menu-depth--0 > li > a, #block-secondarynavigation .menu-depth--0 > li:after { font-size: 12px; } @media screen and (min-width: 960px) { #block-secondarynavigation .menu-depth--0 > li > a, #block-secondarynavigation .menu-depth--0 > li:after { font-size: -webkit-calc(12px + 1 * ((100vw - 960px) / 220)); font-size: calc(12px + 1 * ((100vw - 960px) / 220)); } } @media screen and (min-width: 1180px) { #block-secondarynavigation .menu-depth--0 > li > a, #block-secondarynavigation .menu-depth--0 > li:after { font-size: 13px; } } #block-secondarynavigation .menu-depth--0 > li.open:after { color: #ffffff; } #block-secondarynavigation .menu-depth--1 > li.menu-item > a { color: #aaa; } #block-secondarynavigation .menu-depth--1 > li.menu-item.open { background: #333; } #block-secondarynavigation .menu-depth--1 > li.menu-item.open > a { color: #ffffff; } #block-secondarynavigation .menu-depth--1 > li.menu-item.is-active { color: #ffffff; } #block-secondarynavigation .menu-depth--1 > li.menu-item.item-below:after { color: #aaa; } #block-secondarynavigation .menu-depth--1 > li.menu-item.item-below:before { background: #444; } #block-secondarynavigation .menu-depth--1 > li.menu-item.item-below.open:after { color: #ffffff; } #block-secondarynavigation .menu-depth--1 > li.menu-item.menu-item--active-trail > a { color: #ffffff; } #block-secondarynavigation .menu.menu-depth--2 > li.menu-item > a { color: #aaa; } #block-secondarynavigation .menu.menu-depth--2 > li.menu-item > a:hover { color: #ffffff; } #block-secondarynavigation .menu.menu-depth--2 > li.menu-item > a.is-active { color: #ffffff; } @media (min-width: 961px) { .region-sidebar > nav { -webkit-box-shadow: 0 0px 4px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 0px 4px 1px rgba(0, 0, 0, 0.05); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #ffffff; z-index: 8; } body:not(.ie) .region-sidebar > nav { position: -webkit-sticky; position: sticky; top: 160px; } .user-logged-in .region-sidebar > nav { top: 240px; } } .region-sidebar > nav ul.menu { width: 100%; } .region-sidebar > nav ul.menu > li { -webkit-transition: background .1s ease-out; -o-transition: background .1s ease-out; transition: background .1s ease-out; } .region-sidebar > nav ul.menu > li > a { color: #333; display: block; -webkit-transition: color .1s ease-out, -webkit-transform .1s ease-out; transition: color .1s ease-out, -webkit-transform .1s ease-out; -o-transition: color .1s ease-out, transform .1s ease-out; transition: color .1s ease-out, transform .1s ease-out; transition: color .1s ease-out, transform .1s ease-out, -webkit-transform .1s ease-out; } .region-sidebar > nav ul.menu > li > a { font-size: 11px; } @media screen and (min-width: 960px) { .region-sidebar > nav ul.menu > li > a { font-size: -webkit-calc(11px + 2 * ((100vw - 960px) / 220)); font-size: calc(11px + 2 * ((100vw - 960px) / 220)); } } @media screen and (min-width: 1180px) { .region-sidebar > nav ul.menu > li > a { font-size: 13px; } } .region-sidebar > nav ul.menu > li:hover { background: rgba(0, 0, 0, 0.04); } .region-sidebar > nav ul.menu > li:hover > a { color: #9a1f22; -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); } .region-sidebar > nav ul.menu.menu-depth--0 > li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; background: #F4F4F4; } .region-sidebar > nav ul.menu.menu-depth--0 > li:after { content: ''; display: inline-block; width: 100%; height: 1px; background: #E2E2E2; } .region-sidebar > nav ul.menu.menu-depth--0 > li > a { padding: 10px 20px; text-transform: uppercase; } @media (min-width: 1441px) { .region-sidebar > nav ul.menu.menu-depth--0 > li > a { padding: 10px 40px; } } .region-sidebar > nav ul.menu.menu-depth--0 > li.menu-item--active-trail > a { font-family: "Tahoma bold", Verdana, Segoe, sans-serif; color: #9a1f22; } .region-sidebar > nav ul.menu.menu-depth--1 > li { border-top: 1px solid #E2E2E2; background-color: #FAFAFA; } .region-sidebar > nav ul.menu.menu-depth--1 > li > a { padding: 10px 25px; } @media (min-width: 1441px) { .region-sidebar > nav ul.menu.menu-depth--1 > li > a { padding: 10px 45px; } } .region-sidebar > nav ul.menu.menu-depth--1 > li > a.is-active { color: #9a1f22; } .region-sidebar > nav ul.menu.menu-depth--1 > li.menu-item--active-trail > a { color: #9a1f22; } .region-sidebar > nav ul.menu.menu-depth--2 { background-color: whitesmoke; } .region-sidebar > nav ul.menu.menu-depth--2 > li { border-top: 1px solid #E2E2E2; } .region-sidebar > nav ul.menu.menu-depth--2 > li > a { padding: 10px 30px; } @media (min-width: 1441px) { .region-sidebar > nav ul.menu.menu-depth--2 > li > a { padding: 10px 50px; } } .region-sidebar > nav ul.menu.menu-depth--2 > li > a.is-active { font-family: "Tahoma bold", Verdana, Segoe, sans-serif; border-left: 2px solid #9a1f22; } .region-sidebar > nav ul.menu.menu-depth--3 { background-color: #F4F4F4; } .region-sidebar > nav ul.menu.menu-depth--3 > li { border-top: 1px solid #E2E2E2; } .region-sidebar > nav ul.menu.menu-depth--3 > li > a { padding: 10px 20px 10px 50px; color: #333; display: block; font-size: 13px; } .region-sidebar > nav ul.menu.menu-depth--3 > li > a.is-active { font-family: "Tahoma bold", Verdana, Segoe, sans-serif; border-left: 2px solid #9a1f22; } .page-node-type-section .menu--sidebar { position: relative; width: 100%; z-index: 9; } @media (min-width: 721px) { .page-node-type-section .menu--sidebar { left: 20px; margin-top: 40px; max-width: 270px; position: fixed; } } @media (min-width: 1441px) { .page-node-type-section .menu--sidebar { left: 40px; } } .page-node-type-section .menu--sidebar a { padding: 10px; } @media (max-width: 721px) { .page-node-type-section .menu--sidebar a { padding: 10px 25px; } } @media (min-width: 1441px) { .page-node-type-section .menu--sidebar a { padding: 12px 20px; } } .page-node-type-section .menu--sidebar li > a { border: 1px solid #E2E2E2; border-bottom: none; } .page-node-type-section .menu--sidebar .trigger-wrapper { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 8px 20px; } @media (min-width: 721px) { .page-node-type-section .menu--sidebar .trigger-wrapper { display: none; } } .page-node-type-section .menu--sidebar .menu-trigger { font-family: "Tahoma bold", Verdana, Segoe, sans-serif; background: white; border: 1px solid #E2E2E2; border-radius: 2px; color: #333; display: inline-block; padding: 7px 10px; position: relative; text-transform: uppercase; text-decoration: none; z-index: 2; } @media (min-width: 721px) { .page-node-type-section .menu--sidebar .menu-trigger { display: none; } } .page-node-type-section .menu--sidebar .menu-trigger .hamburger { display: inline-block; height: 3px; margin-right: 0; background: #333; position: relative; top: -4px; } @media (max-width: 721px) { .page-node-type-section .menu--sidebar .menu-trigger .hamburger + .text { display: none; } } .page-node-type-section .menu--sidebar .menu-trigger .hamburger:before, .page-node-type-section .menu--sidebar .menu-trigger .hamburger:after { -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; background: #333; height: 3px; } .page-node-type-section .menu--sidebar .menu-trigger.open .hamburger { width: 0; margin-right: 15px; } .page-node-type-section .menu--sidebar .menu-trigger.open .hamburger:before { content: ''; width: 16px; display: block; position: absolute; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: -1px; left: -1px; } .page-node-type-section .menu--sidebar .menu-trigger.open .hamburger:after { content: ''; width: 16px; display: block; position: absolute; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: -1px; left: -1px; } .page-node-type-section .menu--sidebar .menu-trigger.closed .hamburger { padding-right: 0; width: 13px; } .page-node-type-section .menu--sidebar .menu-trigger.closed .hamburger:before { content: ''; width: 13px; display: block; position: absolute; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); top: -5px; } .page-node-type-section .menu--sidebar .menu-trigger.closed .hamburger:after { content: ''; width: 13px; display: block; position: absolute; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); top: 5px; } .page-node-type-section .menu--sidebar.open ul.menu.menu-depth--0 { display: block; opacity: 1; } .page-node-type-section .menu--sidebar.closed ul.menu.menu-depth--0 { display: none; opacity: 0; } .page-node-type-section .menu--sidebar ul.menu.menu-depth--0 { background-color: #ffffff; position: absolute; top: 0; z-index: 1; } @media (max-width: 721px) { .page-node-type-section .menu--sidebar ul.menu.menu-depth--0 { display: none; margin-top: 50px; opacity: 0; width: 100%; } } @media (min-width: 721px) { .page-node-type-section .menu--sidebar ul.menu.menu-depth--0 { display: block; opacity: 1; } } .page-node-type-section .menu--sidebar ul.menu.menu-depth--0 > li:last-of-type { border-bottom: 1px solid #E2E2E2; } .page-node-type-section .menu--sidebar ul.menu.menu-depth--0 > li > a { font-size: 14px; font-size: 0.875rem; line-height: 16.1px; line-height: 1.00625rem; font-family: "Tahoma bold", Verdana, Segoe, sans-serif; color: #333; display: block; text-transform: uppercase; } .page-node-type-section .menu--sidebar ul.menu.menu-depth--0 > li > a.is-active { color: #9a1f22; } .page-node-type-section .menu--sidebar ul.menu.menu-depth--1 { display: none; } .page-node-type-section .menu--sidebar ul.menu.menu-depth--1 > li { background-color: #FAFAFA; } .page-node-type-section .menu--sidebar ul.menu.menu-depth--1 > li > a { font-size: 14px; font-size: 0.875rem; line-height: 18.396px; line-height: 1.14975rem; color: #333; display: block; padding-right: 40px; } .page-node-type-section .menu--sidebar ul.menu.menu-depth--1 > li > a.is-active { padding-right: 10px; font-family: "Tahoma bold", Verdana, Segoe, sans-serif; border-left: 2px solid #9a1f22; } .page-node-type-section .menu--sidebar ul.menu.menu-depth--2 { background-color: #F4F4F4; } .page-node-type-section .menu--sidebar ul.menu.menu-depth--2 > li > a { color: #333; display: block; font-size: 14px; font-size: 0.875rem; line-height: 15.9992px; line-height: 0.99995rem; } .page-node-type-section .menu--sidebar ul.menu.menu-depth--2 > li > a.is-active { font-family: "Tahoma bold", Verdana, Segoe, sans-serif; border-left: 2px solid #9a1f22; } .page-node-type-section .menu--sidebar ul.menu.menu-depth--3 { background-color: #F4F4F4; } .page-node-type-section .menu--sidebar ul.menu.menu-depth--3 > li > a { display: block; font-size: 16px; font-size: 1rem; line-height: 18.2848px; line-height: 1.1428rem; } .page-node-type-section .menu--sidebar ul.menu.menu-depth--3 > li > a.is-active { font-family: "Tahoma bold", Verdana, Segoe, sans-serif; border-left: 2px solid #9a1f22; } .region-breadcrumb { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #F4F4F4; z-index: 8; width: 100%; position: -webkit-sticky; position: sticky; top: 40px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 1920px; margin-left: auto; margin-right: auto; } .ie .region-breadcrumb { position: fixed; } .safari .region-breadcrumb { height: 50px; } @media (min-width: 961px) { .region-breadcrumb { top: 80px; } .user-logged-in .region-breadcrumb { top: 160px; } } .region-breadcrumb .block-system-breadcrumb-block li { font-size: 12px; font-size: 0.75rem; line-height: 18px; line-height: 1.125rem; color: #aaa; } .region-breadcrumb .block-system-breadcrumb-block li:before { content: '\203A'; } .region-breadcrumb .block-system-breadcrumb-block li > a { color: #aaa; text-decoration: none; } .region-breadcrumb .block-system-breadcrumb-block li > a:hover { text-decoration: underline; } .region-breadcrumb .block-system-breadcrumb-block li:first-of-type { display: none; } .region-breadcrumb .block-system-breadcrumb-block li:first-of-type:before { content: ''; } @media (min-width: 721px) { .region-breadcrumb .block-system-breadcrumb-block li:first-of-type { display: inline-block; } } .region-breadcrumb .block-system-breadcrumb-block li:last-of-type { font-family: "Tahoma bold", Verdana, Segoe, sans-serif; } .region-breadcrumb .block-system-breadcrumb-block li:last-of-type:before { font-family: "Tahoma regular", Verdana, Segoe, sans-serif; } .region-breadcrumb .breadcrumb { padding: 10px 20px; } @media (min-width: 1201px) { .region-breadcrumb .breadcrumb { padding: 15px 20px; } } @media (min-width: 1441px) { .region-breadcrumb .breadcrumb { padding: 15px 40px; } } .region-content-bottom #block-eufundedfooter { text-align: center; } .region-coorporate-navigation { height: 30px; overflow: hidden; background: -webkit-gradient(linear, left top, right top, color-stop(0, #333), color-stop(50%, #444)); background: -o-linear-gradient(left, #333 0 50%, #444 50% 100%); background: linear-gradient(90deg, #333 0 50%, #444 50% 100%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .coorporate-navigation-open .region-coorporate-navigation { overflow: visible; border-bottom: 1px solid #aaa; } .region-coorporate-navigation > .flex-wrap { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; background: #333; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 961px) { .region-coorporate-navigation { height: 50px; } .region-coorporate-navigation > .flex-wrap { max-width: 1920px; margin-left: auto; margin-right: auto; } .ie .region-coorporate-navigation > .flex-wrap { max-width: none; } } .region-curtain-dropdown .block-views-exposed-filter-blockacquia-search-search { position: absolute; width: 100%; max-width: none; background: #F4F4F4; -webkit-box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.25); box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.25); z-index: -3; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform .2s ease-out; transition: -webkit-transform .2s ease-out; -o-transition: transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; } .search-open .region-curtain-dropdown .block-views-exposed-filter-blockacquia-search-search { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); } .region-curtain-dropdown .block-views-exposed-filter-blockacquia-search-search .icon { height: 20px; width: 20px; fill: #333; } .region-curtain-dropdown .block-views-exposed-filter-blockacquia-search-search .icon.search { -webkit-transform: translateX(-22px); -ms-transform: translateX(-22px); transform: translateX(-22px); } .region-curtain-dropdown .block-views-exposed-filter-blockacquia-search-search .form--inline { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; } .region-curtain-dropdown .block-views-exposed-filter-blockacquia-search-search .form--inline .form-type-select, .region-curtain-dropdown .block-views-exposed-filter-blockacquia-search-search .form--inline #edit-actions { display: none; } .region-curtain-dropdown .block-views-exposed-filter-blockacquia-search-search .form--inline .form-item-search { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 10px 0; } .region-curtain-dropdown .block-views-exposed-filter-blockacquia-search-search .form--inline .form-item-search > input { height: 25px; } .region-curtain-dropdown .block-views-exposed-filter-blockacquia-search-search .form--inline .form-item-search .hit-me { cursor: pointer; } @media (min-width: 961px) { .region-curtain-dropdown .block-views-exposed-filter-blockacquia-search-search .form--inline .form-item-search { margin: 20px 0; width: 50%; } .region-curtain-dropdown .block-views-exposed-filter-blockacquia-search-search .form--inline .form-item-search > input { height: 45px; } } @media (min-width: 1201px) { .region-curtain-dropdown .block-views-exposed-filter-blockacquia-search-search .form--inline .form-item-search { margin: 50px 0; } } .region-curtain-dropdown .block-views-exposed-filter-blockacquia-search-search .form--inline .form-item-search label { display: none; } .region-curtain-dropdown .block-views-exposed-filter-blockacquia-search-search .form--inline .form-item-search [data-drupal-selector="edit-search"] { margin: 0; width: 100%; max-width: 880px; } .region-curtain-dropdown .block-views-exposed-filter-blockacquia-search-search .form--inline .form-item-search [data-drupal-selector="edit-search"] { border: 0; background: transparent; border-bottom: 1px solid #ddd; border-radius: 0; } .region-curtain-dropdown .block-views-exposed-filter-blockacquia-search-search .form--inline .form-item-search [data-drupal-selector="edit-search"]:focus { border-color: #333; } footer { background: #333; } .region-footer { padding-bottom: 2rem; padding-top: 2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } @media (min-width: 1201px) { .region-footer { padding-left: 40px; padding-right: 40px; } } .region-footer .footer-menu { display: none; } .region-footer #block-copyrightinformation a.site-logo { padding-bottom: 15px; display: none; max-width: 200px; } .region-footer #block-copyrightinformation a.site-logo svg { width: 120px; fill: #ffffff; } @media (min-width: 1201px) { .region-footer #block-copyrightinformation a.site-logo svg { width: 200px; } } .region-footer #block-copyrightinformation p { color: #ffffff; font-size: 10px; font-size: 0.625rem; line-height: 15px; line-height: 0.9375rem; opacity: 0.8; text-align: center; } @media (min-width: 721px) { .region-footer #block-copyrightinformation { padding: 30px 0; } .region-footer #block-copyrightinformation p { text-align: left; font-size: 12px; font-size: 0.75rem; line-height: 18px; line-height: 1.125rem; } .region-footer #block-copyrightinformation a.site-logo { display: block; } .region-footer #block-copyrightinformation .footer-menu { display: block; width: 100%; } .region-footer #block-copyrightinformation .region-footer { padding-bottom: 3rem; padding-top: 3rem; } } .region-footer #block-chinaservicenumber { text-align: center; width: 100%; } .user-logged-in .region-footer { padding-bottom: 5em; } .region-main-navigation { /*-webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);*/ /*box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);*/ /*background: #ffffff;*/ /*position: relative;*/ padding: 0 50px; transition: all 0.3s; position: fixed; top: 0; width: 100%; left: 0; background: #fff; z-index: 999; } .region-main-navigation.active{ height: 70px; } @media (min-width: 961px) { .region-main-navigation { height: 110px; } .region-main-navigation > .flex-wrap { max-width: 1920px; margin-left: auto; margin-right: auto; } } .region-main-navigation > .flex-wrap { background: #ffffff; z-index: 10; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; height: 100%; justify-content: space-between; } .header-left{ display: flex; } .sousuo{ display: flex; align-items: center; } .sousuo .xian{ width: 1px; height: 14px; background: #d1d1d1; margin: 0 28px; } .sousuo a{ color: #343434; font-size: 16px; } @media (min-width: 0) and (max-width: 961px) { .region-main-navigation > .flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .region-main-navigation #block-eufunded { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .region-main-navigation #block-eufunded p { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } header { position: fixed; width: 100%; z-index: 10; top: 0; } @media print { header { display: none; } } @media (min-width: 961px) { .user-not-logged-in header { border-top: 5px solid white; } .user-not-logged-in header.condensed { border-top: 0; } } .toolbar-vertical header { top: 39px; } .toolbar-horizontal header { top: 39px; } .toolbar-horizontal.toolbar-tray-open header { top: 79px; } @media (max-width: 721px) { .login-curtain-open header { position: absolute; } } header a { text-decoration: none; } @media (min-width: 0) and (max-width: 961px) { .lang-en-au #block-callus p, .lang-en-au #block-contactmenu .menu-depth--0 > li.menu-item > a { font-size: 10px; font-size: 0.625rem; line-height: 15px; line-height: 0.9375rem; } } #block-port-services-locations .contact_container { overflow: auto; margin-top: 40px; } #block-port-services-locations .port_services_contacts { padding: 0; } #block-port-services-locations .port_services_contacts li { padding: 0; } #block-port-services-locations .port_services_contacts li.country { display: none; } #block-port-services-locations .port_services_contacts li.country.active { display: block; } #block-port-services-locations span.all-title { display: none; } #block-port-services-locations span.all-title.active { display: block; } #block-port-services-locations span.all-title, #block-port-services-locations .view-content { margin: 40px 0 20px 0; } #block-port-services-locations .contact_container > h2 { margin-top: 0px; } #block-port-services-locations .contact_container .country { margin-left: 0; } #block-port-services-locations .contact_container .info-section { margin-top: 0; } #block-port-services-locations .contact_container .info-section span { font-size: 16px; font-size: 1rem; line-height: 24px; line-height: 1.5rem; margin-right: 4px; } #block-port-services-locations .contact_container .info-section .subtitle, #block-port-services-locations .contact_container .info-section .email, #block-port-services-locations .contact_container .info-section .fax, #block-port-services-locations .contact_container .info-section .phone, #block-port-services-locations .contact_container .info-section .address, #block-port-services-locations .contact_container .info-section .url { font-family: "Tahoma bold", Verdana, Segoe, sans-serif; } #block-localcontacts, #block-port-services-locations { background: #F4F4F4; } @media (min-width: 961px) { #block-localcontacts, #block-port-services-locations { display: -ms-grid; display: grid; -ms-grid-columns: 40% 60%; grid-template-columns:40% 60%; -ms-grid-rows: 1; grid-template-rows:1; grid-column-gap: 0; grid-row-gap: 0; } } @media (min-width: 1201px) { #block-localcontacts, #block-port-services-locations { -ms-grid-columns: 30% 70%; grid-template-columns:30% 70%; } } #block-localcontacts .contact_container, #block-port-services-locations .contact_container { padding: 30px; } @media (min-width: 961px) { #block-localcontacts .contact_container, #block-port-services-locations .contact_container { height: 500px; } } #block-localcontacts .local-contacts, #block-port-services-locations .local-contacts { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-row: 1; grid-row-start: 1; } #block-localcontacts .local-contacts ul, #block-port-services-locations .local-contacts ul { margin: 0; padding: 0; list-style: none; } #block-localcontacts .local-contacts ul li.country, #block-port-services-locations .local-contacts ul li.country { margin: 0; padding: 0; -webkit-transition: opacity .5s; -o-transition: opacity .5s; transition: opacity .5s; opacity: 0; position: absolute; left: -999em; } #block-localcontacts .local-contacts ul li.country .info-section, #block-port-services-locations .local-contacts ul li.country .info-section { margin: 40px 0 20px 0; } #block-localcontacts .local-contacts ul li.country .info-section span, #block-port-services-locations .local-contacts ul li.country .info-section span { display: block; font-size: 16px; font-size: 1rem; line-height: 24px; line-height: 1.5rem; } #block-localcontacts .local-contacts ul li.country.active, #block-port-services-locations .local-contacts ul li.country.active { opacity: 1; left: auto; position: relative; } #block-localcontacts .cluster, #block-port-services-locations .cluster { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #block-localcontacts .views-element-container, #block-port-services-locations .views-element-container { -ms-grid-column: 2; grid-column-start: 2; -ms-grid-row: 1; grid-row-start: 1; } #block-localcontacts .views-element-container .geolocation-common-map-locations, #block-port-services-locations .views-element-container .geolocation-common-map-locations { display: none; } #block-localcontacts .view-id-locations .view-filters, #block-port-services-locations .view-id-locations .view-filters { display: none; } #block-localcontacts .view-id-locations .gm-style .gm-style-iw, #block-port-services-locations .view-id-locations .gm-style .gm-style-iw { max-width: 200px; } #block-localcontacts .view-id-locations .gm-style .gm-style-iw .views-field-title h5, #block-port-services-locations .view-id-locations .gm-style .gm-style-iw .views-field-title h5 { margin: 0; } #block-localcontacts .view-id-locations .gm-style .gm-style-iw .views-field-field-location-address, #block-port-services-locations .view-id-locations .gm-style .gm-style-iw .views-field-field-location-address { margin: 10px 0; } #block-localcontacts .view-id-locations .gm-style .gm-style-iw .views-field p, #block-localcontacts .view-id-locations .gm-style .gm-style-iw .views-field span, #block-port-services-locations .view-id-locations .gm-style .gm-style-iw .views-field p, #block-port-services-locations .view-id-locations .gm-style .gm-style-iw .views-field span { margin: 0; font-size: 14px; font-size: 0.875rem; line-height: 21px; line-height: 1.3125rem; } .countryselector-content { display: none; overflow: auto; position: relative; background-color: #444444; } .countryselector-content > .item-list { padding-left: 20px; padding-right: 20px; } @media (min-width: 1201px) { .countryselector-content > .item-list { padding-left: 50px; padding-right: 50px; } } .countryselector-content > .item-list:first-child { padding-top: 20px; } @media (min-width: 1201px) { .countryselector-content > .item-list:first-child { padding-top: 40px; } } .countryselector-content > .item-list:first-child h3 { padding-top: 0; } .countryselector-content > .item-list:last-of-type { padding-bottom: 20px; } @media (min-width: 1201px) { .countryselector-content > .item-list:last-of-type { padding-bottom: 40px; } } .countryselector-content .continent-togglable.open h3:after { width: 0; height: 0; content: ''; display: inline-block; top: -3px; position: relative; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } @media (min-width: 721px) { .countryselector-content .continent-togglable.open h3:after { margin-left: 5.5px; } } @media (min-width: 1201px) { .countryselector-content .continent-togglable.open h3:after { margin-left: 11px; } } .countryselector-content .continent-togglable.open h3:after { border-left: 5.5px solid transparent; border-right: 5.5px solid transparent; border-top: 6px solid white; border-bottom: 0px none; } .countryselector-content .continent-togglable.open h3:after { margin-left: 10px; } .countryselector-content .continent-togglable.closed h3:after { width: 0; height: 0; content: ''; display: inline-block; top: -3px; position: relative; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } @media (min-width: 721px) { .countryselector-content .continent-togglable.closed h3:after { margin-left: 5.5px; } } @media (min-width: 1201px) { .countryselector-content .continent-togglable.closed h3:after { margin-left: 11px; } } .countryselector-content .continent-togglable.closed h3:after { border-left: 5.5px solid transparent; border-right: 5.5px solid transparent; border-bottom: 6px solid white; border-top: 0px none; } .countryselector-content .continent-togglable.closed h3:after { margin-left: 10px; } .countryselector-content .continent-togglable.closed .country-list  { display: none; } @media (min-width: 721px) { .countryselector-content .continent-togglable.open h3:after, .countryselector-content .continent-togglable.closed h3:after { display: none; } } .countryselector-content h3 { text-transform: uppercase; opacity: 0.8; color: white; padding: 25px 10px 0 0; margin: 0 0 12px 0; font-size: 12px; font-size: 0.75rem; line-height: 22.992px; line-height: 1.437rem; font-family: "Tahoma bold", Verdana, Segoe, sans-serif; } .countryselector-content h3 small { color: white; line-height: 16px; font-size: 14px; display: block; } .countryselector-content .item-list ul { list-style: none; } .countryselector-content .item-list ul li { margin: 0px; font-size: 14px; font-size: 0.875rem; line-height: 22.9992px; line-height: 1.43745rem; letter-spacing: 0.17px; } .countryselector-content .item-list ul li a { color: white; opacity: 0.8; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; text-decoration: none; } .countryselector-content .item-list ul li a:hover { opacity: 1; } .countryselector-content .item-list ul li .no-link { color: white; opacity: 0.8; } .countryselector-content .item-list ul.country-list { -webkit-backface-visibility: hidden; } @media (min-width: 481px) { .countryselector-content .item-list ul.country-list { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } } @media (min-width: 721px) { .countryselector-content .item-list ul.country-list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } } @media (min-width: 1201px) { .countryselector-content .item-list ul.country-list { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } } .countryselector-content .item-list ul.country-list li { margin: 0px; } body.page-worldwide-change .l-content-wrapper .l-content { padding-top: 20px; } #kc-worldwide.style-full #continent-toggler { text-align: center; margin: 0 0 20px 0; } #kc-worldwide.style-full #continent-toggler li { float: left; width: 50%; margin: 5px 0; padding: 0 5px; } @media (min-width: 721px) { #kc-worldwide.style-full #continent-toggler li { float: none; display: inline-block; min-width: 80px; margin: 0 10px; width: auto; } } #kc-worldwide.style-full #continent-toggler li span { display: block; text-align: center; font-size: 14px; font-size: 0.875rem; line-height: 21px; line-height: 1.3125rem; font-family: "Tahoma bold", Verdana, Segoe, sans-serif; line-height: 28px; background: #f1f1f2; border: 1px solid #e3e4e5; padding: 5px 10px; } @media (min-width: 721px) { #kc-worldwide.style-full #continent-toggler li span { min-width: 100px; padding: 0px 10px; } } #kc-worldwide.style-full #continent-toggler li:hover span, #kc-worldwide.style-full #continent-toggler li.active span { cursor: pointer; background: #d7d7da; border: 1px solid #b4b6b9; } #kc-worldwide.style-full #continent-toggler li.show-all { width: 100%; margin: 0 0 5px 0; } @media (min-width: 721px) { #kc-worldwide.style-full #continent-toggler li.show-all { width: auto; margin: 0 5px; } } #kc-worldwide.style-full #continent-toggler li.label { display: none; } @media (min-width: 721px) { #kc-worldwide.style-full #continent-toggler li.label { display: inline-block; } #kc-worldwide.style-full #continent-toggler li.label span { border: none; background: none; min-width: 0; } } #kc-worldwide.style-full #kc-worldwide-global-link { background: #f1f1f1; padding: 15px 15px 40px 15px; margin: 0 0 20px 0; } #kc-worldwide.style-full #kc-worldwide-global-link h2 { border: none; margin: 0 0 10px 0; padding: 0; } #kc-worldwide.style-full #kc-worldwide-global-link li { margin: 0; padding: 0; } #kc-worldwide h2 { border-top: 1px solid #dcd5d4; clear: both; padding: 10px 0 18px 0; } #kc-worldwide ul.country-list { font-size: 16px; font-size: 1rem; line-height: 24px; line-height: 1.5rem; } @media (min-width: 721px) { #kc-worldwide ul.country-list { font-size: 14px; font-size: 0.875rem; line-height: 21px; line-height: 1.3125rem; } } @media (min-width: 721px) { #kc-worldwide ul.country-list.listCol1, #kc-worldwide ul.country-list.listCol2, #kc-worldwide ul.country-list.listCol3, #kc-worldwide ul.country-list.listCol4 { float: left; width: 25%; } } #kc-worldwide ul.country-list li { height: 44px; display: block; } #kc-worldwide ul.country-list li img { float: left; margin: 0 9px 15px 0; border: 1px solid #dcd5d4; } #kc-worldwide ul.country-list li .country, #kc-worldwide ul.country-list li .phone { display: block; } #kc-worldwide ul.country-list li .country { font-family: "Tahoma bold", Verdana, Segoe, sans-serif; } #kc-worldwide ul, #kc-worldwide li { list-style: none; list-style-type: none; } #kc-worldwide.style-simple { margin: 0 auto 120px auto; max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } @media (min-width: 1201px) { #kc-worldwide.style-simple { padding-left: 40px; padding-right: 40px; } } #kc-worldwide.style-simple .country-list li { height: auto; } #kc-worldwide.style-simple h2 { border: none; } .countryselector-content .close, .call-us-options .close { position: absolute; top: 20px; right: 20px; font-size: 14px; font-size: 0.875rem; line-height: 22.9992px; line-height: 1.43745rem; letter-spacing: 0.37px; display: block; cursor: pointer; opacity: 0.8; -webkit-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; color: white; text-transform: uppercase; padding-left: 35px; } .countryselector-content .close:before, .call-us-options .close:before { display: block; height: 20px; width: 20px; position: absolute; left: 5px; border-left: 2px solid white; content: ''; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: -6px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .countryselector-content .close:after, .call-us-options .close:after { display: block; height: 20px; width: 19px; position: absolute; left: 6px; border-top: 2px solid white; content: ''; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 7px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .countryselector-content .close:hover, .call-us-options .close:hover { opacity: 1; } .countryselector-content .close:hover:before, .call-us-options .close:hover:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); top: -9px; height: 19px; left: -4px; } .countryselector-content .close:hover:after, .call-us-options .close:hover:after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); top: 10px; left: -2px; } .downloads ul { list-style: none; padding: 0; margin: 0; } .downloads ul li { border-bottom: 1px solid #E2E2E2; } .downloads ul li a { display: block; padding: 20px 0; text-decoration: none; } .downloads ul li a svg.icon { display: inline-block; vertical-align: bottom; height: 1em; fill: #9a1f22; margin-right: 1em; float: right; } .ie .downloads ul li a svg.icon { width: 30px; } #block-getconnectedsome { border-top: 1px solid #E2E2E2; } #block-getconnectedsome .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 721px) { #block-getconnectedsome .container { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } #block-getconnectedsome span, #block-getconnectedsome h4 { display: none; } @media (min-width: 721px) { #block-getconnectedsome span, #block-getconnectedsome h4 { display: inline-block; } } #block-getconnectedsome h4 { margin: 1em 0; } #block-getconnectedsome .china.wechat { text-indent: -999em; background: transparent url(/themes/custom/konecranes/images/wechat_cn.jpg) no-repeat left top; background-size: contain; height: 55px; width: 55px; } #block-getconnectedsome a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-decoration: none; color: #ffffff; background: #9a1f22; -webkit-transition: background .2s ease-out; -o-transition: background .2s ease-out; transition: background .2s ease-out; padding: 10px; margin: 10px; border-radius: 20px; -webkit-box-ordinal-group: inherit; -webkit-order: inherit; -ms-flex-order: inherit; order: inherit; } #block-getconnectedsome a.so-me { width: 40px; height: 40px; border-radius: 50%; } #block-getconnectedsome a.view-more { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } #block-getconnectedsome a.so-me-feed { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } #block-getconnectedsome a.so-me-podcast { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } #block-getconnectedsome a:hover { background: transparent; color: #9a1f22; text-decoration: underline; } #block-getconnectedsome a.so-me-podcast, #block-getconnectedsome a.so-me-facebook, #block-getconnectedsome a.so-me-linkedin { padding: 5px; } #block-getconnectedsome a svg { fill: #ffffff; -webkit-transition: fill .2s ease-out; -o-transition: fill .2s ease-out; transition: fill .2s ease-out; width: 20px; height: 20px; } #block-getconnectedsome a svg.podcast, #block-getconnectedsome a svg.facebook, #block-getconnectedsome a svg.linkedin { width: 30px; height: 30px; } @media (min-width: 721px) { #block-getconnectedsome a { margin: 0 10px; } #block-getconnectedsome a:hover .twitter { fill: #1da1f2; } #block-getconnectedsome a:hover .instagram { fill: url(/themes/custom/konecranes/css/#instagram-gradient) #d41bc3; } #block-getconnectedsome a:hover #instagram-gradient stop:nth-child(1) { stop-color: #FEDA76; } #block-getconnectedsome a:hover #instagram-gradient stop:nth-child(2) { stop-color: #EF7534; } #block-getconnectedsome a:hover #instagram-gradient stop:nth-child(3) { stop-color: #D62876; } #block-getconnectedsome a:hover #instagram-gradient stop:nth-child(4) { stop-color: #87479C; } #block-getconnectedsome a:hover #instagram-gradient stop:nth-child(5) { stop-color: #5560AB; } #block-getconnectedsome a:hover .facebook { fill: #3b5998; } #block-getconnectedsome a:hover .slideshare { fill: #0077b5; } #block-getconnectedsome a:hover .linkedin { fill: #0e76a8; } #block-getconnectedsome a:hover .rss { fill: #f26522; } #block-getconnectedsome a:hover .youtube { fill: #c4302b; } #block-getconnectedsome a:hover .youku { fill: #3299CC; } #block-getconnectedsome a:hover .weibo { fill: #D52A2C; } #block-getconnectedsome a:hover .tencent { fill: #7FD701; } #block-getconnectedsome a:hover .podcast { fill: #9a1f22; } } #block-language-switcher-ajax .select2-container { width: auto !important; min-width: 100px; } .block-views-blockinvestor-documents-reports h3 { padding-bottom: 0.5em; border-bottom: 2px solid #9a1f22; margin-bottom: 0; margin-top: 1.5em; } .block-views-blockinvestor-documents-reports article a { display: block; text-decoration: none; padding: 1em; border-bottom: 1px solid #E2E2E2; } .block-views-blockinvestor-documents-reports article a > * { display: inline-block; vertical-align: top; } .block-views-blockinvestor-documents-reports article a .icon { width: 1em; fill: #9a1f22; margin-right: 1em; } .ie .block-views-blockinvestor-documents-reports article a .icon { height: 20px; } .block-views-blockinvestor-documents-reports article a .report-label { width: 60%; } .block-views-blockinvestor-documents-reports article a .report-language { color: black; } .region-content .block-views-exposed-filter-blockacquia-search-search { max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } @media (min-width: 1201px) { .region-content .block-views-exposed-filter-blockacquia-search-search { padding-left: 40px; padding-right: 40px; } } .region-content .block-views-exposed-filter-blockacquia-search-search .form--inline { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns:1fr 1fr; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } @media (min-width: 721px) { .region-content .block-views-exposed-filter-blockacquia-search-search .form--inline { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns:1fr 1fr 1fr 1fr; } } .region-content .block-views-exposed-filter-blockacquia-search-search .form-item-search { -ms-grid-column: 1; grid-column: 1; } .region-content .block-views-exposed-filter-blockacquia-search-search .form-item-search > label { font-family: "Tahoma regular", Verdana, Segoe, sans-serif; color: #333; margin: 0.4em 0; } .region-content .block-views-exposed-filter-blockacquia-search-search .form-item-search > label { font-size: 24px; } @media screen and (min-width: 480px) { .region-content .block-views-exposed-filter-blockacquia-search-search .form-item-search > label { font-size: -webkit-calc(24px + 16 * ((100vw - 480px) / 960)); font-size: calc(24px + 16 * ((100vw - 480px) / 960)); } } @media screen and (min-width: 1440px) { .region-content .block-views-exposed-filter-blockacquia-search-search .form-item-search > label { font-size: 40px; } } .region-content .block-views-exposed-filter-blockacquia-search-search .form-item-search > input { width: 100%; display: block; margin-left: auto; margin-right: auto; height: 40px; border-radius: 2px; border: 1px solid #E2E2E2; padding-left: 8px; padding-right: 8px; } @media (min-width: 721px) { .region-content .block-views-exposed-filter-blockacquia-search-search .form-item-search { -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1 / span 3; } } .region-content .block-views-exposed-filter-blockacquia-search-search [data-drupal-selector="edit-actions"] { -ms-grid-row: 1; grid-row: 1; -ms-grid-column: 2; grid-column: 2; } @media (min-width: 721px) { .region-content .block-views-exposed-filter-blockacquia-search-search [data-drupal-selector="edit-actions"] { -ms-grid-column: 4; grid-column: 4; } } .region-content .block-views-exposed-filter-blockacquia-search-search [data-drupal-selector="edit-actions"] .link--cta { margin: 0; } .ie .region-content .block-views-exposed-filter-blockacquia-search-search [data-drupal-selector="edit-actions"] { position: relative; } .ie .region-content .block-views-exposed-filter-blockacquia-search-search [data-drupal-selector="edit-actions"] .link--cta { position: absolute; bottom: 0; } .region-content .block-views-exposed-filter-blockacquia-search-search .form-item-type { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; } .region-content .block-views-exposed-filter-blockacquia-search-search .form-item-category { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 2; grid-row: 2; } .region-content .block-views-exposed-filter-blockacquia-search-search .form-item-sort-by { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 3; grid-row: 3; } @media (min-width: 721px) { .region-content .block-views-exposed-filter-blockacquia-search-search .form-item-sort-by { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 2; grid-row: 2; } } .region-content .block-views-exposed-filter-blockacquia-search-search .form-item-sort-order { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 3; grid-row: 3; } @media (min-width: 721px) { .region-content .block-views-exposed-filter-blockacquia-search-search .form-item-sort-order { -ms-grid-column: 4; grid-column: 4; -ms-grid-row: 2; grid-row: 2; } } .view-acquia-search { max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } @media (min-width: 1201px) { .view-acquia-search { padding-left: 40px; padding-right: 40px; } } .view-acquia-search .view-mode--search-result { padding-bottom: 40px; padding-top: 40px; border-bottom: 1px solid #E2E2E2; } @media (min-width: 721px) { .view-acquia-search .view-mode--search-result.grid { -ms-grid-columns: 300px auto; grid-template-columns:300px auto; display: -ms-grid; display: grid; } .view-acquia-search .view-mode--search-result.grid .views-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .view-acquia-search .view-mode--search-result.grid .views-row .image { width: 300px; } .view-acquia-search .view-mode--search-result.grid .image > section { padding-right: 20px; } .view-acquia-search .view-mode--search-result.grid .body { -ms-grid-column: 2; grid-column: 2; } } .block-search-store-promo { background-color: #F4F4F4; display: none; margin: 10px 0; padding: 15px 0; } @media (min-width: 721px) { .block-search-store-promo { margin: 20px 0; padding: 25px 0; } } .block-search-store-promo svg.cart { fill: #333; float: left; height: 25px; margin-right: 10px; width: 25px; } @media (min-width: 721px) { .block-search-store-promo svg.cart { height: 60px; margin-right: 20px; width: 60px; } } .block-search-store-promo h3 { font-size: 15px; font-size: 0.9375rem; line-height: 22.5px; line-height: 1.40625rem; font-family: "Tahoma bold", Verdana, Segoe, sans-serif; color: #9a1f22; margin: 0 0 4px; text-transform: uppercase; } @media (min-width: 721px) { .block-search-store-promo h3 { font-size: 22px; font-size: 1.375rem; line-height: 33px; line-height: 2.0625rem; } } .block-search-store-promo p { margin: 0 0 10px; } .block-search-store-promo a { font-size: 12px; font-size: 0.75rem; line-height: 18px; line-height: 1.125rem; font-family: "Tahoma bold", Verdana, Segoe, sans-serif; color: #9a1f22; margin-right: 7px; text-transform: uppercase; } @media (min-width: 721px) { .block-search-store-promo a { font-size: 13px; font-size: 0.8125rem; line-height: 19.5px; line-height: 1.21875rem; } } .block-search-store-promo svg.chevron { fill: #9a1f22; height: 10px; width: 10px; } @media (min-width: 481px) { .social-media--feed.default { display: -ms-grid; display: grid; grid-gap: 20px; -ms-grid-columns: 1fr 1fr; grid-template-columns:1fr 1fr; overflow: visible; } .social-media--feed.default > *:nth-child(1) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } .social-media--feed.default > *:nth-child(2) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; } .social-media--feed.default > *:nth-child(3) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; } .social-media--feed.default > *:nth-child(4) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 2; grid-row: 2; } .social-media--feed.default > *:nth-child(5) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 3; grid-row: 3; } } @media (min-width: 961px) { .social-media--feed.default { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns:1fr 1fr 1fr 1fr; } .social-media--feed.default > *:nth-child(1) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } .social-media--feed.default > *:nth-child(2) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; } .social-media--feed.default > *:nth-child(3) { -ms-grid-column: 3; grid-column: 3; -ms-grid-row: 1; grid-row: 1; } .social-media--feed.default > *:nth-child(4) { -ms-grid-column: 4; grid-column: 4; -ms-grid-row: 1; grid-row: 1; } .social-media--feed.default > *:nth-child(5) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; } } .social-media--feed.default .social-item { -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; min-height: 250px; padding: 30px 15px 15px; position: relative; text-decoration: none; -webkit-transition: -webkit-box-shadow .2s ease-out; transition: -webkit-box-shadow .2s ease-out; -o-transition: box-shadow .2s ease-out; transition: box-shadow .2s ease-out; transition: box-shadow .2s ease-out, -webkit-box-shadow .2s ease-out; } .ie .social-media--feed.default .social-item { margin-bottom: 20px; } @media (min-width: 481px) and (max-width: 961px) { .ie .social-media--feed.default .social-item:nth-child(odd) { margin-right: 10px; } .ie .social-media--feed.default .social-item:nth-child(even) { margin-left: 10px; } } @media (min-width: 961px) { .social-media--feed.default .social-item { margin-bottom: 0; } .ie .social-media--feed.default .social-item:not(:last-child) { margin-right: 20px; } } @media (min-width: 481px) { .social-media--feed.default .social-item { min-height: 320px; padding: 40px 15px 15px; } } @media (min-width: 721px) { .social-media--feed.default .social-item { padding: 50px 15px 15px; } } @media (min-width: 961px) { .social-media--feed.default .social-item { padding: 30px 15px 15px; } } @media (min-width: 1201px) { .social-media--feed.default .social-item { padding: 50px 15px 15px; } } .social-media--feed.default .social-item:hover { -webkit-box-shadow: 0px 0 8px 4px rgba(0, 0, 0, 0.05); box-shadow: 0px 0 8px 4px rgba(0, 0, 0, 0.05); } .social-media--feed.default .social-item .time-ago, .social-media--feed.default .social-item .content { font-size: 16px; font-size: 1rem; line-height: 22.4px; line-height: 1.4rem; letter-spacing: 0.2px; margin: 0 auto 15px; text-align: center; text-decoration: none; } .social-media--feed.default .social-item .content { color: #333; width: 90%; } .social-media--feed.default .social-item .time-ago { color: #aaa; text-transform: uppercase; width: 100%; } .social-media--feed.default .social-item:nth-child(odd) svg path, .social-media--feed.default .social-item:nth-child(odd) svg circle { fill: #00c8ff; } .social-media--feed.default .social-item:nth-child(even) svg path, .social-media--feed.default .social-item:nth-child(even) svg circle { fill: #ffffff; } .social-media--feed.default .social-item .icon { margin: 0 auto 10px; text-align: center; width: 100%; } .social-media--feed.default .social-item .icon svg { width: 22px; } .ie .social-media--feed.default .social-item .icon svg { height: 30px; } .social-media--feed.default .bg-white { background-color: #ffffff; } .social-media--feed.default .bg-img { background-blend-mode: darken; background-color: rgba(0, 0, 0, 0.55); background-position: center; background-size: cover; } @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) { .social-media--feed.default .bg-img { opacity: 0.8; } } .social-media--feed.default .bg-img .content { color: #ffffff; } @media (min-width: 961px) { .view-mode--grid-1-2 .social-media--feed.default { -ms-grid-columns: 1fr 1fr; grid-template-columns:1fr 1fr; } .view-mode--grid-1-2 .social-media--feed.default > *:nth-child(1) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 1; grid-row: 1; } .view-mode--grid-1-2 .social-media--feed.default > *:nth-child(2) { -ms-grid-column: 2; grid-column: 2; -ms-grid-row: 1; grid-row: 1; } .view-mode--grid-1-2 .social-media--feed.default > *:nth-child(3) { -ms-grid-column: 1; grid-column: 1; -ms-grid-row: 2; grid-row: 2; } } #block-socialmediabuttons { text-align: right; display: none; } .page-node-type-lander .some-container { padding: 20px 40px; } .page-node-type-news .block-addtoany-block { text-align: right; display: inline-block; } @media (max-width: 721px) { .page-node-type-news .block-addtoany-block { display: block; } } @media (min-width: 0) and (max-width: 1201px) { .page-node-type-news .block-addtoany-block { text-align: center; } } @media (min-width: 481px) and (max-width: 961px) { .page-node-type-news .some-container { padding: 0 20px; } } .page-node-type-campaign-page .some-container { max-width: 1240px; margin-left: auto; margin-right: auto; padding: 20px 40px; } .block-addtoany img { width: 100px; } @media (min-width: 961px) { .block-addtoany img { width: 125px; } } .some-container { max-width: 1440px; margin-left: auto; margin-right: auto; padding: 0 40px; } .some-container-block { position: fixed; right: 0; left: auto; top: 45vh; z-index: 8; border: 2px solid #9a1f22; width: 40px; height: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #9a1f22; } @media (max-width: 721px) { .some-container-block { display: none; } } .some-container-block a.a2a_dd.addtoany_share { font-size: 5px; } #a2apage_dropdown { background: #ffffff; right: 0 !important; left: auto !important; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } #a2apage_dropdown.a2a_mini { width: 40px; border: 2px solid #9a1f22; min-width: 40px; margin-top: -34px; } #a2apage_dropdown #a2apage_mini_services.a2a_mini_services { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 40px; } #a2apage_dropdown #a2apage_mini_services.a2a_mini_services a.a2a_i { border: none; width: 40px; margin: 0px; padding: 6px; } #a2apage_dropdown #a2apage_mini_services.a2a_mini_services a.a2a_i:hover { border-color: #ffffff !important; background-color: #9a1f22 !important; border: 0px; color: #9a1f22 !important; } #a2apage_dropdown #a2apage_mini_services.a2a_mini_services a.a2a_i:hover span svg path { fill: #ffffff; } #a2apage_dropdown #a2apage_mini_services.a2a_mini_services a.a2a_i span { background-color: transparent !important; } #a2apage_dropdown #a2apage_mini_services.a2a_mini_services a.a2a_i span svg path { fill: #9a1f22; } #a2apage_dropdown > .a2apage_wide.a2a_wide { display: none; } .tablefield-wrapper { margin: 2em 0; overflow-x: scroll; } @media (min-width: 721px) { .tablefield-wrapper { overflow: hidden; } } .tablefield-wrapper table { width: 100%; } .tablefield-wrapper table th, .tablefield-wrapper table td { padding: 15px 5px; border-right: 1px solid #ffffff; font-size: 14px; line-height: 25px; text-align: left; } .tablefield-wrapper table thead th { background: #9a1f22; color: #ffffff; } .tablefield-wrapper table tbody tr td { background: #FAFAFA; } .tablefield-wrapper table tbody tr td .icon.check { fill: #54B948; width: 30px; height: 30px; } .tablefield-wrapper table tbody tr td .icon.close { fill: #9a1f22; width: 20px; height: 20px; } .tablefield-wrapper table tbody tr.even td { background: #F4F4F4; } .view-mode--grid-2-2 .tablefield-wrapper table { min-width: 480px; } .view-mode--grid-1-2 .tablefield-wrapper table { min-width: 480px; } @media (min-width: 721px) { .view-mode--grid-1-2 .tablefield-wrapper table { min-width: 0; } } .videos .active-video { position: relative; display: block; margin-bottom: 20px; line-height: 0; overflow: hidden; } .videos .active-video img { -webkit-filter: saturate(70%); filter: saturate(70%); -webkit-transition: -webkit-filter .2s ease-out, -webkit-transform .2s ease-out; transition: -webkit-filter .2s ease-out, -webkit-transform .2s ease-out; -o-transition: filter .2s ease-out, transform .2s ease-out; transition: filter .2s ease-out, transform .2s ease-out; transition: filter .2s ease-out, transform .2s ease-out, -webkit-filter .2s ease-out, -webkit-transform .2s ease-out; width: 100%; } .videos .active-video:hover img { -webkit-filter: saturate(100%); filter: saturate(100%); -webkit-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04); } .videos .active-video svg.icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); width: 100px; } .videos .active-video svg.icon .body { fill: #9a1f22; } .videos .video-nav--container { height: 100%; position: relative; } .videos .video-nav--container .scroll-indicator { background: -webkit-gradient(linear, left top, left bottom, from(rgba(221, 221, 221, 0)), to(#dddddd)); background: -o-linear-gradient(top, rgba(221, 221, 221, 0), #dddddd); background: linear-gradient(to bottom, rgba(221, 221, 221, 0), #dddddd); bottom: 0; height: 41px; display: block; pointer-events: none; position: absolute; width: 100%; } .videos .video-nav--container .scroll-indicator.reversed { background: -webkit-gradient(linear, left bottom, left top, from(rgba(221, 221, 221, 0)), to(#dddddd)); background: -o-linear-gradient(bottom, rgba(221, 221, 221, 0), #dddddd); background: linear-gradient(to top, rgba(221, 221, 221, 0), #dddddd); opacity: 1 !important; top: 0; -webkit-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; transition: opacity .2s ease-out; } .videos .video-nav { display: block; max-height: 210px; overflow-y: auto; } .videos .video-nav-element { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #F4F4F4; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; } .videos .video-nav-element:not(:last-of-type) { margin-bottom: 5px; } .videos .video-nav-element img { border: 2px solid transparent; -webkit-filter: saturate(70%); filter: saturate(70%); padding: 2px; -webkit-transition: border 0.2s, -webkit-filter .2s ease-out; transition: border 0.2s, -webkit-filter .2s ease-out; -o-transition: border 0.2s, filter .2s ease-out; transition: border 0.2s, filter .2s ease-out; transition: border 0.2s, filter .2s ease-out, -webkit-filter .2s ease-out; width: 140px; } .videos .video-nav-element.active { background-color: #ffffff; } .videos .video-nav-element.active img { border: 2px solid #9a1f22; -webkit-filter: saturate(100%); filter: saturate(100%); } .videos .video-nav-element.active p { font-weight: bold; } .videos .video-nav-element:hover { background: #ffffff; } .videos .video-nav-element p { padding: 0 15px; width: -webkit-calc(100% - 140px); width: calc(100% - 140px); } .social-media--feed.youtube iframe { width: 100%; height: 220px; } @media (min-width: 481px) { .social-media--feed.youtube iframe { height: 280px; } } @media (min-width: 721px) { .social-media--feed.youtube iframe { height: 370px; } } .social-media--feed.youtube .info { padding: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .social-media--feed.youtube .created { font-size: 12px; font-size: 0.75rem; line-height: 18px; line-height: 1.125rem; } .social-media--feed.youtube .video { background: #F4F4F4; -webkit-transition: background .2s ease-out, -webkit-box-shadow .2s ease-out; transition: background .2s ease-out, -webkit-box-shadow .2s ease-out; -o-transition: box-shadow .2s ease-out, background .2s ease-out; transition: box-shadow .2s ease-out, background .2s ease-out; transition: box-shadow .2s ease-out, background .2s ease-out, -webkit-box-shadow .2s ease-out; margin: 10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; } .social-media--feed.youtube .video:nth-child(n + 4) { display: none; } .social-media--feed.youtube .video:first-of-type, .social-media--feed.youtube .video:last-of-type { margin: 0; } .social-media--feed.youtube .video img { border: 2px solid transparent; max-height: 80px; padding: 2px; } .social-media--feed.youtube .video .info { padding: 10px; } .social-media--feed.youtube .video.active { background-color: #ffffff; } .social-media--feed.youtube .video.active img { border: 2px solid #9a1f22; } .social-media--feed.youtube .video.active .title { font-weight: bold; } @media (min-width: 721px) { .social-media--feed.youtube { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns:1fr 1fr; } .social-media--feed.youtube .player { -ms-grid-column: 1; grid-column: 1; margin-right: 10px; } .social-media--feed.youtube .video-list { -ms-grid-column: 2; grid-column: 2; margin-left: 10px; max-height: 370px; overflow-y: scroll; } .social-media--feed.youtube .video { -webkit-transition: background .2s ease-out, -webkit-box-shadow .2s ease-out; transition: background .2s ease-out, -webkit-box-shadow .2s ease-out; -o-transition: box-shadow .2s ease-out, background .2s ease-out; transition: box-shadow .2s ease-out, background .2s ease-out; transition: box-shadow .2s ease-out, background .2s ease-out, -webkit-box-shadow .2s ease-out; margin: 14px 0; } .social-media--feed.youtube .video:nth-child(n) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .social-media--feed.youtube .video img { max-height: 114px; } .social-media--feed.youtube .video .info { padding: 20px; } .social-media--feed.youtube .video:hover { background: #ffffff; -webkit-box-shadow: 0px 0 8px 4px rgba(0, 0, 0, 0.05); box-shadow: 0px 0 8px 4px rgba(0, 0, 0, 0.05); } } #block-logincurtain { position: absolute; visibility: hidden; width: 100%; max-width: none; background: #F4F4F4; -webkit-box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.25); box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.25); z-index: -3; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .login-curtain-open #block-logincurtain { -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); visibility: visible; } .active .view-mode--login-curtain.node-type--row-grid-3 { -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1); } @media (min-width: 1201px) { .view-mode--login-curtain.node-type--row-grid-3 > .inner.container { padding: 20px 0; } } .view-mode--login-curtain.node-type--element { margin-bottom: 10px; } @media (min-width: 721px) { .view-mode--login-curtain.node-type--element { margin-bottom: 0; } } .view-mode--login-curtain.node-type--element > .wrap { background: white; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .view-mode--login-curtain.node-type--element > .wrap .desc { margin-bottom: auto; } .view-mode--login-curtain.node-type--element > .wrap .desc a { color: #9a1f22; } .view-mode--login-curtain.node-type--element > .wrap .link-wrap { margin-top: auto; } #block-prechat { position: fixed; bottom: 0; top: auto; right: 1em; left: auto; z-index: 10; width: 368px; display: none; } @media screen and (max-width: 720px) { #block-prechat { display: none !important; } } .pre-chat-open #block-prechat { height: -webkit-calc(100vh - 185px - 40px); height: calc(100vh - 185px - 40px); bottom: 40px; } #block-prechat #pre-chat { height: 100%; position: relative; } #block-prechat #pre-chat hr { margin: 30px 0; } #block-prechat #pre-chat hr.red { margin: 30px -20px 10px -20px; border-color: red; } #block-prechat #pre-chat #main-block { background: #ffffff; border: 2px solid #9a1f22; border-bottom: none; border-top-left-radius: 4px; border-top-right-radius: 4px; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; display: none; } #block-prechat #pre-chat #main-block > .header { background: #9a1f22; padding: 23px 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #ffffff; font-weight: bold; } #block-prechat #pre-chat #main-block > .header .title { font-size: 20px; } #block-prechat #pre-chat #main-block > .header .close-prechat { border: 1px solid #ffffff; border-radius: 1px; padding: 8px 15px; text-transform: uppercase; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 12px; width: 90px; } #block-prechat #pre-chat #main-block > .header .close-prechat:hover { cursor: pointer; } #block-prechat #pre-chat #main-block > .header .close-prechat svg { fill: #ffffff; height: 12px; padding-right: 10px; } #block-prechat #pre-chat #main-block > .main-text { padding: 20px 20px 10px 20px; overflow-y: scroll; } #block-prechat #pre-chat #main-block > .main-text .cookies-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #block-prechat #pre-chat #main-block > .main-text .cookies-button div.main-button { background: #9a1f22; color: white; padding: 12px 20px; font-weight: bold; font-size: 14px; border: none; border-radius: 4px; display: inline-block; margin: 30px auto 0 auto; } #block-prechat #pre-chat #main-block > .main-text .send { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0 -10px; } #block-prechat #pre-chat #main-block > .main-text .send .text { width: 50px; height: 50px; background: #dddddd; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: white; border-radius: 4px; font-size: 12px; text-transform: uppercase; font-weight: bold; } #block-prechat #pre-chat #button { width: 184px; background-color: #9a1f22; color: #ffffff; position: absolute; height: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; left: 0; right: auto; font-weight: bold; top: auto; bottom: 0; border-radius: 4px 0 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; } .pre-chat-open #block-prechat #pre-chat #button { top: 100%; } #block-prechat #pre-chat #button:not(.narrow):not(.wide):not(.hovered):not(.opposite-hovered) { border-right: 2px solid white; } #block-prechat #pre-chat #button.narrow, #block-prechat #pre-chat #button.wide { border-radius: 0; } #block-prechat #pre-chat #button.narrow:not(.hovered), #block-prechat #pre-chat #button.opposite-hovered { background-color: #ffffff; color: #9a1f22; border: 2px solid #9a1f22; } #block-prechat #pre-chat #button:hover { cursor: pointer; } #block-prechat #pre-chat #button svg { margin-right: 1em; } #block-callus { position: relative; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #333; text-align: center; padding: 0 20px; } @media (min-width: 961px) { #block-callus { margin-left: auto; } } #block-callus .wrapper--numbers { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } #block-callus p { margin: 0; color: #ffffff; text-transform: uppercase; cursor: pointer; font-family: "Tahoma bold", Verdana, Segoe, sans-serif; display: block; font-size: 12px; font-size: 0.75rem; line-height: 15.4284px; line-height: 0.96427rem; } #block-callus p > a { color: #ffffff; cursor: pointer; text-decoration: none; } @media (min-width: 961px) { #block-callus p { margin: 0; width: 100%; } } #block-callus p.additional-note { font-family: "Tahoma regular", Verdana, Segoe, sans-serif; font-size: 10px; font-size: 0.625rem; line-height: 12.857px; line-height: 0.80356rem; } @media (min-width: 1201px) { #block-callus p.additional-note { font-size: 12px; font-size: 0.75rem; line-height: 15.4284px; line-height: 0.96427rem; } } #block-callus:after { content: ''; display: block; width: 1px; height: 50%; background: #aaa; margin-left: 10px; } .call-us-options { display: none; overflow: auto; position: relative; background: #444; text-align: left; } .call-us-options ul { padding-top: 60px; list-style: none; margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 961px) { .call-us-options ul { padding: 20px; padding-top: 60px; } } .call-us-options ul li { padding: 0 20px; margin: 0; width: 100%; } @media (min-width: 721px) { .call-us-options ul li { width: 50%; } } @media (min-width: 961px) { .call-us-options ul li { width: 33%; } } @media (min-width: 1441px) { .call-us-options ul li { width: 25%; } } .call-us-options ul li a { font-size: 13px; font-size: 0.8125rem; line-height: 13px; line-height: 0.8125rem; padding-bottom: 0.5rem; color: white; display: block; text-decoration: none; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; max-width: 500px; } @media (min-width: 721px) { .call-us-options ul li a { max-width: 320px; } } .call-us-options ul li span { display: inline-block; padding-right: 20px; } .call-us-options ul li span.country_name { font-family: "Tahoma bold", Verdana, Segoe, sans-serif; } .call-us-options ul li span.country_name:after { content: ':'; } #block-contactmenu { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: center; } @media (min-width: 0) and (max-width: 961px) { #block-contactmenu { margin-right: auto; } } #block-contactmenu .menu-depth--0 { width: 100%; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } #block-contactmenu .menu-depth--0 > li.menu-item { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #block-contactmenu .menu-depth--0 > li.menu-item > a { color: #ffffff; font-size: 12px; font-size: 0.75rem; line-height: 18px; line-height: 1.125rem; font-family: "Tahoma bold", Verdana, Segoe, sans-serif; text-transform: uppercase; } @media (min-width: 1201px) { #block-contactmenu .menu-depth--0 > li.menu-item > a { font-size: 12px; font-size: 0.75rem; line-height: 22.9992px; line-height: 1.43745rem; } } #block-contactmenu .menu-depth--0 > li.menu-item.icon-paperplane { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: 10px; } #block-contactmenu .menu-depth--0 > li.menu-item.icon-paperplane > a:before { content: ''; display: inline-block; width: 12px; height: 12px; margin-right: 10px; background: transparent url(/themes/custom/konecranes/components/icons/paperplane.svg) no-repeat center center; } #block-header-actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-self: end; -ms-flex-item-align: end; align-self: end; width: 100%; -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; background: #E2E2E2; overflow: hidden; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media (min-width: 961px) { #block-header-actions { background: #ffffff; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; width: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 0 20px 0 5px; z-index: 0; } } @media (min-width: 1441px) { #block-header-actions { z-index: 1; } } #block-header-actions a { border-radius: 2px; background: #9a1f22; } #block-header-actions .action > span { margin-left: 5px; } #block-header-actions .icon { height: 20px; width: 20px; fill: #333; } #block-header-actions .icon.close { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } #block-header-actions span { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; cursor: pointer; } @media (min-width: 961px) { #block-header-actions.has-login { padding: 0 20px 0 5px; } } @media (min-width: 1441px) { #block-header-actions.has-login { z-index: 0; padding: 0 40px 0 5px; } } #block-header-actions a { -webkit-transition: background .2s ease-out; -o-transition: background .2s ease-out; transition: background .2s ease-out; font-family: "Tahoma bold", Verdana, Segoe, sans-serif; font-size: 14px; } #block-header-actions a:hover { background: #D21818; } #block-header-actions .action-store { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } @media (min-width: 961px) { #block-header-actions .action-store { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } } #block-header-actions .action-store .icon { height: 19px; width: 24px; fill: #ffffff; } #block-header-actions .action-store a { color: #ffffff; text-transform: uppercase; height: 30px; border-radius: 0; padding: 0 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 10px; } @media (min-width: 961px) { #block-header-actions .action-store a { padding: 15px; font-size: 14px; height: auto; border-radius: 2px; } #block-header-actions .action-store a .store-text { display: none; } #block-header-actions .action-store a .icon { padding-right: 0px; } } @media (min-width: 1201px) { #block-header-actions .action-store a { padding: 15px 20px; } #block-header-actions .action-store a .store-text { display: inline; } #block-header-actions .action-store a .icon { padding-right: 5px; } } #block-header-actions .action-login { color: #333; text-transform: uppercase; font-size: 14px; font-size: 0.875rem; line-height: 21px; line-height: 1.3125rem; } #block-header-actions .action-login > span { display: none; } @media (min-width: 1201px) { #block-header-actions .action-login > span { display: inline; } } #block-header-actions .action-login > .icon.close { visibility: hidden; } .login-curtain-open #block-header-actions .action-login > .icon.close { visibility: visible; } .login-curtain-open #block-header-actions .action-login > .icon.login { visibility: hidden; } #block-header-actions .action-search { color: #333; text-transform: uppercase; font-size: 12px; font-size: 0.75rem; line-height: 18px; line-height: 1.125rem; overflow: hidden; position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 1201px) { #block-header-actions .action-search { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; width: auto; font-size: 14px; font-size: 0.875rem; line-height: 21px; line-height: 1.3125rem; } } .section--search #block-header-actions .action-search { display: none; } #block-header-actions .action-search > .icon.close { visibility: hidden; } .search-open #block-header-actions .action-search > .icon.close { visibility: visible; } #block-header-actions .action-search > .icon.search { margin-right: 10px; } .search-open #block-header-actions .action-search > .icon.search { visibility: hidden; } @media (min-width: 961px) { #block-header-actions .action-search > .icon.search { margin-right: auto; } } #block-header-actions .action-search > span { display: none; } @media (min-width: 1201px) { #block-header-actions .action-search > span { display: inline; } } #block-languagecurtaintrigger { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #444444; text-align: center; } #block-languagecurtaintrigger a { margin: 0; color: #ffffff; text-transform: uppercase; text-decoration: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; font-size: 12px; font-size: 0.75rem; line-height: 22.9992px; line-height: 1.43745rem; font-family: "Tahoma bold", Verdana, Segoe, sans-serif; } #block-languagecurtaintrigger a:before { content: ''; display: inline-block; width: 30px; height: 12px; padding-right: 10px; background: transparent url(/themes/custom/konecranes/components/icons/globe_white.svg) no-repeat center center; } #block-languagecurtaintrigger a .country { display: none; } #block-languagecurtaintrigger a .language { display: none; } @media (min-width: 961px) { #block-languagecurtaintrigger { padding-right: 20px; } #block-languagecurtaintrigger a .country { display: inline; } #block-languagecurtaintrigger a .country + .language:before { content: '|'; display: inline-block; color: #ffffff; opacity: 0.4; padding: 0 10px; height: 10px; } #block-languagecurtaintrigger a .language { display: inline; } } @media (min-width: 1441px) { #block-languagecurtaintrigger { padding-right: 40px; } } #block-views-block-contact-person-sales-contact-mhc .form-actions > .button { display: none; } #block-views-block-contact-person-sales-contact-mhc .form-item-field-serving-zone-value { min-width: 160px; } .view-contact-person .views-field-title > span { font-family: "Tahoma bold", Verdana, Segoe, sans-serif; font-size: 16px; font-size: 1rem; line-height: 24px; line-height: 1.5rem; color: #333; margin: 0.5em 0 1em 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); text-transform: uppercase; margin: 0; } @media (min-width: 1201px) { .view-contact-person .views-field-title > span { font-size: 20px; font-size: 1.25rem; line-height: normal; } } .view-contact-person .views-row { margin: 20px 0; } .lightgray .view-contact-person .views-row { padding: 20px; background: #ffffff; } .view-contact-person .views-field { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .view-contact-person .views-field:not(:last-of-type) { margin-bottom: 10px; } .view-contact-person .views-field > span { margin-right: 5px; } #block-sitebranding { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-width: 120px; background: #ffffff; margin-right: 130px; } #block-sitebranding img{ width: 135px; } @media (min-width: 0) and (max-width: 961px) { #block-sitebranding { height: 40px; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } } @media (min-width: 961px) { #block-sitebranding { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } #block-sitebranding .site-logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #block-sitebranding svg { fill: #9a1f22; margin: auto 20px; width: 120px; } @media (min-width: 1201px) { #block-sitebranding svg { width: 160px; } } @media (min-width: 1441px) { #block-sitebranding svg { width: 200px; margin: auto 40px; } } #history-timeline { position: relative; } #history-timeline:before { content: ''; position: absolute; top: 0; right: 8px; height: -webkit-calc(100% - 40px); height: calc(100% - 40px); width: 4px; background: #E2E2E2; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); } @media (min-width: 961px) { #history-timeline:before { right: auto; left: 50%; margin-left: -2px; } } #history-timeline .record-wrapper { position: relative; background: #F4F4F4; border-radius: 0.25em; padding: 2em; display: -ms-grid; display: grid; } @media (min-width: 961px) { #history-timeline .record-wrapper { width: 70%; } } #history-timeline .record-wrapper p { line-height: 1.6; } #history-timeline .record-wrapper:before { content: ''; position: absolute; top: 16px; height: 0; width: 0; border: 10px solid transparent; left: 100%; border-left: 10px solid #9a1f22; } #history-timeline .row { position: relative; margin: 2em 0; margin-left: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #history-timeline .row:first-child { margin-top: 0; } #history-timeline .row:last-child { margin-bottom: 0; } #history-timeline .row:after { content: ''; width: 20px; height: 20px; border-radius: 50%; background: #9a1f22; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); display: block; } @media (min-width: 961px) { #history-timeline .row:after { -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); } } @media (min-width: 961px) { #history-timeline .row { margin: -5em 0; } #history-timeline .row:nth-of-type(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #history-timeline .row:nth-of-type(even):after { margin-left: auto; } #history-timeline .row:nth-of-type(even) > .record { margin-left: 0; } #history-timeline .row:nth-of-type(even) > .record.bounce-in { -webkit-animation: bounce-in-right 0.6s forwards; animation: bounce-in-right 0.6s forwards; } #history-timeline .row:nth-of-type(even) .record-wrapper:before { right: 100%; left: auto; border-right: 10px solid #9a1f22; border-left: 0; } #history-timeline .row:nth-of-type(odd) > .record { -webkit-box-pack: end; -webkit-justify-content: end; -ms-flex-pack: end; justify-content: end; } } #history-timeline .record { padding: 0 1.5em 1.5em 0; width: 100%; opacity: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (min-width: 961px) { #history-timeline .record { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); padding: 1.5em; } #history-timeline .record img { max-height: 200px; } } #history-timeline .record.bounce-in { -webkit-animation: bounce-in-left .6s forwards; animation: bounce-in-left .6s forwards; } #history-timeline .record .year { background: #9a1f22; color: #ffffff; font-size: 32px; font-size: 2rem; line-height: 48px; line-height: 3rem; padding: 1rem 2rem; margin: -2rem; border-radius: 4px; -ms-grid-row: 1; grid-row: 1; display: block; } @media (min-width: 961px) { #history-timeline .record .year { padding: 0.5rem 2rem; font-size: 36px; font-size: 2.25rem; line-height: 54px; line-height: 3.375rem; } } @media (min-width: 1441px) { #history-timeline .record .year { padding: 1rem 2rem; font-size: 48px; font-size: 3rem; line-height: 72px; line-height: 4.5rem; } } #history-timeline .record img { margin-top: 4rem; -ms-grid-row: 2; grid-row: 2; } #history-timeline .record img + p { padding-top: 1em; -ms-grid-row: 3; grid-row: 3; } @-webkit-keyframes bounce-in-left { 0% { opacity: 0; -webkit-transform: translateX(-100px); transform: translateX(-100px); } 60% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounce-in-left { 0% { opacity: 0; -webkit-transform: translateX(-100px); transform: translateX(-100px); } 60% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes bounce-in-right { 0% { opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px); } 60% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounce-in-right { 0% { opacity: 0; -webkit-transform: translateX(100px); transform: translateX(100px); } 60% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } .row-accordion.lightgray .accordion { border: 1px solid #aaa; } .row-accordion.lightgray .accordion.open { background: #ffffff; } .row-accordion .accordion { border: 1px solid #E2E2E2; margin: 0 0 10px; } @media (min-width: 961px) { .row-accordion .accordion { margin: 0 0 20px; } } .row-accordion .accordion h2 { font-size: 14px; font-size: 0.875rem; line-height: 21px; line-height: 1.3125rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0; padding: 10px 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-transform: uppercase; width: 100%; -webkit-transition: background-color .2s ease-out; -o-transition: background-color .2s ease-out; transition: background-color .2s ease-out; } @media (min-width: 961px) { .row-accordion .accordion h2 { font-size: 16px; font-size: 1rem; line-height: 24px; line-height: 1.5rem; } } .row-accordion .accordion .icon.plus { height: 20px; width: 20px; } @media (min-width: 961px) { .row-accordion .accordion .icon.plus { height: 25px; width: 25px; } } .row-accordion .accordion .icon.plus path { -webkit-transition: -webkit-transform .17s ease-out; transition: -webkit-transform .17s ease-out; -o-transition: transform .17s ease-out; transition: transform .17s ease-out; transition: transform .17s ease-out, -webkit-transform .17s ease-out; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } .row-accordion .accordion.open h2 { color: #9a1f22; } .row-accordion .accordion.open .icon.plus path { fill: #9a1f22; } .row-accordion .accordion.open .icon.plus path.vertical { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .row-accordion .accordion:focus h2, .row-accordion .accordion:hover h2 { background-color: #9a1f22; color: #ffffff; } .row-accordion .accordion:focus .icon.plus path, .row-accordion .accordion:hover .icon.plus path { fill: #ffffff; } .row-accordion .accordion .content { overflow: hidden; margin: 0 16px; } @media (min-width: 961px) { .row-accordion .accordion .content { margin: 0 40px; } } .row-accordion .accordion .content .text-wrapper { margin: 10px 0 20px; } @media (min-width: 961px) { .row-accordion .accordion .content .text-wrapper { margin: 20px 0 40px; } } @media print { .row-accordion .accordion .content { height: auto !important; } } .row-accordion .accordion.no-image .text { max-width: 90%; } @media (min-width: 961px) { .row-accordion .accordion.no-image .text { max-width: 70%; } } .row-accordion .accordion.has-image .text-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 721px) { .row-accordion .accordion.has-image .image, .row-accordion .accordion.has-image .text { width: 48%; } } @media (min-width: 0) and (max-width: 961px) { .row-accordion .accordion.has-image .image { margin-bottom: 10px; } } .row-accordion .accordion.has-image img { display: block; width: 100%; } .row-accordion .accordion.data-table .tablefield-wrapper { margin: 0 0 10px; } .row-accordion .accordion.data-table table { min-width: 480px; } .node-type--element-location { max-width: 1440px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; } @media (min-width: 1201px) { .node-type--element-location { padding-left: 40px; padding-right: 40px; } } .node-type--element-location p { max-width: 600px; } @media (min-width: 961px) { .node-type--element.view-mode--grid-2-2 .wrap, .node-type--resource.view-mode--grid-2-2 .wrap { width: 75%; } } @media (min-width: 1201px) { .node-type--element.view-mode--grid-2-2 .wrap, .node-type--resource.view-mode--grid-2-2 .wrap { width: 50%; } } .node-type--element.view-mode--grid-1-2, .node-type--element.view-mode--grid-2-2, .node-type--resource.view-mode--grid-1-2, .node-type--resource.view-mode--grid-2-2 { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .node-type--element.view-mode--grid-1-2 .wrap, .node-type--element.view-mode--grid-2-2 .wrap, .node-type--resource.view-mode--grid-1-2 .wrap, .node-type--resource.view-mode--grid-2-2 .wrap { position: relative; } .node-type--element.view-mode--grid-1-2 .image, .node-type--element.view-mode--grid-2-2 .image, .node-type--resource.view-mode--grid-1-2 .image, .node-type--resource.view-mode--grid-2-2 .image { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .node-type--element.view-mode--grid-1-2 .image:before, .node-type--element.view-mode--grid-2-2 .image:before, .node-type--resource.view-mode--grid-1-2 .image:before, .node-type--resource.view-mode--grid-2-2 .image:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.9))); background: -o-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)); background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.9)); } @media (min-width: 961px) { .node-type--element.view-mode--grid-1-2 .image:before, .node-type--element.view-mode--grid-2-2 .image:before, .node-type--resource.view-mode--grid-1-2 .image:before, .node-type--resource.view-mode--grid-2-2 .image:before { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7))); background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); } } .node-type--element.view-mode--grid-1-2.has-image, .node-type--element.view-mode--grid-2-2.has-image, .node-type--resource.view-mode--grid-1-2.has-image, .node-type--resource.view-mode--grid-2-2.has-image { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .node-type--element.view-mode--grid-1-2.has-image .tagline, .node-type--element.view-mode--grid-2-2.has-image .tagline, .node-type--resource.view-mode--grid-1-2.has-image .tagline, .node-type--resource.view-mode--grid-2-2.has-image .tagline { color: #ffffff; } .node-type--element.view-mode--grid-1-2.has-image .tagline:before, .node-type--element.view-mode--grid-2-2.has-image .tagline:before, .node-type--resource.view-mode--grid-1-2.has-image .tagline:before, .node-type--resource.view-mode--grid-2-2.has-image .tagline:before { background: #ffffff; } .node-type--element.view-mode--grid-1-2.has-image .link--cta.button, .node-type--element.view-mode--grid-2-2.has-image .link--cta.button, .node-type--resource.view-mode--grid-1-2.has-image .link--cta.button, .node-type--resource.view-mode--grid-2-2.has-image .link--cta.button { border: 2px solid #ffffff; color: #ffffff; } .node-type--element.view-mode--grid-1-2.has-image .link--cta.button:before, .node-type--element.view-mode--grid-2-2.has-image .link--cta.button:before, .node-type--resource.view-mode--grid-1-2.has-image .link--cta.button:before, .node-type--resource.view-mode--grid-2-2.has-image .link--cta.button:before { background: #ffffff; } .node-type--element.view-mode--grid-1-2.has-image .link--cta.button svg, .node-type--element.view-mode--grid-2-2.has-image .link--cta.button svg, .node-type--resource.view-mode--grid-1-2.has-image .link--cta.button svg, .node-type--resource.view-mode--grid-2-2.has-image .link--cta.button svg { fill: #ffffff; } .node-type--element.view-mode--grid-1-2.has-image .link--cta.button a, .node-type--element.view-mode--grid-1-2.has-image .link--cta.button input, .node-type--element.view-mode--grid-2-2.has-image .link--cta.button a, .node-type--element.view-mode--grid-2-2.has-image .link--cta.button input, .node-type--resource.view-mode--grid-1-2.has-image .link--cta.button a, .node-type--resource.view-mode--grid-1-2.has-image .link--cta.button input, .node-type--resource.view-mode--grid-2-2.has-image .link--cta.button a, .node-type--resource.view-mode--grid-2-2.has-image .link--cta.button input { color: #ffffff; } .node-type--element.view-mode--grid-1-2.has-image .link--cta.button:hover, .node-type--element.view-mode--grid-2-2.has-image .link--cta.button:hover, .node-type--resource.view-mode--grid-1-2.has-image .link--cta.button:hover, .node-type--resource.view-mode--grid-2-2.has-image .link--cta.button:hover { border-color: #ffffff; } .node-type--element.view-mode--grid-1-2.has-image .link--cta.button:hover input, .node-type--element.view-mode--grid-1-2.has-image .link--cta.button:hover a, .node-type--element.view-mode--grid-2-2.has-image .link--cta.button:hover input, .node-type--element.view-mode--grid-2-2.has-image .link--cta.button:hover a, .node-type--resource.view-mode--grid-1-2.has-image .link--cta.button:hover input, .node-type--resource.view-mode--grid-1-2.has-image .link--cta.button:hover a, .node-type--resource.view-mode--grid-2-2.has-image .link--cta.button:hover input, .node-type--resource.view-mode--grid-2-2.has-image .link--cta.button:hover a { color: #9a1f22; } .node-type--element.view-mode--grid-1-2.has-image .link--cta.button:hover svg, .node-type--element.view-mode--grid-2-2.has-image .link--cta.button:hover svg, .node-type--resource.view-mode--grid-1-2.has-image .link--cta.button:hover svg, .node-type--resource.view-mode--grid-2-2.has-image .link--cta.button:hover svg { fill: #9a1f22; } .node-type--element.view-mode--grid-1-2 h3, .node-type--element.view-mode--grid-1-2 p, .node-type--element.view-mode--grid-2-2 h3, .node-type--element.view-mode--grid-2-2 p, .node-type--resource.view-mode--grid-1-2 h3, .node-type--resource.view-mode--grid-1-2 p, .node-type--resource.view-mode--grid-2-2 h3, .node-type--resource.view-mode--grid-2-2 p { color: #ffffff; } .node-type--element.view-mode--grid-1-2.white h3, .node-type--element.view-mode--grid-1-2.white p, .node-type--element.view-mode--grid-2-2.white h3, .node-type--element.view-mode--grid-2-2.white p, .node-type--resource.view-mode--grid-1-2.white h3, .node-type--resource.view-mode--grid-1-2.white p, .node-type--resource.view-mode--grid-2-2.white h3, .node-type--resource.view-mode--grid-2-2.white p { color: #333; } @media (min-width: 481px) { .node-type--element.view-mode--grid-1-2, .node-type--element.view-mode--grid-2-2, .node-type--resource.view-mode--grid-1-2, .node-type--resource.view-mode--grid-2-2 { min-height: 350px; } } @media (min-width: 961px) { .node-type--element.view-mode--grid-1-2, .node-type--element.view-mode--grid-2-2, .node-type--resource.view-mode--grid-1-2, .node-type--resource.view-mode--grid-2-2 { min-height: 550px; } } .node-type--element.view-mode--grid-2-2:not(.has-image), .node-type--resource.view-mode--grid-2-2:not(.has-image) { min-height: auto; } .node-type--element.view-mode--grid-1-3, .node-type--resource.view-mode--grid-1-3 { border: 1px solid #E2E2E2; margin-bottom: 10px; background: #ffffff; } .node-type--element.view-mode--grid-1-3 > .container, .node-type--resource.view-mode--grid-1-3 > .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; overflow: hidden; position: relative; padding: 0; } .node-type--element.view-mode--grid-1-3 > .container > a, .node-type--resource.view-mode--grid-1-3 > .container > a { position: absolute; display: block; width: 100%; height: 100%; z-index: 9; } .node-type--element.view-mode--grid-1-3 .image, .node-type--resource.view-mode--grid-1-3 .image { width: 100%; position: relative; overflow: hidden; } .node-type--element.view-mode--grid-1-3 .image picture, .node-type--resource.view-mode--grid-1-3 .image picture { display: block; } .node-type--element.view-mode--grid-1-3 .animn-wrap, .node-type--resource.view-mode--grid-1-3 .animn-wrap { position: relative; overflow: hidden; } .node-type--element.view-mode--grid-1-3 .animn-wrap h4, .node-type--resource.view-mode--grid-1-3 .animn-wrap h4 { margin: 0; } .node-type--element.view-mode--grid-1-3 .animn-wrap h6, .node-type--resource.view-mode--grid-1-3 .animn-wrap h6 { margin: 8px 0 0 0; } .node-type--element.view-mode--grid-1-3 .animn-wrap .text-wrap, .node-type--resource.view-mode--grid-1-3 .animn-wrap .text-wrap { padding: 10px; } .node-type--element.view-mode--grid-1-3 .animn-wrap .desc, .node-type--resource.view-mode--grid-1-3 .animn-wrap .desc { padding: 0 10px; padding-bottom: 10px; } @media (min-width: 1201px) { .node-type--element.view-mode--grid-1-3 .animn-wrap .text-wrap, .node-type--resource.view-mode--grid-1-3 .animn-wrap .text-wrap { padding: 20px; } .node-type--element.view-mode--grid-1-3 .animn-wrap .desc, .node-type--resource.view-mode--grid-1-3 .animn-wrap .desc { padding: 0 20px; } } .node-type--element.view-mode--grid-1-3 .animn-wrap .desc, .node-type--resource.view-mode--grid-1-3 .animn-wrap .desc { position: absolute; } .node-type--element.view-mode--grid-1-3 .animn-wrap .desc p, .node-type--resource.view-mode--grid-1-3 .animn-wrap .desc p { font-size: 14px; font-size: 0.875rem; line-height: 21px; line-height: 1.3125rem; margin: 0; } .node-type--element.view-mode--grid-1-3.card .text-wrap, .node-type--resource.view-mode--grid-1-3.card .text-wrap { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 10px; } @media (min-width: 961px) { .node-type--element.view-mode--grid-1-3.card .text-wrap, .node-type--resource.view-mode--grid-1-3.card .text-wrap { padding: 20px; } } .node-type--element.view-mode--grid-1-3.card .text-wrap h4.upper, .node-type--resource.view-mode--grid-1-3.card .text-wrap h4.upper { margin-bottom: 0; } .node-type--element.view-mode--grid-1-3.card .text-wrap p, .node-type--resource.view-mode--grid-1-3.card .text-wrap p { color: #000; } .node-type--element.view-mode--grid-1-3.card .media--type-icon, .node-type--resource.view-mode--grid-1-3.card .media--type-icon { position: unset; } .node-type--element.view-mode--grid-1-3.card.no-image .text-wrap > a, .node-type--resource.view-mode--grid-1-3.card.no-image .text-wrap > a { padding-right: 60px; } @media (min-width: 721px) { .node-type--element.view-mode--grid-1-3.card.no-image .text-wrap > a, .node-type--resource.view-mode--grid-1-3.card.no-image .text-wrap > a { padding-right: 80px; } } .node-type--element.view-mode--grid-1-3.card.no-image h4, .node-type--resource.view-mode--grid-1-3.card.no-image h4 { margin-top: 0; width: -webkit-calc(100% - 90px); width: calc(100% - 90px); } @media (min-width: 481px) { .node-type--element.view-mode--grid-1-3.card.no-image h4, .node-type--resource.view-mode--grid-1-3.card.no-image h4 { margin-bottom: 1.5em; } } .node-type--element.view-mode--grid-1-3.card.no-image .link-wrap a:before, .node-type--resource.view-mode--grid-1-3.card.no-image .link-wrap a:before { top: 10px; } @media (min-width: 481px) { .node-type--element.view-mode--grid-1-3.card.no-image .link-wrap a:before, .node-type--resource.view-mode--grid-1-3.card.no-image .link-wrap a:before { height: 50px; right: 10px; top: 10px; width: 50px; } } @media (min-width: 961px) { .node-type--element.view-mode--grid-1-3.card.no-image .link-wrap a:before, .node-type--resource.view-mode--grid-1-3.card.no-image .link-wrap a:before { height: 70px; right: 20px; top: 20px; width: 70px; } } .node-type--element.view-mode--grid-1-3.card.no-image .link-wrap a svg, .node-type--resource.view-mode--grid-1-3.card.no-image .link-wrap a svg { top: 10px; } @media (min-width: 481px) { .node-type--element.view-mode--grid-1-3.card.no-image .link-wrap a svg, .node-type--resource.view-mode--grid-1-3.card.no-image .link-wrap a svg { margin: 13px; right: 10px; top: 10px; } } @media (min-width: 961px) { .node-type--element.view-mode--grid-1-3.card.no-image .link-wrap a svg, .node-type--resource.view-mode--grid-1-3.card.no-image .link-wrap a svg { margin: 23px; right: 20px; top: 20px; } } @media (max-width: 1500px) { .business-menu .menu-depth--0 > li, #block-secondarynavigation .menu-depth--0 > li{ margin-right: 35px; } } @media (max-width: 1440px) { .business-menu .menu-depth--0 > li, #block-secondarynavigation .menu-depth--0 > li{ margin-right: 16px; } } @media (max-width: 1280px) { .business-menu .menu-depth--0 > li, #block-secondarynavigation .menu-depth--0 > li{ margin-right: 4px; } #block-sitebranding{ margin-right: 100px; } } .mobile-menu { display: none; } @media (max-width: 1200px) { .mobile-menu ul.menu.menu-depth--0.open{ transform: translateX(-34%); } .mobile-menu .mobile-trigger{ position: absolute; right: 50px; top: 50%; transform: translateY(-50%); } .sousuo{ padding-right: 60px; } .mobile-menu { display: flex; } #block-sitebranding{ margin-right: 23px; } .business-menu .menu-depth--0 > li, #block-secondarynavigation .menu-depth--0 > li{ margin-right: 10px; } .business-menu .menu-depth--0 > li > a, #block-secondarynavigation .menu-depth--0 > li > a{ font-size: 14px; } .business-menu .menu-depth--0 > li.item-below > a, #block-secondarynavigation .menu-depth--0 > li.item-below > a{ font-size: 14px; } .business-menu, #block-secondarynavigation { display: none; } } @media (max-width: 992px) { .sousuo a:first-child{ display: none; } .sousuo a:last-child{ position: absolute; right: 85px; top: 50%; transform: translateY(-50%); } .sousuo .xian{ display: none; } .header-left{ width: auto; justify-content: space-between; padding: 15px 0; } } @media (max-width: 768px) { #block-sitebranding a{ display: flex; align-items: center; } #block-sitebranding img{ width: 110px; } .mobile-menu ul.menu.menu-depth--0.open{ transform: translateX(-39%); } .mobile-menu .mobile-trigger{ right: 15px; } .sousuo{ padding-right: 35px; } .stock-code{ display: none; } .region-main-navigation{ padding: 0 15px; } #block-sitebranding{ margin-right: 0; } .sousuo a:last-child{ position: relative; right: 0; top: 0; transform: translateY(0); } }