.ccs-topbar { background-color: #ffffff; left: 0; padding: 40px 25px; position: fixed; right: 0; transition: top 280ms cubic-bezier(.09, .47, .18, .99); z-index: 999999; }
.ccs-topbar.ccs-is-active { top: 0 }
.ccs-topbar__progress { position: absolute; bottom: -2px; left: 0; border-bottom: 2px solid #333; width: 0; transition: width .35s }
.ccs-topbar__progress.ccs-hidden { display: none }
.ccs-topbar__title { text-decoration: none; color: inherit }
.ccs-topbar__bar { width: 100%; float: left; height: 50px; position: relative }
.ccs-topbar__item { font-size: 18px; float: left; color: #333; display: inline-block; font-family: "Volvo Novum Light" }
.ccs-topbar__item:last-of-type { text-align: right; float: right; margin-right: 70px; }
.ccs-topbar__navLink { color: inherit; text-decoration: none; position: relative; font-size: 18px; padding: 3px 0; line-height: 51px; margin: 0 15px; border-bottom: 1px solid transparent; transition: border-bottom 280ms ease-out; }
.ccs-topbar__navLink.ccs-is-active { border-bottom: 1px solid #000 }
.ccs-topbar__navLink:hover { border-bottom: 1px solid #000 }
.ccs-topbar-logo { width: 50px; vertical-align: middle; padding-left: 5px; padding-right: 20px }
.ccs-topbar .ccs-topNav { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); transition: opacity 280ms cubic-bezier(.09, .47, .18, .99), top 280ms cubic-bezier(.09, .47, .18, .99); opacity: 0; top: -80px }
.ccs-topbar .ccs-topNav.ccs-is-active { opacity: 1; top: 0 }

.ccs-topbar .ccs-sdd, .ccs-topbar .ccs-share, .ccs-topbar .ccs-top, .ccs-topbar__progress { display: none }



.ccs-cleanup { -webkit-animation: none; animation: none;  -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: none; animation-fill-mode: none; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-name: none; animation-name: none; -webkit-animation-play-state: running; animation-play-state: running; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-backface-visibility: visible; backface-visibility: visible; background: 0; background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: none; background-origin: padding-box; background-position: 0 0; background-position-x: 0; background-position-y: 0; background-repeat: repeat; background-size: auto auto; border: 0; border-style: none; border-width: medium; border-color: inherit; border-bottom: 0; border-bottom-color: inherit; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-style: none; border-bottom-width: medium; border-collapse: separate; -o-border-image: none; border-image: none; border-left: 0; border-left-color: inherit; border-left-style: none; border-left-width: medium; border-radius: 0; border-right: 0; border-right-color: inherit; border-right-style: none; border-right-width: medium; border-spacing: 0; border-top: 0; border-top-color: inherit; border-top-left-radius: 0; border-top-right-radius: 0; border-top-style: none; border-top-width: medium; bottom: auto; box-shadow: none; box-sizing: content-box; caption-side: top; clear: none; clip: auto; color: inherit; -webkit-columns: auto; columns: auto; -webkit-column-count: auto; column-count: auto; -webkit-column-fill: balance; column-fill: balance; -webkit-column-gap: normal; column-gap: normal; -webkit-column-rule: medium none currentColor; column-rule: medium none currentColor; -webkit-column-rule-color: currentColor; column-rule-color: currentColor; -webkit-column-rule-style: none; coln: 1; column-span: 1; -webkit-column-width: auto; column-width: auto; content: normal; counter-increment: none; counter-reset: none; cursor: auto; direction: ltr; display: inline; empty-cells: show; float: none; font: normal; font-family: inherit; font-size: medium; font-style: normal; font-variant: normal; font-weight: 400; height: auto; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; left: auto; letter-spacing: normal; line-height: normal; list-style: none; list-style-image: none; list-style-position: outside; list-style-type: disc; margin: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; max-height: none; max-width: none; min-height: 0; min-width: 0; opacity: 1; outline: 0; outline-color: invert; outline-style: none; outline-width: medium; overflow: visible; overflow-x: visible; overflow-y: visible; padding: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; page-break-after: auto; page-break-before: auto; page-break-inside: auto; -webkit-perspective: none; perspective: none; -webkit-perspective-origin: 50% 50%; perspective-origin: 50% 50%; position: static; quotes: '\201C' '\201D' '\2018' '\2019'; right: auto; -moz-tab-size: 8; -o-tab-size: 8; tab-size: 8; table-layout: auto; text-align: inherit; text-align-last: auto; text-decoration: none; -webkit-text-decoration-color: inherit; text-decoration-color: inherit; -webkit-text-decoration-line: none; text-decoration-line: none; -webkit-text-decoration-style: solid; text-decoration-style: solid; text-indent: 0; text-shadow: none; text-transform: none; top: auto; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transform-style: flat; transform-style: flat; transition: none; transition-delay: 0s; transition-duration: 0s; transition-property: none; transition-timing-function: ease; unicode-bidi: normal; vertical-align: baseline; visibility: visible; white-space: normal; width: auto; word-spacing: normal; z-index: auto } 


[class*=ccs-icon-]:before { display: inline-block; font-family: 'ccs icons'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.ccs-icon--dll:before { content: '\0041' }
.ccs-icon--expandOff:before { content: '\0042' }
.ccs-icon--expandOn:before { content: '\0043' }
.ccs-icon--facebook:before { content: '\0044' }
.ccs-icon--fileAudio:before { content: '\0045' }
.ccs-icon--filePdf:before { content: '\0046' }
.ccs-icon--fileVideo:before { content: '\0047' }
.ccs-icon--fileXls:before { content: '\0048' }
.ccs-icon--linkedin:before { content: '\0049' }
.ccs-icon--mail:before { content: '\004a' }
.ccs-icon--menu:before { content: '\004b' }
.ccs-icon--search:before { content: '\004c' }
.ccs-icon--share:before { content: '\004d' }
.ccs-icon--top:before { content: '\004e' }
.ccs-icon--twitter:before { content: '\004f' }
.ccs-icon--videoFull:before { content: '\0050' }
.ccs-icon--videoPortrait:before { content: '\0051' }
.ccs-icon--add:before { content: '\0052' }
.ccs-icon--stockDown:before { content: '\0053' }
.ccs-icon--caretDown:before { content: '\0054' }
.ccs-icon--caretUp:before { content: '\0055' }
.ccs-icon--caretRight:before { content: '\0056' }
.ccs-icon--slideLeft:before { content: '\0057' }
.ccs-icon--slideRight:before { content: '\0058' }
.ccs-icon--stockUp:before { content: '\0059' }
.ccs-icon--close:before { content: '\005a' }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; /*font-size: 100%;*/ vertical-align: baseline; outline: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { line-height: 1 }
body, html { height: 100% }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none }
button, input { outline: 0 }
table { border-collapse: collapse; border-spacing: 0 }
@-webkit-keyframes fade-slide-down {
0% {
opacity:0;
-webkit-transform:translateY(-4rem);
transform:translateY(-4rem)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fade-slide-down {
0% {
opacity:0;
-webkit-transform:translateY(-4rem);
transform:translateY(-4rem)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@-webkit-keyframes fade-in-right {
0% {
opacity:0;
margin-left:15%
}
100% {
opacity:1;
margin-left:0
}
}
@keyframes fade-in-right {
0% {
opacity:0;
margin-left:15%
}
100% {
opacity:1;
margin-left:0
}
}
@-webkit-keyframes subnav-fade-in-down {
0% {
opacity:0;
height:50px
}
100% {
opacity:1;
height:50px
}
}
@keyframes subnav-fade-in-down {
0% {
opacity:0;
height:50px
}
100% {
opacity:1;
height:50px
}
}
@-webkit-keyframes subnav-fade-out-up {
0% {
opacity:1;
height:0
}
100% {
opacity:0;
height:0
}
}
@keyframes subnav-fade-out-up {
0% {
opacity:1;
height:0
}
100% {
opacity:0;
height:0
}
}
@-webkit-keyframes fade-in {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fade-in {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes content-pop-in {
0% {
opacity:0;
filter:alpha(opacity=0)
}
100% {
opacity:1;
filter:alpha(opacity=100)
}
}
@keyframes content-pop-in {
0% {
opacity:0;
filter:alpha(opacity=0)
}
100% {
opacity:1;
filter:alpha(opacity=100)
}
}
@-webkit-keyframes sticky-nav-animation {
0% {
top:0
}
30% {
top:-88px
}
100% {
top:0
}
}
@keyframes sticky-nav-animation {
0% {
top:0
}
30% {
top:-88px
}
100% {
top:0
}
}
@-webkit-keyframes panel-fade-up {
0% {
opacity:0
}
25% {
opacity:0;
-webkit-transform:translatey(30px);
transform:translatey(30px)
}
100% {
opacity:1;
-webkit-transform:translatey(0);
transform:translatey(0)
}
}
@keyframes panel-fade-up {
0% {
opacity:0
}
25% {
opacity:0;
-webkit-transform:translatey(30px);
transform:translatey(30px)
}
100% {
opacity:1;
-webkit-transform:translatey(0);
transform:translatey(0)
}
}/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/
.ccs-hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; transition-duration: .15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible }
.ccs-hamburger:hover { /*opacity: 0.7;*/ }
.ccs-hamburger-box { width: 20px; height: 12px; display: inline-block; position: relative }
.ccs-hamburger-inner { display: block; top: 50%; margin-top: -1px }
.ccs-hamburger-inner, .ccs-hamburger-inner::after, .ccs-hamburger-inner::before { width: 20px; height: 2px; background-color: #000; border-radius: 0; position: absolute; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-duration: .15s; transition-timing-function: ease }
.ccs-hamburger-inner::after, .ccs-hamburger-inner::before { content: ""; display: block }
.ccs-hamburger-inner::before { top: -5px }
.ccs-hamburger-inner::after { bottom: -5px }
.ccs-hamburger--slider .ccs-hamburger-inner { top: 1px }
.ccs-hamburger--slider .ccs-hamburger-inner::before { top: 5px; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; transition-timing-function: ease; transition-duration: .15s }
.ccs-hamburger--slider .ccs-hamburger-inner::after { top: 10px }
.ccs-hamburger--slider.ccs-is-active .ccs-hamburger-inner { -webkit-transform: translate3d(0, 5px, 0) rotate(45deg); transform: translate3d(0, 5px, 0) rotate(45deg) }
.ccs-hamburger--slider.ccs-is-active .ccs-hamburger-inner::before { -webkit-transform: rotate(-45deg) translate3d(-2.85714px, -3px, 0); transform: rotate(-45deg) translate3d(-2.85714px, -3px, 0); opacity: 0 }
.ccs-hamburger--slider.ccs-is-active .ccs-hamburger-inner::after { -webkit-transform: translate3d(0, -10px, 0) rotate(-90deg); transform: translate3d(0, -10px, 0) rotate(-90deg) }
.ccs-searchburger { display: inline-block; padding: 15px; background-color: transparent; cursor: pointer; text-transform: none; border: 0; margin: 0; font: inherit }
.ccs-searchburger-label { display: inline-block; vertical-align: middle; margin: 0 15px; font-size: 18px; }
.ccs-searchburger .ccs-searchburger-box { position: relative; display: inline-block; width: 18px; height: 12px }
.ccs-searchburger .ccs-searchburger-box .ccs-searchburger-inner:before { content: ''; position: absolute; width: 10px; height: 10px; border: 2px solid #333; border-radius: 100px; transition-property: all; transition-duration: .15s; transition-timing-function: ease; -webkit-transform: translate3d(-9px, -2px, 0) rotate(0); transform: translate3d(-9px, -2px, 0) rotate(0) }
.ccs-searchburger .ccs-searchburger-box .ccs-searchburger-inner:after { content: ''; position: absolute; width: 6px; transition-property: all; transition-duration: .15s; transition-timing-function: ease; -webkit-transform: translate3d(1px, 10px, 0) rotate(45deg); transform: translate3d(1px, 10px, 0) rotate(45deg); border: 1px solid #333 }
.ccs-searchburger.ccs-is-active .ccs-searchburger-inner:before { width: 18px; height: 0; border: 1px solid #333; border-radius: 0; position: absolute; transition-property: all; transition-duration: .15s; transition-timing-function: ease; -webkit-transform: translate3d(-9px, 6px, 0) rotate(-45deg); transform: translate3d(-9px, 6px, 0) rotate(-45deg) }
.ccs-searchburger.ccs-is-active .ccs-searchburger-inner:after { width: 18px; -webkit-transform: translate3d(-9px, 6px, 0) rotate(45deg); transform: translate3d(-9px, 6px, 0) rotate(45deg) }
.ccs-title--huge { font-size: 56px; line-height: 60px; color: #161618; font-family: "Volvo Novum Light"; letter-spacing: normal; text-transform: none }
.ccs-title--big { font-size: 38px; line-height: 48px; color: #161618; font-family: "Volvo Novum Light"; letter-spacing: normal; text-transform: none }
.ccs-title--medium { font-size: 26px; line-height: 34px; color: #161618; font-family: "Volvo Novum Light"; letter-spacing: normal; text-transform: none }
.ccs-title--normal { font-size: 22px; line-height: 30px; color: #161618; font-family: "Volvo Novum Light"; letter-spacing: normal; text-transform: none }
.ccs-title--small { font-size: 12px; line-height: 20px; color: #333; font-family: "Volvo Novum Light"; letter-spacing: 2px; text-transform: uppercase }
.ccs-text--body { font-size: 18px; line-height: 28px; color: #333; font-family: "Volvo Novum Light" }
.ccs-text--action { font-size: 18px; line-height: 32px; color: #007bcd; font-family: "Volvo Novum Light" }
.ccs-text--bodySmall { font-size: 15px; line-height: 24px; color: #161618; font-family: "Volvo Novum Light" }

@media screen and (max-width:1023px) {
.ccs-title--huge { font-size: 42px; line-height: 48px; color: #161618; font-family: "Volvo Novum Light"; letter-spacing: normal; text-transform: none }
.ccs-title--big { font-size: 26px; line-height: 34px; color: #161618; font-family: "Volvo Novum Light"; letter-spacing: normal; text-transform: none }
.ccs-title--medium { font-size: 22px; line-height: 30px; color: #161618; font-family: "Volvo Novum Light"; letter-spacing: normal; text-transform: none }
.ccs-title--normal { font-size: 18px; line-height: 28px; color: #161618; font-family: "Volvo Novum Light"; letter-spacing: normal; text-transform: none }
.ccs-title--small { font-size: 12px; line-height: 20px; color: #333; font-family: "Volvo Novum Light"; letter-spacing: 2px; text-transform: uppercase }
.ccs-text--body { font-size: 18px; line-height: 28px; color: #333; font-family: "Volvo Novum Light" }
.ccs-text--action { font-size: 18px; line-height: 32px; color: #007bcd; font-family: "Volvo Novum Light" }
.ccs-text--bodySmall { font-size: 15px; line-height: 24px; color: #161618; font-family: "Volvo Novum Light" }
}
.ccs-hero { height: calc(100vh - 130px); padding: 0 40px; font-family: "Volvo Novum Light"; margin-bottom: 100px }
.ccs-hero__wrapper { position: relative; height: 100%; width: 100%; overflow: hidden }
.ccs-hero__background { min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block }
.ccs-hero__content { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2 }
.ccs-hero__header { display: table-cell; vertical-align: middle; color: #fff }
.ccs-hero__headerContainer { width: calc(100% - 40px); float: left; margin-left: 20px }

@media (max-width:767px) {
.ccs-topbar__item:last-of-type {margin-right: 40px;}
.ccs-hero__headerContainer { width: calc(100%); float: left; margin-left: 0 } 
}

@media (min-width:1359px) {
.ccs-hero__headerContainer { width: calc(58.33333% - 28.5px); float: left; margin-left: 18px; margin-left: calc(8.33333% - 19.5px + 36px) }
}
.ccs-hero .ccs-title--small { color: inherit; padding: 10px 0 }
.ccs-hero__title { font-size: 56px; margin-bottom: 20px; line-height: 60px }
.ccs-hero__description { font-size: 26px; width: 100%; color: inherit; display: block; line-height: 34px; margin-bottom: 20px }
.ccs-hero__link { font-size: 18px; color: inherit; padding: 15px 18px; border: 1px solid #fff; text-decoration: none; display: inline-block; margin: 20px 20px 0 0 }

@media screen and (max-width:1359px) {
.ccs-hero { height: calc(100vh - 80px); padding: 0 36px; margin-bottom: 50px }
}

@media screen and (max-width:767.98px) {
.ccs-hero { height: auto; padding: 0 15px; margin-bottom: 30px }
.ccs-hero .ccs-container { padding-left: 0; padding-right: 0 }
.ccs-hero__wrapper { height: auto }
.ccs-hero__background { position: static; width: 100%; height: auto; min-height: initial; -webkit-transform: none; -ms-transform: none; transform: none }
.ccs-hero__header { color: #161618 }
.ccs-hero__content { position: static; padding: 25px 0 0 0 }
.ccs-hero__title { font-size: 25px; margin-bottom: 15px; line-height: 27px }
.ccs-hero__link { font-size: 16px; border-color: #161618; margin: 10px 10px 0 0 }
.ccs-hero__link:nth-of-type(2) { display: none }
}
.ccs-subhero { height: auto; padding: 0 40px; font-family: "Volvo Novum Light"; margin-bottom: 100px }
.ccs-subhero__wrapper { position: relative; height: 100%; width: 100%; overflow: hidden }
.ccs-subhero__imageWrapper { width: 100%; height: 495px; position: relative; overflow: hidden }
.ccs-subhero__image { width: 100%; height: auto; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block }
.ccs-subhero__content { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 2 }
.ccs-subhero__header { display: table-cell; vertical-align: middle; color: #fff }
.ccs-subhero__headerContainer { width: calc(100% - 40px); float: left; margin-left: 20px }
.ccs-subhero .ccs-title--small { color: inherit; padding: 10px 0 }
.ccs-subhero__title { font-size: 56px; line-height: 60px }
.ccs-subhero__link { font-size: 18px; color: inherit; padding: 10px 0; border-bottom: 1px solid #fff; text-decoration: none; display: inline-block }
.ccs-subhero--fullHeight .ccs-subhero__content { position: static; padding: 0 }
.ccs-subhero--fullHeight .ccs-subhero__title { margin-bottom: 100px }
.ccs-subhero--fullHeight .ccs-subhero__headerContainer { color: #161618 }

@media screen and (max-width:1359px) {
.ccs-subhero { padding: 0 36px; margin-bottom: 80px }
.ccs-subhero__title { margin-bottom: 60px }
.ccs-subhero__imageWrapper { height: 254px }
}

@media screen and (max-width:767.98px) {
.ccs-subhero { padding: 0 15px; margin-bottom: 60px }
.ccs-subhero__container { padding-left: 0; padding-right: 0 }
.ccs-subhero__wrapper { height: auto }
.ccs-subhero__titleBig { margin-bottom: 40px }
.ccs-subhero__imageWrapper { height: 105px }
.ccs-subhero__headerContainer { color: #161618 }
.ccs-subhero__content { position: static; padding: 25px 0 0 0 }
.ccs-subhero__title { font-size: 25px; margin-bottom: 15px; line-height: 27px }
.ccs-subhero__link { font-size: 16px }
}


@media only screen and (min-width:767px) {
.ccs-topbar.ccs-is-sticky { position: fixed; border-bottom: 1px solid #e7e7e7; -webkit-animation: sticky-nav-animation .35s; animation: sticky-nav-animation .35s; padding: 17px 25px }
.ccs-topbar.ccs-is-sticky .ccs-topbar-logo, .ccs-topbar.ccs-is-sticky .ccs-topbar__title { display: none }
.ccs-topbar.ccs-is-sticky .ccs-topbar__progress { display: block }
.ccs-topbar.ccs-is-sticky .ccs-top { background: 0 0; border: 0; font-size: inherit; font-family: inherit; display: inline-block; padding: 0 20px; margin: 11px 0; cursor: pointer }
.ccs-topbar.ccs-is-sticky .ccs-top__title { padding-right: 5px }
.ccs-topbar.ccs-is-sticky .ccs-top .ccs-icon--top { font-size: 14px }
.ccs-topbar.ccs-is-sticky .ccs-top:active { color: #007bcd }
.ccs-topbar.ccs-is-sticky .ccs-share { font-size: inherit; font-family: inherit; display: inline-block; padding: 0 20px; position: relative; margin: 14px 0; cursor: pointer }
.ccs-topbar.ccs-is-sticky .ccs-share:after { content: ''; position: absolute; height: 20px; border-right: 1px solid #e7e7e7; right: 0; top: 0 }
.ccs-topbar.ccs-is-sticky .ccs-share__title { position: relative }
.ccs-topbar.ccs-is-sticky .ccs-share__title .ccs-icon--share { padding-left: 5px }
.ccs-topbar.ccs-is-sticky .ccs-share__socials { position: absolute; z-index: 2; top: -8px; right: 0; visibility: hidden }
.ccs-topbar.ccs-is-sticky .ccs-share__socials .ccs-icon { position: absolute; font-size: 39px; top: 0; opacity: 0; right: 0; padding: 0; -webkit-transform: rotate(-25deg); -ms-transform: rotate(-25deg); transform: rotate(-25deg) }
.ccs-topbar.ccs-is-sticky .ccs-share__socials .ccs-icon:hover { color: #007bcd }
.ccs-topbar.ccs-is-sticky .ccs-share__socials .ccs-icon:nth-of-type(2) { -webkit-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg) }
.ccs-topbar.ccs-is-sticky .ccs-share__socials .ccs-icon:nth-of-type(3) { -webkit-transform: rotate(-75deg); -ms-transform: rotate(-75deg); transform: rotate(-75deg) }
.ccs-topbar.ccs-is-sticky .ccs-share__socials .ccs-icon:nth-of-type(4) { -webkit-transform: rotate(-100deg); -ms-transform: rotate(-100deg); transform: rotate(-100deg) }
.ccs-topbar.ccs-is-sticky .ccs-share--active .ccs-share__title { visibility: hidden; opacity: 0 }
.ccs-topbar.ccs-is-sticky .ccs-share--active .ccs-share__socials { visibility: visible }
.ccs-topbar.ccs-is-sticky .ccs-share--active .ccs-share__socials .ccs-icon { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; padding: 0 10px; right: 10px; transition: right .35s ease, right .35s ease, opacity .35s ease, padding .35s ease }
.ccs-topbar.ccs-is-sticky .ccs-share--active .ccs-share__socials .ccs-icon:nth-of-type(2) { right: 60px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); transition: right .35s ease 20ms, opacity .35s ease 20ms, padding .35s ease, -webkit-transform .35s ease 20ms; transition: transform .35s ease 20ms, right .35s ease 20ms, opacity .35s ease 20ms, padding .35s ease; transition: transform .35s ease 20ms, right .35s ease 20ms, opacity .35s ease 20ms, padding .35s ease, -webkit-transform .35s ease 20ms }
.ccs-topbar.ccs-is-sticky .ccs-share--active .ccs-share__socials .ccs-icon:nth-of-type(3) { right: 110px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); transition: right .35s ease 40ms, opacity .35s ease 40ms, padding .35s ease, -webkit-transform .35s ease 40ms; transition: transform .35s ease 40ms, right .35s ease 40ms, opacity .35s ease 40ms, padding .35s ease; transition: transform .35s ease 40ms, right .35s ease 40ms, opacity .35s ease 40ms, padding .35s ease, -webkit-transform .35s ease 40ms }
.ccs-topbar.ccs-is-sticky .ccs-share--active .ccs-share__socials .ccs-icon:nth-of-type(4) { right: 160px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); transition: right .35s ease 60ms, opacity .35s ease 60ms, padding .35s ease, -webkit-transform .35s ease 60ms; transition: transform .35s ease 60ms, right .35s ease 60ms, opacity .35s ease 60ms, padding .35s ease; transition: transform .35s ease 60ms, right .35s ease 60ms, opacity .35s ease 60ms, padding .35s ease, -webkit-transform .35s ease 60ms }
.ccs-topbar.ccs-is-sticky .ccs-sdd { display: inline-block; position: relative }
.ccs-topbar.ccs-is-sticky .ccs-sdd__title { padding: 0 25px 0 0; cursor: pointer }
.ccs-topbar.ccs-is-sticky .ccs-sdd__title .ccs-icon--caretDown { position: absolute; font-size: 9px; top: 4px; right: 0; opacity: 1; transition: opacity .15s, top .15s }
.ccs-topbar.ccs-is-sticky .ccs-sdd__title .ccs-icon--caretUp { position: absolute; font-size: 9px; top: 10px; right: 1px; opacity: 0; transition: opacity .15s, top .15s }
.ccs-topbar.ccs-is-sticky .ccs-sdd__nav { position: absolute; box-shadow: 0 0 4px 0 #e7e7e7; border: 1px solid #f0f0f0; background-color: #fff; padding: 20px 30px 20px 20px; min-width: 148px; top: 25px; left: 25px; white-space: nowrap; z-index: 1000; opacity: 0; visibility: hidden; transition: opacity .15s, top .15s }
.ccs-topbar.ccs-is-sticky .ccs-sdd__link { color: #333; text-decoration: none; font-size: inherit; line-height: 34px }
.ccs-topbar.ccs-is-sticky .ccs-sdd__link:hover { color: #007bcd }
.ccs-topbar.ccs-is-sticky .ccs-sdd.ccs-is-active .ccs-sdd__nav { top: 35px; opacity: 1; visibility: visible }
.ccs-topbar.ccs-is-sticky .ccs-sdd.ccs-is-active .ccs-sdd__title { color: #007bcd; transition: color .15s }
.ccs-topbar.ccs-is-sticky .ccs-sdd.ccs-is-active .ccs-sdd__title .ccs-icon--caretUp { top: 4px; opacity: 1 }
.ccs-topbar.ccs-is-sticky .ccs-sdd.ccs-is-active .ccs-sdd__title .ccs-icon--caretDown { top: 1px; opacity: 0 }
.ccs-topbar.ccs-is-sticky .ccs-searchburger, .ccs-topbar.ccs-is-sticky .ccs-topNav { display: none }
}

@media screen and (max-width:1359px) {
.ccs-topbar { padding: 15px 25px }
.ccs-topbar .ccs-searchburger-label, .ccs-topbar__title { display: none }
.ccs-topbar-logo { position: absolute; left: 50%; padding: 0; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
}

@media screen and (max-width:767.98px) {
.ccs-topbar { padding: 7px 0; width: 100% }
.ccs-topbar-logo { width: 40px }
}
[class^=is-page-editor] .ccs-topbar { position: initial }
.ccs-fsn { display: block; width: 100%; height: calc(100vh - 130px); position: fixed; background-color: #fff; top: 130px; z-index: 999998; opacity: 0; border-top: 1px solid #e7e7e7; transition: opacity .35s, visibility .35s; -moz-transition: opacity .35s, visibility .35s; -o-transition: opacity .35s, visibility .35s; -webkit-transition: opacity .35s, visibility .35s; -ms-transition: opacity .35s, visibility .35s; visibility: hidden }
.ccs-fsn.ccs-is-active { opacity: 1; visibility: visible }

@media (min-width:0) {
.ccs-fsn__left { width: calc(100%); float: left; margin-left: 0 }
}

@media all and (min-width:767.98px) {
.ccs-fsn__left { width: calc(83.33333% - 33px); float: left; margin-left: 18px; margin-left: calc(8.33333% - 19.5px + 36px) }
}

@media (min-width:1359px) {
.ccs-fsn__left { width: calc(58.33333% - 31.66667px); float: left; margin-left: 20px; margin-left: calc(8.33333% - 21.66667px + 40px) }
}

@media (min-width:0) {
.ccs-fsn__right { width: calc(100%); float: left; margin-left: 0 }
}

@media (min-width:767.98px) {
.ccs-fsn__right { width: calc(83.33333% - 33px); float: left; margin-left: 18px; margin-left: calc(8.33333% - 19.5px + 36px) }
}

@media (min-width:1359px) {
.ccs-fsn__right { width: calc(25% - 25px); float: left; margin-left: 20px }
}
.ccs-fsn--bottom { position: absolute; bottom: 0 }
.ccs-fsn__container { padding: 82px 0; position: absolute; width: 100%; height: calc(100% - 164px); overflow-y: auto; -webkit-overflow-scrolling: touch; top: -50px; visibility: hidden; opacity: 0; transition: top 280ms cubic-bezier(.09, .47, .18, .99), opacity 280ms cubic-bezier(.09, .47, .18, .99), visibility 280ms cubic-bezier(.09, .47, .18, .99) }
.ccs-fsn__container.ccs-is-active { opacity: 1; visibility: visible; top: 0 }

@media (min-width:1359px) {
.ccs-fsn.ccs-is-sticky { height: calc(100vh - 84px);height: -webkit-calc(100vh - 84px);height: -moz-calc(100vh - 84px); top: 84px } 
}

@media screen and (max-width:1359px) {
.ccs-fsn {/* height: calc(100vh - 80px); top: 80px */}
.ccs-fsn .ccs-container { padding: 0 22px }
.ccs-fsn__container { padding: 82px 0; height: calc(100% - 164px) }
.ccs-fsn__group { float: left }
.ccs-fsn__group:nth-of-type(1) { width: 70% }
.ccs-fsn__group:nth-of-type(2) { width: 30% }
.ccs-fsn .ccs-nav { margin-bottom: 138px }
.ccs-fsn--bottom { bottom: 30px }
.ccs-fsn--header .ccs-fsn__left, .ccs-fsn--header .ccs-fsn__right { width: 100% }
}

@media screen and (max-width:767.98px) {
.ccs-fsn { height: calc(100vh - 64px); top: 64px }
.ccs-fsn--bottom { bottom: auto }
.ccs-fsn__container { padding: 40px; height: calc(100% - 80px); width: calc(100% - 80px) }
.ccs-fsn .ccs-container { padding: 0 }
.ccs-fsn .ccs-nav { margin-bottom: 40px }
.ccs-fsn__group { float: left }
.ccs-fsn__group:nth-of-type(1), .ccs-fsn__group:nth-of-type(2) { width: 100% }
}
.ccs-nav { position: relative; width: 100% }
.ccs-nav .ccs-subnav { top: 0; left: 100%; width: 100%; min-height: 100%; position: absolute; visibility: hidden; opacity: 0; display: none; font-size: 22px; overflow: hidden; transition: height 2.35s; z-index: 2 }
.ccs-nav .ccs-subnav__item { opacity: 0 }
.ccs-nav .ccs-subnav__item:last-of-type .ccs-nav--sublink { padding-bottom: 0;}
.ccs-nav .ccs-subnav:before { content: ''; height: 100%; border-left: 1px solid #e7e7e7; position: absolute; -webkit-animation: fadeIn .4s; animation: fadeIn .4s }
.ccs-nav__container { display: inline-block; position: relative; height: 100%; width: 300px; font-size: 38px; font-family: "Volvo Novum Light" }
.ccs-nav__link { display: block; position: relative; margin-bottom: 40px; color: #000; transition: color .35s; text-decoration: none; white-space: nowrap; }
.ccs-nav--active>.ccs-nav__link, .ccs-nav--desktop .ccs-nav__item:hover>.ccs-nav__link, .ccs-nav--desktop .ccs-nav__link:hover, .ccs-nav--footer .ccs-nav__link:hover, .ccs-subnav__item:hover>.ccs-nav--sublink { color: #007bcd; transition: color .35s }
.ccs-nav--sublink { padding: 0 0 35.7px 40px; margin: 0 }
.ccs-nav--active .ccs-subnav, .ccs-nav--desktop .ccs-nav__item:hover .ccs-subnav { display: block; opacity: 1; visibility: visible }
.ccs-nav--active>.ccs-nav__link:after, .ccs-nav--desktop .ccs-nav__item:hover>.ccs-nav__link:after { content: ''; position: absolute; width: 300px; height: 300px; right: -150px; top: -125px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 1 }
.ccs-nav__item { display: inline-block; opacity: 1; width: 100% }
.ccs-nav__item:last-of-type .ccs-nav__link { margin: 0 }
.ccs-nav--footer .ccs-nav__item:hover>.ccs-nav__link:after { content: none }

@media screen and (min-width:767.98px) {
.ccs-nav { padding: 0; width: 100% }
.ccs-nav .ccs-subnav__item { -webkit-animation: fade-in-right .5s ease forwards; animation: fade-in-right .5s ease forwards; -webkit-animation-delay: .05s; animation-delay: .05s }
.ccs-nav .ccs-subnav__item:nth-of-type(2) { -webkit-animation-delay: .1s; animation-delay: .1s }
.ccs-nav .ccs-subnav__item:nth-of-type(3) { -webkit-animation-delay: .15s; animation-delay: .15s }
.ccs-nav .ccs-subnav__item:nth-of-type(4) { -webkit-animation-delay: .2s; animation-delay: .2s }
.ccs-nav .ccs-subnav__item:nth-of-type(5) { -webkit-animation-delay: .25s; animation-delay: .25s }
.ccs-nav .ccs-subnav__item:nth-of-type(6) { -webkit-animation-delay: .3s; animation-delay: .3s }
.ccs-nav .ccs-subnav__item:nth-of-type(7) { -webkit-animation-delay: .35s; animation-delay: .35s }
.ccs-nav .ccs-subnav__item:nth-of-type(8) { -webkit-animation-delay: .4s; animation-delay: .4s }
.ccs-nav .ccs-subnav__item:nth-of-type(9) { -webkit-animation-delay: .45s; animation-delay: .45s }
.ccs-nav .ccs-subnav__item:nth-of-type(10) { -webkit-animation-delay: .5s; animation-delay: .5s }
.ccs-nav .ccs-subnav__item:nth-of-type(11) { -webkit-animation-delay: .55s; animation-delay: .55s }
.ccs-nav .ccs-subnav__item:nth-of-type(12) { -webkit-animation-delay: .6s; animation-delay: .6s }
.ccs-nav .ccs-subnav__item:nth-of-type(13) { -webkit-animation-delay: .65s; animation-delay: .65s }
.ccs-nav .ccs-subnav__item:nth-of-type(14) { -webkit-animation-delay: .7s; animation-delay: .7s }
.ccs-nav--mobile .ccs-nav--sublink { padding: 0 0 27.7px 58px }
}

@media screen and (max-width:767px) {
.ccs-nav { margin-bottom: 35px }
.ccs-nav__link { margin-bottom: 40px }
.ccs-nav__container { width: 100%; font-size: 26px; line-height: 26px }
.ccs-nav .ccs-subnav { display: block; position: relative; left: 20px; max-height: 0; transition: max-height .35s; overflow: hidden }
.ccs-nav--sublink { font-size: 18px; padding: 0 0 18px 20px }
.ccs-nav--sublink:last-of-type { margin: 0 }
.ccs-nav--active>.ccs-nav__link, .ccs-nav--active>.ccs-nav__link:last-of-type { margin-bottom: 30px }
.ccs-nav--active>.ccs-nav__link:after, .ccs-nav--active>.ccs-nav__link:last-of-type:after { content: none }
.ccs-nav--active .ccs-subnav { margin-bottom: 30px; max-height: 450px; transition: max-height .35s }
.ccs-nav--active .ccs-subnav__item { opacity: 1; transition: opacity .35s }
.ccs-display--inlineBlock { display: inline-block }
}
.ccs-content { width: 100%; min-height: 100%; float: left; position: relative; margin-top: 130px; margin-bottom: 150px }
.ccs-container { max-width: 1260px; margin: 0 auto; padding: 0 40px; position: relative }
.ccs-container::after { clear: both; content: ""; display: block }
.ccs-row { margin-left: -20px; margin-right: -20px }
.ccs-display--table { display: table; height: 100%; width: 100% }
.ccs-align--bottom { display: table-cell; vertical-align: bottom }
.ccs-align--top { display: table-cell; vertical-align: top }
.ccs-align--middle { display: table-cell; vertical-align: middle }
.ccs-noScroll { overflow: hidden }
.ccs-noScroll--mobile { overflow: hidden; height: 100%; width: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0 }
.ccs-text--center { text-align: center }
.ccs-text--right { text-align: right }
.ccs-poc { position: relative; display: inline-block }
.ccs-poc:after { content: ''; position: absolute; width: calc(100% + 10px); height: calc(100% + 10px); top: -5px; left: -5px; border: 1px dashed red; z-index: -1 }
.ccs-link { text-decoration: none; color: inherit; transition: color .35s; display: inline-block }
.ccs-link .ccs-text--action:hover, .ccs-link .ccs-text--body:hover, .ccs-link .ccs-text--smallBody:hover, .ccs-link .ccs-title--big:hover, .ccs-link .ccs-title--huge:hover, .ccs-link .ccs-title--medium:hover, .ccs-link .ccs-title--normal:hover, .ccs-link .ccs-title--small:hover, .ccs-link:hover { color: #007bcd }
.ccs-link--active { color: #007bcd }
.ccs-link--active .ccs-text--action, .ccs-link--active .ccs-text--body, .ccs-link--active .ccs-text--smallBody, .ccs-link--active .ccs-title--big, .ccs-link--active .ccs-title--huge, .ccs-link--active .ccs-title--medium, .ccs-link--active .ccs-title--normal, .ccs-link--active .ccs-title--small { color: #007bcd }
.ccs-link--inline { display: inline }
.ccs-centerVertically { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.ccs-break-40 { height: 40px; width: 100% }
.ccs-col-0 { width: calc(0% - 20px); float: left; margin-left: 20px }

@media (max-width:1359px) {
.ccs-col-0 { width: calc(0% - 18px); float: left; margin-left: 18px }
}

@media (max-width:1023px) {
.ccs-col-0 { width: calc(100% - 15px); float: left; margin-left: 7.5px }
}
.ccs-col-1 { width: calc(8.33333% - 21.66667px); float: left; margin-left: 20px }

@media (max-width:1359px) {
.ccs-col-1 { width: calc(8.33333% - 19.5px); float: left; margin-left: 18px }
}

@media (max-width:1023px) {
.ccs-col-1 { width: calc(100% - 15px); float: left; margin-left: 7.5px }
}
.ccs-col-2 { width: calc(16.66667% - 23.33333px); float: left; margin-left: 20px }

@media (max-width:1359px) {
.ccs-col-2 { width: calc(16.66667% - 21px); float: left; margin-left: 18px }
}

@media (max-width:1023px) {
.ccs-col-2 { width: calc(100% - 15px); float: left; margin-left: 7.5px }
}
.ccs-col-3 { width: calc(25% - 25px); float: left; margin-left: 20px }

@media (max-width:1359px) {
.ccs-col-3 { width: calc(25% - 22.5px); float: left; margin-left: 18px }
}

@media (max-width:1023px) {
.ccs-col-3 { width: calc(100% - 15px); float: left; margin-left: 7.5px }
}
.ccs-col-4 { width: calc(33.33333% - 26.66667px); float: left; margin-left: 20px }

@media (max-width:1359px) {
.ccs-col-4 { width: calc(33.33333% - 24px); float: left; margin-left: 18px }
}

@media (max-width:1023px) {
.ccs-col-4 { width: calc(100% - 15px); float: left; margin-left: 7.5px }
}
.ccs-col-5 { width: calc(41.66667% - 28.33333px); float: left; margin-left: 20px }

@media (max-width:1359px) {
.ccs-col-5 { width: calc(41.66667% - 25.5px); float: left; margin-left: 18px }
}

@media (max-width:1023px) {
.ccs-col-5 { width: calc(100% - 15px); float: left; margin-left: 7.5px }
}
.ccs-col-6 { width: calc(50% - 30px); float: left; margin-left: 20px }

@media (max-width:1359px) {
.ccs-col-6 { width: calc(50% - 27px); float: left; margin-left: 18px }
}

@media (max-width:1023px) {
.ccs-col-6 { width: calc(100% - 15px); float: left; margin-left: 7.5px }
}
.ccs-col-7 { width: calc(58.33333% - 31.66667px); float: left; margin-left: 20px }

@media (max-width:1359px) {
.ccs-col-7 { width: calc(58.33333% - 28.5px); float: left; margin-left: 18px }
}

@media (max-width:1023px) {
.ccs-col-7 { width: calc(100% - 15px); float: left; margin-left: 7.5px }
}
.ccs-col-8 { width: calc(66.66667% - 33.33333px); float: left; margin-left: 20px }

@media (max-width:1359px) {
.ccs-col-8 { width: calc(66.66667% - 30px); float: left; margin-left: 18px }
}

@media (max-width:1023px) {
.ccs-col-8 { width: calc(100% - 15px); float: left; margin-left: 7.5px }
}
.ccs-col-9 { width: calc(75% - 35px); float: left; margin-left: 20px }

@media (max-width:1359px) {
.ccs-col-9 { width: calc(75% - 31.5px); float: left; margin-left: 18px }
}

@media (max-width:1023px) {
.ccs-col-9 { width: calc(100% - 15px); float: left; margin-left: 7.5px }
}
.ccs-col-10 { width: calc(83.33333% - 36.66667px); float: left; margin-left: 20px }

@media (max-width:1359px) {
.ccs-col-10 { width: calc(83.33333% - 33px); float: left; margin-left: 18px }
}

@media (max-width:1023px) {
.ccs-col-10 { width: calc(100% - 15px); float: left; margin-left: 7.5px }
}
.ccs-col-11 { width: calc(91.66667% - 38.33333px); float: left; margin-left: 20px }

@media (max-width:1359px) {
.ccs-col-11 { width: calc(91.66667% - 34.5px); float: left; margin-left: 18px }
}

@media (max-width:1023px) {
.ccs-col-11 { width: calc(100% - 15px); float: left; margin-left: 7.5px }
}
.ccs-col-12 { width: calc(100% - 40px); float: left; margin-left: 20px }

@media (max-width:1359px) {
.ccs-col-12 { width: calc(100% - 36px); float: left; margin-left: 18px }
}

@media (max-width:1023px) {
.ccs-col-12 { width: calc(100% - 15px); float: left; margin-left: 7.5px }
}

@media screen and (min-width:1023px) {
.ccs-push-0 { margin-left: calc(0% - 20px + 40px) }
.ccs-push-1 { margin-left: calc(8.33333% - 21.66667px + 40px) }
.ccs-push-2 { margin-left: calc(16.66667% - 23.33333px + 40px) }
.ccs-push-3 { margin-left: calc(25% - 25px + 40px) }
.ccs-push-4 { margin-left: calc(33.33333% - 26.66667px + 40px) }
.ccs-push-5 { margin-left: calc(41.66667% - 28.33333px + 40px) }
.ccs-push-6 { margin-left: calc(50% - 30px + 40px) }
.ccs-push-7 { margin-left: calc(58.33333% - 31.66667px + 40px) }
.ccs-push-8 { margin-left: calc(66.66667% - 33.33333px + 40px) }
.ccs-push-9 { margin-left: calc(75% - 35px + 40px) }
.ccs-push-10 { margin-left: calc(83.33333% - 36.66667px + 40px) }
.ccs-push-11 { margin-left: calc(91.66667% - 38.33333px + 40px) }
.ccs-push-12 { margin-left: calc(100% - 40px + 40px) }

}

@media screen and (max-width:1359px) {
.ccs-content { /*margin-top: 80px*/ }
.ccs-container { padding: 0 36px }
.ccs-row { margin-left: -18px; margin-right: -18px }
}

@media screen and (max-width:1023px) {
.ccs-row { margin-left: -7.5px; margin-right: -7.5px }
.ccs-content {margin-top: 80px; }
}

@media screen and (max-width:767.98px) {
.ccs-content { margin-top: 64px }
.ccs-break-40 { height: 35px }
.ccs-container { padding: 0 15px }
}
.ccs-branches { width: 290px; font-family: "Volvo Novum Light"; position: relative }
.ccs-branches__list { width: 100%; height: 58px; margin: 20px 0 40px; border: 1px solid #000; font-family: inherit; font-size: 15px; padding: 0 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; outline: 0 }
.ccs-branches:after { content: '\0054'; font-family: 'ccs icons'; font-size: 10px; position: absolute; top: 45px; right: 15px }

@media screen and (max-width:767.98px) {
.ccs-branches { width: 240px }
}
.ccs-followUs__socials .ccs-icon { margin-right: 23px; display: inline-block; font-size: 40px; color: #000; transition: color .35s }
.ccs-followUs__socials .ccs-icon:hover { color: #007bcd; transition: color .35s }
.ccs-langs { margin-top: 20px; padding-right: 10px; display: inline-block; font-family: "Volvo Novum Light" }
.ccs-langs__list { height: 27px; border: 0; font-family: inherit; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; outline: 0 }
.ccs-langs:after { content: '\0054'; font-family: 'ccs icons'; font-size: 10px }
.ccs-richText { margin-bottom: 80px }
.ccs-richText__image { margin: 5px 0 40px 0; width: 100% }
.ccs-richText .ccs-text--body, .ccs-richText .ccs-title--medium { margin-bottom: 30px }
.ccs-footer { padding: 100px 0; clear: both; border-top: 1px solid #e7e7e7 }

@media (min-width:0) {
.ccs-footer__left { width: calc(100%); float: left; margin-left: 0 }
}

@media (min-width:767.98px) {
.ccs-footer__left { width: calc(50% - 27px); float: left; margin-left: 18px; margin-left: calc(8.33333% - 19.5px + 36px) }
}

@media (min-width:1359px) {
.ccs-footer__left { width: calc(58.33333% - 31.66667px); float: left; margin-left: 20px; margin-left: calc(8.33333% - 21.66667px + 40px) }
}

@media (min-width:0) {
.ccs-footer__right { width: calc(100%); float: left; margin-left: 0 }
}

@media (min-width:767.98px) {
.ccs-footer__right { width: calc(33.33333% - 24px); float: left; margin-left: 18px }
}

@media (min-width:1359px) {
.ccs-footer__right { width: calc(25% - 15px); float: left; margin-left: 20px }
}
.ccs-footer--bottom { position: absolute; bottom: 0 }
.ccs-footer--title { margin-bottom: 30px }
.ccs-footer__copyright { margin-top: 20px }
.ccs-footer .ccs-nav { margin-bottom: 0 }
.ccs-footer .ccs-nav .ccs-subnav { display: none }

@media screen and (max-width:1359px) {
.ccs-footer { padding: 80px 0 }
}

@media screen and (max-width:767.98px) {
/*.ccs-footer { padding: 40px }*/
.ccs-footer { padding: 40px 0; }
.ccs-footer .ccs-container { padding: 0 }
.ccs-footer .ccs-nav { margin-bottom: 30px }
.ccs-footer--bottom { position: relative }
}
.ccs-list { margin-bottom: 20px }
.ccs-list__item .ccs-icon { font-size: 10px; padding-left: 5px }
.ccs-accordion { margin-bottom: 80px; border-bottom: solid 1px #000; border-top: solid 1px #000 }
.ccs-accordion .ccs-title--normal { line-height: 112px; min-height: 112px; overflow: hidden }
.ccs-accordion .ccs-title--normal+.ccs-text--bodySmall+.ccs-title--normal { border-top: solid 1px #000 }
.ccs-accordion .ccs-title--normal+.ccs-text--bodySmall+.ccs-title--normal { border-top: solid 1px #000 }
.ccs-accordion .ccs-title--normal:not(.ccs-ui-accordion-header-active) { cursor: pointer }
.ccs-accordion .ccs-title--normal .ccs-accordion__header--left { display: inline-block; line-height: normal; margin-right: 40px; vertical-align: middle }
.ccs-accordion .ccs-title--normal .ccs-accordion__header--right { float: right; height: 30px; margin-left: -100%; margin-top: 49.5px; opacity: .65; position: relative; width: 15px }
.ccs-accordion .ccs-title--normal .ccs-accordion__header--right:before { background-color: #000; content: ''; height: 1px; position: absolute; width: 100%; top: 7.5px }
.ccs-accordion .ccs-title--normal .ccs-accordion__header--right:after { background-color: #000; content: ''; height: 15px; position: absolute; width: 1px; left: 7.5px }
.ccs-accordion .ccs-title--normal[class*=ui-accordion-header-active] .ccs-accordion__header--right:after { content: none }
.ccs-accordion .ccs-text--bodySmall { padding-bottom: 41px }

@media screen and (max-width:1359px) {
.ccs-accordion { margin-bottom: 50px }
}

@media screen and (max-width:767.98px) {
.ccs-accordion { margin-bottom: 30px }
}
.ccs-quote { font-family: "Volvo Novum Light" }

@media screen and (min-width:1359px) {
.ccs-quote { margin: 0 -20px 80px }
}

@media screen and (max-width:1359px) {
.ccs-quote { margin: 0 0 50px }
}

@media screen and (max-width:767.98px) {
.ccs-quote { margin-bottom: 30px }
}
.ccs-quote__container { clear: both; overflow: hidden; position: relative }
.ccs-quote__left { font-size: 38px; line-height: 48px }

@media (min-width:1024px) {
.ccs-quote__left { width: calc(66.66667% - 33.33333px); float: left; margin-left: 20px }
}
.ccs-quote__right { margin-top: 52px }

@media (min-width:1024px) {
.ccs-quote__right { width: calc(25% - 25px); float: left; margin-left: 20px; margin-left: calc(8.33333% - 21.66667px + 40px) }
}

@media all and (min-width:1024px) {
.ccs-quote__right { margin-top: inherit }
}

@media all and (max-width:1023px) {
.ccs-quote__right { border-top: solid 2px #000; padding-top: 52px; position: relative }
.ccs-quote__right:before { background: #fff; border-bottom: solid 2px #000; border-right: solid 1.45px #000; content: ''; height: 15px; left: 5%; position: absolute; top: -11px; -webkit-transform: skewY(45deg); -ms-transform: skewY(45deg); transform: skewY(45deg); width: 16px }
.ccs-quote__right:after { background: #fff; content: ''; height: 20px; left: 0; position: absolute; top: -22px; width: 100% }
}

@media all and (min-width:1024px) {
.ccs-quote__right--bottom { border-left: solid 2px #000; bottom: 0; box-sizing: border-box; padding-left: 38px; position: absolute; top: 0; width: calc(25% - 24px) }
}
.ccs-quote__right--bottom .ccs-header { color: #161618; font-size: 22px; line-height: 30px }
.ccs-quote__right--bottom .ccs-paragraph { color: #333; font-size: 18px; line-height: 26px }

@media all and (min-width:1024px) {
.ccs-quote__right--bottomInner { bottom: 0; left: 0; padding-left: 38px; position: absolute; right: 0 }
.ccs-quote__right--bottomInner:before { background: #fff; content: ''; position: absolute; top: 7px; border: solid 2px transparent; border-top-color: #000; border-right: solid 3px #000; height: 10px; left: -12px; -webkit-transform: skew(-45deg) scaleY(1); -ms-transform: skew(-45deg) scaleY(1); transform: skew(-45deg) scaleY(1); width: 12px }
.ccs-quote__right--bottomInner:after { background: #fff; content: ''; position: absolute; top: 7px; width: 17px; left: -19px; height: 14px }
}







.ccs-legend { margin-bottom: 80px }

@media screen and (max-width:1359px) {
.ccs-legend { margin-bottom: 50px }
}

@media screen and (max-width:767.98px) {
.ccs-legend { margin-bottom: 30px }
}
.ccs-legend__container { position: relative }
.ccs-legend__container .ccs-playButton { height: 58px; left: 50%; margin: auto; position: absolute; text-align: center; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 58px; z-index: 999 }
.ccs-legend__container .ccs-playButton:before { color: #fff; cursor: pointer; font-size: 58px }
.ccs-legend .ccs-mediabox { max-width: 100%; position: relative }
.ccs-legend .ccs-mediabox.ccs-modal { background: #000; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1000 }
.ccs-legend .ccs-mediabox.ccs-modal .ccs-videoclip { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.ccs-legend .ccs-video__placeholder { position: relative; width: 100%; z-index: 1 }
.ccs-legend .ccs-textBlock { color: #333; font-family: "Volvo Novum Light"; margin: 20px auto }

@media screen and (max-width:7767.98px) {
.ccs-legend .ccs-textBlock { font-size: 15px; line-height: 24px }
}
.ccs-legend .ccs-videoclip { position: absolute; top: 0 }
.ccs-legend .ccs-videoclip.ccs-init { opacity: 0 }
.ccs-legend .ccs-videoclip .ccs-video__placeholder { position: absolute }
.ccs-legend .ccs-played .ccs-video__placeholder { height: calc(100% - 35px) }
.ccs-legend .ccs-icon--close { display: none }
.ccs-legend .ccs-icon--close.ccs-close { background-color: #fff; border-radius: 50%; font-size: 20px; height: 62px; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 70px; top: 70px; width: 62px; z-index: 2 }
.ccs-legend .ccs-icon--close.ccs-close:before { margin: auto }
.ccs-legend video { width: 100% }
.ccs-story { width: 100%; float: left; margin-top: 20px; margin-bottom: 80px }
.ccs-story__x1 { position: relative; overflow: hidden; height: 316px; width: calc(33.33333%); float: left; margin-left: 0 }

@media (max-width:1359px) {
.ccs-story__x1 { width: calc(50%); float: left; margin-left: 0 }
}

@media (max-width:767.98px) {
.ccs-story__x1 { width: calc(100%); float: left; margin-left: 0 }
}
.ccs-story__x1 .ccs-story__content { bottom: 30px; left: 30px }
.ccs-story__x2 { position: relative; overflow: hidden; height: 472px; width: calc(50%); float: left; margin-left: 0 }

@media (max-width:1359px) {
.ccs-story__x2 { width: calc(50%); float: left; margin-left: 0 }
}

@media (max-width:767.98px) {
.ccs-story__x2 { width: calc(100%); float: left; margin-left: 0 }
}
.ccs-story__x2 .ccs-story__content { bottom: 40px; left: 40px }
.ccs-story__x3 { position: relative; overflow: hidden; height: 632px; width: calc(66.66667%); float: left; margin-left: 0 }

@media (max-width:1359px) {
.ccs-story__x3 { width: calc(100%); float: left; margin-left: 0 }
}

@media (max-width:767.98px) {
.ccs-story__x3 { width: calc(100%); float: left; margin-left: 0 }
}
.ccs-story__x3 .ccs-story__content { bottom: 50px; left: 50px }
.ccs-story__image { width: 100%; position: absolute; top: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateY(-50%) scale(1.01) translateZ(0); transform: translateY(-50%) scale(1.01) translateZ(0); opacity: 1; transition: all 1.3s ease }
.ccs-story__link { display: block }
.ccs-story__link:hover .ccs-story__image { -webkit-transform: translateY(-50%) scale(1.04) translateZ(0); transform: translateY(-50%) scale(1.04) translateZ(0); opacity: .8 }
.ccs-story__content { position: absolute; z-index: 2 }
.ccs-story .ccs-title--big, .ccs-story .ccs-title--medium, .ccs-story .ccs-title--normal, .ccs-story .ccs-title--small { color: #fff }

@media screen and (max-width:1359px) {
.ccs-story__x3 { height: 480px }
.ccs-story__x2 { height: 360px }
.ccs-story__x1 { height: 240px }
}

@media screen and (max-width:1023px) {
.ccs-story { margin-top: 10px; margin-bottom: 50px }
.ccs-story__x3 { height: 520px }
.ccs-story__x2 { height: 260px }
.ccs-story__x1 { height: 260px }
.ccs-story__x1 .ccs-story__content, .ccs-story__x2 .ccs-story__content, .ccs-story__x3 .ccs-story__content { bottom: 30px; left: 30px }
}

@media screen and (max-width:767.98px) {
.ccs-story { margin-top: 20px; margin-bottom: 30px }
.ccs-story__x1, .ccs-story__x2, .ccs-story__x3 { height: 220px }
.ccs-story__x1 .ccs-story__content, .ccs-story__x2 .ccs-story__content, .ccs-story__x3 .ccs-story__content { bottom: 20px; left: 20px }
}
.ccs-legend { margin-bottom: 80px }

@media screen and (max-width:1359px) {
.ccs-legend { margin-bottom: 50px }
}

@media screen and (max-width:767.98px) {
.ccs-legend { margin-bottom: 30px }
}
.ccs-legend__container { position: relative }
.ccs-legend__container .ccs-playButton { height: 58px; left: 50%; margin: auto; position: absolute; text-align: center; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 58px; z-index: 999 }
.ccs-legend__container .ccs-playButton:before { color: #fff; cursor: pointer; font-size: 58px }
.ccs-legend .ccs-mediabox { max-width: 100%; position: relative }
.ccs-legend .ccs-mediabox.ccs-modal { background: #000; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1000 }
.ccs-legend .ccs-mediabox.ccs-modal .ccs-videoclip { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.ccs-legend .ccs-video__placeholder { position: relative; width: 100%; z-index: 1 }
.ccs-legend .ccs-textBlock { color: #333; font-family: "Volvo Novum Light"; margin: 20px auto }

@media screen and (max-width:767.98px) {
.ccs-legend .ccs-textBlock { font-size: 15px; line-height: 24px }
}
.ccs-legend .ccs-videoclip { position: absolute; top: 0 }
.ccs-legend .ccs-videoclip.ccs-init { opacity: 0 }
.ccs-legend .ccs-videoclip .ccs-video__placeholder { position: absolute }
.ccs-legend .ccs-played .ccs-video__placeholder { height: calc(100% - 35px) }
.ccs-legend .ccs-icon--close { display: none }
.ccs-legend .ccs-icon--close.ccs-close { background-color: #fff; border-radius: 50%; font-size: 20px; height: 62px; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 70px; top: 70px; width: 62px; z-index: 2 }
.ccs-legend .ccs-icon--close.ccs-close:before { margin: auto }
.ccs-legend video { width: 100% }
.ccs-subFooter__wrapper { width: 100% }
.ccs-subFooter__children { float: left; position: relative; font-family: "Volvo Novum Light"; overflow: hidden }
.ccs-subFooter__childrenSet1 { width: 100%; height: 315px }
.ccs-subFooter__childrenSet2 { width: 50%; height: 315px }
.ccs-subFooter__childrenSet3 { width: 33.333333333%; height: 315px }
.ccs-subFooter__childrenSetRelated { width: 100%; height: 200px }
.ccs-subFooter__subTitle { color: #fff; padding-left: 40px }
.ccs-subFooter__titleRelated { color: #fff; padding-left: 20px }
.ccs-subFooter__title { color: #fff; padding-top: 5px; padding-left: 40px }
.ccs-subFooter__subTitleRelated { color: #fff; padding-top: 5px; padding-left: 20px }
.ccs-subFooter__link { text-decoration: none }
.ccs-subFooter__content { width: 100%; position: absolute; bottom: 40px }
.ccs-subFooter__contentRelated { width: 100%; position: absolute; bottom: 20px }

.ccs-subFooter__backgroundImage { min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1.01); -ms-transform: translate(-50%, -50%) scale(1.01); transform: translate(-50%, -50%) scale(1.01) }
.ccs-subFooter__backgroundImageRelated { height: 100% }

@media screen and (max-width:1023px) {
.ccs-subFooter__children { float: none }
.ccs-subFooter__childrenSet1 { width: 100%; height: 225px }
.ccs-subFooter__childrenSet2 { width: 100%; height: 339px }
.ccs-subFooter__childrenSet3 { width: 100%; height: 509px }
.ccs-subFooter__backgroundImageRelated { width: 100%; height: auto }
}

@media screen and (max-width:767.98px) {
.ccs-subFooter__childrenSet1, .ccs-subFooter__childrenSet2, .ccs-subFooter__childrenSet3 { height: 225px }
}