.reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } @font-face { font-family: HelveticaNeue-Bold; font-weight: 700; font-style: normal } @font-face { font-family: HelveticaNeue-Light; font-weight: 300; font-style: normal } @font-face { font-family: HelveticaNeue-Regular; font-weight: 400; font-style: normal } .icon-after:after, .icon-before:before { speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; font-size: inherit; line-height: 1em; vertical-align: middle; -webkit-transform: rotate(.001deg); transform: rotate(.001deg); fill: currentColor; overflow: hidden } .icon-after:after--before, .icon-before:before--before { margin-right: 10px } .icon-after:after--after, .icon-before:before--after { margin-left: 10px } .icon-after:after--stroke, .icon-before:before--stroke { fill: none; stroke: currentColor } .icon-before:before { float: left } .icon-before.arrow-down:before, .icon-before.arrow-up:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.arrow-download:before, .icon-before.arrow-left:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.arrow-next:before, .icon-before.arrow-prev:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.arrow-right:before, .icon-before.article:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.bubble:before, .icon-before.calendar:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.calendar:before { content: "\E009" } .icon-before.camera:before { content: "\E00A" } .icon-before.camera:before, .icon-before.clock:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.clock:before { content: "\E00B" } .icon-before.close:before { content: "\E00C" } .icon-before.close:before, .icon-before.cog:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.cog:before { content: "\E00D" } .icon-before.delete:before { content: "\E00E" } .icon-before.delete:before, .icon-before.download:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.download:before { content: "\E00F" } .icon-before.email:before { content: "\E010" } .icon-before.email:before, .icon-before.event:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.event:before { content: "\E011" } .icon-before.facebook:before, .icon-before.fax:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.fax:before { content: "\E013" } .icon-before.filter:before { content: "\E014" } .icon-before.filter:before, .icon-before.flag:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.flag:before { content: "\E015" } .icon-before.full-screen:before { content: "\E016" } .icon-before.full-screen:before, .icon-before.google:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.google:before { content: "\E017" } .icon-before.instagram:before { content: "\E018" } .icon-before.instagram:before, .icon-before.issuu:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.issuu:before { content: "\E019" } .icon-before.linkedin-inverse:before { content: "\E01A" } .icon-before.linkedin-inverse:before, .icon-before.linkedin:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.linkedin:before { content: "\E01B" } .icon-before.net:before { content: "\E01C" } .icon-before.net:before, .icon-before.office:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.office:before { content: "\E01D" } .icon-before.phone:before { content: "\E01E" } .icon-before.phone:before, .icon-before.pin:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.pin:before { content: "\E01F" } .icon-before.pinterest:before { content: "\E020" } .icon-before.pinterest:before, .icon-before.reset:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.reset:before { content: "\E021" } .icon-before.search:before { content: "\E022" } .icon-before.search:before, .icon-before.twitter:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.twitter:before { content: "\E023" } .icon-before.url:before { content: "\E024" } .icon-before.url:before, .icon-before.view-application:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.view-application:before { content: "\E025" } .icon-before.view-product:before { content: "\E026" } .icon-before.view-product:before, .icon-before.warning:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.warning:before { content: "\E027" } .icon-before.xing:before { content: "\E028" } .icon-before.xing:before, .icon-before.youtube:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.youtube:before { content: "\E029" } .icon-before.person:before { content: "\E02A" } .icon-before.person:before, .icon-before.plus:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.plus:before { content: "\E02B" } .icon-before.check:before { content: "\E02C" } .icon-before.check:before, .icon-before.edit:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.edit:before { content: "\E02D" } .icon-before.sign-out:before { content: "\E02E" } .icon-before.ellipsis-v:before, .icon-before.sign-out:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.ellipsis-v:before { content: "\E02F" } .icon-before.list:before { content: "\E030" } .icon-before.list-square:before, .icon-before.list:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.list-square:before { content: "\E031" } .icon-before.folder:before { content: "\E032" } .icon-before.folder:before, .icon-before.star:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.star:before { content: "\E033" } .icon-before.trash:before { content: "\E034" } .icon-before.move:before, .icon-before.trash:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.move:before { content: "\E035" } .icon-before.share:before { content: "\E036" } .icon-before.share:before, .icon-before.tencent:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-before.tencent:before { content: "\E037" } .icon-before.wechat:before { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400; content: "\E038" } .icon-after:after { float: right } .icon-after.arrow-down:after { content: "\E000" } .icon-after.arrow-down:after, .icon-after.arrow-up:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.arrow-up:after { content: "\E001" } .icon-after.arrow-download:after { content: "\E002" } .icon-after.arrow-download:after, .icon-after.arrow-left:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.arrow-left:after { content: "\E003" } .icon-after.arrow-next:after { content: "\E004" } .icon-after.arrow-next:after, .icon-after.arrow-prev:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.arrow-prev:after { content: "\E005" } .icon-after.arrow-right:after { content: "\E006" } .icon-after.arrow-right:after, .icon-after.article:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.article:after { content: "\E007" } .icon-after.bubble:after { content: "\E008" } .icon-after.bubble:after, .icon-after.calendar:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.calendar:after { content: "\E009" } .icon-after.camera:after { content: "\E00A" } .icon-after.camera:after, .icon-after.clock:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.clock:after { content: "\E00B" } .icon-after.close:after { content: "\E00C" } .icon-after.close:after, .icon-after.cog:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.cog:after { content: "\E00D" } .icon-after.delete:after { content: "\E00E" } .icon-after.delete:after, .icon-after.download:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.download:after { content: "\E00F" } .icon-after.email:after { content: "\E010" } .icon-after.email:after, .icon-after.event:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.event:after { content: "\E011" } .icon-after.facebook:after { content: "\E012" } .icon-after.facebook:after, .icon-after.fax:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.fax:after { content: "\E013" } .icon-after.filter:after { content: "\E014" } .icon-after.filter:after, .icon-after.flag:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.flag:after { content: "\E015" } .icon-after.full-screen:after { content: "\E016" } .icon-after.full-screen:after, .icon-after.google:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.google:after { content: "\E017" } .icon-after.instagram:after { content: "\E018" } .icon-after.instagram:after, .icon-after.issuu:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.issuu:after { content: "\E019" } .icon-after.linkedin-inverse:after { content: "\E01A" } .icon-after.linkedin-inverse:after, .icon-after.linkedin:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.linkedin:after { content: "\E01B" } .icon-after.net:after { content: "\E01C" } .icon-after.net:after, .icon-after.office:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.office:after { content: "\E01D" } .icon-after.phone:after { content: "\E01E" } .icon-after.phone:after, .icon-after.pin:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.pin:after { content: "\E01F" } .icon-after.pinterest:after { content: "\E020" } .icon-after.pinterest:after, .icon-after.reset:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.reset:after { content: "\E021" } .icon-after.search:after { content: "\E022" } .icon-after.search:after, .icon-after.twitter:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.twitter:after { content: "\E023" } .icon-after.url:after { content: "\E024" } .icon-after.url:after, .icon-after.view-application:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.view-application:after { content: "\E025" } .icon-after.view-product:after { content: "\E026" } .icon-after.view-product:after, .icon-after.warning:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.warning:after { content: "\E027" } .icon-after.xing:after { content: "\E028" } .icon-after.xing:after, .icon-after.youtube:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.youtube:after { content: "\E029" } .icon-after.person:after { content: "\E02A" } .icon-after.person:after, .icon-after.plus:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.plus:after { content: "\E02B" } .icon-after.check:after { content: "\E02C" } .icon-after.check:after, .icon-after.edit:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.edit:after { content: "\E02D" } .icon-after.sign-out:after { content: "\E02E" } .icon-after.ellipsis-v:after, .icon-after.sign-out:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.ellipsis-v:after { content: "\E02F" } .icon-after.list:after { content: "\E030" } .icon-after.list-square:after, .icon-after.list:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.list-square:after { content: "\E031" } .icon-after.folder:after { content: "\E032" } .icon-after.folder:after, .icon-after.star:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.star:after { content: "\E033" } .icon-after.trash:after { content: "\E034" } .icon-after.move:after, .icon-after.trash:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.move:after { content: "\E035" } .icon-after.share:after { content: "\E036" } .icon-after.share:after, .icon-after.tencent:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400 } .icon-after.tencent:after { content: "\E037" } .icon-after.wechat:after { text-rendering: auto; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; font-family: iconfont-I0ce5c; font-weight: 400; content: "\E038" } .icon-after.edit:after, .icon-after.trash:after { -webkit-font-smoothing: none !important } .icon-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .icon-block--space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .icon-block--center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .icon-block--inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } .icon-block svg { fill: currentColor; overflow: hidden; pointer-events: none; -ms-flex-negative: 0; flex-shrink: 0 } .icon-block--stroke svg { fill: none; stroke: currentColor } .icon { fill: currentColor; overflow: hidden } .icon--before { margin-right: 10px } .icon--after { margin-left: 10px } .icon--stroke { fill: none; stroke: currentColor } .icon-arrow-right { position: relative; display: inline-block; width: 12px; height: 1px; background-color: #9A0C0C; bottom: 3px } .icon-arrow-right:after, .icon-arrow-right:before { position: absolute; content: ""; width: 8px; height: 1px; background-color: #9A0C0C; right: -1px; border-radius: 0 .5px .5px 0 } .icon-arrow-right:before { top: 3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .icon-arrow-right:after { top: -3px; -webkit-transform: rotate(45deg); transform: rotate(45deg) } body { -webkit-backface-visibility: hidden } h1 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-size: 32px; line-height: 1em; letter-spacing: -.02em; color: #fff } h1, h1 strong { font-weight: 700 } @media (min-width:480px) { h1 { font-size: 40px } } @media (min-width:768px) { h1 { font-size: 45px } } .h2, h2 { font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 26px; letter-spacing: -.01em; color: #8d8d8d; line-height: 1.1em } h3 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 22px; letter-spacing: 0 } @media (min-width:480px) { h3 { font-size: 25px } } @media (min-width:768px) { h3 { font-size: 27px } } h4 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 20px; letter-spacing: 0 } @media (min-width:480px) { h4 { font-size: 22px } } @media (min-width:768px) { h4 { font-size: 24px } } h5 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 18px; letter-spacing: 0; color: #333; } @media (min-width:480px) { h5 { font-size: 20px } } @media (min-width:768px) { h5 { font-size: 20px; } } h6 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 16px; letter-spacing: 0 } @media (min-width:480px) { h6 { font-size: 18px } } @media (min-width:768px) { h6 { font-size: 20px } } p { font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 15px; letter-spacing: .02em; line-height: 1.5em } p strong { font-weight: 700 } a { font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 15px; letter-spacing: .02em; color: #666666; text-decoration: none; -webkit-transition: color .2s linear; transition: color .2s linear } a:visited { font-weight: 700 } p>a { font-size: inherit } p>a:hover { text-decoration: underline } p>a:visited { color: #ff8e91 } blockquote { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-size: 20px; font-weight: 400; letter-spacing: 0; line-height: 1.2em } img.align-full { display: block; width: 100% } img.align-max { display: block; max-width: 100%; margin-left: auto; margin-right: auto } @media (min-width:768px) { img.align-left { float: left } img.align-right { float: right } img.align-none { float: none; margin-left: auto; margin-right: auto } } .news-h2 { font-family: "Source Han Sans", sans-serif; font-size: 24px; letter-spacing: -.02em; color: #333; margin: 20px 0; line-height: 1.3 } @media (min-width:992px) { .news-h2 { margin: 45px 0 } } .news-h3 { line-height: 1.3; font-size: 24px; letter-spacing: -.02em; color: #4c4c4c } .generic-copy, .news-copy, .news-h3 { font-family: Helvetica-Neue, HelveticaNeue-Light, Helvetica, sans-serif } .generic-copy, .news-copy { font-size: 18px; line-height: 1.8; color: #666; margin: 20px 0; letter-spacing: normal } @media (min-width:992px) { .generic-copy, .news-copy { margin: 30px 0 } } .lighthinking-article__content a { font-size: inherit; color: #9A0C0C } @media (min-width:768px) { .lighthinking-article .generic-copy { font-size: 26px; line-height: 1.54 } } .generic-youtube { margin: 40px 0 } @media (min-width:992px) { .generic-youtube { margin: 100px 0 } } .video-container--project .generic-youtube { margin: 0 } .grey { color: #8d8d8d } .grey-dark { color: #4c4c4c } .subheading { font-size: 18px; line-height: 1.2; color: #333 } .main-nav-item, .subheading { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; letter-spacing: -.02em } .main-nav-item { font-weight: 700; font-size: 56px; line-height: 1.4285 } @media (min-width:768px) { .main-nav-item { font-size: 90px; line-height: 1.333 } } .page-title { font-size: 13px; line-height: 2.15 } .page-title, .product-name { color: #9A0C0C; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; letter-spacing: -.02em } .product-name { font-size: 45px; line-height: 1 } .product-subtitle { font-size: 38px } .product-subtitle, .section-subheader { font-family: "Source Han Sans", sans-serif; font-weight: 300; line-height: 1; letter-spacing: -.02em } .section-subheader { font-size: 26px } .feature-header { color: #000; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .feature-header, .feature-subheader { font-size: 26px; line-height: 1; letter-spacing: -.02em } .feature-subheader { font-family: "Source Han Sans", sans-serif; font-weight: 300 } .product-listing-title { color: #9A0C0C; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 18px; line-height: 1.11111111; letter-spacing: -.02em } .product-listing-subtitle { font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.25; letter-spacing: -.02em } .featured-event-listing-title { line-height: 1.33333333 } .featured-event-listing-subtitle, .featured-event-listing-title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 18px; letter-spacing: -.02em } .featured-event-listing-subtitle { color: #9A0C0C; line-height: 1.66666667 } .bulletpoints { margin: 0; padding: 0; list-style: none } .bulletpoints__item { position: relative; display: block; padding-left: 20px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 14px; color: #666 } .bulletpoints__item:before { content: ""; position: absolute; left: 0; top: 10px; display: block; width: 4px; height: 4px; background-color: #666 } .bulletpoints__item+.bulletpoints__item { margin-top: 10px } .caption-title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .caption-subtitle, .caption-title { font-size: 14px; line-height: 1.42857143 } .caption-subtitle { font-family: "Source Han Sans", sans-serif; font-weight: 300 } .enquiry-title { margin: 20px 0 } .helvetica-bold { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; display: block !important } .fill-parent { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .of-contain>img, .of-contain>video, .of-cover>img, .of-cover>video { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100% } .of-cover>img, .of-cover>video { -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover } .of-contain>img, .of-contain>video { -o-object-fit: contain; font-family: object-fit\:contain; object-fit: contain } .btn__submit { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; padding: 11px; margin: 0; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 15px; letter-spacing: .02em; line-height: 1.2em; color: #fff; background-color: #8d8d8d; border: 1px solid #333; outline: none } .btn-simple, .btn-stroke, .btn__submit { -webkit-box-sizing: border-box; box-sizing: border-box } .btn-simple, .btn-stroke { display: inline-block; background-color: transparent; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px; line-height: 32px; padding: 20px 25px; max-width: 280px; outline: 0; -webkit-transition: .2s; transition: .2s } @media (min-width:768px) { .btn-simple, .btn-stroke { line-height: 20px; font-size: 12px } } @media (min-width:992px) { .btn-simple, .btn-stroke { font-size: 14px; line-height: 32px } } @media (min-width:1420px) { .btn-simple, .btn-stroke { font-size: 14px } } .btn-simple.block, .btn-stroke.block { display: table; width: 100% } .btn-simple.narrow, .btn-stroke.narrow { padding: 10px 25px } @media (min-width:768px) { .btn-simple.narrow, .btn-stroke.narrow { padding: 10px 15px } } @media (min-width:992px) { .btn-simple.narrow, .btn-stroke.narrow { padding: 10px 25px } } .btn-simple.narrow.icon-after, .btn-stroke.narrow.icon-after { position: relative; padding-right: 50px } @media (min-width:992px) { .btn-simple.narrow.icon-after, .btn-stroke.narrow.icon-after { padding-right: 100px } .btn-simple.narrow.icon-after--small-pad, .btn-stroke.narrow.icon-after--small-pad { padding-right: 50px } } @media (min-width:768px) { .btn-simple.narrow--width, .btn-stroke.narrow--width { min-width: 175px; font-size: 16px } } .btn-simple.wide-width, .btn-stroke.wide-width { max-width: 100% } .btn-simple.full-width, .btn-stroke.full-width { width: 100% } .btn-simple.icon-before:before, .btn-simple.iconed-before:before, .btn-stroke.icon-before:before, .btn-stroke.iconed-before:before { font-size: 28px; margin-right: 15px } .btn-simple.icon-after, .btn-simple.iconed-after, .btn-stroke.icon-after, .btn-stroke.iconed-after { position: relative; padding-right: 50px } @media (min-width:992px) { .btn-simple.icon-after, .btn-simple.iconed-after, .btn-stroke.icon-after, .btn-stroke.iconed-after { padding-right: 100px } .btn-simple.icon-after--small-pad, .btn-simple.iconed-after--small-pad, .btn-stroke.icon-after--small-pad, .btn-stroke.iconed-after--small-pad { padding-right: 50px } } .btn-simple.icon-after:after, .btn-simple.iconed-after:after, .btn-stroke.icon-after:after, .btn-stroke.iconed-after:after { position: absolute; bottom: 15px; right: 15px; font-size: 20px; line-height: 1em } @media (min-width:768px) { .btn-simple.icon-after:after, .btn-simple.iconed-after:after, .btn-stroke.icon-after:after, .btn-stroke.iconed-after:after { bottom: 10px; font-size: 18px; margin-left: 15px; line-height: 20px } } @media (min-width:992px) { .btn-simple.icon-after:after, .btn-simple.iconed-after:after, .btn-stroke.icon-after:after, .btn-stroke.iconed-after:after { font-size: 28px; margin-left: 15px; line-height: 32px } } @media (min-width:768px) { .btn-simple.icon-after-small:after, .btn-simple.iconed-after-small:after, .btn-stroke.icon-after-small:after, .btn-stroke.iconed-after-small:after { font-size: 10px } } @media (min-width:992px) { .btn-simple.icon-after-small:after, .btn-simple.iconed-after-small:after, .btn-stroke.icon-after-small:after, .btn-stroke.iconed-after-small:after { font-size: 14px } } .btn-simple.icon.icon-small:after, .btn-simple.iconed.icon-small:after, .btn-stroke.icon.icon-small:after, .btn-stroke.iconed.icon-small:after { font-size: 20px } .btn-simple--small, .btn-stroke--small { width: 55px } @media (min-width:768px) { .btn-simple--small, .btn-stroke--small { width: 60px } } .btn-simple--small:before, .btn-stroke--small:before { font-size: 22px; line-height: 30px } .btn-simple { -webkit-transition: background-color .2s linear !important; transition: background-color .2s linear !important } .btn-simple.light { background-color: #f4f4f4; color: #000; border: 1px solid #f4f4f4 } .no-touch .btn-simple.light:hover { color: #f4f4f4; background-color: #000 } .btn-simple.grey { background-color: #8d8d8d; color: #fff; border: 1px solid #8d8d8d } .no-touch .btn-simple.grey:hover { color: #8d8d8d; background-color: #fff } .btn-simple.light-grey { background-color: #ebebeb; color: #000; border: 1px solid #ebebeb } .no-touch .btn-simple.light-grey:hover { color: #ebebeb; background-color: #000 } .btn-simple.mid-grey { background-color: #d4d4d4; color: #000; border: 1px solid #d4d4d4 } .no-touch .btn-simple.mid-grey:hover { color: #d4d4d4; background-color: #000 } .btn-simple.dark-grey { background-color: #333; color: #fff; border: 1px solid #333 } .no-touch .btn-simple.dark-grey:hover { color: #333; background-color: #fff } .btn-simple.dark { background-color: #2b2b2b; color: #fff; border: 1px solid #2b2b2b } .no-touch .btn-simple.dark:hover { color: #2b2b2b; background-color: #fff } .btn-simple.red { color: #fff; background-color: #9A0C0C; border: 1px solid #9A0C0C } .no-touch .btn-simple.red:hover { background-color: #fff; color: #9A0C0C } .btn-simple.white { color: #fff } .btn-simple.white.is-hover, .no-touch .btn-simple.white:hover { color: #9A0C0C; background-color: #fff } .btn-simple.disable, .btn-simple.is-disabled { cursor: not-allowed; background-color: #666; border-color: #8d8d8d } .btn-simple.disable:hover, .btn-simple.is-disabled:hover { background-color: #8d8d8d !important; color: #fff !important; border-color: #8d8d8d } .btn-simple--small { width: 55px } @media (min-width:768px) { .btn-simple--small { width: 60px } } .btn-simple--small:before { font-size: 22px; line-height: 30px } .btn-stroke.light { color: #f4f4f4; border: 1px solid #f4f4f4 } .btn-stroke.light.is-hover, .no-touch .btn-stroke.light:hover { color: #000; background-color: #f4f4f4 } .btn-stroke.grey { color: #8d8d8d; border: 1px solid #8d8d8d } .btn-stroke.grey.is-hover, .no-touch .btn-stroke.grey:hover { background-color: #8d8d8d } .btn-stroke.light-grey { color: #ebebeb; border: 1px solid #ebebeb } .btn-stroke.light-grey.is-hover, .no-touch .btn-stroke.light-grey:hover { color: #000; background-color: #ebebeb } .btn-stroke.mid-grey { color: #d4d4d4; border: 1px solid #d4d4d4 } .btn-stroke.mid-grey.is-hover, .no-touch .btn-stroke.mid-grey:hover { color: #000; background-color: #d4d4d4 } .btn-stroke.dark-grey { color: #333; border: 1px solid #333 } .btn-stroke.dark-grey.is-hover, .no-touch .btn-stroke.dark-grey:hover { color: #fff; background-color: #333 } .btn-stroke.dark { color: #2b2b2b; border: 1px solid #2b2b2b } .btn-stroke.dark.is-hover, .no-touch .btn-stroke.dark:hover { color: #fff; background-color: #2b2b2b } .btn-stroke.red { color: #9A0C0C; border: 1px solid #9A0C0C } .btn-stroke.red.is-hover, .no-touch .btn-stroke.red:hover { color: #fff; background-color: #9A0C0C } .btn-stroke.white { color: #fff; border: 1px solid #fff } .btn-stroke.white.is-hover, .no-touch .btn-stroke.white:hover { color: #9A0C0C; background-color: #fff } .btn-stroke.grey.is-hover, .no-touch .btn-stroke.grey:hover { color: #fff } .btn-stroke.bg-red { border: 1px solid #9A0C0C } .no-touch .btn-stroke.bg-red:hover { color: #9A0C0C; background-color: #fff; border: 1px solid #fff } .btn-stroke.bg-white { background-color: #fff } .btn-stroke.bg-white.disable { cursor: not-allowed; background-color: #ebebeb } .btn-stroke.bg-white.disable:hover { background-color: #ebebeb } .btn-stroke.bg-white.is-disabled { cursor: not-allowed; border-color: #8d8d8d } .btn-stroke.bg-white.is-disabled, .btn-stroke.bg-white.is-disabled:hover { background-color: #8d8d8d; color: #fff } .btn-stroke.bg-white.is-unavailable { cursor: not-allowed; border-color: #d4d4d4 } .btn-stroke.bg-white.is-unavailable, .btn-stroke.bg-white.is-unavailable:hover { background-color: transparent; color: #8d8d8d } .btn-stroke.color-grey { color: #8d8d8d } .btn-stroke.color-red { color: #9A0C0C } .btn-stroke.bg-red { background-color: #9A0C0C; color: #fff } .btn-stroke.bg-red.disable { cursor: not-allowed; background-color: #ebebeb } .btn-stroke.bg-red.disable:hover { background-color: #fff; color: #9A0C0C } .btn-stroke.bg-light-grey { background-color: #ebebeb } .btn-social { display: inline-block; width: 55px; font-size: 0; margin-bottom: 10px; text-align: center; vertical-align: top; background-color: #fff; -webkit-transition: background-color .3s linear; transition: background-color .3s linear } @media (min-width:768px) { .btn-social { width: 75px } } .btn-social:before { font-size: 30px; line-height: 40px; color: #8d8d8d; float: none; -webkit-transition: color .3s linear; transition: color .3s linear } .btn-social.color { border-color: transparent } .btn-social.color:before { color: #fff } .btn-social.facebook.color { background-color: #2e5ba6 } .no-touch .btn-social.facebook:hover { background-color: #fff } .no-touch .btn-social.facebook:hover:before { color: #2e5ba6 } .btn-social.office.color { background-color: #ec3e02 } .no-touch .btn-social.office:hover { background-color: #fff } .no-touch .btn-social.office:hover:before { color: #ec3e02 } .btn-social.twitter.color { background-color: #0091e4 } .no-touch .btn-social.twitter:hover { background-color: #fff } .no-touch .btn-social.twitter:hover:before { color: #0091e4 } .btn-social.calendar.color { background-color: #9A0C0C } .no-touch .btn-social.calendar:hover { background-color: #fff } .no-touch .btn-social.calendar:hover:before { color: #9A0C0C } .btn-social.linkedin.color { background-color: #1b86bc } .no-touch .btn-social.linkedin:hover { background-color: #fff } .no-touch .btn-social.linkedin:hover:before { color: #1b86bc } .btn-social.google.color { background-color: #357cfa } .no-touch .btn-social.google:hover { background-color: #fff } .no-touch .btn-social.google:hover:before { color: #357cfa } .btn-social.linkedin-inverse.color { background-color: #0072b7 } .no-touch .btn-social.linkedin-inverse:hover { background-color: #fff } .no-touch .btn-social.linkedin-inverse:hover:before { color: #0072b7 } .btn-social.instagram.color { background-color: #9b6954 } .no-touch .btn-social.instagram:hover { background-color: #fff } .no-touch .btn-social.instagram:hover:before { color: #9b6954 } .btn-social.pinterest.color { background-color: #cb2027 } .no-touch .btn-social.pinterest:hover { background-color: #fff } .no-touch .btn-social.pinterest:hover:before { color: #cb2027 } .btn-social.youtube.color { background-color: #b00 } .no-touch .btn-social.youtube:hover { background-color: #fff } .no-touch .btn-social.youtube:hover:before { color: #b00 } .btn-social.issuu.color { background-color: #ed5225 } .no-touch .btn-social.issuu:hover { background-color: #fff } .no-touch .btn-social.issuu:hover:before { color: #ed5225 } .btn-social.xing.color { background-color: #005d5e } .no-touch .btn-social.xing:hover { background-color: #fff } .no-touch .btn-social.xing:hover:before { color: #005d5e } .btn-social--small { width: 55px } @media (min-width:768px) { .btn-social--small { width: 60px } } .btn-social--small:before { font-size: 22px; line-height: 30px } .btn-low { padding-top: 11px; padding-bottom: 11px; width: 100%; max-width: 220px } .btn-low.icon-after:after { font-size: 20px } .constrain { margin-left: auto !important; margin-right: auto !important; max-width: 1600px } .constrain--relative { position: relative } .grid-section { -webkit-box-sizing: border-box; box-sizing: border-box } .grid-section.no-gutter { padding: 0 } .grid-section.no-gutter>.grid-row { margin-left: 0; margin-right: 0 } .grid-section.no-gutter>.grid-row:before { margin-bottom: 0 } .grid-section.no-gutter>.grid-row>.grid-item { padding-left: 0; padding-right: 0; margin-top: 0 } .grid-section.lr-gutter { padding-top: 0; padding-bottom: 0 } .grid-section2 { padding-top: .1px } .grid-row { list-style: none; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 } .grid-row:after { content: ""; display: table; clear: both } .grid-row.no-gutter { margin-left: 0; margin-right: 0 } .grid-row.no-gutter:before { margin-bottom: 0 } .grid-row.no-gutter>.grid-item { padding-left: 0; padding-right: 0; margin-top: 0 } .grid-row--flex, .grid-row--flex-center, .grid-row--flex-end { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .grid-row--flex-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .grid-row--flex-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .grid-item--align-center { -ms-flex-item-align: center; align-self: center } .grid-item--flex { display: -webkit-box; display: -ms-flexbox; display: flex } .grid-item { position: relative; min-height: 1px; -webkit-box-sizing: border-box; box-sizing: border-box } .grid-section { padding: 20px } .grid-row { margin-left: -10px; margin-right: -10px } .grid-row:before { content: ""; display: block; margin-bottom: -20px } .grid-row+.grid-row { margin-top: 20px } .grid-row--no-gutter { margin-left: 0; margin-right: 0 } .grid-row--no-gutter:before { margin-bottom: 0; content: normal } .grid-row--no-gutter>.grid-item { padding-left: 0; padding-right: 0; margin-top: 0 } .grid-row--no-vertical-gutter:before { margin-bottom: 0; content: normal } .grid-row--no-vertical-gutter>.grid-item { margin-top: 0 } .grid-row__container { margin-bottom: 15px } @media (min-width:768px) { .grid-row__container { margin-bottom: 45px } } .grid-row__title { font-family: "Source Han Sans", sans-serif; font-weight: 300; color: #9A0C0C; font-size: 26px; margin-bottom: 7px } .grid-item { padding-left: 10px; padding-right: 10px; margin-top: 20px; float: left } .col-1 { width: 8.33333333% } .col-2 { width: 16.66666667% } .col-3 { width: 25% } .col-4 { width: 33.33333333% } .col-5 { width: 41.66666667% } .col-6 { width: 50% } .col-7 { width: 58.33333333% } .col-8 { width: 66.66666667% } .col-9 { width: 75% } .col-10 { width: 83.33333333% } .col-11 { width: 91.66666667% } .col-1_1, .col-12 { width: 100% } .col-1_1:nth-child(0n+1) { clear: none } .col-1_1:nth-child(1n+1) { clear: left } .col-1_2 { width: 50% } .col-1_2:nth-child(1n+1) { clear: none } .col-1_2:nth-child(odd) { clear: left } .col-1_3 { width: 33.33333333% } .col-1_3:nth-child(odd) { clear: none } .col-1_3:nth-child(3n+1) { clear: left } .col-1_4 { width: 25% } .col-1_4:nth-child(3n+1) { clear: none } .col-1_4:nth-child(4n+1) { clear: left } .col-1_5 { width: 20% } .col-1_5:nth-child(4n+1) { clear: none } .col-1_5:nth-child(5n+1) { clear: left } .col-1_6 { width: 16.66666667% } .col-1_6:nth-child(5n+1) { clear: none } .col-1_6:nth-child(6n+1) { clear: left } .col-1_7 { width: 14.28571429% } .col-1_7:nth-child(6n+1) { clear: none } .col-1_7:nth-child(7n+1) { clear: left } .col-1_8 { width: 12.5% } .col-1_8:nth-child(7n+1) { clear: none } .col-1_8:nth-child(8n+1) { clear: left } .col-1_9 { width: 11.11111111% } .col-1_9:nth-child(8n+1) { clear: none } .col-1_9:nth-child(9n+1) { clear: left } .col-1_10 { width: 10% } .col-1_10:nth-child(9n+1) { clear: none } .col-1_10:nth-child(10n+1) { clear: left } .col-1_11 { width: 9.09090909% } .col-1_11:nth-child(10n+1) { clear: none } .col-1_11:nth-child(11n+1) { clear: left } .col-1_12 { width: 8.33333333% } .col-1_12:nth-child(11n+1) { clear: none } .col-1_12:nth-child(12n+1) { clear: left } .col-offset-0 { margin-left: 0 } .col-offset-1 { margin-left: 8.33333333% } .col-offset-2 { margin-left: 16.66666667% } .col-offset-3 { margin-left: 25% } .col-offset-4 { margin-left: 33.33333333% } .col-offset-5 { margin-left: 41.66666667% } .col-offset-6 { margin-left: 50% } .col-offset-7 { margin-left: 58.33333333% } .col-offset-8 { margin-left: 66.66666667% } .col-offset-9 { margin-left: 75% } .col-offset-10 { margin-left: 83.33333333% } .col-offset-11 { margin-left: 91.66666667% } .col-offset-12 { margin-left: 100% } .col-pull-0 { right: auto } .col-pull-1 { right: 8.33333333% } .col-pull-2 { right: 16.66666667% } .col-pull-3 { right: 25% } .col-pull-4 { right: 33.33333333% } .col-pull-5 { right: 41.66666667% } .col-pull-6 { right: 50% } .col-pull-7 { right: 58.33333333% } .col-pull-8 { right: 66.66666667% } .col-pull-9 { right: 75% } .col-pull-10 { right: 83.33333333% } .col-pull-11 { right: 91.66666667% } .col-pull-12 { right: 100% } .col-push-0 { left: auto } .col-push-1 { left: 8.33333333% } .col-push-2 { left: 16.66666667% } .col-push-3 { left: 25% } .col-push-4 { left: 33.33333333% } .col-push-5 { left: 41.66666667% } .col-push-6 { left: 50% } .col-push-7 { left: 58.33333333% } .col-push-8 { left: 66.66666667% } .col-push-9 { left: 75% } .col-push-10 { left: 83.33333333% } .col-push-11 { left: 91.66666667% } .col-push-12 { left: 100% } @media (min-width:480px) { .grid-section { padding: 20px } .grid-row { margin-left: -10px; margin-right: -10px } .grid-row:before { content: ""; display: block; margin-bottom: -20px } .grid-row+.grid-row { margin-top: 20px } .grid-row--no-gutter { margin-left: 0; margin-right: 0 } .grid-row--no-gutter:before { margin-bottom: 0; content: normal } .grid-row--no-gutter>.grid-item { padding-left: 0; padding-right: 0; margin-top: 0 } .grid-row--no-vertical-gutter:before { margin-bottom: 0; content: normal } .grid-row--no-vertical-gutter>.grid-item { margin-top: 0 } .grid-row__container { margin-bottom: 15px } .grid-row__title { font-family: "Source Han Sans", sans-serif; font-weight: 300; color: #9A0C0C; font-size: 26px; margin-bottom: 7px } .grid-item { padding-left: 10px; padding-right: 10px; margin-top: 20px; float: left } .col-xs-1 { width: 8.33333333% } .col-xs-2 { width: 16.66666667% } .col-xs-3 { width: 25% } .col-xs-4 { width: 33.33333333% } .col-xs-5 { width: 41.66666667% } .col-xs-6 { width: 50% } .col-xs-7 { width: 58.33333333% } .col-xs-8 { width: 66.66666667% } .col-xs-9 { width: 75% } .col-xs-10 { width: 83.33333333% } .col-xs-11 { width: 91.66666667% } .col-xs-1_1, .col-xs-12 { width: 100% } .col-xs-1_1:nth-child(0n+1) { clear: none } .col-xs-1_1:nth-child(1n+1) { clear: left } .col-xs-1_2 { width: 50% } .col-xs-1_2:nth-child(1n+1) { clear: none } .col-xs-1_2:nth-child(odd) { clear: left } .col-xs-1_3 { width: 33.33333333% } .col-xs-1_3:nth-child(odd) { clear: none } .col-xs-1_3:nth-child(3n+1) { clear: left } .col-xs-1_4 { width: 25% } .col-xs-1_4:nth-child(3n+1) { clear: none } .col-xs-1_4:nth-child(4n+1) { clear: left } .col-xs-1_5 { width: 20% } .col-xs-1_5:nth-child(4n+1) { clear: none } .col-xs-1_5:nth-child(5n+1) { clear: left } .col-xs-1_6 { width: 16.66666667% } .col-xs-1_6:nth-child(5n+1) { clear: none } .col-xs-1_6:nth-child(6n+1) { clear: left } .col-xs-1_7 { width: 14.28571429% } .col-xs-1_7:nth-child(6n+1) { clear: none } .col-xs-1_7:nth-child(7n+1) { clear: left } .col-xs-1_8 { width: 12.5% } .col-xs-1_8:nth-child(7n+1) { clear: none } .col-xs-1_8:nth-child(8n+1) { clear: left } .col-xs-1_9 { width: 11.11111111% } .col-xs-1_9:nth-child(8n+1) { clear: none } .col-xs-1_9:nth-child(9n+1) { clear: left } .col-xs-1_10 { width: 10% } .col-xs-1_10:nth-child(9n+1) { clear: none } .col-xs-1_10:nth-child(10n+1) { clear: left } .col-xs-1_11 { width: 9.09090909% } .col-xs-1_11:nth-child(10n+1) { clear: none } .col-xs-1_11:nth-child(11n+1) { clear: left } .col-xs-1_12 { width: 8.33333333% } .col-xs-1_12:nth-child(11n+1) { clear: none } .col-xs-1_12:nth-child(12n+1) { clear: left } .col-xs-offset-0 { margin-left: 0 } .col-xs-offset-1 { margin-left: 8.33333333% } .col-xs-offset-2 { margin-left: 16.66666667% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-4 { margin-left: 33.33333333% } .col-xs-offset-5 { margin-left: 41.66666667% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-7 { margin-left: 58.33333333% } .col-xs-offset-8 { margin-left: 66.66666667% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-10 { margin-left: 83.33333333% } .col-xs-offset-11 { margin-left: 91.66666667% } .col-xs-offset-12 { margin-left: 100% } .col-xs-pull-0 { right: auto } .col-xs-pull-1 { right: 8.33333333% } .col-xs-pull-2 { right: 16.66666667% } .col-xs-pull-3 { right: 25% } .col-xs-pull-4 { right: 33.33333333% } .col-xs-pull-5 { right: 41.66666667% } .col-xs-pull-6 { right: 50% } .col-xs-pull-7 { right: 58.33333333% } .col-xs-pull-8 { right: 66.66666667% } .col-xs-pull-9 { right: 75% } .col-xs-pull-10 { right: 83.33333333% } .col-xs-pull-11 { right: 91.66666667% } .col-xs-pull-12 { right: 100% } .col-xs-push-0 { left: auto } .col-xs-push-1 { left: 8.33333333% } .col-xs-push-2 { left: 16.66666667% } .col-xs-push-3 { left: 25% } .col-xs-push-4 { left: 33.33333333% } .col-xs-push-5 { left: 41.66666667% } .col-xs-push-6 { left: 50% } .col-xs-push-7 { left: 58.33333333% } .col-xs-push-8 { left: 66.66666667% } .col-xs-push-9 { left: 75% } .col-xs-push-10 { left: 83.33333333% } .col-xs-push-11 { left: 91.66666667% } .col-xs-push-12 { left: 100% } } @media (min-width:480px) and (min-width:768px) { .grid-row__container { margin-bottom: 45px } } @media (min-width:768px) { .grid-section { padding: 30px } .grid-row { margin-left: -15px; margin-right: -15px } .grid-row:before { content: ""; display: block; margin-bottom: -30px } .grid-row+.grid-row { margin-top: 30px } .grid-row--no-gutter { margin-left: 0; margin-right: 0 } .grid-row--no-gutter:before { margin-bottom: 0; content: normal } .grid-row--no-gutter>.grid-item { padding-left: 0; padding-right: 0; margin-top: 0 } .grid-row--no-vertical-gutter:before { margin-bottom: 0; content: normal } .grid-row--no-vertical-gutter>.grid-item { margin-top: 0 } .grid-row__container { margin-bottom: 15px } .grid-row__title { font-family: "Source Han Sans", sans-serif; font-weight: 300; color: #9A0C0C; font-size: 26px; margin-bottom: 7px } .grid-item { padding-left: 15px; padding-right: 15px; margin-top: 30px; float: left } .col-sm-1 { width: 8.33333333% } .col-sm-2 { width: 16.66666667% } .col-sm-3 { width: 25% } .col-sm-4 { width: 33.33333333% } .col-sm-5 { width: 41.66666667% } .col-sm-6 { width: 50% } .col-sm-7 { width: 58.33333333% } .col-sm-8 { width: 66.66666667% } .col-sm-9 { width: 75% } .col-sm-10 { width: 83.33333333% } .col-sm-11 { width: 91.66666667% } .col-sm-1_1, .col-sm-12 { width: 100% } .col-sm-1_1:nth-child(0n+1) { clear: none } .col-sm-1_1:nth-child(1n+1) { clear: left } .col-sm-1_2 { width: 50% } .col-sm-1_2:nth-child(1n+1) { clear: none } .col-sm-1_2:nth-child(odd) { clear: left } .col-sm-1_3 { width: 33.33333333% } .col-sm-1_3:nth-child(odd) { clear: none } .col-sm-1_3:nth-child(3n+1) { clear: left } .col-sm-1_4 { width: 25% } .col-sm-1_4:nth-child(3n+1) { clear: none } .col-sm-1_4:nth-child(4n+1) { clear: left } .col-sm-1_5 { width: 20% } .col-sm-1_5:nth-child(4n+1) { clear: none } .col-sm-1_5:nth-child(5n+1) { clear: left } .col-sm-1_6 { width: 16.66666667% } .col-sm-1_6:nth-child(5n+1) { clear: none } .col-sm-1_6:nth-child(6n+1) { clear: left } .col-sm-1_7 { width: 14.28571429% } .col-sm-1_7:nth-child(6n+1) { clear: none } .col-sm-1_7:nth-child(7n+1) { clear: left } .col-sm-1_8 { width: 12.5% } .col-sm-1_8:nth-child(7n+1) { clear: none } .col-sm-1_8:nth-child(8n+1) { clear: left } .col-sm-1_9 { width: 11.11111111% } .col-sm-1_9:nth-child(8n+1) { clear: none } .col-sm-1_9:nth-child(9n+1) { clear: left } .col-sm-1_10 { width: 10% } .col-sm-1_10:nth-child(9n+1) { clear: none } .col-sm-1_10:nth-child(10n+1) { clear: left } .col-sm-1_11 { width: 9.09090909% } .col-sm-1_11:nth-child(10n+1) { clear: none } .col-sm-1_11:nth-child(11n+1) { clear: left } .col-sm-1_12 { width: 8.33333333% } .col-sm-1_12:nth-child(11n+1) { clear: none } .col-sm-1_12:nth-child(12n+1) { clear: left } .col-sm-offset-0 { margin-left: 0 } .col-sm-offset-1 { margin-left: 8.33333333% } .col-sm-offset-2 { margin-left: 16.66666667% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-4 { margin-left: 33.33333333% } .col-sm-offset-5 { margin-left: 41.66666667% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-7 { margin-left: 58.33333333% } .col-sm-offset-8 { margin-left: 66.66666667% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-10 { margin-left: 83.33333333% } .col-sm-offset-11 { margin-left: 91.66666667% } .col-sm-offset-12 { margin-left: 100% } .col-sm-pull-0 { right: auto } .col-sm-pull-1 { right: 8.33333333% } .col-sm-pull-2 { right: 16.66666667% } .col-sm-pull-3 { right: 25% } .col-sm-pull-4 { right: 33.33333333% } .col-sm-pull-5 { right: 41.66666667% } .col-sm-pull-6 { right: 50% } .col-sm-pull-7 { right: 58.33333333% } .col-sm-pull-8 { right: 66.66666667% } .col-sm-pull-9 { right: 75% } .col-sm-pull-10 { right: 83.33333333% } .col-sm-pull-11 { right: 91.66666667% } .col-sm-pull-12 { right: 100% } .col-sm-push-0 { left: auto } .col-sm-push-1 { left: 8.33333333% } .col-sm-push-2 { left: 16.66666667% } .col-sm-push-3 { left: 25% } .col-sm-push-4 { left: 33.33333333% } .col-sm-push-5 { left: 41.66666667% } .col-sm-push-6 { left: 50% } .col-sm-push-7 { left: 58.33333333% } .col-sm-push-8 { left: 66.66666667% } .col-sm-push-9 { left: 75% } .col-sm-push-10 { left: 83.33333333% } .col-sm-push-11 { left: 91.66666667% } .col-sm-push-12 { left: 100% } } @media (min-width:768px) and (min-width:768px) { .grid-row__container { margin-bottom: 45px } } @media (min-width:992px) { .grid-section { padding: 30px } .grid-row { margin-left: -15px; margin-right: -15px } .grid-row:before { content: ""; display: block; margin-bottom: -30px } .grid-row+.grid-row { margin-top: 30px } .grid-row--no-gutter { margin-left: 0; margin-right: 0 } .grid-row--no-gutter:before { margin-bottom: 0; content: normal } .grid-row--no-gutter>.grid-item { padding-left: 0; padding-right: 0; margin-top: 0 } .grid-row--no-vertical-gutter:before { margin-bottom: 0; content: normal } .grid-row--no-vertical-gutter>.grid-item { margin-top: 0 } .grid-row__container { margin-bottom: 15px } .grid-row__title { font-family: "Source Han Sans", sans-serif; font-weight: 300; color: #9A0C0C; font-size: 26px; margin-bottom: 7px } .grid-item { padding-left: 15px; padding-right: 15px; margin-top: 30px; float: left } .col-md-1 { width: 8.33333333% } .col-md-2 { width: 16.66666667% } .col-md-3 { width: 25% } .col-md-4 { width: 33.33333333% } .col-md-5 { width: 41.66666667% } .col-md-6 { width: 50% } .col-md-7 { width: 58.33333333% } .col-md-8 { width: 66.66666667% } .col-md-9 { width: 75% } .col-md-10 { width: 83.33333333% } .col-md-11 { width: 91.66666667% } .col-md-1_1, .col-md-12 { width: 100% } .col-md-1_1:nth-child(0n+1) { clear: none } .col-md-1_1:nth-child(1n+1) { clear: left } .col-md-1_2 { width: 50% } .col-md-1_2:nth-child(1n+1) { clear: none } .col-md-1_2:nth-child(odd) { clear: left } .col-md-1_3 { width: 33.33333333% } .col-md-1_3:nth-child(odd) { clear: none } .col-md-1_3:nth-child(3n+1) { clear: left } .col-md-1_4 { width: 25% } .col-md-1_4:nth-child(3n+1) { clear: none } .col-md-1_4:nth-child(4n+1) { clear: left } .col-md-1_5 { width: 20% } .col-md-1_5:nth-child(4n+1) { clear: none } .col-md-1_5:nth-child(5n+1) { clear: left } .col-md-1_6 { width: 16.66666667% } .col-md-1_6:nth-child(5n+1) { clear: none } .col-md-1_6:nth-child(6n+1) { clear: left } .col-md-1_7 { width: 14.28571429% } .col-md-1_7:nth-child(6n+1) { clear: none } .col-md-1_7:nth-child(7n+1) { clear: left } .col-md-1_8 { width: 12.5% } .col-md-1_8:nth-child(7n+1) { clear: none } .col-md-1_8:nth-child(8n+1) { clear: left } .col-md-1_9 { width: 11.11111111% } .col-md-1_9:nth-child(8n+1) { clear: none } .col-md-1_9:nth-child(9n+1) { clear: left } .col-md-1_10 { width: 10% } .col-md-1_10:nth-child(9n+1) { clear: none } .col-md-1_10:nth-child(10n+1) { clear: left } .col-md-1_11 { width: 9.09090909% } .col-md-1_11:nth-child(10n+1) { clear: none } .col-md-1_11:nth-child(11n+1) { clear: left } .col-md-1_12 { width: 8.33333333% } .col-md-1_12:nth-child(11n+1) { clear: none } .col-md-1_12:nth-child(12n+1) { clear: left } .col-md-offset-0 { margin-left: 0 } .col-md-offset-1 { margin-left: 8.33333333% } .col-md-offset-2 { margin-left: 16.66666667% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-4 { margin-left: 33.33333333% } .col-md-offset-5 { margin-left: 41.66666667% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-7 { margin-left: 58.33333333% } .col-md-offset-8 { margin-left: 66.66666667% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-10 { margin-left: 83.33333333% } .col-md-offset-11 { margin-left: 91.66666667% } .col-md-offset-12 { margin-left: 100% } .col-md-pull-0 { right: auto } .col-md-pull-1 { right: 8.33333333% } .col-md-pull-2 { right: 16.66666667% } .col-md-pull-3 { right: 25% } .col-md-pull-4 { right: 33.33333333% } .col-md-pull-5 { right: 41.66666667% } .col-md-pull-6 { right: 50% } .col-md-pull-7 { right: 58.33333333% } .col-md-pull-8 { right: 66.66666667% } .col-md-pull-9 { right: 75% } .col-md-pull-10 { right: 83.33333333% } .col-md-pull-11 { right: 91.66666667% } .col-md-pull-12 { right: 100% } .col-md-push-0 { left: auto } .col-md-push-1 { left: 8.33333333% } .col-md-push-2 { left: 16.66666667% } .col-md-push-3 { left: 25% } .col-md-push-4 { left: 33.33333333% } .col-md-push-5 { left: 41.66666667% } .col-md-push-6 { left: 50% } .col-md-push-7 { left: 58.33333333% } .col-md-push-8 { left: 66.66666667% } .col-md-push-9 { left: 75% } .col-md-push-10 { left: 83.33333333% } .col-md-push-11 { left: 91.66666667% } .col-md-push-12 { left: 100% } } @media (min-width:992px) and (min-width:768px) { .grid-row__container { margin-bottom: 45px } } @media (min-width:1420px) { .grid-section { padding: 30px } .grid-row { margin-left: -15px; margin-right: -15px } .grid-row:before { content: ""; display: block; margin-bottom: -30px } .grid-row+.grid-row { margin-top: 30px } .grid-row--no-gutter { margin-left: 0; margin-right: 0 } .grid-row--no-gutter:before { margin-bottom: 0; content: normal } .grid-row--no-gutter>.grid-item { padding-left: 0; padding-right: 0; margin-top: 0 } .grid-row--no-vertical-gutter:before { margin-bottom: 0; content: normal } .grid-row--no-vertical-gutter>.grid-item { margin-top: 0 } .grid-row__container { margin-bottom: 15px } .grid-row__title { font-family: "Source Han Sans", sans-serif; font-weight: 300; color: #9A0C0C; font-size: 26px; margin-bottom: 7px } .grid-item { padding-left: 15px; padding-right: 15px; margin-top: 30px; float: left } .col-lg-1 { width: 8.33333333% } .col-lg-2 { width: 16.66666667% } .col-lg-3 { width: 25% } .col-lg-4 { width: 33.33333333% } .col-lg-5 { width: 41.66666667% } .col-lg-6 { width: 50% } .col-lg-7 { width: 58.33333333% } .col-lg-8 { width: 66.66666667% } .col-lg-9 { width: 75% } .col-lg-10 { width: 83.33333333% } .col-lg-11 { width: 91.66666667% } .col-lg-1_1, .col-lg-12 { width: 100% } .col-lg-1_1:nth-child(0n+1) { clear: none } .col-lg-1_1:nth-child(1n+1) { clear: left } .col-lg-1_2 { width: 50% } .col-lg-1_2:nth-child(1n+1) { clear: none } .col-lg-1_2:nth-child(odd) { clear: left } .col-lg-1_3 { width: 33.33333333% } .col-lg-1_3:nth-child(odd) { clear: none } .col-lg-1_3:nth-child(3n+1) { clear: left } .col-lg-1_4 { width: 25% } .col-lg-1_4:nth-child(3n+1) { clear: none } .col-lg-1_4:nth-child(4n+1) { clear: left } .col-lg-1_5 { width: 20% } .col-lg-1_5:nth-child(4n+1) { clear: none } .col-lg-1_5:nth-child(5n+1) { clear: left } .col-lg-1_6 { width: 16.66666667% } .col-lg-1_6:nth-child(5n+1) { clear: none } .col-lg-1_6:nth-child(6n+1) { clear: left } .col-lg-1_7 { width: 14.28571429% } .col-lg-1_7:nth-child(6n+1) { clear: none } .col-lg-1_7:nth-child(7n+1) { clear: left } .col-lg-1_8 { width: 12.5% } .col-lg-1_8:nth-child(7n+1) { clear: none } .col-lg-1_8:nth-child(8n+1) { clear: left } .col-lg-1_9 { width: 11.11111111% } .col-lg-1_9:nth-child(8n+1) { clear: none } .col-lg-1_9:nth-child(9n+1) { clear: left } .col-lg-1_10 { width: 10% } .col-lg-1_10:nth-child(9n+1) { clear: none } .col-lg-1_10:nth-child(10n+1) { clear: left } .col-lg-1_11 { width: 9.09090909% } .col-lg-1_11:nth-child(10n+1) { clear: none } .col-lg-1_11:nth-child(11n+1) { clear: left } .col-lg-1_12 { width: 8.33333333% } .col-lg-1_12:nth-child(11n+1) { clear: none } .col-lg-1_12:nth-child(12n+1) { clear: left } .col-lg-offset-0 { margin-left: 0 } .col-lg-offset-1 { margin-left: 8.33333333% } .col-lg-offset-2 { margin-left: 16.66666667% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-4 { margin-left: 33.33333333% } .col-lg-offset-5 { margin-left: 41.66666667% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-7 { margin-left: 58.33333333% } .col-lg-offset-8 { margin-left: 66.66666667% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-10 { margin-left: 83.33333333% } .col-lg-offset-11 { margin-left: 91.66666667% } .col-lg-offset-12 { margin-left: 100% } .col-lg-pull-0 { right: auto } .col-lg-pull-1 { right: 8.33333333% } .col-lg-pull-2 { right: 16.66666667% } .col-lg-pull-3 { right: 25% } .col-lg-pull-4 { right: 33.33333333% } .col-lg-pull-5 { right: 41.66666667% } .col-lg-pull-6 { right: 50% } .col-lg-pull-7 { right: 58.33333333% } .col-lg-pull-8 { right: 66.66666667% } .col-lg-pull-9 { right: 75% } .col-lg-pull-10 { right: 83.33333333% } .col-lg-pull-11 { right: 91.66666667% } .col-lg-pull-12 { right: 100% } .col-lg-push-0 { left: auto } .col-lg-push-1 { left: 8.33333333% } .col-lg-push-2 { left: 16.66666667% } .col-lg-push-3 { left: 25% } .col-lg-push-4 { left: 33.33333333% } .col-lg-push-5 { left: 41.66666667% } .col-lg-push-6 { left: 50% } .col-lg-push-7 { left: 58.33333333% } .col-lg-push-8 { left: 66.66666667% } .col-lg-push-9 { left: 75% } .col-lg-push-10 { left: 83.33333333% } .col-lg-push-11 { left: 91.66666667% } .col-lg-push-12 { left: 100% } } @media (min-width:1420px) and (min-width:768px) { .grid-row__container { margin-bottom: 45px } } @media (min-width:1600px) { .grid-section { padding: 30px } .grid-row { margin-left: -15px; margin-right: -15px } .grid-row:before { content: ""; display: block; margin-bottom: -30px } .grid-row+.grid-row { margin-top: 30px } .grid-row--no-gutter { margin-left: 0; margin-right: 0 } .grid-row--no-gutter:before { margin-bottom: 0; content: normal } .grid-row--no-gutter>.grid-item { padding-left: 0; padding-right: 0; margin-top: 0 } .grid-row--no-vertical-gutter:before { margin-bottom: 0; content: normal } .grid-row--no-vertical-gutter>.grid-item { margin-top: 0 } .grid-row__container { margin-bottom: 15px } .grid-row__title { font-family: "Source Han Sans", sans-serif; font-weight: 300; color: #9A0C0C; font-size: 26px; margin-bottom: 7px } .grid-item { padding-left: 15px; padding-right: 15px; margin-top: 30px; float: left } .col-xl-1 { width: 8.33333333% } .col-xl-2 { width: 16.66666667% } .col-xl-3 { width: 25% } .col-xl-4 { width: 33.33333333% } .col-xl-5 { width: 41.66666667% } .col-xl-6 { width: 50% } .col-xl-7 { width: 58.33333333% } .col-xl-8 { width: 66.66666667% } .col-xl-9 { width: 75% } .col-xl-10 { width: 83.33333333% } .col-xl-11 { width: 91.66666667% } .col-xl-1_1, .col-xl-12 { width: 100% } .col-xl-1_1:nth-child(0n+1) { clear: none } .col-xl-1_1:nth-child(1n+1) { clear: left } .col-xl-1_2 { width: 50% } .col-xl-1_2:nth-child(1n+1) { clear: none } .col-xl-1_2:nth-child(odd) { clear: left } .col-xl-1_3 { width: 33.33333333% } .col-xl-1_3:nth-child(odd) { clear: none } .col-xl-1_3:nth-child(3n+1) { clear: left } .col-xl-1_4 { width: 25% } .col-xl-1_4:nth-child(3n+1) { clear: none } .col-xl-1_4:nth-child(4n+1) { clear: left } .col-xl-1_5 { width: 20% } .col-xl-1_5:nth-child(4n+1) { clear: none } .col-xl-1_5:nth-child(5n+1) { clear: left } .col-xl-1_6 { width: 16.66666667% } .col-xl-1_6:nth-child(5n+1) { clear: none } .col-xl-1_6:nth-child(6n+1) { clear: left } .col-xl-1_7 { width: 14.28571429% } .col-xl-1_7:nth-child(6n+1) { clear: none } .col-xl-1_7:nth-child(7n+1) { clear: left } .col-xl-1_8 { width: 12.5% } .col-xl-1_8:nth-child(7n+1) { clear: none } .col-xl-1_8:nth-child(8n+1) { clear: left } .col-xl-1_9 { width: 11.11111111% } .col-xl-1_9:nth-child(8n+1) { clear: none } .col-xl-1_9:nth-child(9n+1) { clear: left } .col-xl-1_10 { width: 10% } .col-xl-1_10:nth-child(9n+1) { clear: none } .col-xl-1_10:nth-child(10n+1) { clear: left } .col-xl-1_11 { width: 9.09090909% } .col-xl-1_11:nth-child(10n+1) { clear: none } .col-xl-1_11:nth-child(11n+1) { clear: left } .col-xl-1_12 { width: 8.33333333% } .col-xl-1_12:nth-child(11n+1) { clear: none } .col-xl-1_12:nth-child(12n+1) { clear: left } .col-xl-offset-0 { margin-left: 0 } .col-xl-offset-1 { margin-left: 8.33333333% } .col-xl-offset-2 { margin-left: 16.66666667% } .col-xl-offset-3 { margin-left: 25% } .col-xl-offset-4 { margin-left: 33.33333333% } .col-xl-offset-5 { margin-left: 41.66666667% } .col-xl-offset-6 { margin-left: 50% } .col-xl-offset-7 { margin-left: 58.33333333% } .col-xl-offset-8 { margin-left: 66.66666667% } .col-xl-offset-9 { margin-left: 75% } .col-xl-offset-10 { margin-left: 83.33333333% } .col-xl-offset-11 { margin-left: 91.66666667% } .col-xl-offset-12 { margin-left: 100% } .col-xl-pull-0 { right: auto } .col-xl-pull-1 { right: 8.33333333% } .col-xl-pull-2 { right: 16.66666667% } .col-xl-pull-3 { right: 25% } .col-xl-pull-4 { right: 33.33333333% } .col-xl-pull-5 { right: 41.66666667% } .col-xl-pull-6 { right: 50% } .col-xl-pull-7 { right: 58.33333333% } .col-xl-pull-8 { right: 66.66666667% } .col-xl-pull-9 { right: 75% } .col-xl-pull-10 { right: 83.33333333% } .col-xl-pull-11 { right: 91.66666667% } .col-xl-pull-12 { right: 100% } .col-xl-push-0 { left: auto } .col-xl-push-1 { left: 8.33333333% } .col-xl-push-2 { left: 16.66666667% } .col-xl-push-3 { left: 25% } .col-xl-push-4 { left: 33.33333333% } .col-xl-push-5 { left: 41.66666667% } .col-xl-push-6 { left: 50% } .col-xl-push-7 { left: 58.33333333% } .col-xl-push-8 { left: 66.66666667% } .col-xl-push-9 { left: 75% } .col-xl-push-10 { left: 83.33333333% } .col-xl-push-11 { left: 91.66666667% } .col-xl-push-12 { left: 100% } } @media (min-width:1600px) and (min-width:768px) { .grid-row__container { margin-bottom: 45px } } @media (max-width:767px) { .col-xs-hidden { display: none } } @media (max-width:991px) { .col-sm-hidden { display: none } } @media (max-width:1419px) { .col-md-hidden { display: none } } @media (max-width:1599px) { .col-lg-hidden { display: none } } .container { max-width: 900px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0 auto; padding: 0 20px } @media (min-width:768px) { .container { padding: 0 30px } } .container--nopadding { padding: 0 } .wide-container { max-width: 1540px; -webkit-box-sizing: content-box; box-sizing: content-box; margin-right: auto; margin-left: auto; padding-left: 20px; padding-right: 20px } @media (min-width:768px) { .wide-container { padding-left: 30px; padding-right: 30px } } .full-width-container { padding-left: 20px; padding-right: 20px } @media (min-width:768px) { .full-width-container { padding-left: 30px; padding-right: 30px } } .container-lg, .container-md { margin-left: auto; margin-right: auto } .container-lg { max-width: 1200px } .container-md { max-width: 780px } .col-1-8 { width: 12.5% } .col-2-8 { width: 25% } .col-3-8 { width: 37.5% } .col-4-8 { width: 50% } .col-5-8 { width: 62.5% } .col-6-8 { width: 75% } .col-7-8 { width: 87.5% } .col-8-8 { width: 100% } @media (min-width:768px) { .col-sm-1-8 { width: 12.5% } .col-sm-2-8 { width: 25% } .col-sm-3-8 { width: 37.5% } .col-sm-4-8 { width: 50% } .col-sm-5-8 { width: 62.5% } .col-sm-6-8 { width: 75% } .col-sm-7-8 { width: 87.5% } .col-sm-8-8 { width: 100% } } * { margin: 0; padding: 0 } *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box } body { font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.75; color: #8d8d8d; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; text-rendering: optimizeLegibility; -webkit-text-size-adjust: none; overflow-anchor: none; overflow-y: auto; background-color: #F9F9F9; } body.is-blocked { height: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch } body.no-touch.is-blocked, body.simple-overlay.is-blocked { overflow: hidden } img { border: 0 } img.seo-img { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; opacity: 0; max-width: 100%; max-height: 100% } .hide, .hide-on-mobile { display: none } @media (min-width:768px) { .hide-on-mobile { display: block } } .show-on-mobile { display: block } @media (min-width:768px) { .show-on-mobile { display: none } } .show-on-md { display: inline-block } @media (min-width:1025px) { .show-on-md { display: none } } .old-browser { position: relative; padding: 50px; background-color: #8d8d8d; z-index: 1000; text-align: center; vertical-align: middle; background-repeat: no-repeat; color: #fff } .old-browser h6 { font-size: 25px; line-height: 25px; margin: 30px 0 10px } .old-browser p { font-size: 12px; line-height: 12px; margin: 0 } .old-browser a { display: inline-block; position: relative; padding: 10px 20px; margin: 30px auto 0; width: auto; color: #fff; text-decoration: none; border: 2px solid #fff; cursor: pointer } .theme__wrapper { position: relative; width: 100%; } .theme__wrapper__nav { position: fixed; display: block; width: 100%; top: 0; left: 0; z-index: 300 } @media (max-width:1024px) and (orientation:landscape) { .is-discover-page .theme__wrapper__nav { display: none } } .theme__wrapper__content { position: relative; padding-top: 70px; padding-left: 0; left: 0 } .is-blocked .theme__wrapper__content { max-height: none; overflow: hidden } .is-blocked.simple-overlay .theme__wrapper__content, .no-touch.is-blocked .theme__wrapper__content { max-height: none; overflow: inherit } @media (max-width:1024px) and (orientation:landscape) { .is-discover-page .theme__wrapper__content { padding-top: 0 } } .theme__wrapper.cookie { padding-top: 70px } .theme__wrapper.cookie .cp-cookie-bar { display: -webkit-box; display: -ms-flexbox; display: flex } .ie9 .theme__wrapper.cookie .cp-cookie-bar { display: table } .theme__wrapper.cookie .cp-main-nav { padding-top: 70px } .theme__wrapper.cookie .cp-main-nav__content { padding-top: 165px } .theme__wrapper.cookie .cp-filter-panel { padding-top: 140px } .theme__wrapper.cookie .vw-product__header { top: 140px } .theme__wrapper.cookie .cp-side-nav__items.fixed { top: 200px } .theme__wrapper.newsletter .cp-newsletter-bar { display: -webkit-box; display: -ms-flexbox; display: flex } .ie9 .theme__wrapper.newsletter .cp-newsletter-bar { display: table } .theme__wrapper.transparent-nav .cp-main-nav__bar { -webkit-transition: background-color .3s linear; transition: background-color .3s linear } .theme__wrapper.transparent-nav .cp-main-nav__bar .cp-main-nav__logo { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: top right; transform-origin: top right; -webkit-transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1); transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1); transition: transform .3s cubic-bezier(.19, 1, .22, 1); transition: transform .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) } .theme__wrapper.transparent-nav .cp-main-nav__bar .cp-main-nav__logo svg path { fill: #fff; -webkit-transition: fill .3s linear; transition: fill .3s linear } .theme__wrapper.transparent-nav .cp-main-nav__bar:not(.show) { background-color: transparent } .theme__wrapper.transparent-nav .cp-main-nav__bar:not(.show) .cp-main-nav__logo { -webkit-transform: scale(1.32); transform: scale(1.32) } .theme__wrapper.transparent-nav .cp-main-nav__bar:not(.show) .cp-main-nav__logo svg path { fill: #9A0C0C } .theme__wrapper.transparent-nav .theme__wrapper__content { padding-top: 0 } .is-transparent-header .theme__wrapper .cp-main-nav__bar { -webkit-transition: background-color .3s linear; transition: background-color .3s linear } .is-transparent-header .theme__wrapper .cp-main-nav__bar .cp-main-nav__logo { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: top right; transform-origin: top right; -webkit-transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1); transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1); transition: transform .3s cubic-bezier(.19, 1, .22, 1); transition: transform .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) } .is-transparent-header .theme__wrapper .cp-main-nav__bar .cp-main-nav__logo svg path { fill: #fff; -webkit-transition: fill .2s linear; transition: fill .2s linear } .is-transparent-header .theme__wrapper .cp-main-nav__bar:not(.show) { background-color: transparent } .is-transparent-header .theme__wrapper .cp-main-nav__bar:not(.show) .cp-main-nav__logo { -webkit-transform: scale(1.32); transform: scale(1.32) } .is-transparent-header .theme__wrapper .cp-main-nav__bar:not(.show) .cp-main-nav__logo svg path { fill: #9A0C0C } .is-transparent-header .theme__wrapper .theme__wrapper__content { padding-top: 0 } .no-touch.is-transparent-header .theme__wrapper .cp-main-nav__bar .cp-main-nav__logo:hover svg path { fill: #2b2b2b } .no-touch.is-transparent-header .theme__wrapper .cp-main-nav__bar:not(.show) .cp-main-nav__logo:hover svg path { fill: #fff } .theme__wrapper.nav .cp-main-nav__content { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition: visibility .8s step-start, opacity .3s linear, -webkit-transform .8s cubic-bezier(.19, 1, .22, 1); transition: visibility .8s step-start, opacity .3s linear, -webkit-transform .8s cubic-bezier(.19, 1, .22, 1); transition: transform .8s cubic-bezier(.19, 1, .22, 1), visibility .8s step-start, opacity .3s linear; transition: transform .8s cubic-bezier(.19, 1, .22, 1), visibility .8s step-start, opacity .3s linear, -webkit-transform .8s cubic-bezier(.19, 1, .22, 1) } .theme__wrapper.nav .cp-main-nav__icon { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .theme__wrapper.nav .cp-main-nav__icon__line:first-child { -webkit-transform: translateY(9px) rotate(-45deg); transform: translateY(9px) rotate(-45deg) } .ie9 .theme__wrapper.nav .cp-main-nav__icon__line:first-child { -ms-transform: translateY(9px) rotate(-45deg) } .theme__wrapper.nav .cp-main-nav__icon__line:nth-child(2) { -webkit-transform: scaleX(0); transform: scaleX(0) } .theme__wrapper.nav .cp-main-nav__icon__line:nth-child(3) { -webkit-transform: translateY(-11px) rotate(45deg); transform: translateY(-11px) rotate(45deg) } .ie9 .theme__wrapper.nav .cp-main-nav__icon__line:nth-child(3) { -ms-transform: translateY(-11px) rotate(45deg) } .is-transparent-header .theme__wrapper.nav .cp-main-nav__bar .cp-main-nav__logo, .theme__wrapper.nav.transparent-nav .cp-main-nav__bar .cp-main-nav__logo { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: top right; transform-origin: top right; -webkit-transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1); transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1); transition: transform .3s cubic-bezier(.19, 1, .22, 1); transition: transform .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) } .is-transparent-header .theme__wrapper.nav .cp-main-nav__bar .cp-main-nav__logo svg path, .theme__wrapper.nav.transparent-nav .cp-main-nav__bar .cp-main-nav__logo svg path { fill: #fff; -webkit-transition: fill .3s linear; transition: fill .3s linear } .no-touch.is-transparent-header .theme__wrapper.nav .cp-main-nav__bar .cp-main-nav__logo:hover svg path { fill: #2b2b2b } .theme__wrapper.search .cp-main-nav__item--search { width: 24px; height: 24px; font-size: 0; line-height: 1em; color: transparent } .theme__wrapper.search .cp-main-nav__item--search:after, .theme__wrapper.search .cp-main-nav__item--search:before { content: ""; display: block; position: absolute; width: 26px; height: 3px; -webkit-transition: background-color .3s; transition: background-color .3s; background-color: #fff } .theme__wrapper.search .cp-main-nav__item--search:before { top: 0; -webkit-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg) } .ie9 .theme__wrapper.search .cp-main-nav__item--search:before { -ms-transform: translateY(10px) rotate(-45deg) } .theme__wrapper.search .cp-main-nav__item--search:after { top: 18px; -webkit-transform: translateY(-8px) rotate(45deg); transform: translateY(-8px) rotate(45deg) } .ie9 .theme__wrapper.search .cp-main-nav__item--search:after { -ms-transform: translateY(-8px) rotate(45deg) } .theme__wrapper.search .cp-filter-panel { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 1; visibility: visible; -webkit-transition: opacity .2s linear, visibility 1s step-start, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1); transition: opacity .2s linear, visibility 1s step-start, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1); transition: transform 1s cubic-bezier(.19, 1, .22, 1), opacity .2s linear, visibility 1s step-start; transition: transform 1s cubic-bezier(.19, 1, .22, 1), opacity .2s linear, visibility 1s step-start, -webkit-transform 1s cubic-bezier(.19, 1, .22, 1) } .theme__wrapper.search .cp-filter-panel--na { display: block } .is-transparent-header .theme__wrapper.search .cp-main-nav__bar:not(.show), .theme__wrapper.search.transparent-nav .cp-main-nav__bar:not(.show) { display: block; position: relative; width: 100vw; height: 70px } .is-transparent-header .theme__wrapper.search .cp-main-nav__bar .cp-main-nav__logo, .theme__wrapper.search.transparent-nav .cp-main-nav__bar .cp-main-nav__logo { -webkit-transform: scale(1); transform: scale(1); -webkit-transform-origin: top right; transform-origin: top right; -webkit-transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1); transition: -webkit-transform .3s cubic-bezier(.19, 1, .22, 1); transition: transform .3s cubic-bezier(.19, 1, .22, 1); transition: transform .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .3s cubic-bezier(.19, 1, .22, 1) } .is-transparent-header .theme__wrapper.search .cp-main-nav__bar .cp-main-nav__logo svg path, .theme__wrapper.search.transparent-nav .cp-main-nav__bar .cp-main-nav__logo svg path { fill: #fff; -webkit-transition: fill .2s linear; transition: fill .2s linear } .no-touch.is-transparent-header .theme__wrapper.search .cp-main-nav__bar .cp-main-nav__logo:hover svg path { fill: #2b2b2b } .no-touch .theme__wrapper.search .cp-main-nav__item--search:hover:after, .no-touch .theme__wrapper.search .cp-main-nav__item--search:hover:before { background-color: #2b2b2b } .main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100% } .main, .main__placeholder, .main__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; height: 700px; } .main__placeholder { min-height: calc(100vh - 70px); width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .main__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .section--white { background-color: #fff } .section--light { background-color: #f4f4f4 } .section--dark { background-color: #000 } .section--recent-view-on-thank { padding: 10px 0 40px } .section--thank-you { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 50px 20px } @media (min-width:768px) { .section--thank-you { padding: 150px 20px } } .section--thank-you .section__inner { max-width: 400px; text-align: center } .section--my-account { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 50px 20px; background-color: #f4f4f4 } @media (min-width:768px) { .section--my-account { padding: 140px 20px } } .padding-md { padding-top: 20px; padding-bottom: 20px } @media (min-width:768px) { .padding-md { padding-top: 30px; padding-bottom: 30px } } .padding-top-md { padding-top: 20px } @media (min-width:768px) { .padding-top-md { padding-top: 30px } } .padding-bottom-md { padding-bottom: 20px } @media (min-width:768px) { .padding-bottom-md { padding-bottom: 30px } } .padding-bottom-top-md { padding-bottom: 40px } @media (min-width:768px) { .padding-bottom-top-md { padding-top: 40px; padding-bottom: 60px } } .glide-arrow { background: none; border: none; position: absolute; display: block; top: 50%; font-size: 50px; cursor: pointer; width: 1em; height: 1em; margin-top: -.5em; -webkit-transition: width .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(1, 0, 0, 1); transition: width .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(1, 0, 0, 1); transition: width .3s cubic-bezier(.19, 1, .22, 1), transform .8s cubic-bezier(1, 0, 0, 1); transition: width .3s cubic-bezier(.19, 1, .22, 1), transform .8s cubic-bezier(1, 0, 0, 1), -webkit-transform .8s cubic-bezier(1, 0, 0, 1); background-color: #9A0C0C; outline: none } .glide-arrow:after { color: #fff; text-align: center; font-size: .625em; width: 1.6em; line-height: 1.6em; -webkit-transition: width .3s cubic-bezier(.19, 1, .22, 1); transition: width .3s cubic-bezier(.19, 1, .22, 1) } .no-touch .glide-arrow:hover { width: 1.2em } .no-touch .glide-arrow:hover:after { width: 1.92em } .glide-arrow--prev { left: 0 } .glide-arrow--prev:disabled { -webkit-transform: translateX(-100%); transform: translateX(-100%) } .glide-arrow--next { right: 0 } .glide-arrow--next:disabled { -webkit-transform: translateX(100%); transform: translateX(100%) } @media (min-width:480px) { .glide-arrow { font-size: 50px } } @media (min-width:768px) { .glide-arrow { font-size: 75px } } .glide-arrow--small { width: 45px; height: 45px } .glide-arrow--small:after { font-size: 28px } .no-touch .glide-arrow--small:hover { width: 55px } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } @media (min-width:1420px) { .styleguide { background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #f4f4f4), color-stop(50%, #fff)); background-image: linear-gradient(90deg, #f4f4f4 50%, #fff 0) } } .styleguide__header { background-color: #9A0C0C; color: #fff } .styleguide__row { display: -webkit-box; display: -ms-flexbox; display: flex } .styleguide__col-1 { display: none; width: 25% } @media (min-width:1420px) { .styleguide__col-1 { display: block } } .styleguide__col-2 { width: 100% } @media (min-width:1420px) { .styleguide__col-2 { width: 75% } } .styleguide__col-2.is-light-bg { background-color: #fff } .styleguide__heading { margin: 80px 0 0; padding: 15px 0; border-bottom: 1px solid #d4d4d4; color: #000; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 18px } .sg-header { padding: 30px 0 } @media (min-width:992px) { .sg-header { padding: 80px 15px 80px 100px } } .sg-header__subtitle { margin-top: 8px; color: hsla(0, 0%, 100%, .6); font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 18px } .sg-branding { padding: 30px 0 } @media (min-width:992px) { .sg-branding { padding: 80px 15px 80px 100px } } .sg-branding__big-favicon { margin-left: 100px; margin-right: 15px; vertical-align: bottom } .sg-branding__small-favicon { vertical-align: top } .sg-colour-palette { padding: 30px 0 } @media (min-width:992px) { .sg-colour-palette { padding: 80px 15px 80px 100px } } .sg-colour-palette__boxes { width: 242px } .sg-colour-palette__line .sg-color-boxes:not(:last-child) { margin-right: 40px } .sg-colour-palette__line+.sg-colour-palette__line { margin-top: 50px } .sg-color-boxes { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid #d4d4d4 } .sg-color-boxes__caption { width: 100%; padding: 15px 0; border-top: 1px solid #d4d4d4; color: #000; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px; text-align: center } .sg-color-box__bg { width: 80px; height: 80px; color: #fff; font-family: Helvetica, Verdana, sans-serif; font-size: 14px; line-height: 80px; text-align: center; text-transform: uppercase } .sg-color-box__caption { padding: 15px 0; border-top: 1px solid #d4d4d4; color: #000; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px; text-align: center } .sg-typefaces { padding: 30px 0 } @media (min-width:992px) { .sg-typefaces { padding: 80px 15px 80px 100px } } .sg-typefaces__line .sg-type-block:not(:last-child) { margin-right: 30px } .sg-typefaces__line+.sg-typefaces__line { margin-top: 30px } .sg-type-block { display: inline-block; vertical-align: top } .sg-type-block__family { color: #8d8d8d; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; letter-spacing: -.02em } .sg-type-block__text { color: #000; font-size: 90px; line-height: 1 } .sg-typo__row { padding: 15px } @media (min-width:992px) { .sg-typo__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 15px 40px 100px } } .sg-typo__row--main-nav { background-color: #9A0C0C; color: #fff } .sg-typo__row--main-nav .sg-typo__name { color: #fff } .sg-typo__row--main-nav .sg-typo__col-2 { border-color: #fff } .sg-typo__row--side-nav { background-color: #f4f4f4 } @media (min-width:992px) { .sg-typo__col-1 { width: 50% } } .sg-typo__col-2 { display: none; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: stretch; align-self: stretch; width: 25px; margin: 15px 30px; border: 1px solid #adadad; border-left: 0 } @media (min-width:992px) { .sg-typo__col-2 { display: block } } .sg-typo__col-3 { padding-top: 10px } @media (min-width:992px) { .sg-typo__col-3 { padding: 0 } } .sg-typo__name { color: #666; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; text-transform: capitalize } .sg-typo__props { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; white-space: pre-line } .sg-typo__props .desktop { display: none } @media (min-width:992px) { .sg-typo__props .desktop { display: inline } } @media (min-width:992px) { .sg-typo__props .mobile { display: none } } .sg-tables__product { padding: 80px 15px } .sg-tables__descr { margin-top: 30px } @media md-screen { .sg-tables__descr { margin-left: 120px } } .sg-tables__descr-name { color: #666; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; text-transform: capitalize } .sg-tables__descr-props { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; white-space: pre-line } .sg-buttons { padding: 30px 0 } @media (min-width:992px) { .sg-buttons { padding: 80px 15px 80px 100px } } @media (min-width:992px) { .sg-buttons__line { display: -webkit-box; display: -ms-flexbox; display: flex } } @media (min-width:992px) { .sg-buttons__line .sg-button-group:not(:last-child) { margin-right: 50px } } .sg-buttons__line+.sg-buttons__line { margin-top: 20px } @media (min-width:992px) { .sg-buttons__line+.sg-buttons__line { margin-top: 40px } } .sg-buttons__links { margin: 60px 0 } @media (min-width:992px) { .sg-buttons__links { margin: 80px 0 80px 130px } } .sg-buttons__drops { padding: 20px 30px; background-color: #f4f4f4 } .sg-buttons__dropdown { display: inline-block; vertical-align: top; width: 200px; margin: 10px 40px 10px 0 } .sg-button-group { width: 100%; max-width: 370px; padding: 15px 0 } @media (min-width:992px) { .sg-button-group { max-width: 400px; padding: 30px 0 } } .sg-button-group+.sg-button-group { margin-top: 20px } @media (min-width:992px) { .sg-button-group+.sg-button-group { margin-top: 0 } } .sg-button-group__line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .sg-button-group__line+.sg-button-group__line { padding-top: 10px } .sg-button-group__col-1 { -ms-flex-negative: 0; flex-shrink: 0; width: 60px } @media (min-width:992px) { .sg-button-group__col-1 { width: 100px } } .sg-button-group__col-2 { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0 15px } @media (min-width:992px) { .sg-button-group__col-2 { padding: 0 30px } } .sg-button-group__btn { display: inline-block !important; vertical-align: top; width: 100% } .sg-button-group--dark { background-image: linear-gradient(90deg, #fff 60px, #000 0) } @media (min-width:992px) { .sg-button-group--dark { background-image: linear-gradient(90deg, #fff 100px, #000 0) } } .sg-forms { margin: 30px 0; padding: 30px; background-color: #f4f4f4 } @media (min-width:992px) { .sg-forms { margin: 80px 15px 80px 100px } } .sg-forms__subtitle { margin: 30px 0 10px } .sg-icons { margin-bottom: 30px } @media (min-width:992px) { .sg-icons { margin: 80px 15px 80px 100px } } .sg-icons__item { display: inline-block; vertical-align: bottom; font-size: 26px } .sg-icons__item:after { float: none } .sg-icons__item:not(:last-child) { margin-right: 15px } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .placeholder { display: block; position: relative; width: 100%; height: 100%; min-height: 100px; background-color: #ebebeb; border: 1px solid #ccc; text-align: center } .placeholder:after { content: attr(data-label); display: block; position: absolute; top: 50%; left: 50%; font-family: Arial; font-size: 20px; color: #8d8d8d; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%) } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .vw-home { background-color: #f4f4f4 } .vw-home__block { display: block; position: relative; overflow: hidden; padding-top: 100%; color: #000 } .vw-home__block h2, .vw-home__block h3 { display: block; position: absolute; top: 0; left: 0; padding: 30px; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 26px; line-height: 1.2em; letter-spacing: -.02em; color: inherit; white-space: nowrap } .vw-home__block h2 strong, .vw-home__block h3 strong { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .vw-home__block.white, .vw-home__block.white-to-black { color: #fff } .no-touch .vw-home__block.white-to-black:hover { color: #000 } .no-touch .vw-home__block:hover { color: #9A0C0C } .no-touch .vw-home__block:hover .vw-home__tile-img { -webkit-transform: scale(1.05) rotate(.001deg); transform: scale(1.05) rotate(.001deg) } .vw-home__tile-img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover; -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; -webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform } .vw-home__case-study { display: block; position: relative; background-color: #9A0C0C; padding-top: 100% } @media (min-width:480px) { .vw-home__case-study { padding-top: 50% } } .vw-home__case-study__content { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; padding: 30px } @media (min-width:480px) { .vw-home__case-study__content { width: 50% } } .vw-home__case-study__label { display: block; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 0; line-height: 1em; color: #fff } .vw-home__case-study__title { display: block; margin: 5px 0; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 26px; letter-spacing: -.02em; line-height: 1.5em; color: #fff } @media (min-width:480px) { .vw-home__case-study__title { margin: 10px 0 } } .vw-home__case-study__description { display: block; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 0; line-height: 1.2em; color: #fff } .vw-home__case-study__cta { display: inline-block; margin-top: 20px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 16px; letter-spacing: 0; line-height: 1em; color: #fff } .vw-home__case-study__cta:after { margin-left: 5px } .vw-home__case-study__image { display: none; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-size: cover; background-position: 50%; background-repeat: no-repeat } .vw-home__case-study__image:before { content: ""; display: block; position: absolute; width: 34px; height: 34px; top: 35px; left: 0; background-color: #9A0C0C; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(45deg); transform: rotate(45deg) } @media (min-width:480px) { .vw-home__case-study__image { display: block; -ms-flex-preferred-size: 50%; flex-basis: 50% } } .vw-home__news-events { display: block; position: relative; background-color: #9A0C0C; padding-top: 100% } @media (min-width:480px) { .vw-home__news-events { padding-top: 50% } } @media (min-width:992px) { .vw-home__news-events { padding-top: 25% } } .vw-home__news-events__content { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; padding: 30px } @media (min-width:480px) { .vw-home__news-events__content { width: 50% } } @media (min-width:992px) { .vw-home__news-events__content { width: 25% } } .vw-home__news-events__label { display: block; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 0; line-height: 1em; color: #fff } .vw-home__news-events__title { display: block; margin: 5px 0; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 26px; letter-spacing: -.02em; line-height: 1.3em; color: #fff } @media (min-width:480px) { .vw-home__news-events__title { font-size: 20px } .vw-home__news-events__title img { max-width: 60%; height: auto } } @media (min-width:768px) { .vw-home__news-events__title { font-size: 22px; margin: 10px 0 7px } } @media (min-width:992px) { .vw-home__news-events__title { font-size: 20px } .vw-home__news-events__title img { max-width: 100%; height: auto } } @media (min-width:1420px) { .vw-home__news-events__title { font-size: 26px; margin-top: 15px } } .vw-home__news-events__description { display: block; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; margin-top: 5px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 0; line-height: 1.4em; color: #fff } @media (min-width:1420px) { .vw-home__news-events__description { font-size: 16px } } .vw-home__news-events__cta { display: inline-block; margin-top: 20px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 16px; letter-spacing: 0; line-height: 1em; color: #fff; -ms-flex-item-align: start; align-self: flex-start; -webkit-transition: color .2s linear; transition: color .2s linear } @media (min-width:480px) { .vw-home__news-events__cta { margin-top: 10px } } @media (min-width:992px) { .vw-home__news-events__cta { margin-top: 20px } } .vw-home__news-events__cta:after { margin-left: 5px; float: none; -webkit-transition: margin-left .4s ease; transition: margin-left .4s ease } .no-touch .vw-home__news-events__cta:hover { color: #2b2b2b } .no-touch .vw-home__news-events__cta:hover:after { margin-left: 10px } .vw-home__news-events__image { display: none; position: absolute; top: 0; right: 0; width: 50%; height: 100%; overflow: hidden } .vw-home__news-events__image:before { content: ""; display: block; position: absolute; z-index: 2; width: 34px; height: 34px; top: 35px; left: 0; background-color: #9A0C0C; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(45deg); transform: rotate(45deg) } @media (min-width:480px) { .vw-home__news-events__image { display: block; width: 50% } } @media (min-width:992px) { .vw-home__news-events__image { display: block; width: 75% } } .no-touch .vw-home__news-events:hover .vw-home__tile-img { -webkit-transform: scale(1.05) rotate(.001deg); transform: scale(1.05) rotate(.001deg) } .vw-home__news-events--half { padding-top: 100% } @media (min-width:992px) { .vw-home__news-events--half { padding-top: 50% } } .vw-home__news-events--half .vw-home__news-events__image { display: none } @media (min-width:992px) { .vw-home__news-events--half .vw-home__news-events__image { display: block; width: 50% } } .vw-home__news-events--half .vw-home__news-events__content { width: 100% } @media (min-width:992px) { .vw-home__news-events--half .vw-home__news-events__content { width: 50% } } .vw-home__articles-events { display: block; position: relative; padding-top: 100%; color: #2b2b2b } .no-touch .vw-home__articles-events:hover { color: #9A0C0C } .vw-home__articles-events.event .vw-home__articles-events__description { font-size: 14px } @media (min-width:1420px) { .vw-home__articles-events.event .vw-home__articles-events__description { font-size: 18px } } .vw-home__articles-events__content { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 30px } .vw-home__articles-events__label { display: block; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 0; line-height: 24px; color: #9A0C0C } .vw-home__articles-events__label strong { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .vw-home__articles-events__label:before { speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; font-size: 24px; line-height: 24px; vertical-align: middle; margin-right: 10px } .vw-home__articles-events__title { display: block; max-width: 100%; margin: 5px 0; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 20px; letter-spacing: -.02em; line-height: 1.3em; color: inherit } @media (min-width:480px) { .vw-home__articles-events__title { margin: 10px 0 } } .vw-home__articles-events__description { display: block; max-width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 0; line-height: 1.3em; color: inherit } .vw-home__articles-events__cta { display: inline-block; margin-top: 20px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 16px; letter-spacing: 0; line-height: 1em; color: inherit } .vw-home__articles-events__cta:after { margin-left: 5px } @media (max-width:479px) { .vw-home__grid .col-12 { background-color: #ebebeb } .vw-home__grid .col-12:nth-child(odd) { background-color: #fff } } @media (min-width:480px) and (max-width:767px) { .vw-home__grid .grid-item:nth-child(6).col-xs-6~.col-xs-6 { background-color: #ebebeb } .vw-home__grid .grid-item:nth-child(6).col-xs-6~.col-xs-6:nth-child(4n+1), .vw-home__grid .grid-item:nth-child(6).col-xs-6~.col-xs-6:nth-child(4n+2) { background-color: #fff } .vw-home__grid .grid-item:nth-child(6).col-xs-12~.col-xs-6 { background-color: #ebebeb } .vw-home__grid .grid-item:nth-child(6).col-xs-12~.col-xs-6:nth-child(4n+2), .vw-home__grid .grid-item:nth-child(6).col-xs-12~.col-xs-6:nth-child(4n+3) { background-color: #fff } } @media (min-width:768px) and (max-width:991px) { .vw-home__grid .col-sm-4 { background-color: #ebebeb } .vw-home__grid .col-sm-4:nth-child(odd) { background-color: #fff } } @media (min-width:992px) { .vw-home__grid .grid-item:nth-child(6).col-md-3~.col-md-3 { background-color: #ebebeb } .vw-home__grid .grid-item:nth-child(6).col-md-3~.col-md-3:nth-of-type(8n+1), .vw-home__grid .grid-item:nth-child(6).col-md-3~.col-md-3:nth-of-type(8n+3), .vw-home__grid .grid-item:nth-child(6).col-md-3~.col-md-3:nth-of-type(8n+4), .vw-home__grid .grid-item:nth-child(6).col-md-3~.col-md-3:nth-of-type(8n+6) { background-color: #fff } .vw-home__grid .grid-item:nth-child(6).col-md-6~.col-md-3 { background-color: #ebebeb } .vw-home__grid .grid-item:nth-child(6).col-md-6~.col-md-3:nth-of-type(8n+0), .vw-home__grid .grid-item:nth-child(6).col-md-6~.col-md-3:nth-of-type(8n+2), .vw-home__grid .grid-item:nth-child(6).col-md-6~.col-md-3:nth-of-type(8n+3), .vw-home__grid .grid-item:nth-child(6).col-md-6~.col-md-3:nth-of-type(8n+5) { background-color: #fff } } .vw-home__products { margin-top: 60px; margin-bottom: 30px } .vw-home__products strong { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif } .vw-home__products h2 { color: #2b2b2b; letter-spacing: -.02em; margin-bottom: 30px } .vw-home__products .cp-product-slider { margin-left: -20px; margin-right: -20px } @media (min-width:480px) { .vw-home__products .cp-product-slider { margin-left: -20px; margin-right: -20px } } @media (min-width:768px) { .vw-home__products .cp-product-slider { margin-left: -30px; margin-right: -30px } } @media (min-width:992px) { .vw-home__products .cp-product-slider { margin-left: -30px; margin-right: -30px } } @media (min-width:1420px) { .vw-home__products .cp-product-slider { margin-left: -30px; margin-right: -30px } } @media (min-width:1600px) { .vw-home__products .cp-product-slider { margin-left: -30px; margin-right: -30px } } .vw-home__products--red-title h2 { color: #9A0C0C } .vw-home__products--big-title h2 { font-size: 36px; line-height: 1em } @media (min-width:992px) { .vw-home__products--big-title h2 { font-size: 48px; line-height: 52px } } .vw-home__products--big-padding { margin: 15px } @media (min-width:992px) { .vw-home__products--big-padding { margin: 70px 40px } } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .product-header__line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .vw-products { padding-bottom: 50px; background-color: #f4f4f4 } .vw-products .cp-featured-area, .vw-products .cp-product-description, .vw-products .cp-product-details, .vw-products .cp-product-list+.grid-section, .vw-products .cp-products-inspiration, .vw-products__projects, .vw-products__title { max-width: 1600px; margin-left: auto; margin-right: auto } .vw-products__title { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 26px; color: #8d8d8d; line-height: 1em; letter-spacing: -.01em; padding: 0 20px; margin-bottom: 30px } @media (min-width:768px) { .vw-products__title { padding: 0 30px } } .vw-products__line { display: block; height: 1px; background-color: #d4d4d4; border: none; max-width: 1540px; margin: 20px auto } @media (min-width:768px) { .vw-products__line { margin: 30px auto } } .vw-products__header { background-color: #9A0C0C; margin-bottom: 30px; padding: 0 20px 20px } @media (min-width:480px) { .vw-products__header { padding: 0 20px 20px } } @media (min-width:768px) { .vw-products__header { padding: 0 30px 30px } } @media (min-width:992px) { .vw-products__header { padding: 0 30px 30px } } @media (min-width:1420px) { .vw-products__header { padding: 0 30px 30px } } @media (min-width:1600px) { .vw-products__header { padding: 0 30px 30px } } .cp-overlay .vw-products__header { padding-top: 30px } .vw-products__view__input { display: none } .vw-products__view__buttons { font-size: 0; padding-bottom: 0; padding-top: 0 } @media (min-width:768px) { .vw-products__view__buttons { padding-top: 30px } } .vw-products__view__tabs .vw-products__view__btn { height: 100% } .vw-products__view__btn { display: inline-block; position: relative; width: 50%; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 20px; background-color: #ebebeb; border: 1px solid #d4d4d4; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 0; line-height: 30px; line-height: 1em; color: #8d8d8d; text-align: center; cursor: pointer; -webkit-transition: background-color .15s linear, color .15s linear; transition: background-color .15s linear, color .15s linear } .vw-products__view__btn+.vw-products__view__btn { border-left: none } .vw-products__view__btn:after { float: none; font-size: 32px; line-height: 1em; color: #8d8d8d } @media (min-width:768px) { .vw-products__view__btn { font-size: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: auto; min-width: 120px; padding: 20px 60px 20px 25px; text-align: left } .vw-products__view__btn:after { position: absolute; top: 50%; right: 20px; margin-left: 10px; margin-top: -16px } } .vw-products #productView:checked~.vw-products__view__buttons .view-product { background-color: #fff; color: #9A0C0C } .vw-products #productView:checked~.cp-product-list .cp-product-list__thumb__slider.product { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } .vw-products #productView:checked~.cp-product-list .cp-product-list__thumb__slider.application { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%) } .vw-products #applicationView:checked~.vw-products__view__buttons .view-application { background-color: #fff; color: #9A0C0C } .vw-products #applicationView:checked~.cp-product-list .cp-product-list__thumb__slider.product { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%) } .vw-products #applicationView:checked~.cp-product-list .cp-product-list__thumb__slider.application { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } .vw-products .cp-product-list+.cp-products-brochure, .vw-products .cp-product-list+.cp-products-description { margin-top: 100px } .vw-products__projects { display: block; padding: 20px } @media (min-width:480px) { .vw-products__projects { padding: 20px } } @media (min-width:768px) { .vw-products__projects { padding: 30px } } @media (min-width:992px) { .vw-products__projects { padding: 30px } } @media (min-width:1420px) { .vw-products__projects { padding: 30px } } @media (min-width:1600px) { .vw-products__projects { padding: 30px } } .vw-products__projects hr { display: block; height: 1px; background-color: #d4d4d4; border: none } .vw-products__projects h3 { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 26px; color: #8d8d8d; line-height: 1em; letter-spacing: -.01em; margin-top: 50px; margin-bottom: 50px } .vw-products__projects .cp-masonry__cell:after { color: #fff; position: absolute; top: 20px; right: 20px; font-size: 24px; opacity: 0; -webkit-transition: opacity .3s linear; transition: opacity .3s linear } .no-touch .vw-products__projects .cp-masonry__cell:hover:after { opacity: 1 } .vw-products__view__panel { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .product-list-control, .vw-products__view__panel { display: -webkit-box; display: -ms-flexbox; display: flex } .product-list-control { background-color: #fff; border: 1px solid #d4d4d4; padding: 12px 16px; max-width: 160px; word-break: break-word } @media (min-width:480px) { .product-list-control { max-width: inherit } } .switcher { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer } .switcher__control { position: relative; min-width: 32px; width: 32px; height: 18px; border: 1px solid #d4d4d4; border-radius: 9px; margin-right: 8px } .switcher__toggle { position: absolute; top: 2px; right: 2px; height: 12px; width: 12px; background-color: #d4d4d4; border-radius: 6px; -webkit-transition: cubic-bezier .25s; transition: cubic-bezier .25s; -webkit-transition: right .25s ease-in-out; transition: right .25s ease-in-out } .switcher__label { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 11px; line-height: 13px; color: #8d8d8d } @media (min-width:480px) { .switcher__label { font-size: 15px; line-height: 16px } } .switcher--active .switcher__control { border: 1px solid #9A0C0C } .switcher--active .switcher__toggle { right: 16px; background-color: #9A0C0C } .switcher--active .switcher__label { color: #9A0C0C } .product-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: inherit } .product-list--lines { margin-bottom: 80px } .product-category__bg { background-color: #9A0C0C; width: 100%; height: 100%; padding: 30px 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #fff } .product-category__title { font-size: 18px; line-height: 22px; font-weight: 700 } @media (min-width:480px) { .product-category__title { font-size: 24px; line-height: 28px } } .product-category__count { font-size: 14px } @media (min-width:480px) { .product-category__count { font-size: 18px } } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .vw-code { background-color: #fff } .vw-code__header { background-color: #f4f4f4; padding: 20px } @media (min-width:480px) { .vw-code__header { padding: 20px } } @media (min-width:992px) { .vw-code__header { padding: 30px } } @media (min-width:1420px) { .vw-code__header { padding: 30px } } @media (min-width:1600px) { .vw-code__header { padding: 30px } } .vw-code__header .cp-breadcrumb a, .vw-code__header .cp-breadcrumb a:after, .vw-code__header .cp-breadcrumb a:before, .vw-code__header .cp-breadcrumb span { color: #8d8d8d } .vw-code__header h1 { color: #9A0C0C } @media (min-width:768px) { .cp-overlay__content.code .vw-code__header { max-width: 1200px } } @media (min-width:480px) { .vw-code__header h1 { padding-right: 200px } } @media (min-width:768px) { .vw-code__header h1 { padding-right: 280px } } @media (min-width:992px) { .vw-code__header h1 { max-width: 670px; padding-right: 0 } } .vw-code__header .social-buttons { white-space: nowrap; margin-left: -5px } @media (min-width:480px) { .vw-code__header .social-buttons { margin-left: 0; position: absolute; top: -5px; right: 15px } } @media (min-width:768px) { .vw-code__header .social-buttons { top: 5px; right: 35px } } @media (min-width:992px) { .vw-code__header .social-buttons { right: 25px } } .vw-code__header .social-buttons .btn-social { margin: 25px 5px 15px } .vw-code__alert { display: block; position: relative; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 14px; color: #8d8d8d } .vw-code__alert--no-bottom-margin { margin-bottom: -10px } .vw-code__alert:before { display: inline-block; position: relative; height: 38px; margin-right: 10px; vertical-align: middle } .vw-code__alert.new:before { padding: 0 15px; float: none; content: "new"; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px; line-height: 38px; color: #fff; background-color: #9A0C0C } .vw-code__alert.warning:before { padding: 0 10px; float: none; font-size: 24px; line-height: 38px; color: #fff; background-color: #8d8d8d } .vw-code__details { display: block } .vw-code__details img { max-width: 100% } @media (min-width:768px) { .vw-code__details { display: -webkit-box; display: -ms-flexbox; display: flex } } .vw-code__details__images { -webkit-box-flex: 0; -ms-flex: 0 1 550px; flex: 0 1 550px } .vw-code__details__images--no-shrink { -ms-flex-preferred-size: 400px; flex-basis: 400px; -ms-flex-negative: 0; flex-shrink: 0 } .vw-code__details__info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-top: 20px } @media (min-width:768px) { .vw-code__details__info { margin-top: 0 } } @media (min-width:480px) { .vw-code__details__info { margin-left: 20px } } @media (min-width:768px) { .vw-code__details__info { margin-left: 30px } } @media (min-width:992px) { .vw-code__details__info { margin-left: 30px } } @media (min-width:1420px) { .vw-code__details__info { margin-left: 30px } } @media (min-width:1600px) { .vw-code__details__info { margin-left: 30px } } .vw-code__details__box { margin-top: 30px; padding: 20px; background-color: #ebebeb } .vw-code__details__box h3 { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 26px; line-height: 1.2em; color: #8d8d8d; letter-spacing: -.01em } .vw-code__details__box p { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 16px; letter-spacing: -.01em; line-height: 1.5em; color: #8d8d8d } .vw-code__details__box h3+p { margin-top: 20px } .vw-code__details__box p+p { margin-top: 15px } .vw-code__details__box+.vw-code__details__box { margin-top: 30px } .vw-code__details__box a { margin-top: 20px } .vw-code__details__box img.align-right { display: inline-block; margin-left: 20px; margin-bottom: 20px } .vw-code .cp-accordion { border-top: 1px solid #ebebeb } .vw-code .cp-accordion:last-of-type { border-bottom: 1px solid #ebebeb } .vw-code .cp-accordion.closed .cp-accordion__header { color: #8d8d8d } .vw-code .cp-accordion.closed .cp-accordion__header:before { content: "+" } .vw-code .cp-accordion__header { display: block; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 26px; letter-spacing: -.01em; color: #9A0C0C; padding: 30px 0 } .vw-code .cp-accordion__header:before { content: "-"; float: left; display: inline-block; width: 30px; text-align: center; color: #9A0C0C; margin-right: 15px } .vw-code .cp-filter option { text-transform: capitalize } .vw-code .cp-filter option:first-child { text-transform: none } .vw-code .container { padding: 0 20px; background-color: #000 } .vw-code .container svg { width: 86px; height: 21px; margin: 0 0 65px } .vw-code .container svg path { fill: #9A0C0C } .vw-code .container h2 { font-size: 28px; font-family: "Source Han Sans", sans-serif; line-height: 1.33333333; color: #fff } @media (min-width:768px) { .vw-code .container h2 { font-size: 42px } } .vw-code .container .vw-code__header { padding: 40px 0; background-color: inherit } @media (min-width:768px) { .vw-code .container .vw-code__header { padding: 50px 0 } } .pc-subtitle { display: inline; vertical-align: text-bottom; font-size: 26px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; line-height: 1.2 } .pc-warning { display: table; height: 38px } .pc-warning__icon { display: table-cell; vertical-align: top } .pc-warning__icon:before { display: inline-block; vertical-align: top; height: 38px } .pc-warning__message { display: table-cell; vertical-align: middle; padding-left: 15px; font-size: 14px; line-height: 1.2 } .pc-warning--alert .pc-warning__icon:before { float: none; padding: 0 10px; background-color: #8d8d8d; font-size: 24px; line-height: 1.5; color: #fff } .cp-code-accessories { background-color: #f4f4f4 } .cp-code-accessories__filter { max-width: 300px; margin: 0 20px; font-size: 18px; font-family: "Source Han Sans", sans-serif; line-height: 1.8; color: #666; margin: 20px 0; letter-spacing: normal } @media (min-width:992px) { .cp-code-accessories__filter { margin: 30px 0 } } @media (min-width:768px) { .cp-code-accessories__filter { margin: 0 0 0 15px } } .cp-code-accessories__filter select { width: 100% } @media (min-width:768px) { .cp-code-accessories__filter select { width: 300px } } .cp-code-accessories__ul { list-style: none } .cp-code-accessories__li { position: relative; padding: 20px } .cp-code-accessories__li:not(:last-child):before { content: ""; display: block; position: absolute; bottom: 0; left: 20px; right: 20px; height: 1px; background-color: #d4d4d4 } .cp-code-accessories__li.is-hidden { display: none } .cp-code-accessories__li.is-highlighted { padding: 20px 0 } @media (min-width:768px) { .cp-code-accessories__item { display: -webkit-box; display: -ms-flexbox; display: flex } } .cp-code-accessories__li.is-highlighted .cp-code-accessories__item { background-color: #fff; padding: 20px } .cp-code-accessories__thumb { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 85px; height: 85px; background-size: cover; background-repeat: no-repeat; background-position: 50% } .ie9 .cp-code-accessories__thumb { display: inline-block; vertical-align: top } .cp-code-accessories__description { padding: 20px 0 0; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; line-height: 1.3em; color: #8d8d8d } @media (min-width:768px) { .cp-code-accessories__description { -webkit-box-flex: 0; -ms-flex: 0 1 500px; flex: 0 1 500px; padding: 10px 10px 0 } } .ie9 .cp-code-accessories__description { display: inline-block; vertical-align: top } .cp-code-accessories__description ul { list-style: none; margin-top: 10px } .cp-code-accessories__description li { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-size: 12px; font-weight: 400; line-height: 1.1em; display: block } .cp-code-accessories__description li:last-child { margin-right: 0 } .cp-code-accessories__heading { font-size: 26px; color: #9A0C0C; margin: 0 0 .155em } .cp-code-accessories__colors { -webkit-box-flex: 0; -ms-flex: 0 1 500px; flex: 0 1 500px; padding: 5px 0 0 } .ie9 .cp-code-accessories__colors { display: inline-block; vertical-align: top } .cp-code-accessories__download { margin-top: 30px } @media (min-width:768px) { .cp-code-accessories__download { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 0 200px; flex: 1 0 200px; margin-top: 0 } } .ie9 .cp-code-accessories__download { display: inline-block; vertical-align: top } .cp-code-accessories__related-title { color: #8d8d8d; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 18px; letter-spacing: -.01em } .cp-code-accessories__download-link { display: none } @media (min-width:768px) { .cp-code-accessories__download-link { display: block; margin-left: 15px; color: #8d8d8d; font-size: 20px } } .cp-code-accessories--search { background: none; margin-top: 50px } .cp-code-accessories--search .cp-code-accessories__list-items { padding: 0 } .cp-code-accessories--search .cp-code-accessories__item-container { display: block; background-color: #f4f4f4 } .cp-code-accessories--search .cp-code-accessories__item-container:first-child { padding-top: 30px } .cp-code-accessories--search .cp-code-accessories__item-container:last-child, .cp-code-accessories--search .cp-code-accessories__item-container:last-of-type { padding-bottom: 30px } .cp-code-accessories--search .cp-code-accessories__item { border-bottom: 1px solid #d4d4d4; margin: 0 20px } @media (min-width:480px) { .cp-code-accessories--search .cp-code-accessories__item { margin: 0 20px } } @media (min-width:768px) { .cp-code-accessories--search .cp-code-accessories__item { margin: 0 20px } } @media (min-width:992px) { .cp-code-accessories--search .cp-code-accessories__item { margin: 0 30px } } @media (min-width:1420px) { .cp-code-accessories--search .cp-code-accessories__item { margin: 0 30px } } @media (min-width:1600px) { .cp-code-accessories--search .cp-code-accessories__item { margin: 0 30px } } .cp-code-accessories--search .cp-code-accessories__related-header { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 22px; line-height: 1.4; letter-spacing: -.01em; color: #9A0C0C; padding-top: 50px } @media (min-width:768px) { .cp-code-accessories--search .cp-code-accessories__related-header { font-size: 26px } } .photometric-accessories .photometric-accessories__section:last-of-type { border: none } .photometric-accessories .photometric-accessories__header { padding: 30px 20px; font-size: 18px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif } @media (min-width:768px) { .photometric-accessories .photometric-accessories__header { padding: 30px } } .photometric-accessories .photometric-accessories__header:after { margin: 0 } .photometric-accessories .photometric-accessories__content { padding: 30px 0; background-color: #f4f4f4 } @media (min-width:768px) { .photometric-accessories .photometric-accessories__content { padding: 30px 15px } } .btn-zip { padding: 15px 20px; border: 1px solid transparent; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px } .btn-zip:after { float: none; margin-left: 20px; font-size: 20px } .btn-zip--grey { background-color: #fff; color: #8d8d8d; border-color: #d4d4d4 } .no-touch .btn-zip--grey:hover { color: #9A0C0C } .cp-code-downloads { position: relative; padding: 30px; margin-bottom: 30px; list-style-type: none; background-color: #ebebeb } .cp-code-downloads__heading { margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #d4d4d4 } .cp-code-downloads__subheading { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px; line-height: 28px; letter-spacing: 0; padding: 10px 0; color: #333 } .cp-code-downloads__zip { max-width: none } .cp-code-downloads ul { list-style: none; margin-bottom: 10px } .cp-code-downloads li { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 } .cp-code-downloads li a { display: inline-block; vertical-align: top; padding-left: 42px; position: relative; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 28px; letter-spacing: -.01em; color: #8d8d8d } .no-touch .cp-code-downloads li a:hover { color: #9A0C0C } .cp-code-downloads li ul a:before { content: attr(data-type); display: inline-block; position: absolute; left: 0; top: 0; width: 27px; padding: 14px 0 7px; background-color: #8d8d8d; color: #fff; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 8px; line-height: 8px; text-transform: uppercase; text-align: center; background-image: url(/App_Themes/iGuzzini/images/global/download_icon.gif); background-size: 8px 8px; background-repeat: no-repeat; background-position: 100% 0 } .cp-code-downloads ul+h3 { margin-top: 25px } .cp-code-downloads .btn-simple { margin-top: 30px } .cp-code-downloads .cp-accordion { padding: 0; border-bottom: 1px solid #c7c7c7 } .cp-code-downloads .cp-accordion:last-of-type { border-bottom: 1px solid #c7c7c7 } .cp-code-downloads .cp-accordion.closed .cp-accordion__button:after { content: "\E000" } .cp-code-downloads .cp-accordion.closed h3 { color: #8d8d8d } .cp-code-downloads .cp-accordion__button { position: relative } .cp-code-downloads .cp-accordion__button:after { content: "\E001"; display: block; position: absolute; right: 0; top: 50%; margin-top: -10px; font-size: 20px; line-height: 1em } .cp-code-downloads .cp-accordion__content { padding: 0 0 20px } .cp-code-downloads .cp-accordion__content li { margin-bottom: 15px } .cp-code-downloads--grid { margin-bottom: 0; padding: 0; background-color: transparent } .cp-code-downloads--grid .cp-code-downloads__buttons, .cp-code-downloads--grid .cp-code-downloads__pane { padding: 20px } .cp-code-downloads--grid .cp-code-downloads__pane { background-color: #f4f4f4 } .cp-code-downloads--grid .cp-accordion__inner { background-color: #ebebeb } .cp-code-downloads--grid .cp-accordion__button:after { right: 20px } .cp-code-downloads--grid .cp-accordion__content { padding: 0 20px 20px } .cp-code-downloads--grid .cp-accordion:last-of-type { border-bottom: none } .cp-code-downloads--grid .cp-code-downloads__subheading { padding: 15px 58px 15px 20px } .cp-code-downloads--grid .cp-code-downloads__all { max-width: none; float: none; margin: auto } @media (min-width:768px) { .cp-code-downloads--grid .cp-code-downloads__pane { padding: 30px } } @media (min-width:768px) { .cp-code-downloads--grid .cp-code-downloads__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } } .cp-code-downloads--grid .subheading { margin: 0 0 15px } @media (min-width:768px) { .cp-code-downloads--grid { padding: 0; font-size: 0; clear: both; overflow: hidden } .cp-code-downloads--grid .cp-code-downloads__buttons { padding: 30px } .cp-code-downloads--grid .cp-accordion { display: inline-block; vertical-align: top; width: 50%; padding: 12px; border: none !important } .cp-code-downloads--grid .cp-accordion__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 20px 20px; height: 100% } .cp-code-downloads--grid .cp-accordion__button { cursor: text } .cp-code-downloads--grid .cp-accordion__button:after { content: normal } .cp-code-downloads--grid .cp-accordion__content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 } .cp-code-downloads--grid .cp-accordion__content__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .cp-code-downloads--grid .cp-code-downloads__list { margin: 0 -12px } .cp-code-downloads--grid .cp-code-downloads__list ul { height: 129px; overflow: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .cp-code-downloads--grid .cp-code-downloads__list ul::-webkit-scrollbar { display: block; width: 10px; background-color: transparent } .cp-code-downloads--grid .cp-code-downloads__list ul::-webkit-scrollbar-thumb { border-radius: 0; background-color: #8d8d8d } .cp-code-downloads--grid .cp-code-downloads__subheading { padding: 10px 0 } .cp-code-downloads--grid .cp-code-downloads__all { margin: auto; float: none; max-width: 280px } } @media (min-width:900px) { .cp-code-downloads--grid .cp-accordion { width: 33.33333333% } } @media (min-width:1200px) { .cp-code-downloads--grid .cp-accordion { width: 25% } } .cp-code-downloads--photometric { padding: 0 } .cp-code-images { position: relative } .cp-code-images__preview { display: block; position: relative; z-index: 0; list-style: none; padding-top: 100%; background-color: #f4f4f4 } .cp-code-images__preview__item { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: 50%; background-repeat: no-repeat; opacity: 0; -webkit-transition: opacity .5s linear; transition: opacity .5s linear } .cp-code-images__preview__item .seo-img { z-index: 1; height: 100% } .cp-code-images__preview__item[data-filetype="205"] { background-position: 0 } .cp-code-images__preview__item--single { opacity: 1; border: 1px solid #ebebeb } .cp-code-images__preview__notes { display: block; position: absolute; top: 5px; right: 15px; font-weight: 700; color: #9A0C0C } .cp-code-images__preview__notes.hidden { display: none } .cp-code-images__thumbs { margin-top: 20px } .cp-code-images__thumbs__item { float: left; width: 33.33333333%; padding: 0 10px } .cp-code-images__thumbs:after { content: ""; display: table; clear: both } .cp-code-images__thumb { width: 100%; padding-top: 100%; background-size: cover; background-position: 50%; background-repeat: no-repeat; border: 1px solid #ebebeb; cursor: pointer; display: block } .cp-code-images__thumbs__item[data-filetype="205"] .cp-code-images__thumb { background-position: 0 } .cp-code-images input[type=radio] { display: none } .cp-code-images input[type=radio]:first-of-type:checked~.cp-code-images__preview .cp-code-images__preview__item:nth-of-type(1), .cp-code-images input[type=radio]:nth-of-type(2):checked~.cp-code-images__preview .cp-code-images__preview__item:nth-of-type(2), .cp-code-images input[type=radio]:nth-of-type(3):checked~.cp-code-images__preview .cp-code-images__preview__item:nth-of-type(3), .cp-code-images input[type=radio]:nth-of-type(4):checked~.cp-code-images__preview .cp-code-images__preview__item:nth-of-type(4), .cp-code-images input[type=radio]:nth-of-type(5):checked~.cp-code-images__preview .cp-code-images__preview__item:nth-of-type(5), .cp-code-images input[type=radio]:nth-of-type(6):checked~.cp-code-images__preview .cp-code-images__preview__item:nth-of-type(6), .cp-code-images input[type=radio]:nth-of-type(7):checked~.cp-code-images__preview .cp-code-images__preview__item:nth-of-type(7), .cp-code-images input[type=radio]:nth-of-type(8):checked~.cp-code-images__preview .cp-code-images__preview__item:nth-of-type(8), .cp-code-images input[type=radio]:nth-of-type(9):checked~.cp-code-images__preview .cp-code-images__preview__item:nth-of-type(9), .cp-code-images input[type=radio]:nth-of-type(10):checked~.cp-code-images__preview .cp-code-images__preview__item:nth-of-type(10) { opacity: 1; -webkit-transition: opacity .5s linear .5s; transition: opacity .5s linear .5s } .cp-code-images__info-label { position: absolute; top: 2px; right: 2px } .cp-code-info__slot { margin-bottom: 20px } .cp-code-info__slot--limited { max-width: 700px } .cp-code-info__heading { margin-bottom: 20px } .cp-code-info__subheading { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px; line-height: 28px; letter-spacing: 0; margin-bottom: 10px; color: #333 } .cp-code-info ul { list-style: none } .cp-code-info ul+h3 { margin-top: 20px } .cp-code-info li { display: inline; margin-right: 10px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 1.2em; color: #8d8d8d } .cp-code-info li strong { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .cp-code-info li.is-highlighted>span { background-color: #fff; -webkit-animation: backgroundFadeout 5s ease-in-out; animation: backgroundFadeout 5s ease-in-out } .cp-code-info li .description-box { display: inline-block; font-size: 11px; line-height: 12.5px; position: relative; top: -3px; padding-left: 5px } .cp-code-info ul+ul { margin-top: 30px } .cp-code-info__features li { display: block; margin-right: 0; position: relative; padding-left: 14px } .cp-code-info__features li:before { content: ""; display: block; position: absolute; left: 0; top: 6px; width: 4px; height: 4px; border-radius: 2px; background-color: #9A0C0C; vertical-align: middle; margin-right: 10px } .cp-code-info__features li a { font-size: 14px } .cp-code-info__features li.is-hidden { display: none } .cp-code-info__features li.is-mandatory { margin-left: 20px } .cp-code-info__features li+li { margin-top: 15px } .cp-code-info__link { font-size: 14px } .cp-code-info__colors li { display: block; font-size: 12px; margin-right: 0 } .cp-code-info__colors li img { margin-right: 10px; vertical-align: middle } .cp-code-info__colors li+li { margin-top: 10px } .cp-code-info__icons { font-size: 0 } .cp-code-info__icons li { display: inline-block; margin-right: 11px } .cp-code-info__icons+.cp-code-info__icons { margin-top: 10px } .colors-list li { display: block; font-size: 12px; margin-right: 0 } .colors-list li img { margin-right: 10px; vertical-align: middle } .colors-list li+li { margin-top: 10px } .product-tooltip { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; vertical-align: middle; text-align: center; text-decoration: none; cursor: pointer } .product-tooltip .product-tooltip__tooltip { -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 50%; bottom: 100%; z-index: 100; width: 230px; padding: 15px 20px; margin: 0 0 16px -115px; border: 1px solid #d4d4d4; background-color: #fff; color: #8d8d8d; font-size: 14px; letter-spacing: -.025em; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: visibility, opacity .2s ease-out; transition: visibility, opacity .2s ease-out; visibility: visible; opacity: 1 } .product-tooltip .product-tooltip__tooltip:after, .product-tooltip .product-tooltip__tooltip:before { content: ""; display: block; position: absolute; left: 50%; width: 0; height: 0; border-style: solid; border-color: #8d8d8d transparent transparent; -webkit-transform: translate(-50%) translateZ(0); transform: translate(-50%) translateZ(0) } .product-tooltip .product-tooltip__tooltip:before { border-width: 13px 9px 0; border-top-color: #d4d4d4; top: 100% } .product-tooltip .product-tooltip__tooltip:after { border-width: 12px 8px 0; border-top-color: #fff; top: calc(100% - 1px) } .product-tooltip .product-tooltip__tooltip__text { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden } .product-tooltip .product-tooltip__tooltip:hover { -webkit-animation-play-state: paused; animation-play-state: paused } .product-tooltip .product-tooltip__tooltip--bounced, .product-tooltip .product-tooltip__tooltip.is-bounced { -webkit-animation: bounce 3s 1s infinite; animation: bounce 3s 1s infinite } .product-tooltip .product-tooltip__tooltip--hidden, .product-tooltip .product-tooltip__tooltip.is-hidden { -webkit-animation-play-state: paused; animation-play-state: paused; opacity: 0; visibility: hidden } @-webkit-keyframes bounce { 0%, 60%, to { -webkit-transform: translate(0); transform: translate(0) } 30% { -webkit-transform: translateY(-10px); transform: translateY(-10px) } } @keyframes bounce { 0%, 60%, to { -webkit-transform: translate(0); transform: translate(0) } 30% { -webkit-transform: translateY(-10px); transform: translateY(-10px) } } .product-tooltip:hover .product-tooltip__tooltip { opacity: 1; visibility: visible } .product-tooltip--circle { width: 15px; height: 15px; border: none; border-radius: 50%; font-size: 13px; line-height: 15px; color: #fff; background: #9A0C0C } .product-tooltip--circle span:before { visibility: hidden } .product-options__col { vertical-align: top; display: block; margin: 10px 0 0 } @media (min-width:768px) { .product-options__col { display: inline-block; margin: 10px 0 0 25px } .product-options__col:first-child { margin-left: 0 } } .product-options__item { display: block; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-size: 12px; font-weight: 400; line-height: 25px } .product-options__property { letter-spacing: .03em } .product-options__value-light { font-family: Helvetica-Neue, HelveticaNeue-Light, Helvetica, sans-serif } @-webkit-keyframes backgroundFadeout { 0% { background-color: #fcfddc } 60% { background-color: #fcfddc } to { background-color: #fff } } @keyframes backgroundFadeout { 0% { background-color: #fcfddc } 60% { background-color: #fcfddc } to { background-color: #fff } } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .vw-project { position: relative; background-color: #fff } .vw-project__header { background-color: #ebebeb; padding: 20px; padding-bottom: 0 !important } @media (min-width:480px) { .vw-project__header { padding: 20px } } @media (min-width:768px) { .vw-project__header { padding: 30px } } @media (min-width:992px) { .vw-project__header { padding: 30px } } @media (min-width:1420px) { .vw-project__header { padding: 30px } } @media (min-width:1600px) { .vw-project__header { padding: 30px } } .vw-project__header .cp-breadcrumb a, .vw-project__header .cp-breadcrumb a:before, .vw-project__header .cp-breadcrumb span { color: #8d8d8d } .vw-project__header h1 { color: #9A0C0C; padding-right: 0 } @media (min-width:480px) { .vw-project__header h1 { padding-right: 145px } } @media (min-width:768px) { .vw-project__header h1 { padding-right: 215px } } @media (min-width:992px) { .vw-project__header h1 { padding-right: 0; max-width: 740px } } .vw-project__info { background-color: #ebebeb; padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 10px !important } @media (min-width:480px) { .vw-project__info { padding: 20px } } @media (min-width:768px) { .vw-project__info { padding: 30px } } @media (min-width:992px) { .vw-project__info { padding: 30px; padding-bottom: 15px } } @media (min-width:1420px) { .vw-project__info { padding: 30px; padding-bottom: 15px } } @media (min-width:1600px) { .vw-project__info { padding: 30px; padding-bottom: 15px } } .vw-project__info-inner { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 1; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-right: 0 } @media (min-width:480px) { .vw-project__info-inner { padding-right: 150px; -ms-flex-preferred-size: auto; flex-basis: auto } } .vw-project__info .btn-social { margin: 25px 5px 15px } @media (min-width:1025px) { .vw-project__info .btn-social { margin-left: 5px } } .vw-project__info:after { content: ""; display: table; clear: both } .vw-project__location { display: inline-block; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 18px; line-height: 22px; color: #8d8d8d; cursor: pointer; -webkit-transition: color .3s ease; transition: color .3s ease } .vw-project__location:before { margin-right: 7px; font-size: 20px; line-height: 22px } .no-touch .vw-project__location:hover { color: #9A0C0C } .vw-project__application-areas { display: inline-block; list-style: none; margin-left: 10px; padding-left: 10px; border-left: 1px solid #8d8d8d; font-size: 0; max-width: 900px } .vw-project__item { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 14px; line-height: 1.4em; color: #8d8d8d } @media (min-width:768px) { .vw-project__item { font-size: 18px } } .vw-project__item:not(:last-child):after { content: "," } .vw-project__products { list-style: none; margin-top: 30px } .vw-project__product .cp-thumb__image { border: 1px solid #f4f4f4; border-bottom: none } .vw-project__product+.vw-project__product { margin-top: 20px } .vw-project__credits { list-style: none } .vw-project__credits li { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 1.3em; color: #8d8d8d } .vw-project__credits li strong { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #333 } .vw-project__credits li+li { margin-top: 20px } .vw-project__related { background-color: #f4f4f4 } .vw-project__related h2 { margin-bottom: 20px } .vw-project__quote { margin-bottom: 30px } .vw-project__quote--covered.is-mobile { display: block } @media (min-width:992px) { .vw-project__quote--covered.is-mobile { display: none } } .vw-project__quote--covered.no-mobile { display: none } @media (min-width:992px) { .vw-project__quote--covered.no-mobile { display: block } } @media (min-width:992px) { .vw-project__quote { margin-bottom: 50px } } .vw-project__quote p.text { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 18px; line-height: 1.55em; color: #666; font-style: italic } h3+.vw-project__quote p.text { margin-top: 10px } .vw-project__quote p.text+footer { margin-top: 15px } .vw-project__quote footer { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 14px; line-height: 1.285em; color: #8d8d8d } .vw-project__pin-button { display: block; position: relative; top: -48px; left: 11px; margin-bottom: -30px } .vw-project__about { color: #666 } .vw-project h2 { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 26px } .vw-project h2, .vw-project h3 { line-height: 1.2em; color: #8d8d8d } .vw-project h3 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px } .vw-project p { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 1.4em !important; color: #666 } .vw-project h2+p, .vw-project h3+p, .vw-project p+h2, .vw-project p+h3 { margin-top: 30px } .vw-project h2+h3 { margin-top: 20px } .vw-project h3+h2 { margin-top: 30px } .vw-project p+p { margin-top: 20px } .vw-project .social-buttons { white-space: nowrap; margin-left: -5px } @media (min-width:480px) { .vw-project .social-buttons { margin-left: 0; position: absolute; top: -5px; right: 15px } } @media (min-width:768px) { .vw-project .social-buttons { top: 5px; right: 35px } } @media (min-width:992px) { .vw-project .social-buttons { right: 25px } } @media (min-width:992px) { .vw-project .btn-simple.narrow.icon-after { padding-right: 80px } } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .vw-galleries { background: #f4f4f4 } .vw-galleries__header { background-color: #9A0C0C; padding: 0 20px 20px } @media (min-width:480px) { .vw-galleries__header { padding: 0 20px 20px } } @media (min-width:768px) { .vw-galleries__header { padding: 0 30px 30px } } @media (min-width:992px) { .vw-galleries__header { padding: 0 30px 30px } } @media (min-width:1420px) { .vw-galleries__header { padding: 0 30px 30px } } @media (min-width:1600px) { .vw-galleries__header { padding: 0 30px 30px } } .vw-galleries__description { background-color: #fff; padding: 20px } @media (min-width:768px) { .vw-galleries__description { padding: 60px 30px } } @media (min-width:992px) { .vw-galleries__description { padding: 60px 30px } } @media (min-width:1420px) { .vw-galleries__description { padding: 60px 30px } } @media (min-width:1600px) { .vw-galleries__description { padding: 60px 30px } } .vw-galleries__description p { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 26px; line-height: 1.3em; letter-spacing: -.01em; color: #8d8d8d } @media (min-width:768px) { .vw-galleries__description p { font-size: 42px } } .vw-galleries__description__cta { margin-top: 20px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.3em; letter-spacing: 0; color: #666 } .vw-galleries .cp-featured-area, .vw-galleries__description>* { display: block; max-width: 1600px; margin-left: auto; margin-right: auto } .vw-galleries .cp-pagination { margin-top: 30px } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .vw-news { padding-bottom: 50px; background-color: #f4f4f4 } .vw-news__header { background-color: #9A0C0C; padding: 0 20px 20px } @media (min-width:480px) { .vw-news__header { padding: 0 20px 20px } } @media (min-width:768px) { .vw-news__header { padding: 0 30px 30px } } @media (min-width:992px) { .vw-news__header { padding: 0 30px 30px } } @media (min-width:1420px) { .vw-news__header { padding: 0 30px 30px } } @media (min-width:1600px) { .vw-news__header { padding: 0 30px 30px } } .vw-news h2 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 26px; color: #2b2b2b; letter-spacing: -.01em } .vw-news p { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; color: #8d8d8d; letter-spacing: -.01em } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .vw-news-article { padding-bottom: 50px; background-color: #f4f4f4 } .vw-news-article__hero-image { position: relative; width: 100%; height: 465px; background-position: 50%; background-size: cover; background-repeat: no-repeat } .vw-news-article__hero-caption { text-align: right; font-size: 12px; line-height: 2em; font-family: "Source Han Sans", sans-serif; letter-spacing: -.02em; color: #4c4c4c; padding: 5px 20px } @media (min-width:992px) { .vw-news-article__hero-caption { padding: 5px 60px } } .vw-news-article__date-wrapper { overflow: hidden; margin: 15px auto 25px } @media (min-width:992px) { .vw-news-article__date-wrapper { margin: 25px auto 35px } } .vw-news-article__social { float: right } .vw-news-article__social .btn-social { margin-left: 10px; width: 55px } @media (min-width:768px) { .vw-news-article__social .btn-social { width: 60px } } .vw-news-article__social .btn-social:before { font-size: 22px; line-height: 30px } .vw-news-article__social .btn-social:first-child { margin-left: 0 } .vw-news-article__date { color: red; font-size: 14px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif } .vw-news-article__copy { margin: 15px 0 30px; font-size: 18px; font-family: "Source Han Sans", sans-serif; line-height: 1.8; letter-spacing: normal; color: #4c4c4c } @media (min-width:992px) { .vw-news-article__copy { margin: 35px auto 50px } } .vw-news-article__copy p { font-size: 18px; font-family: "Source Han Sans", sans-serif; line-height: 1.8; color: #666; margin: 20px 0; letter-spacing: normal } @media (min-width:992px) { .vw-news-article__copy p { margin: 30px 0 } } .vw-news-article__copy .generic-copy { font-size: 18px; font-family: "Source Han Sans", sans-serif; line-height: 1.8; color: #666; margin: 20px 0; letter-spacing: normal } @media (min-width:992px) { .vw-news-article__copy .generic-copy { margin: 30px 0 } } .vw-news-article__copy .generic-copy strong { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #333 } .vw-news-article__copy h1, .vw-news-article__copy h2 { line-height: 1.3; font-family: "Source Han Sans", sans-serif; font-size: 24px; letter-spacing: -.02em; color: #333; margin: 20px 0 } @media (min-width:992px) { .vw-news-article__copy h1, .vw-news-article__copy h2 { margin: 45px 0 } } .vw-news-article__copy h3 { line-height: 1.3; font-family: "Source Han Sans", sans-serif; font-size: 24px; letter-spacing: -.02em; color: #4c4c4c } .vw-news-article__copy a { color: #9A0C0C; font-size: inherit; font-weight: inherit } .vw-news-article__social-btn { margin-left: 10px } .vw-news-article__social-btn:first-child { margin-left: 0 } .vw-news-article__buttons { overflow: hidden; margin: 20px auto 15px } @media (min-width:992px) { .vw-news-article__buttons { margin: 45px auto 30px } } .vw-news-article__btn { border: 1px solid #d4d4d4; color: #8d8d8d } .no-touch .vw-news-article__btn:hover { background: #ebebeb } .no-touch .vw-news-article__btn.disable:hover { color: #8d8d8d } .vw-news-article__btn--left { float: left } .vw-news-article__btn--right { float: right } .vw-news-article__more-news { padding: 20px 20px 0 } @media (min-width:480px) { .vw-news-article__more-news { padding: 20px 20px 0 } } @media (min-width:768px) { .vw-news-article__more-news { padding: 30px 30px 0 } } @media (min-width:992px) { .vw-news-article__more-news { padding: 30px 30px 0 } } @media (min-width:1420px) { .vw-news-article__more-news { padding: 30px 30px 0 } } @media (min-width:1600px) { .vw-news-article__more-news { padding: 30px 30px 0 } } .vw-news-article__more-headline { padding-top: 30px; border-top: 1px solid #d4d4d4; font-size: 24px; letter-spacing: -.02em; color: #4c4c4c; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; line-height: 1 } .vw-news-article__overlay { position: absolute; width: 100%; height: 100%; background: #000; opacity: .4; top: 0; left: 0 } .more-items { padding: 20px 20px 0 } @media (min-width:480px) { .more-items { padding: 20px 20px 0 } } @media (min-width:768px) { .more-items { padding: 30px 30px 0 } } @media (min-width:992px) { .more-items { padding: 30px 30px 0 } } @media (min-width:1420px) { .more-items { padding: 30px 30px 0 } } @media (min-width:1600px) { .more-items { padding: 30px 30px 0 } } .more-items__headline { padding-top: 30px; border-top: 1px solid #d4d4d4; color: #4c4c4c; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; line-height: 1 } .more-items__headline, .news-h2 { font-size: 24px; letter-spacing: -.02em } .news-h2 { font-family: "Source Han Sans", sans-serif; color: #333; margin: 20px 0 } @media (min-width:992px) { .news-h2 { margin: 45px 0 } } .news-h3 { font-family: "Source Han Sans", sans-serif; font-size: 24px; letter-spacing: -.02em; color: #4c4c4c } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .vw-events { padding-bottom: 50px } .vw-events__header { background-color: #9A0C0C; padding: 0 20px 20px } @media (min-width:480px) { .vw-events__header { padding: 0 20px 20px } } @media (min-width:768px) { .vw-events__header { padding: 0 30px 30px } } @media (min-width:992px) { .vw-events__header { padding: 0 30px 30px } } @media (min-width:1420px) { .vw-events__header { padding: 0 30px 30px } } @media (min-width:1600px) { .vw-events__header { padding: 0 30px 30px } } .vw-events__top { display: none; width: 100%; padding: 20px 0; border: 1px solid #8d8d8d; border-right: none; border-left: none; margin-bottom: 20px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0; color: #333 } @media (min-width:992px) { .vw-events__top { display: block } } .vw-events__top .cp-table__cell { vertical-align: top } .vw-events__top .cp-table__cell:first-child { min-width: 190px } .vw-events__top .cp-table__cell:nth-child(2) { width: 100% } .vw-events__top .cp-table__cell:nth-child(3), .vw-events__top .cp-table__cell:nth-child(4) { min-width: 180px } .vw-events__top .cp-table__cell:last-child { min-width: 150px } @media (min-width:992px) { .vw-events__list__row .cp-table__cell { vertical-align: top; padding-right: 40px } .vw-events__list__row .cp-table__cell:last-child { padding-right: 0 } } .vw-events__list__row:last-child .cp-event-thumb { border-bottom: none } .vw-events__details { margin: 30px auto } @media (min-width:768px) { .vw-events__details { margin: 55px auto 40px } } .vw-events__copy { margin: 15px 0 30px; font-size: 18px; font-family: "Source Han Sans", sans-serif; line-height: 1.8; color: #4c4c4c } @media (min-width:992px) { .vw-events__copy { margin: 35px auto 50px } } .vw-events__copy p { font-size: 18px; font-family: "Source Han Sans", sans-serif; line-height: 1.8; color: #666; margin: 20px 0; letter-spacing: normal } @media (min-width:992px) { .vw-events__copy p { margin: 30px 0 } } .vw-events__copy .generic-copy { font-size: 18px; font-family: "Source Han Sans", sans-serif; line-height: 1.8; color: #666; margin: 20px 0; letter-spacing: normal } @media (min-width:992px) { .vw-events__copy .generic-copy { margin: 30px 0 } } .vw-events__copy h1, .vw-events__copy h2 { font-family: "Source Han Sans", sans-serif; font-size: 24px; letter-spacing: -.02em; color: #333; margin: 20px 0; line-height: 1.3 } @media (min-width:992px) { .vw-events__copy h1, .vw-events__copy h2 { margin: 45px 0 } } .vw-events__copy h2 { margin-bottom: 10px } .vw-events__copy h3 { line-height: 1.3; font-family: "Source Han Sans", sans-serif; font-size: 24px; letter-spacing: -.02em; color: #4c4c4c } .vw-events__copy a { color: #9A0C0C; font-size: inherit; font-weight: inherit } .vw-events__event-buttons { margin-bottom: 40px } @media (min-width:768px) { .vw-events__event-buttons { margin-bottom: 0; padding-top: 30px } } .vw-events__social { background-color: #f4f4f4; padding: 30px 0 } .erv-thanks .vw-events__social { margin-top: 20px } @media (min-width:768px) { .vw-events__social { padding: 0 } } .vw-events .vw-events__event-btn { display: inline-block; vertical-align: top; width: 100%; margin: 0 20px 20px 0; max-width: none; min-width: 215px; font-size: 14px } .vw-events .vw-events__event-btn:after { font-size: 18px } @media (min-width:768px) { .vw-events .vw-events__event-btn { max-width: 260px } } .vw-events .vw-events__event-btn.btn-simple.narrow { padding-right: 50px } .vw-events__more-headline { padding-top: 30px; border-top: 1px solid #d4d4d4; font-size: 24px; letter-spacing: -.02em; color: #4c4c4c; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; line-height: 1 } .vw-events .btn-social { margin-left: 25px; width: 55px } @media (min-width:768px) { .vw-events .btn-social { width: 57px } } .vw-events .btn-social:before { font-size: 22px; line-height: 30px } .vw-events .btn-social:first-child { margin-left: 0 } .vw-events__map-container { margin: 20px 0 } @media (min-width:992px) { .vw-events__map-container { margin: 40px auto } } .vw-events__map-head { font-family: "Source Han Sans", sans-serif; font-size: 24px; letter-spacing: -.02em; color: #333; margin: 20px 0; line-height: 1.3 } @media (min-width:992px) { .vw-events__map-head { margin: 45px 0 } } @media (min-width:768px) { .vw-events__map-head { margin-bottom: 10px } } .vw-events__tab ul { list-style-type: none } .vw-events__tab ul:after { content: ""; display: block; clear: both } .vw-events__tab li { float: left; width: 50% } @media (min-width:768px) { .vw-events__tab li { width: auto } } .vw-events__tab span { display: block } .vw-events__tab input[type=radio]:checked+label { background-color: #fff } .vw-events__tab input[type=radio]+label { width: 100%; display: inline-block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 20px; background-color: #ebebeb; border: 1px solid #d4d4d4; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-size: 11px; font-weight: 700; line-height: 1em; color: #8d8d8d; text-align: center; cursor: pointer; -webkit-transition: background-color .15s linear, color .15s linear; transition: background-color .15s linear, color .15s linear } .vw-events__tab input[type=radio]+label:before { display: none !important } @media (min-width:480px) { .vw-events__tab input[type=radio]+label { font-size: 15px } .vw-events__tab input[type=radio]+label:after { margin-left: 10px } } @media (min-width:768px) { .vw-events__tab input[type=radio]+label { width: 200px; padding: 20px 25px; text-align: left } .vw-events__tab input[type=radio]+label:after { position: absolute; top: 50%; right: 20px; margin-top: -16px } } .vw-events__tab li+li input[type=radio]+label { border-left: none } .vw-events__no-events { text-align: center; padding: 190px 20px; width: 100% } .vw-events__no-events h3 { max-width: 550px; margin: 0 auto 20px; font-size: 30px; line-height: 43px } .vw-events__no-events p { max-width: 380px; margin: 0 auto } .vw-events__no-events .btn-stroke.narrow.icon-after { font-size: 15px; margin: 45px auto 0; border: 1px solid #ebebeb; padding-right: 60px } .vw-events__no-events .btn-stroke.narrow.icon-after:hover { background: #9A0C0C; border-color: #9A0C0C; color: #fff } .vw-events__no-events .btn-stroke.narrow.icon-after:after { font-size: 24px } .vw-events .hidden { display: none !important } .vw-events--item { padding-bottom: 50px } .events-form { background: #f4f4f4; color: #9A0C0C } .events-form__heading { background-color: #fff; padding: 40px 20px } @media (min-width:768px) { .events-form__heading { padding: 60px 30px } } .events-form textarea { height: 250px } .events-form__attendee { text-align: center; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; margin-bottom: -25px } .events-form__required { float: left; font-size: 12px } .events-form__addAttendee { float: right } .events-form__addAttendee, .events-form__attendeesAmount { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .events-form .cp-form { margin-top: 30px } .events-form .cp-form__error { color: #9A0C0C } .events-form .cp-form--step1 { margin-top: 10px } .events-form .cp-form__field { position: relative; margin-bottom: 20px } .events-form .cp-form__field--step1 { font-size: 12px; text-align: center; display: inline-block; margin-right: 1em } .events-form .cp-form__field--step1 input[type=text] { padding: 1.4em .9em } .events-form .cp-form__field--step1:first-child { width: 3.8em } .events-form .cp-form__field--step1:nth-child(2), .events-form .cp-form__field--step1:nth-child(3) { width: 6.2em } .events-form .cp-form__field--step1:after { content: "\2013"; color: #8d8d8d; position: absolute; right: -.9em; top: 0; line-height: 4.5em; display: inline-block } .events-form .cp-form__field--step1:nth-child(3):after { content: none } @media (min-width:480px) { .events-form .cp-form__field--step1 { font-size: 15px } .events-form .cp-form__field--step1 input[type=text] { padding: 1.8em 1.33em 1.67em } } .events-form .cp-form__field--step2 { text-align: center; font-size: 1em; display: inline-block } .events-form .cp-form__field--step2:first-child, .events-form .cp-form__field--step2:nth-child(2) { width: 50%; float: left } .events-form .cp-form__field--step2:nth-child(2) { margin-left: -1px } .events-form .cp-form__field--step2:nth-child(3) { width: 100% } .events-form .cp-form--promo input, .events-form .cp-form--promo textarea { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: lighter; font-size: 15px; line-height: 1.2em; letter-spacing: 0; color: #8d8d8d; padding: 27px 20px 25px; background-color: #fff; border: 1px solid #d4d4d4; border-radius: 0; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: border .1s linear; transition: border .1s linear } .events-form .cp-form--promo input.narrow, .events-form .cp-form--promo textarea.narrow { font-size: 14px; padding: 16px 20px } .events-form .cp-form--promo label { display: block; position: absolute; top: 0; left: 0; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: lighter; font-size: 1em; line-height: 1.3em; color: #8d8d8d; cursor: text; padding: 1.9em 1.25em } .events-form .cp-form--promo input.filled~label, .events-form .cp-form--promo input:focus~label, .events-form .cp-form--promo textarea.filled~label, .events-form .cp-form--promo textarea:focus~label { display: none } .events-form .cp-form--promo .cp-form__field.invalid input, .events-form .cp-form--promo .cp-form__field.invalid select, .events-form .cp-form--promo .cp-form__field.invalid textarea { border-color: #9A0C0C } .events-form .cp-form--promo .cp-form__field.invalid input[type=checkbox]+label:before { border: 1px solid #9A0C0C; -webkit-transition: border .1s ease-out; transition: border .1s ease-out } .events-form .cp-form--promo .cp-form__field.invalid input[type=checkbox]+label:hover:before { border: 1px solid #ebebeb } .events-form .cp-form--promo .cp-form__field.invalid:after { content: attr(data-error-message); display: block; margin-top: 10px; margin-bottom: 10px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px; line-height: 1em; letter-spacing: -.01em; color: #9A0C0C } .events-form .cp-form--promo input[type=checkbox]+label { padding-left: 45px; padding-bottom: 0 } .events-form .cp-form--promo input[type=checkbox]+label:before { top: 27px } .no-touch .events-form .cp-form--promo input[type=checkbox]:hover, .no-touch .events-form .cp-form--promo input[type=email]:hover, .no-touch .events-form .cp-form--promo input[type=tel]:hover, .no-touch .events-form .cp-form--promo input[type=text]:hover, .no-touch .events-form .cp-form--promo select:hover, .no-touch .events-form .cp-form--promo textarea:hover { border: 1px solid #ebebeb } .events-form .cp-form--promo [type=submit] { cursor: pointer } .events-form__smalltext { display: block; position: relative; margin-top: 30px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 12px; line-height: 1.5em; letter-spacing: 0; color: #8d8d8d; text-align: center } .events-form .underline { border-bottom: 1px solid currentColor } .events-form .cp-featured-area { display: block; max-width: 1600px; margin-left: auto; margin-right: auto } .events-form .center { width: 100%; text-align: center } .events-form .pagination__block { position: relative; margin: 0 auto; display: inline-block; text-align: center; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 16px; color: #8d8d8d; letter-spacing: 0 } .events-form .pagination__block:after, .events-form .pagination__block:before { content: ""; position: absolute; width: 50%; top: .8em; border-bottom: 1px solid #d4d4d4 } .events-form .pagination__block:before { left: -80% } .events-form .pagination__block:after { right: -80% } .events-form__nextBtn { display: inline-block; position: relative } .events-form__nextBtn:after { position: absolute; right: 1em; top: 1.2em; color: #fff } .events-form__nextBtn:hover:after { color: #8d8d8d } .events-form__nextBtn input { cursor: pointer } .events-form__title { font-size: 30px; text-align: center; line-height: 1.3; margin-top: 20px } .events-form__title--bold { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif } .events-form__subtitle { font-size: 16px; text-align: center; line-height: 1 } .events-form__subtitle--lager { font-size: x-large } .thanks-block { text-align: center; padding: 170px 0 } .thanks-block__title { color: #9A0C0C } .thanks-block__text { font-size: 32px; margin-top: 0 } @media (min-width:768px) { .thanks-block__text { font-size: 22px } } .cp-generic-img { margin: 40px 0 } @media (min-width:992px) { .cp-generic-img { margin: 100px 0 } } .cp-generic-img img { width: 100% } .cp-generic-img--has-caption { position: relative } .cp-generic-img--has-caption:after { content: ""; position: absolute; width: 100%; height: 50%; bottom: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent)); background: linear-gradient(0deg, #000, transparent) } .cp-generic-img--has-caption .cp-generic-img__caption { position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; padding: 20px; color: #fff; font-size: 13px; line-height: 1.38; text-align: left } @media (min-width:768px) { .cp-generic-img--has-caption .cp-generic-img__caption { padding: 40px; line-height: 2 } } .cp-generic-img--has-caption img { display: block } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .vw-lightisback { background: #f4f4f4 } .vw-lightisback__header { background-color: #9A0C0C; padding: 0 20px 20px } @media (min-width:480px) { .vw-lightisback__header { padding: 0 20px 20px } } @media (min-width:768px) { .vw-lightisback__header { padding: 0 30px 30px } } @media (min-width:992px) { .vw-lightisback__header { padding: 0 30px 30px } } @media (min-width:1420px) { .vw-lightisback__header { padding: 0 30px 30px } } @media (min-width:1600px) { .vw-lightisback__header { padding: 0 30px 30px } } .vw-lightisback__description { max-width: 1200px; padding: 20px } @media (min-width:768px) { .vw-lightisback__description { padding: 60px 30px } } @media (min-width:992px) { .vw-lightisback__description { padding: 60px 30px } } @media (min-width:1420px) { .vw-lightisback__description { padding: 60px 30px } } @media (min-width:1600px) { .vw-lightisback__description { padding: 60px 30px } } .vw-lightisback__description p { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 26px; line-height: 1.3em; letter-spacing: -.01em; color: #8d8d8d } @media (min-width:768px) { .vw-lightisback__description p { font-size: 42px } } .vw-lightisback__description__cta { display: inline-block; margin-top: 20px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.3em; letter-spacing: 0; color: #666 } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .vw-case-study { background-color: #fff; padding-bottom: 50px } .vw-case-study__header { background-color: #9A0C0C; padding: 0 20px 20px } @media (min-width:480px) { .vw-case-study__header { padding: 0 20px 20px } } @media (min-width:768px) { .vw-case-study__header { padding: 0 30px 30px } } @media (min-width:992px) { .vw-case-study__header { padding: 0 30px 30px } } @media (min-width:1420px) { .vw-case-study__header { padding: 0 30px 30px } } @media (min-width:1600px) { .vw-case-study__header { padding: 0 30px 30px } } .vw-case-study__about { background-color: #f4f4f4 } .vw-case-study__about p { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 14px; color: #8d8d8d; letter-spacing: -.02em; line-height: 1.75em } .vw-case-study__about p strong { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #333 } .vw-case-study__about .js-map { border: 1px solid #d4d4d4; margin-top: 20px; margin-bottom: 30px } .vw-case-study__about__info { list-style: none } .vw-case-study__about__info li { margin: 10px 0; color: #666; font-size: 14px } .vw-case-study__about .btn-social { margin-right: 13px; margin-left: 0 } .vw-case-study__about .btn-social:first-child { margin-right: 0 } .vw-case-study__about__products { display: block; position: relative; margin-left: -10px; margin-right: -10px; margin-top: 5px } .vw-case-study__about__product { display: block; position: relative; float: left; width: 50%; padding: 10px } .vw-case-study__about__product img { display: block; width: 100% } .vw-case-study__about__product span { position: absolute; bottom: 0; left: 5px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 12px; letter-spacing: -.02em; color: #8d8d8d; padding: 10px } @media (min-width:768px) { .vw-case-study__about__product { width: 25% } } .vw-case-study__about .social-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; white-space: nowrap; margin-left: -5px } @media (min-width:768px) { .vw-case-study__about .social-buttons { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } @media (min-width:480px) { .vw-case-study__about .social-buttons { margin-left: 0 } } .vw-case-study__description { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 30px; color: #8d8d8d; letter-spacing: -.02em; line-height: 1.2 } @media (min-width:768px) { .vw-case-study__description { font-size: 36px; line-height: 1.3 } } .vw-case-study__content { overflow: hidden } @media (min-width:768px) { .vw-case-study__content { padding-left: 0; padding-right: 0 } } .vw-case-study__content section hr { display: block; height: 1px; border: none; background-color: #ebebeb; margin-top: 70px; margin-bottom: 70px } .vw-case-study__content .cp-case-study-html-text { padding: 30px 0 } .vw-case-study__products { background-color: #f4f4f4; padding-bottom: 30px } .vw-case-study__products h2 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 18px; color: #8d8d8d; padding: 0 20px; margin: .5em 0 1.222em } @media (min-width:768px) { .vw-case-study__products h2 { font-size: 24px; padding: 0 30px; color: #333 } } .vw-case-study__nav { display: block; max-width: 1460px; margin-left: auto; margin-right: auto; overflow: hidden } .vw-case-study__nav__next, .vw-case-study__nav__prev { display: block; position: relative; min-height: 200px; background-position: 50%; background-size: cover; overflow: hidden } .vw-case-study__nav__next img, .vw-case-study__nav__prev img { position: relative; z-index: -1 } @media (min-width:768px) { .vw-case-study__nav__next, .vw-case-study__nav__prev { min-height: 320px } } .vw-case-study__nav__next:after, .vw-case-study__nav__prev:after { display: block; position: absolute; width: 50px; height: 50px; line-height: 50px; top: 0; bottom: 0; margin: auto; left: 0; font-size: 24px; color: #fff; text-align: center; -webkit-transition: color .2s linear, left .2s ease, right .2s ease; transition: color .2s linear, left .2s ease, right .2s ease } @media (min-width:768px) { .vw-case-study__nav__next:after, .vw-case-study__nav__prev:after { font-size: 48px; width: 80px; height: 80px; line-height: 80px } } .no-touch .vw-case-study__nav__next:hover:after, .no-touch .vw-case-study__nav__prev:hover:after { color: #9A0C0C } .no-touch .vw-case-study__nav__next:hover .cover-image, .no-touch .vw-case-study__nav__prev:hover .cover-image { -webkit-transform: scale(1.05) rotate(.001deg); transform: scale(1.05) rotate(.001deg) } .no-touch .vw-case-study__nav__prev:hover:after { left: -5px } .vw-case-study__nav__next:after { left: auto; right: 0 } .no-touch .vw-case-study__nav__next:hover:after { right: -5px } .vw-case-study__nav__text { position: absolute; top: 20px; left: 20px; max-width: 300px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #fff; letter-spacing: -.02em; font-size: 24px; line-height: 1.2em } .vw-case-study__nav__text__label { font-size: 16px } @media (min-width:768px) { .vw-case-study__nav__text__label { margin-bottom: 5px } } @media (min-width:768px) { .vw-case-study__nav__text { min-height: auto; left: 30px } } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .vw-search { padding-bottom: 50px; background-color: #f4f4f4 } .vw-search__header { background-color: #9A0C0C; padding: 0 20px 20px } @media (min-width:480px) { .vw-search__header { padding: 0 20px 20px } } @media (min-width:768px) { .vw-search__header { padding: 0 30px 30px } } @media (min-width:992px) { .vw-search__header { padding: 0 30px 30px } } @media (min-width:1420px) { .vw-search__header { padding: 0 30px 30px } } @media (min-width:1600px) { .vw-search__header { padding: 0 30px 30px } } .vw-search h2 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 26px; color: #2b2b2b; letter-spacing: -.01em } .vw-search p { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; color: #8d8d8d; letter-spacing: -.01em } .vw-search .grid-section:after { content: ""; display: block; position: relative; height: 1px; background-color: #d4d4d4; margin-top: 30px } .vw-search--white { background-color: #fff } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .vw-careers { background: #f4f4f4 } .vw-careers__header { background-color: #9A0C0C; padding: 0 20px 20px } @media (min-width:480px) { .vw-careers__header { padding: 0 20px 20px } } @media (min-width:768px) { .vw-careers__header { padding: 0 30px 30px } } @media (min-width:992px) { .vw-careers__header { padding: 0 30px 30px } } @media (min-width:1420px) { .vw-careers__header { padding: 0 30px 30px } } @media (min-width:1600px) { .vw-careers__header { padding: 0 30px 30px } } .vw-careers__intro { background-color: #fff; padding: 40px 20px } @media (min-width:480px) { .vw-careers__intro { padding: 40px 20px } } @media (min-width:768px) { .vw-careers__intro { padding: 60px 30px } } @media (min-width:992px) { .vw-careers__intro { padding: 60px 30px } } @media (min-width:1420px) { .vw-careers__intro { padding: 60px 30px } } @media (min-width:1600px) { .vw-careers__intro { padding: 60px 30px } } .vw-careers__intro p { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 28px; line-height: 1.3em; letter-spacing: -.01em; color: #8d8d8d; margin-bottom: .5em } @media (min-width:768px) { .vw-careers__intro p { font-size: 42px } } .vw-careers__intro__cta { display: inline-block; margin-top: 20px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.3em; letter-spacing: 0; color: #8d8d8d } .vw-careers__intro>* { display: block; max-width: 1600px; margin-left: auto !important; margin-right: auto !important; padding-right: 15% } .vw-careers__overview { margin-top: 30px } .vw-careers__overview h2 { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 26px; line-height: 1.3em; letter-spacing: 0; color: #8d8d8d } .vw-careers__overview__details { margin-top: 15px; list-style: none } .vw-careers__overview__details li { display: inline-block; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 14px; line-height: 20px; letter-spacing: 0; color: #8d8d8d } .vw-careers__overview__details li strong { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .vw-careers__overview__details li:before { display: inline-block; line-height: 20px; margin-right: 5px } .vw-careers__overview__details li+li { margin-left: 20px } .vw-careers__description hr { display: block; height: 1px; border: none; background-color: #d4d4d4; margin-bottom: 50px } .vw-careers__description p { font-family: "Source Han Sans", sans-serif; font-size: 18px; font-weight: lighter; color: #8d8d8d; line-height: 1.3em; letter-spacing: 0 } .vw-careers__description p+p { margin-top: 20px } .vw-careers__description p+.btn-simple { margin-top: 30px } .vw-careers__description a { font-family: "Source Han Sans", sans-serif; font-size: 18px; color: #8d8d8d; line-height: 1.3em; letter-spacing: 0 } .no-touch .vw-careers__description a:hover { color: #5a5a5a } .vw-careers__jobs { display: table; width: 100%; max-width: 1660px; margin-left: auto; margin-right: auto } .vw-careers__jobs h2 { margin-bottom: 25px } .vw-careers__jobs__col { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #8d8d8d; padding: 20px 0; vertical-align: middle; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 16px; line-height: 1.5em; letter-spacing: -.02em; color: #8d8d8d } .vw-careers__jobs__col:before { content: attr(data-label); -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; text-transform: uppercase; font-weight: 700; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif } @media (min-width:992px) { .vw-careers__jobs__col:before { content: normal } } @media (min-width:992px) { .vw-careers__jobs__col:nth-child(2), .vw-careers__jobs__col:nth-child(3) { width: 150px } } @media (min-width:1420px) { .vw-careers__jobs__col:nth-child(2), .vw-careers__jobs__col:nth-child(3) { width: 250px } } .vw-careers__jobs__col:first-child { text-align: left; border-width: 2px 0 0 } @media (min-width:992px) { .vw-careers__jobs__col:first-child { border-width: 1px 0 0 } } .vw-careers__jobs__col:last-child { padding-bottom: 40px } @media (min-width:992px) { .vw-careers__jobs__col:last-child { width: 250px; padding-bottom: 0 } } .vw-careers__jobs__col:last-child:before { content: normal } .vw-careers__jobs__col h3, .vw-careers__jobs__col strong { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .vw-careers__jobs__col h3 { font-size: 16px; line-height: 1.5em; letter-spacing: -.02em; color: #9A0C0C; margin-bottom: 10px } @media (min-width:992px) { .vw-careers__jobs__col { display: table-cell; text-align: center } } .vw-careers__jobs__row { display: table-row } .vw-careers__jobs__row:first-of-type { display: none } @media (min-width:992px) { .vw-careers__jobs__row:first-of-type { display: table-row } } @media (min-width:992px) { .vw-careers__jobs__row:last-child .vw-careers__jobs__col { border-bottom: 1px solid #8d8d8d } } .vw-careers__images { max-width: 1600px; margin-left: auto; margin-right: auto } .vw-careers__images:after { content: ""; display: table; clear: both } .vw-careers__image { display: block; float: left; background-size: cover; background-repeat: no-repeat; background-position: 50% } .vw-careers__image.size-1-1 { width: 25%; padding-top: 25% } .vw-careers__image.size-2-1 { width: 50%; padding-top: 25% } .vw-careers__image.size-1-2 { width: 25%; padding-top: 50% } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .vw-product-landing__header { background-color: #9A0C0C; padding: 0 20px 20px } @media (min-width:480px) { .vw-product-landing__header { padding: 0 20px 20px } } @media (min-width:768px) { .vw-product-landing__header { padding: 0 30px 30px } } @media (min-width:992px) { .vw-product-landing__header { padding: 0 30px 30px } } @media (min-width:1420px) { .vw-product-landing__header { padding: 0 30px 30px } } @media (min-width:1600px) { .vw-product-landing__header { padding: 0 30px 30px } } @media (max-width:1024px) and (orientation:landscape) { .is-discover-page .vw-product-landing__header { display: none } } .vw-product-landing__hero { height: 500px; background-size: cover; background-position: 50%; background-repeat: no-repeat; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 48px; letter-spacing: -.02em; color: #fff; padding: 20px } @media (min-width:480px) { .vw-product-landing__hero { padding: 20px } } @media (min-width:768px) { .vw-product-landing__hero { padding: 30px } } @media (min-width:992px) { .vw-product-landing__hero { padding: 30px } } @media (min-width:1420px) { .vw-product-landing__hero { padding: 30px } } @media (min-width:1600px) { .vw-product-landing__hero { padding: 30px } } .vw-product-landing__family { background-color: #f4f4f4; margin-bottom: 100px; padding-top: 20px; padding-bottom: 20px } @media (min-width:480px) { .vw-product-landing__family { padding-top: 20px; padding-bottom: 20px } } @media (min-width:768px) { .vw-product-landing__family { padding-top: 30px; padding-bottom: 30px } } @media (min-width:992px) { .vw-product-landing__family { padding-top: 30px; padding-bottom: 30px } } @media (min-width:1420px) { .vw-product-landing__family { padding-top: 30px; padding-bottom: 30px } } @media (min-width:1600px) { .vw-product-landing__family { padding-top: 30px; padding-bottom: 30px } } .vw-product-landing .cp-featured-area, .vw-product-landing>div:not(.vw-product-landing__hero)+div { margin-top: 100px } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .no-touch .new-product:hover .new-product__image-wrap { -webkit-transform: scale(1.05) rotate(.001deg); transform: scale(1.05) rotate(.001deg) } .new-product__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; position: relative; width: 100%; margin-bottom: 2px; background-color: #000; min-height: 300px; padding: 20px 0 } @media (min-width:909px) { .new-product__container { min-height: 33.00330033vw } } @media (min-width:1666.5px) { .new-product__container { min-height: 550px } } @media (min-width:480px) { .new-product__container { padding: 20px 0 } } @media (min-width:768px) { .new-product__container { padding: 30px 0 } } @media (min-width:992px) { .new-product__container { padding: 30px 0; margin-bottom: 1px } } @media (min-width:1420px) { .new-product__container { padding: 30px 0 } } @media (min-width:1600px) { .new-product__container { padding: 30px 0 } } .ie9 .new-product__container { display: block } .new-product__container:before { display: block; content: ""; position: absolute; top: 0; left: 0; width: 400px; max-width: 100%; height: 200px; background: radial-gradient(farthest-side at 0 0, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, .4) 70%, transparent 100%); z-index: 1 } @media (min-width:768px) { .new-product__container:before { width: 500px; height: 250px } } @media (min-width:992px) { .new-product__container:before { width: 600px; height: 300px } } .new-product__head { position: relative; -ms-flex-item-align: start; align-self: flex-start; padding-left: 20px } @media (min-width:768px) { .new-product__head { padding-left: 30px } } .new-product__title { font-size: 30px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; line-height: 1em; letter-spacing: -.02em; color: #9A0C0C; position: relative; z-index: 1 } @media (min-width:768px) { .new-product__title { font-size: 45px } } .new-product__subtitle { margin-top: 10px; position: relative; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 25px; line-height: 1.2; letter-spacing: -.02em; color: #fff; z-index: 1 } @media (min-width:768px) { .new-product__subtitle { font-size: 38px } } .new-product__image-wrap { position: relative; height: 235px; margin-top: 30px; -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s } @media (min-width:768px) { .new-product__image-wrap { height: 0; padding-bottom: 40% } } @media (min-width:992px) { .new-product__image-wrap { height: 100%; position: absolute; width: 100%; max-width: 1920px; left: 0; right: 0; margin: 0 auto; padding-bottom: 0 } } .new-product__image-wrap:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; -webkit-transform-origin: bottom left; transform-origin: bottom left; background-color: #000 } .new-product__image-wrap.hidden:after { -webkit-transform: scaleY(1); transform: scaleY(1) } .new-product__image-wrap:not(.hidden):after { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform 1.2s cubic-bezier(.645, .045, .355, 1); transition: -webkit-transform 1.2s cubic-bezier(.645, .045, .355, 1); transition: transform 1.2s cubic-bezier(.645, .045, .355, 1); transition: transform 1.2s cubic-bezier(.645, .045, .355, 1), -webkit-transform 1.2s cubic-bezier(.645, .045, .355, 1) } .new-product__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover } .new-product__buttons { position: relative; opacity: 1; z-index: 2; -webkit-transform: none; transform: none; padding-left: 20px; padding-top: 30px } .new-product__buttons.hidden { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px) } .new-product__buttons:not(.hidden) { -webkit-transition: opacity .5s linear, -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: opacity .5s linear, -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: opacity .5s linear, transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: opacity .5s linear, transform 1.2s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1) } @media (min-width:768px) { .new-product__buttons { padding-top: 40px; padding-left: 30px; padding-top: 70px } } .new-product__cta.btn-simple.narrow, .new-product__cta.btn-stroke.narrow { margin: 0 20px 20px 0; width: 100%; padding-right: 25px; max-width: 200px; font-size: 14px; font-family: Helvetica-Neue, HelveticaNeue-Light, Helvetica, sans-serif } .new-product__cta.btn-simple.narrow:last-child, .new-product__cta.btn-stroke.narrow:last-child { margin-bottom: 0 } .new-product__cta.btn-simple.narrow:hover, .new-product__cta.btn-stroke.narrow:hover { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif } .new-product__cta.btn-simple.narrow.icon-after:after, .new-product__cta.btn-stroke.narrow.icon-after:after { font-size: 22px !important } @media (min-width:768px) { .new-product__cta.btn-simple.narrow, .new-product__cta.btn-stroke.narrow { margin-right: 30px; padding-right: 25px; margin-bottom: 0 } } @media (min-width:992px) { .new-product__cta.btn-simple.narrow, .new-product__cta.btn-stroke.narrow { padding-right: 25px } } .new-product__cta.btn-simple.narrow.hidden, .new-product__cta.btn-stroke.narrow.hidden { display: none } .vw-new-products { background: #f4f4f4 } .vw-new-products__header { background-color: #9A0C0C; padding: 0 20px 20px } @media (min-width:480px) { .vw-new-products__header { padding: 0 20px 20px } } @media (min-width:768px) { .vw-new-products__header { padding: 0 30px 30px } } @media (min-width:992px) { .vw-new-products__header { padding: 0 30px 30px } } @media (min-width:1420px) { .vw-new-products__header { padding: 0 30px 30px } } @media (min-width:1600px) { .vw-new-products__header { padding: 0 30px 30px } } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .vw-contact-form { background: #f4f4f4 } .vw-contact-form__header { background-color: #9A0C0C; padding: 0 20px 20px } @media (min-width:480px) { .vw-contact-form__header { padding: 0 20px 20px } } @media (min-width:768px) { .vw-contact-form__header { padding: 0 30px 30px } } @media (min-width:992px) { .vw-contact-form__header { padding: 0 30px 30px } } @media (min-width:1420px) { .vw-contact-form__header { padding: 0 30px 30px } } @media (min-width:1600px) { .vw-contact-form__header { padding: 0 30px 30px } } .vw-contact-form__subtitle { background-color: #fff; padding: 40px 20px } @media (min-width:480px) { .vw-contact-form__subtitle { padding: 40px 20px } } @media (min-width:768px) { .vw-contact-form__subtitle { padding: 60px 30px } } @media (min-width:992px) { .vw-contact-form__subtitle { padding: 60px 30px } } @media (min-width:1420px) { .vw-contact-form__subtitle { padding: 60px 30px } } @media (min-width:1600px) { .vw-contact-form__subtitle { padding: 60px 30px } } .vw-contact-form__subtitle>* { display: block; max-width: 1600px; margin-left: auto; margin-right: auto } .vw-contact-form h2 { font-size: 42px } .vw-contact-form h2, .vw-contact-form h3 { font-family: "Source Han Sans", sans-serif; font-weight: lighter; line-height: 1.3em; letter-spacing: -.01em; color: #8d8d8d } .vw-contact-form h3 { font-size: 26px } .vw-contact-form p { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.3em; letter-spacing: -.01em; color: #8d8d8d; margin-top: 10px } .vw-contact-form textarea { height: 250px } .vw-contact-form .cp-form { margin-top: 30px } .vw-contact-form .cp-form__field { position: relative; margin-bottom: 20px } .vw-contact-form__smalltext { display: block; position: relative; margin-top: 50px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 12px; line-height: 1em; letter-spacing: 0; color: #8d8d8d } .vw-contact-form .cp-featured-area { display: block; max-width: 1600px; margin-left: auto; margin-right: auto } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .vw-content { background: #f4f4f4 } .vw-content p b { color: #333 } .vw-content--simple { background: #fff; margin: auto; max-width: 1411px; padding: 30px 20px } @media (min-width:992px) { .vw-content--simple { padding: 60px 30px 50px } } .vw-content--simple a { color: #9A0C0C; border-bottom: 1px solid #9A0C0C } .vw-content--simple h2 { font-size: 28px; font-family: "Source Han Sans", sans-serif; line-height: 1.33333333 } @media (min-width:768px) { .vw-content--simple h2 { font-size: 42px } } .vw-content--simple p { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 16px; letter-spacing: -.01em; line-height: 1.875; color: #8d8d8d } .vw-content--simple p:last-of-type { margin-bottom: 45px } .vw-content--simple .btn-simple { margin: 0 0 15px; display: block } @media (min-width:768px) { .vw-content--simple .btn-simple { margin-right: 30px; display: inline-block } } .page-header { background-color: #9A0C0C; padding: 0 20px 20px } @media (min-width:480px) { .page-header { padding: 0 20px 20px } } @media (min-width:768px) { .page-header { padding: 0 30px 30px } } @media (min-width:992px) { .page-header { padding: 0 30px 30px } } @media (min-width:1420px) { .page-header { padding: 0 30px 30px } } @media (min-width:1600px) { .page-header { padding: 0 30px 30px } } .grey-bg { background-color: #f4f4f4 } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .projects-filter { margin-top: -20px; margin-bottom: 30px } @media (min-width:768px) { .projects-filter { margin-top: -30px } } .projects-filter__header { border-bottom: 1px solid #d4d4d4; border-top: 1px solid #d4d4d4; margin: 0 -20px; text-align: center; font-size: 0 } @media (min-width:768px) { .projects-filter__header { margin: 0 -30px; text-align: left } } .projects-filter__header:after { content: ""; display: table; clear: both } .projects-filter__header--centred { display: inline-block; border-left: 1px solid #d4d4d4; border-right: 1px solid #d4d4d4 } @media (min-width:768px) { .projects-filter__header--centred { border-left: none; border-right: none; display: block } } .projects-filter__header label, .projects-filter__header span { font-size: 12px; display: block; float: left; width: auto; padding: 24px 40px 20px 20px; border-right: 1px solid #d4d4d4; margin-bottom: -1px } @media (min-width:768px) { .projects-filter__header label:first-child, .projects-filter__header span:first-child { border-left: 1px solid #d4d4d4 } } .projects-filter__header label:last-child, .projects-filter__header span:last-child { border-right: none } @media (min-width:480px) { .projects-filter__header label, .projects-filter__header span { font-size: 14px; padding: 24px 50px 20px 20px } } @media (min-width:768px) { .projects-filter__header label, .projects-filter__header span { font-size: 16px; padding: 24px 90px 20px 30px; width: auto } .projects-filter__header label:last-child, .projects-filter__header span:last-child { border-right: 1px solid #d4d4d4 } } .projects-filter__header label { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; cursor: pointer; background-image: url(/App_Themes/iGuzzini/images/form/select_button.png); background-size: 40px 40px; background-repeat: no-repeat; background-position: center right 0 } @media (min-width:768px) { .projects-filter__header label { padding: 22px 70px 21px 30px; background-position: center right 15px } } .projects-filter__header .label--desktop { display: none } @media (min-width:768px) { .projects-filter__header .label--desktop { display: inline } } .projects-filter__header .label--mobile { display: inline } @media (min-width:768px) { .projects-filter__header .label--mobile { display: none } } .projects-filter__content { display: none } .projects-filter__list { padding-top: 30px; list-style-type: none } .projects-filter__application, .projects-filter__effect, .projects-filter__product { display: none } .projects-filter__list-item { display: inline-block; vertical-align: top; padding-bottom: 15px; width: 100% } @media (min-width:480px) { .projects-filter__list-item { width: 49% } } @media (min-width:768px) { .projects-filter__list-item { width: 32%; padding-bottom: 30px; padding-right: 15px } } @media (min-width:992px) { .projects-filter__list-item { width: 24% } } @media (min-width:1420px) { .projects-filter__list-item { width: 16% } } .projects-filter__list-item.product { display: none } @media (min-width:1600px) { .projects-filter__list-item.product { width: 12% } } .projects-filter__list-item.product.visible { display: inline-block } .projects-filter__list-item.effect { display: none } @media (min-width:1600px) { .projects-filter__list-item.effect { width: 12% } } .projects-filter__list-item.effect.visible { display: inline-block } .projects-filter .btn-simple { margin-bottom: 30px } .projects-filter__status-bar { list-style-type: none; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; margin: 0 -30px; padding: 0 30px; background-color: #ececec } .projects-filter__status-bar:empty { display: none } .projects-filter__status-bar li { display: inline-block; padding: 10px 20px 10px 0; position: relative; margin-right: 20px; font-size: 14px } .projects-filter__status-bar li span:before { content: "\D7 "; display: block; position: absolute; top: 12px; right: 4px; font-size: 20px; line-height: 1em; cursor: pointer } .projects-filter__load-wrapper { text-align: center } .projects-filter__load-wrapper--inspiration { padding-top: 15px } @media (min-width:768px) { .projects-filter__load-wrapper--inspiration { padding-top: 25px } } .projects-filter__load-btn.hidden { display: none } .projects-filter input.application:checked~.projects-filter__content, .projects-filter input.application:checked~.projects-filter__content .projects-filter__application.is-open, .projects-filter input.effect:checked~.projects-filter__content, .projects-filter input.product:checked~.projects-filter__content { display: block } .projects-filter input.application:checked~.projects-filter__header .application-label { border-bottom: 1px solid #f4f4f4; background-image: url(/App_Themes/iGuzzini/images/form/select_button_up.png); background-color: #fff } .projects-filter input.product:checked~.projects-filter__content .projects-filter__product.is-open { display: block } .projects-filter input.product:checked~.projects-filter__header .product-label { border-bottom: 1px solid #f4f4f4; background-image: url(/App_Themes/iGuzzini/images/form/select_button_up.png); background-color: #fff } .projects-filter input.effect:checked~.projects-filter__content .projects-filter__effect.is-open { display: block } .projects-filter input.effect:checked~.projects-filter__header .effect-label { border-bottom: 1px solid #f4f4f4; background-image: url(/App_Themes/iGuzzini/images/form/select_button_up.png); background-color: #fff } .projects-filter__inout-label { margin-top: 40px; display: inline-block; margin-right: 20px } .projects-filter__indoor:checked~.projects-filter__list .projects-filter__list-item.indoor, .projects-filter__outdoor:checked~.projects-filter__list li.outdoor { display: inline-block !important } .projects-filter--areas { margin-top: 0; margin-bottom: 20px } @media (min-width:768px) { .projects-filter--areas { margin-bottom: 40px } .projects-filter--areas.is-open { margin-bottom: 25px } } .projects-filter--areas .projects-filter__header { margin: 0; border: none } .projects-filter--areas .projects-filter__header .product-label { width: 100%; padding: 12px 20px; color: #d4d4d4; font-size: 14px; text-align: left; border: 1px solid hsla(0, 0%, 100%, .3) } @media (min-width:768px) { .projects-filter--areas .projects-filter__header .product-label { width: auto; min-width: 180px; padding: 15px 24px; font-size: 16px } } @media (min-width:768px) { .projects-filter--areas .projects-filter__product { margin-bottom: -25px } } @media (min-width:768px) { .projects-filter--areas .projects-filter__list { padding-top: 40px } } .projects-filter--areas .projects-filter__application, .projects-filter--areas .projects-filter__status-bar { display: none } .projects-filter--areas input.product:checked~.projects-filter__header .product-label { border-color: hsla(0, 0%, 100%, .3); background-color: #000 } .projects-map { width: 100%; height: 60vh; min-height: 350px; max-height: 500px } @media (min-width:768px) { .projects-map { padding-bottom: 0; height: 80vh; max-height: 850px } } .projects-map__infowindow { display: block; background-color: #fff; padding: 0 } .projects-map__infowindow .projects-map__infowindow-img { width: 100%; max-width: 200px } .projects-map__infowindow__thumb { display: block; position: absolute; top: 0; left: 0; white-space: nowrap; padding: 0 10px 10px 0; margin: 10px 0 0 10px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px; line-height: 20px; color: #9A0C0C; background-color: hsla(0, 0%, 100%, .8) } .projects-map__infowindow__thumb:before { font-size: 20px; line-height: 20px; margin-right: 10px } .projects-map__infowindow__label { display: block; padding: 20px 0; background-color: #fff; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px; line-height: 1em; color: #8d8d8d } .projects-map__infowindow__label:after { top: 100%; left: 50%; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border: 16px solid hsla(0, 0%, 100%, 0); border-top-color: #fff; margin-left: -16px } .projects-map__infowindow__location { display: block; margin-top: 10px; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 12px; line-height: 20px; color: #8d8d8d } .projects-map__infowindow__location:before { font-size: 18px; line-height: 20px; color: #9A0C0C; margin-right: 5px } .projects-map .gm-style .gm-style-iw { width: 200px !important } .projects-map .gm-style .gm-style-iw-d { overflow: auto !important } .projects-map .gm-style .gm-style-iw-c { padding: 12px 20px 12px 12px !important } .projects-map .gm-style img[src="http://maps.gstatic.com/mapfiles/api-3/images/mapcnt6.png"] { display: none } .projects-map .infoBox { background: #fff; padding: 12px 20px 12px 12px !important; border-radius: 8px } .pt-gallery-view { margin-bottom: 20px; line-height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex } .pt-gallery-view:after { content: ""; display: table; clear: both } @media (min-width:480px) { .pt-gallery-view .gallery-view-btn { padding: 17px 20px 16px } } @media (min-width:768px) { .pt-gallery-view .gallery-view-btn { padding: 20px 60px 20px 25px } } .pt-gallery-view .gallery-view-btn:after { content: url(/App_Themes/iGuzzini/images/global/icon_cubs.svg); width: 19px; height: 36px; vertical-align: baseline; display: inline-block; position: relative } @media (min-width:768px) { .pt-gallery-view .gallery-view-btn:after { position: absolute; top: 50%; margin-top: -18px } } .pt-gallery-view--dark { margin-bottom: 25px } @media (min-width:768px) { .pt-gallery-view--dark { position: absolute; top: 0; right: 0; margin-bottom: 0 } } .pt-gallery-view--dark .gallery-view-btn, .pt-gallery-view--dark .map-view-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px 15px } .pt-gallery-view--dark .gallery-view-btn:after, .pt-gallery-view--dark .map-view-btn:after { -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width:768px) { .pt-gallery-view--dark .gallery-view-btn:after, .pt-gallery-view--dark .map-view-btn:after { position: relative; top: 0; right: 0; margin-top: 0 } } @media (max-width:767px) { .pt-gallery-view--dark .gallery-view-btn, .pt-gallery-view--dark .map-view-btn { font-size: 0 } .pt-gallery-view--dark .gallery-view-btn:after, .pt-gallery-view--dark .map-view-btn:after { margin-left: 0 } } @media (min-width:768px) { .pt-gallery-view--dark .gallery-view-btn, .pt-gallery-view--dark .map-view-btn { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 11px 30px; font-size: 16px } } .gallery-view-container { visibility: hidden; opacity: 0; position: absolute; overflow: hidden; top: 0; left: 0; z-index: -100; width: 100%; height: 100% } .gallery-view-container .cp-mansory { margin-left: -15px; margin-right: -15px } .map-view-container { visibility: hidden; opacity: 0; position: absolute; z-index: -100 } #galleryView:checked~.pt-gallery-view.pt-gallery-view--dark .gallery-view-btn { color: #000 } #galleryView:checked~.pt-gallery-view.pt-gallery-view--dark .gallery-view-btn:after { content: url(/App_Themes/iGuzzini/images/global/icon_cubs-black.svg); color: #000 } #galleryView:not(:checked)~.pt-gallery-view.pt-gallery-view--dark .gallery-view-btn { color: #fff; background-color: #000 } #galleryView:not(:checked)~.pt-gallery-view.pt-gallery-view--dark .gallery-view-btn:after { content: url(/App_Themes/iGuzzini/images/global/icon_cubs-white.svg); color: #fff } #mapView:checked~.pt-gallery-view.pt-gallery-view--dark .map-view-btn, #mapView:checked~.pt-gallery-view.pt-gallery-view--dark .map-view-btn:after { color: #000 } #mapView:not(:checked)~.pt-gallery-view.pt-gallery-view--dark .map-view-btn { color: #fff; background-color: #000 } #mapView:not(:checked)~.pt-gallery-view.pt-gallery-view--dark .map-view-btn:after { color: #fff } #galleryView:checked~.gallery-view-container { visibility: visible; opacity: 1; overflow: visible; position: relative; z-index: 0; height: auto; margin-bottom: 20px } #galleryView:checked~.pt-gallery-view .gallery-view-btn { background-color: #fff } #mapView:checked~.map-view-container { visibility: visible; opacity: 1; position: relative; z-index: 0; margin-bottom: 20px } #mapView:checked~.pt-gallery-view .map-view-btn { background-color: #fff } #mapView:checked~.projects-filter__load-wrapper { display: none !important } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .vw-media { background-color: #f4f4f4 } .vw-media__header { position: relative; background: #9A0C0C; padding: 0 20px 20px } @media (min-width:480px) { .vw-media__header { padding: 0 20px 20px } } @media (min-width:768px) { .vw-media__header { padding: 50px 30px 30px } } @media (min-width:992px) { .vw-media__header { padding: 50px 30px 30px } } @media (min-width:1420px) { .vw-media__header { padding: 50px 30px 30px } } @media (min-width:1600px) { .vw-media__header { padding: 50px 30px 30px } } .vw-media .user-info { padding: 10px 0 0; color: #fff; line-height: 1.4em } @media (min-width:768px) { .vw-media .user-info { position: absolute; right: 30px; bottom: 30px; max-width: 320px } } @media (min-width:992px) { .vw-media .user-info { right: 30px; bottom: 30px } } @media (min-width:1420px) { .vw-media .user-info { right: 30px; bottom: 30px } } @media (min-width:1600px) { .vw-media .user-info { right: 30px; bottom: 30px } } .vw-media .user-info__name { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; padding: 0 10px 0 0 } .vw-media .user-info__logout { color: #fff; padding: 0 0 0 10px } .vw-media .user-info__logout:hover { color: #000 } .vw-media__subheader { background: #fff; padding: 30px } .vw-media__subheader .disclaimer-mess { color: #9A0C0C; float: right; display: inline-block; font-size: 12px; line-height: 30px } .vw-media__subheader .disclaimer-mess a { font-size: 12px; color: #9A0C0C } @media (min-width:768px) { .vw-media__subheader .disclaimer-mess { padding-right: 200px } } .vw-media__grid-wrapper { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative } @media (min-width:768px) { .vw-media__grid-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .vw-media__menu { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; padding-top: 20px } @media (min-width:768px) { .vw-media__menu { -webkit-box-flex: 0; -ms-flex: 0 1 300px; flex: 0 1 300px } } @media (min-width:1025px) { .vw-media__menu { display: block } .ie9 .vw-media__menu { position: absolute; top: 0; left: 0; width: 300px; height: 100% } } .vw-media__media-list { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto } @media (min-width:768px) { .vw-media__media-list { -webkit-box-flex: 0; -ms-flex: 0 1 1180px; flex: 0 1 1180px } } .ie9 .vw-media__media-list { padding-left: 300px } .vw-media .cp-form { margin-top: 30px; opacity: 1; max-height: auto; -webkit-transition: .3s ease; transition: .3s ease } .vw-media .cp-form__field { position: relative; margin-bottom: 20px } .vw-media .cp-form__error-message { margin: 0 0 10px; color: #9A0C0C; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif } .vw-media .cp-form__link { margin: 10px 0 } .vw-media .cp-form__link a { display: inline-block; padding-right: 20px; font-size: 14px; color: #9A0C0C } .vw-media .cp-form__link a:after { margin: 5px 0 0 7px } .vw-media .cp-form.hidden { display: none } @media (min-width:768px) { .vw-media .cp-form--col2 { margin-top: 97px } } @media (min-width:768px) { .vw-media .cp-form--col2.text-center { text-align: center } } @media (min-width:768px) { .vw-media .cp-form--col3 { margin: 0 5% 0 0 } } @media (min-width:768px) { .vw-media .cp-form--col4 { border-left: 1px solid #d4d4d4; padding: 0 0 0 6% } } .vw-media .cp-form__title { font-size: 16px; margin: 0 0 20px } .vw-media .cp-form__btn { width: 210px; max-width: 100%; margin: 10px 0 0 } .vw-media .cp-form__btn.btn-simple:after { font-size: 20px } .vw-media .cp-form__grid-section { padding: 65px 30px 30px } .media__grid-section { padding-top: 30px } .media__menu ul { list-style-type: 0; margin: 0; padding: 0 } .media__menu li { display: block } .media__menu a { display: block; font-family: "Source Han Sans", sans-serif; color: #333; padding: 16px 12px; border-left: 6px solid transparent } .media__menu a.current, .media__menu a:hover { border-left: 6px solid #f61a15; color: #f61a15 } .media__list { margin-top: 0 } @media (min-width:768px) { .media__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } } .media__item { padding: 0 10px; margin-top: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative } @media (min-width:768px) { .media__item { display: -webkit-box; display: -ms-flexbox; display: flex } } .media__item-inner { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; background: #fff; padding: 20px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 295px } .media__item-img { width: 177px; height: 249px; margin: 0 0 20px; background-size: cover; float: left; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } @media (min-width:480px) { .media__item-img { margin: 0 20px 20px 0 } } .media__item-content { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto } .ie9 .media__item-content { width: auto } @media (min-width:480px) { .media__item-content { width: 195px } } .media__item-content .media__item-title { font-size: 18px; line-height: 22px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; margin: 0 0 10px } .media__item-content .media__item-description { margin: 0 0 30px } .media__item-content .media__item-link { color: #9A0C0C; display: inline-block; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif } .media__item-content .media__item-link:after { font-size: 12px; margin: 8px 0 0 8px } .media__item-content .media__item-link--read { color: #8d8d8d } .media__load-more { text-align: center } .media__load-more-btn { width: 100%; margin: 60px 0 0 } .media__load-more-btn.hidden { display: none } @media (min-width:768px) { .media__load-more-btn { width: auto; min-width: 192px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px 20px !important } } .media--search .media__item-inner { border: 1px solid #f4f4f4 } .disclaimer-mess { color: #9A0C0C; display: inline-block; font-size: 12px; line-height: 30px } .disclaimer-mess__wrapper { margin: 10px 0 40px } .disclaimer-mess a { font-size: 12px; color: #9A0C0C } @media (min-width:768px) { .disclaimer-mess { padding-right: 200px } } .media-popup__header { padding: 10px; background: #f4f4f4; color: #9A0C0C } @media (min-width:768px) { .media-popup__header { padding: 20px 40px } } .media-popup__header h3 { line-height: 1.2em } @media (min-width:768px) { .media-popup__header h3 { font-size: 42px } } .media-popup__content { padding: 10px } @media (min-width:768px) { .media-popup__content { padding: 25px 40px } } .media-popup__copy { margin-bottom: 20px } .media-popup__iframe { max-width: 100%; max-height: 85vh } .media-popup__button-area { background: #ebebeb; padding: 10px } @media (min-width:768px) { .media-popup__button-area { padding: 40px 50px } } .media-popup__button-title { color: #9A0C0C; font-size: 13px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; margin: 0 0 30px } .media-popup__button-link { width: 100%; padding: 15px 25px } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .vw-content-page { background: #fff; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .vw-content-page__header { background-color: #9A0C0C; padding: 0 20px 20px } @media (min-width:480px) { .vw-content-page__header { padding: 0 20px 20px } } @media (min-width:768px) { .vw-content-page__header { padding: 0 30px 30px } } @media (min-width:992px) { .vw-content-page__header { padding: 0 30px 30px } } @media (min-width:1420px) { .vw-content-page__header { padding: 0 30px 30px } } @media (min-width:1600px) { .vw-content-page__header { padding: 0 30px 30px } } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .certifications-page { font-size: 18px } @media (min-width:768px) { .certifications-page p { font-size: 18px } } .certifications-page .btn-social { width: 57px; height: 31px; margin-right: 8px } .certifications-page .btn-social:before { line-height: 30px; font-size: 20px } .certifications-page .grid-section { margin: 20px 0 0 } .certifications-page h2 { margin: 0 0 35px; line-height: 1.3em } @media (min-width:768px) { .certifications-page h2 { font-size: 42px } } .certifications-page h3 { margin: 20px 0 10px } .certifications-page .red { color: #9A0C0C } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .vw-landing { padding: 20px; margin-bottom: 50px; position: relative } .vw-landing:after { content: ""; background: #ebebeb; height: 2px; left: 20px; right: 20px; position: absolute; bottom: 0 } @media (min-width:768px) { .vw-landing { padding: 30px } .vw-landing:after { left: 30px; right: 30px } } @media (min-width:992px) { .vw-landing { padding: 30px } .vw-landing:after { left: 30px; right: 30px } } @media (min-width:1420px) { .vw-landing { padding: 30px } .vw-landing:after { left: 30px; right: 30px } } .vw-landing__header { background-color: #9A0C0C; margin-bottom: 0; padding: 0 20px 20px } @media (min-width:480px) { .vw-landing__header { padding: 0 20px 20px } } @media (min-width:768px) { .vw-landing__header { padding: 0 30px 30px } } @media (min-width:992px) { .vw-landing__header { padding: 0 30px 30px } } @media (min-width:1420px) { .vw-landing__header { padding: 0 30px 30px } } @media (min-width:1600px) { .vw-landing__header { padding: 0 30px 30px } } .vw-landing__title { color: #2b2b2b; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 26px; line-height: 1em; letter-spacing: -.02em; margin-bottom: 10px } @media (min-width:768px) { .vw-landing__title { font-size: 28px } } .vw-landing__title+.grid-row { margin-top: 0 } .vw-landing--grey { background: #f4f4f4; overflow: hidden; position: relative } .vw-landing__list { text-align: center } .vw-landing__list .btn-stroke { margin: 50px auto 0 } .vw-landing__list .grid-row { text-align: left } .vw-landing__btn.btn-less .more, .vw-landing__btn .less { display: none } .vw-landing__btn.btn-less .less { display: inline } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .unsubscribe { text-align: center; padding: 100px 0 } @media (min-width:768px) { .unsubscribe { padding: 250px 0 } } .unsubscribe__title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 22px; letter-spacing: 0; font-size: 24px } @media (min-width:480px) { .unsubscribe__title { font-size: 25px } } @media (min-width:768px) { .unsubscribe__title { font-size: 27px; font-size: 35px } } .unsubscribe__subtitle { font-size: 17px; margin: 15px 30px } @media (min-width:768px) { .unsubscribe__subtitle { margin: 15px 40px } } .unsubscribe__text { font-size: 14px } .unsubscribe__link { text-decoration: underline; font-size: 14px; white-space: nowrap } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-footer { width: 100%; background-color: #fff; border-top: 1px solid #d4d4d4 } @media (max-width:1024px) and (orientation:landscape) { .is-discover-page .cp-footer { display: none } } .cp-footer .h2, .cp-footer h2 { font-size: 16px; margin-bottom: 20px } .cp-footer .h2, .cp-footer h2, .cp-footer h3 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; letter-spacing: 0; line-height: 1.3em; color: #8d8d8d } .cp-footer h3 { font-size: 14px; margin-bottom: 10px } .cp-footer p { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 0; line-height: 1.5em; color: #8d8d8d; margin-bottom: 20px } .cp-footer__content { display: block; padding: 10px } .ie9 .cp-footer__content { max-width: 1350px; margin: auto } @media (min-width:480px) { .cp-footer__content { padding: 10px } } @media (min-width:768px) { .cp-footer__content { padding: 15px } } @media (min-width:992px) { .cp-footer__content { padding: 15px; padding-top: 50px; padding-bottom: 50px } } @media (min-width:1420px) { .cp-footer__content { padding: 15px; padding-top: 50px; padding-bottom: 50px } } @media (min-width:1600px) { .cp-footer__content { padding: 15px; padding-top: 50px; padding-bottom: 50px } } .cp-footer__content__section { padding: 10px; margin-bottom: 30px } @media (min-width:480px) { .cp-footer__content__section { padding: 10px; max-width: 60% } } @media (min-width:768px) { .cp-footer__content__section { padding: 15px } } @media (min-width:992px) { .cp-footer__content__section { padding: 15px; margin-bottom: 0 } .ie9 .cp-footer__content__section { float: left } } @media (min-width:1420px) { .cp-footer__content__section { padding: 15px } } @media (min-width:1600px) { .cp-footer__content__section { padding: 15px } } .cp-footer__content__section a.btn-stroke { padding: 10px 50px 10px 15px } .no-touch .cp-footer__content__section a.btn-stroke:hover { background-color: #9A0C0C; border-color: #9A0C0C } @media (min-width:768px) { .cp-footer__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .ie9 .cp-footer__content { display: block } .ie9 .cp-footer__content:after { content: ""; display: table; clear: both } .cp-footer__content__section { width: 50%; max-width: 350px } .cp-footer .btn-stroke { font-size: 12px; white-space: nowrap; padding-right: 50px !important } .cp-footer .btn-stroke:after { font-size: 18px !important } } @media (min-width:992px) { .cp-footer__content__section { width: 20% } } @media (min-width:1420px) { .cp-footer .btn-stroke { font-size: 15px; padding-right: 50px !important } .cp-footer .btn-stroke:after { font-size: 22px !important } } .cp-footer__contacts { list-style: none; margin-top: 20px; margin-bottom: 20px } .cp-footer__contacts li { font-size: 0 } .cp-footer__contacts li+li { margin-top: 5px } .cp-footer__contact { display: inline-block; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; color: #8d8d8d; letter-spacing: -.02em } .cp-footer__contact:before { margin-right: 10px; width: 20px; height: 20px; background-color: #8d8d8d; color: #fff; text-align: center; line-height: 20px; font-size: 14px } .cp-footer__links { list-style: none } .cp-footer__links li { display: block; padding: 0 } .cp-footer__links a { display: inline-block; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 1em; color: #8d8d8d; letter-spacing: -.02em } .cp-footer__links a:before { margin-right: 10px; line-height: 1em; font-size: 14px; color: inherit; -webkit-transition: all .2s ease; transition: all .2s ease } .cp-footer__links a.is-hover, .no-touch .cp-footer__links a:hover { color: #9A0C0C } .cp-footer__links a.is-hover:before, .no-touch .cp-footer__links a:hover:before { margin-left: 3px; margin-right: 7px } .cp-footer__social { list-style: none; margin-top: -3px; margin-left: -10px } @media (min-width:768px) { .cp-footer__social { margin-left: -25px } } .cp-footer__social li { display: inline-block } .cp-footer ul { list-style: none } .cp-footer__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: distribute; align-content: space-around; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4 } @media (min-width:768px) { .cp-footer__top { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } } .cp-footer__top span { display: inline-block; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 16px; margin-bottom: 20px } .cp-footer__top__col { -ms-flex-preferred-size: 100%; flex-basis: 100%; border-bottom: 1px solid #d4d4d4; margin-top: 0 } .cp-footer__top__col:last-child { border-bottom: none; border-right: none } @media (min-width:768px) { .cp-footer__top__col { border-bottom: none; border-right: 1px solid #d4d4d4; -ms-flex-preferred-size: 25%; flex-basis: 25% } } .cp-footer__top__newsletter__field { position: relative } .cp-footer__top__newsletter__field:after { content: ""; display: table; clear: both } .cp-footer__top__newsletter__field input[type=text] { width: 80%; float: left; border-color: #d4d4d4 } .cp-footer__top__newsletter__field input[type=text]+label { display: none } .cp-footer__top__newsletter__field input[type=text]:invalid:not(:focus)+label { display: inline-block; position: absolute; left: 0; padding: 11px; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 15px; letter-spacing: .02em; line-height: 1.2em; color: #8d8d8d; cursor: text } .cp-footer__top__newsletter__field button { width: 20%; float: left; background: none; color: #8d8d8d; padding: 10px; border-left: none; border-color: #d4d4d4 } .cp-footer__bottom { position: relative; border-top: 1px solid #d4d4d4 } .cp-footer__bottom__scrolltop { width: 100%; float: none; border-bottom: 1px solid #d4d4d4 } @media (min-width:768px) { .cp-footer__bottom__scrolltop { width: 90px; float: right; border-bottom: none } } .cp-footer__bottom__scrolltop a { display: block; height: 50px; width: 100%; position: relative; padding: 10px; color: #8d8d8d; text-align: center; overflow: hidden; -webkit-transition: background-color .3s linear; transition: background-color .3s linear } @media (min-width:768px) { .cp-footer__bottom__scrolltop a { height: 103px; padding: 40px 10px } } .no-touch .cp-footer__bottom__scrolltop a:hover { background-color: #9A0C0C; color: #fff } .cp-footer__bottom__scrolltop a span { display: block; speak: none; font-style: normal; font-weight: 700; font-variant: normal; text-transform: none; font-size: 18px; line-height: 26px; vertical-align: middle; color: #000; } .cp-footer__bottom__scrolltop a span:after { float: none } .cp-footer__bottom__copyright { width: 100%; float: none; color: #8d8d8d; overflow: hidden; font-size: 14px; text-align: center; line-height: 50px; margin-top: 20px; } @media (min-width:768px) { .cp-footer__bottom__copyright { width: 100%; float: left; margin-right: -90px } } .cp-footer__bottom__copyright ul { width: 100%; text-align: center } @media (min-width:768px) { .cp-footer__bottom__copyright ul { width: calc(100% + 90px) } } .cp-footer__bottom__copyright ul li { display: inline-block } .cp-footer__bottom__copyright ul li a { display: block; height: 50px; line-height: 50px; width: 50px; border-left: 1px solid #d4d4d4 } .cp-footer__bottom__copyright ul li a img { position: relative; top: 5px; left: 2px } .cp-footer__bottom__copyright ul li:last-child a { border-right: 1px solid #d4d4d4 } .cp-footer__delete-link { display: block; position: absolute; left: 20px; text-align: left; padding-top: 15px; line-height: 1.7 } .cp-footer__delete-link .mobile-hidden { display: none } @media (min-width:768px) { .cp-footer__delete-link .mobile-hidden { display: inline } } .cp-footer__delete-logo { display: inline-block; vertical-align: middle; width: 47px; height: 12px; font-size: 0; vertical-align: top } .cp-footer__delete-logo:before { font-size: 12px; color: #bfbfbf; float: none; line-height: 1.7 } .cp-footer__copyline { width: 100px; height: auto; margin: 10px 0 } @media (min-width:768px) { .cp-footer__copyline { width: 170px } } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } @media (min-width:992px) { .cp-table { display: table } } @media (min-width:992px) { .cp-table__row-group { display: table-row-group } } @media (min-width:992px) { .cp-table__row { display: table-row; width: 100% } } @media (min-width:992px) { .cp-table__cell { display: table-cell } } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-breadcrumb__entry, .cp-breadcrumb a { color: #fff; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .cp-breadcrumb__entry { font-size: 13px } .cp-breadcrumb__entry--hidden { opacity: 0; -webkit-transition: .3s ease; transition: .3s ease } .cp-breadcrumb__entry--hidden.is-active { opacity: 1 } .cp-breadcrumb a { font-size: 13px; display: none } @media (min-width:768px) { .cp-breadcrumb a { display: inline } } .no-touch .cp-breadcrumb a:hover { color: #2b2b2b } .cp-breadcrumb a:before { content: "/"; margin: 0 5px; text-decoration: none; color: #fff } .cp-breadcrumb a:first-child::before { content: none } .cp-breadcrumb a:last-child { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400 } .cp-breadcrumb__link:before { display: none } .cp-breadcrumb-line-group { line-height: 1.25 } .cp-breadcrumb-line-group__line { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 13px } .cp-breadcrumb-line-group__line:after { content: "/"; margin: 0 5px 0 7px } .cp-breadcrumb-line-group__group { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-size: 13px; color: #8d8d8d; margin-right: 5px } .cp-breadcrumb-line-group__group:after { content: "," } .cp-breadcrumb-line-group__group:hover { color: #2b2b2b } .cp-breadcrumb-line-group__group:last-child:after { content: "" } .cp-breadcrumb-line-group__belongs { font-size: 13px } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-active-filters { display: block; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 32px; line-height: 1em; letter-spacing: -.02em; color: #fff; color: #333 } .cp-active-filters strong { font-weight: 700 } @media (min-width:480px) { .cp-active-filters { font-size: 40px } } @media (min-width:768px) { .cp-active-filters { font-size: 45px } } .cp-active-filters strong { color: #fff } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-product-download { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; padding: 10px 15px; font-size: 14px; line-height: 1.2; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; color: #8d8d8d; -webkit-transition: background-color .3s linear, color .3s linear; transition: background-color .3s linear, color .3s linear } @media (min-width:768px) { .cp-product-download { font-size: 15px; padding: 15px 20px } } .cp-product-download:after { font-size: 18px } @media (min-width:768px) { .cp-product-download:after { font-size: 28px } } .cp-product-download__extra { display: none } @media (min-width:768px) { .cp-product-download__extra { display: block } } .no-touch .cp-product-download:hover { background-color: #9A0C0C; color: #fff } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-side-nav { position: relative } .cp-side-nav__title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 20px; letter-spacing: -.02em; color: #9A0C0C } .cp-side-nav__sub { display: none } .cp-side-nav__sub.sub-selected { display: block } .cp-side-nav__items { position: relative; padding-top: 30px; padding-bottom: 30px; -webkit-transform: translateZ(0); transform: translateZ(0) } .cp-side-nav__items.top { top: 0 !important } .cp-side-nav__items.fixed { position: fixed; top: 70px } @media (min-width:1025px) { .cp-side-nav__items.fixed { top: 156px } } .cp-side-nav__items.bottom { position: absolute; bottom: 0 } .cp-side-nav__items__family { display: block; position: relative; clear: both; padding: 10px 0 10px 30px; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .cp-side-nav__items__family:before { margin-right: 10px; margin-bottom: 30px } .cp-side-nav__items__item { display: block; position: relative; clear: both; padding: 10px 0 10px 30px; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 16px; line-height: 1.2em; color: #2b2b2b; -webkit-transition: none; transition: none } .cp-side-nav__items__item.selected+.cp-side-nav__sub { display: block } .cp-side-nav__items__item i { display: inline-block; margin-right: 5px; vertical-align: middle } .cp-side-nav__items__item i:after { font-size: 16px } .cp-side-nav__items__item:before { content: ""; position: absolute; display: block; top: 0; left: 0; width: 5px; height: 100%; background-color: #9A0C0C; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1); transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1); transition: transform .5s cubic-bezier(.215, .61, .355, 1); transition: transform .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) } .cp-side-nav__items__item.selected { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #9A0C0C } .cp-side-nav__items__item.selected:before { -webkit-transform: scaleX(1); transform: scaleX(1) } .cp-side-nav__items__item.selected, .no-touch .cp-side-nav__items__item:hover { color: #9A0C0C } .cp-side-nav__sub { margin: 0 0 0 22px } .cp-side-nav--downloads { position: static } .cp-side-nav--downloads .cp-side-nav__items { padding: 10px 0 } @media (min-width:768px) { .cp-side-nav--downloads .cp-side-nav__items { padding: 30px 0 } } .cp-side-nav--downloads .cp-side-nav__items.top { top: 0 !important } .cp-side-nav--downloads .cp-side-nav__items.fixed { position: fixed; top: 70px } @media (min-width:1025px) { .cp-side-nav--downloads .cp-side-nav__items.fixed { top: 70px } } .cp-side-nav--downloads .cp-side-nav__items__item { padding: 10px 0 10px 22px } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-select { position: relative } .cp-select select { -webkit-appearance: none; display: block; width: 100%; height: 100%; border-radius: 0; background: transparent; outline: none } .cp-select.white select { border: 1px solid #2b2b2b; color: #8d8d8d } .cp-select.dark select { border: 1px solid #2b2b2b; color: #2b2b2b; background-color: #fff } .cp-select.dark:before { height: 100%; width: 50px; right: 0; top: 0; background: #2b2b2b } .cp-select.dark:before, .cp-select:after { content: ""; pointer-events: none; position: absolute } .cp-select:after { height: 9px; width: 9px; right: 70px; top: 35%; background: transparent; border: 2px solid #8d8d8d; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .projects-container { margin: -15px } .projects-container .masonry-cell { position: absolute; display: block; list-style: none; width: 100%; height: auto; padding: 15px } @media (min-width:480px) { .projects-container .masonry-cell { width: 50% } } @media (min-width:768px) { .projects-container .masonry-cell { width: 33.3% } } @media (min-width:992px) { .projects-container .masonry-cell { width: 25% } } @media (min-width:1420px) { .projects-container .masonry-cell { width: 20% } } .projects-container .masonry-cell.is-hidden { opacity: 0 } @media (min-width:1420px) { .projects-container--dark .masonry-cell { width: 25% } } .cp-masonry { display: block; -webkit-column-width: 300px; column-width: 300px; -webkit-column-gap: 0; column-gap: 0; list-style: none; margin-left: -10px; margin-right: -10px } .cp-masonry.is-empty { margin: 0 } .cp-masonry .masonry-cell { display: inline-block; padding: 15px } .cp-masonry__cell { display: inline-block; position: relative; width: 100%; padding: 10px } @media (min-width:480px) { .ie9 .cp-masonry__cell { width: 49% } } @media (min-width:768px) { .ie9 .cp-masonry__cell { width: 32% } } @media (min-width:992px) { .ie9 .cp-masonry__cell { width: 24% } } @media (min-width:1420px) { .ie9 .cp-masonry__cell { width: 16% } } @media (min-width:480px) { .cp-masonry { margin-left: -10px; margin-right: -10px } .cp-masonry__cell { display: inline-block; padding: 10px } } @media (min-width:768px) { .cp-masonry { margin-left: -15px; margin-right: -15px } .cp-masonry__cell { display: inline-block; padding: 15px } } @media (min-width:992px) { .cp-masonry { margin-left: -15px; margin-right: -15px } .cp-masonry__cell { display: inline-block; padding: 15px } } @media (min-width:1420px) { .cp-masonry { margin-left: -15px; margin-right: -15px } .cp-masonry__cell { display: inline-block; padding: 15px } } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-project-thumb { display: inline-block; position: relative; width: 100.1%; font-size: 0; -webkit-transition: .5s; transition: .5s; opacity: 0 } .cp-project-thumb.isShowed, .isShowed.cp-project-thumb { opacity: 1 } .cp-project-thumb img { display: block; width: 100%; height: auto; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden } .cp-project-thumb__photos { display: block; position: absolute; top: 0; left: 0; white-space: nowrap; padding: 10px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px; line-height: 20px; color: #9A0C0C; background-color: hsla(0, 0%, 100%, .8) } .cp-project-thumb__photos:before { font-size: 20px; line-height: 20px; margin-right: 10px } .cp-project-thumb__label { display: block; padding: 20px; position: relative; z-index: 1; background-color: #fff; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 16px; line-height: 1.2em; color: #8d8d8d; -webkit-transition: color .2s linear, background-color .2s linear; transition: color .2s linear, background-color .2s linear } .cp-project-thumb__location { display: block; margin-top: 10px; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 14px; line-height: 20px; color: #8d8d8d } .cp-project-thumb__location:before { font-size: 20px; line-height: 20px; color: #9A0C0C; margin-right: 5px } .cp-project-thumb.cp-project-thumb--hover, .no-touch .cp-project-thumb:hover { background-color: #9A0C0C } .cp-project-thumb.cp-project-thumb--hover img, .no-touch .cp-project-thumb:hover img { opacity: .3 } .cp-project-thumb.cp-project-thumb--hover .vw-galleries__thumb__label, .no-touch .cp-project-thumb:hover .vw-galleries__thumb__label { color: #fff; background-color: #9A0C0C } .cp-project-thumb--search { opacity: 1 } .cp-project-thumb--search .cp-project-thumb__label { border-left: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4 } .projects-container--dark .cp-project-thumb>img { -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover; height: 215px } @media (min-width:768px) { .projects-container--dark .cp-project-thumb>img { height: 235px } } .projects-container--dark .cp-project-thumb__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 120px; color: #fff; background-color: #1a1a1a } @media (min-width:480px) { .projects-container--dark .cp-project-thumb__label { min-height: 150px } } .projects-container--dark .cp-project-thumb__photos { display: none } .projects-container--dark .cp-project-thumb__location { margin-top: auto; padding-top: 20px; color: #9a9a9a } .projects-container--dark .cp-masonry-cell { padding-top: 10px; padding-bottom: 10px } @media (min-width:480px) { .projects-container--dark .cp-masonry-cell { padding-top: 15px; padding-bottom: 15px } } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-event-thumb { margin-bottom: 30px } @media (min-width:992px) { .cp-event-thumb { margin-bottom: 0; padding-bottom: 20px; border-bottom: 1px solid #8d8d8d } } .cp-event-thumb__visual { min-width: 150px; vertical-align: middle } .cp-event-thumb__visual img { width: 100%; display: block } .cp-event-thumb__content { width: 100% } .cp-event-thumb__content h2 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 18px; color: #8d8d8d; line-height: 1em; letter-spacing: -.02em; margin: 30px 0 15px } @media (min-width:992px) { .cp-event-thumb__content h2 { margin: 0 0 10px } } .cp-event-thumb__content p { color: #8d8d8d; font-size: 16px; line-height: 1.5em; max-width: 820px; margin-bottom: 20px } @media (min-width:992px) { .cp-event-thumb__content p { margin-bottom: 0 } } .cp-event-thumb__location { min-width: 180px } .cp-event-thumb__location p { color: #8d8d8d; font-size: 16px; line-height: 1.5em } .cp-event-thumb__date { min-width: 180px } .cp-event-thumb__date p { color: #8d8d8d; font-size: 16px; line-height: 1.5em; margin-bottom: 20px } @media (min-width:992px) { .cp-event-thumb__date p { margin-bottom: 0 } } .cp-event-thumb__link { min-width: 150px } .cp-event-thumb__link a { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #8d8d8d; display: inline-block; padding: 20px; border: 1px solid #8d8d8d } @media (min-width:992px) { .cp-event-thumb__link a { float: right } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-case-study-thumb { display: table; width: 100%; height: 465px; background-repeat: no-repeat; background-size: cover; position: relative } .cp-case-study-thumb:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; -webkit-transform-origin: bottom left; transform-origin: bottom left; background-color: #fff } .cp-case-study-thumb.hidden:after { -webkit-transform: scaleY(1); transform: scaleY(1) } .cp-case-study-thumb:not(.hidden):after { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform 1.2s cubic-bezier(.645, .045, .355, 1); transition: -webkit-transform 1.2s cubic-bezier(.645, .045, .355, 1); transition: transform 1.2s cubic-bezier(.645, .045, .355, 1); transition: transform 1.2s cubic-bezier(.645, .045, .355, 1), -webkit-transform 1.2s cubic-bezier(.645, .045, .355, 1) } .cp-case-study-thumb a { display: table-cell; text-align: center; vertical-align: middle; background-color: transparent; -webkit-transition: background-color .3s linear; transition: background-color .3s linear } .no-touch .cp-case-study-thumb a:hover { background-color: rgba(255, 40, 45, .5) } .cp-case-study-thumb a header { margin-bottom: 20px } .cp-case-study-thumb a header h2 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 48px; letter-spacing: -.02em; color: #fff; opacity: 1 } .cp-case-study-thumb a header p { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 24px; color: #fff; margin-top: 20px; opacity: 1 } .cp-case-study-thumb a header.hidden h2, .cp-case-study-thumb a header.hidden p { opacity: 0 } .cp-case-study-thumb a header:not(.hidden) h2, .cp-case-study-thumb a header:not(.hidden) p { -webkit-transition: opacity 1.2s linear; transition: opacity 1.2s linear } .cp-case-study-thumb--search { height: 340px; background-position: 50% } .cp-case-study-thumb--search .cp-case-study-thumb__link { padding: 10px } @media (min-width:992px) { .cp-case-study-thumb--search .cp-case-study-thumb__link { padding: 15px } } .cp-case-study-thumb--search .cp-case-study-thumb__headline { font-size: 36px } .cp-case-study-thumb--search .cp-case-study-thumb__location { font-size: 20px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-case-study-intro-text { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 28px; line-height: 1.7em; color: #9A0C0C; padding-top: 70px; padding-bottom: 70px } @media (min-width:480px) { .cp-case-study-intro-text { padding-top: 70px; padding-bottom: 70px } } @media (min-width:768px) { .cp-case-study-intro-text { padding-top: 70px; padding-bottom: 70px } } @media (min-width:992px) { .cp-case-study-intro-text { padding-top: 70px; padding-bottom: 70px } } @media (min-width:1420px) { .cp-case-study-intro-text { padding-top: 70px; padding-bottom: 70px } } @media (min-width:1600px) { .cp-case-study-intro-text { padding-top: 70px; padding-bottom: 70px } } .cp-case-study-html-text { padding: 30px 20px } @media (min-width:768px) { .cp-case-study-html-text { padding: 30px 0 } } .cp-case-study-html-text h2 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 30px; line-height: 1.133; letter-spacing: -.02em; color: #333; margin-bottom: .433em } @media (min-width:768px) { .cp-case-study-html-text h2 { font-size: 24px; line-height: 1.2 } } .cp-case-study-html-text h2+div p, .cp-case-study-html-text h2+h3, .cp-case-study-html-text h2+p { margin-top: 40px } .cp-case-study-html-text h3 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 24px; letter-spacing: -.02em; line-height: 1.2em; color: #333 } .cp-case-study-html-text h3+div p, .cp-case-study-html-text h3+p { margin-top: 30px } .cp-case-study-html-text p { font-family: "Source Han Sans", sans-serif; font-weight: lighter; letter-spacing: -.02em; font-size: 16px; line-height: 1.875; color: #666 } @media (min-width:768px) { .cp-case-study-html-text p { font-size: 18px; line-height: 1.8 } } .cp-case-study-html-text p+h3 { margin-top: 50px } .cp-case-study-html-text p+p { margin-top: 25px } .cp-case-study__highlighted p { font-family: "Source Han Sans", sans-serif; font-size: 18px; line-height: 1.7; letter-spacing: 0; color: #666 } @media (min-width:768px) { .cp-case-study__highlighted p { font-size: 24px } } .cp-case-study-quote { padding-top: 1em; margin-bottom: 3em } .cp-case-study-quote blockquote { font-family: "Source Han Sans", sans-serif; font-weight: 300; color: #8d8d8d } .cp-case-study-quote blockquote:after { content: ""; display: table; clear: both } .cp-case-study-quote blockquote span { position: relative; font-style: italic; font-size: 18px; line-height: 1.25em } .cp-case-study-quote blockquote span:after, .cp-case-study-quote blockquote span:before { color: #9A0C0C; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-size: 30px; font-weight: 700 } .cp-case-study-quote blockquote span:before { content: "\201C"; margin-right: 10px; padding: 5px } .cp-case-study-quote blockquote span:after { content: "\201D"; margin-left: 10px; padding: 5px } @media (min-width:768px) { .cp-case-study-quote blockquote span { font-size: 36px } .cp-case-study-quote blockquote span:after, .cp-case-study-quote blockquote span:before { position: absolute; margin-top: 10px; font-size: 60px } .cp-case-study-quote blockquote span:before { margin-left: -40px } .cp-case-study-quote blockquote span:after { margin-left: 20px } } .cp-case-study-quote blockquote footer { width: 75%; white-space: nowrap; margin-top: 20px; font-size: 14px; line-height: 1.3em; letter-spacing: .02em } .cp-case-study-quote blockquote footer strong { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .cp-case-study-quote blockquote footer img { display: inline-block; vertical-align: middle; border-radius: 30px; margin-right: 20px } .cp-case-study-quote blockquote footer cite { white-space: normal; font-style: normal; display: inline-block; vertical-align: middle } .cp-case-study-full-image.no-gutter { margin-left: -20px; margin-right: -20px } .cp-case-study-full-image.no-gutter img { display: block; margin: auto; max-width: 100% } @media (min-width:768px) { .cp-case-study-full-image.no-gutter { margin-left: auto; margin-right: auto; max-width: 1600px } } .cp-case-study-image { position: relative; background-color: #9A0C0C } .cp-case-study-image__bg { width: 100%; padding-top: 60%; background-repeat: no-repeat; background-size: cover; background-position: 50%; -webkit-transition: opacity .2s linear; transition: opacity .2s linear } .cp-case-study-image__content { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .cp-case-study-image__content__text { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; text-align: center } .cp-case-study-image__content__text p { color: #fff; margin-top: 10px } .cp-case-study-image__content:after { color: #fff; position: absolute; top: 20px; right: 20px; font-size: 24px } .no-touch .cp-case-study-image:hover .cp-case-study-image__bg { opacity: .1 } .no-touch .cp-case-study-image:hover .cp-case-study-image__content__text { opacity: 1 } .cp-case-study-comparison { position: relative; width: 100%; background-color: #8d8d8d; font-size: 0; overflow: hidden } .cp-case-study-comparison__before { width: auto; height: 100% } .cp-case-study-comparison__after { width: 100%; height: auto } .cp-case-study-comparison__mask { position: absolute; top: 0; left: 0; width: 50%; height: 100%; border-right: 1px solid #fff; overflow: hidden } .cp-case-study-comparison__controls { display: block; position: absolute; width: 80px; height: 40px; top: 50%; left: 50%; margin-top: -20px; margin-left: -40px; background-image: url(/App_Themes/iGuzzini/images/global/comparison_controller.png); background-size: contain; background-position: 50%; cursor: pointer; opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear } .no-touch .cp-case-study-comparison:hover .cp-case-study-comparison__controls { opacity: 1 } .cp-case-study-sketchfab { position: relative; padding-top: 60% } .cp-case-study-sketchfab iframe { position: absolute; top: 0; left: 0 } .cp-case-study-tree-images { position: relative; overflow: hidden; margin: 40px 0 } @media (min-width:992px) { .cp-case-study-tree-images { margin: 100px 0 } } .cp-case-study-tree-images__spacer { display: none } @media (min-width:768px) { .cp-case-study-tree-images__spacer { display: block; width: 100%; padding-top: 60% } } .cp-case-study-tree-images__table { display: block } @media (min-width:768px) { .cp-case-study-tree-images__table { display: block; position: absolute; top: 0; bottom: 0; left: 10px; right: 10px } .cp-case-study-tree-images__table__col { display: block; position: relative; top: 0; left: 0; width: 50%; height: 100%; margin-top: 0 } .cp-case-study-tree-images__table__col .col-12 { height: 50%; margin-top: 0; padding-left: 0; padding-right: 0 } .cp-case-study-tree-images__table__col .col-12:first-child { padding-bottom: 10px } .cp-case-study-tree-images__table__col .col-12:nth-child(2) { padding-top: 10px } .cp-case-study-tree-images__table__col:nth-child(2) .grid-row { height: 100%; margin-left: 0; margin-right: 0 } .cp-case-study-tree-images__table__col:nth-child(2) .grid-row:before { margin-top: 0 } .cp-case-study-tree-images__table__col:nth-child(2) .grid-row .col-12 { height: 50%; padding-left: 0; padding-right: 0 } .cp-case-study-tree-images__table__col:nth-child(2) .grid-row .col-12:first-child { padding-bottom: 10px } .cp-case-study-tree-images__table__col:nth-child(2) .grid-row .col-12:last-child { margin-top: 0; padding-top: 10px } .cp-case-study-tree-images__table .cp-case-study-image { width: 100%; height: 100% } .cp-case-study-tree-images__table .cp-case-study-image__bg { padding-top: 0; height: 100% } } @media (min-width:768px) and (min-width:768px) { .cp-case-study-tree-images__table { left: 15px; right: 15px } } .cp-sticky { position: -webkit-sticky; position: -moz-sticky; position: -o-sticky; position: -ms-sticky; position: sticky } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-image-square { position: relative; background-color: #fff; margin-bottom: 30px; overflow: hidden } .cp-image-square__image img { display: block; max-width: 100%; margin-left: auto; margin-right: auto } .no-touch .cp-image-square:hover .cp-image-square__overlay { -webkit-transform: translateY(0); transform: translateY(0) } .cp-image-square__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: hsla(0, 0%, 100%, .7); border-top: 3px solid #9A0C0C; padding: 20px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #9A0C0C; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform .3s cubic-bezier(.455, .03, .515, .955); transition: -webkit-transform .3s cubic-bezier(.455, .03, .515, .955); transition: transform .3s cubic-bezier(.455, .03, .515, .955); transition: transform .3s cubic-bezier(.455, .03, .515, .955), -webkit-transform .3s cubic-bezier(.455, .03, .515, .955) } @media (min-width:480px) { .cp-image-square__overlay { padding: 20px } } @media (min-width:768px) { .cp-image-square__overlay { padding: 30px } } @media (min-width:992px) { .cp-image-square__overlay { padding: 30px } } @media (min-width:1420px) { .cp-image-square__overlay { padding: 30px } } .cp-image-square__overlay:before { margin-right: 5px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-filter { position: relative; display: inline-block; background-color: #fff; border: 1px solid #8d8d8d } .cp-filter select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 0; padding: 25px 70px 9px 20px; background-color: transparent; background-image: none; outline: 0; color: #000; opacity: 1; -webkit-transition: opacity .5s linear .15s; transition: opacity .5s linear .15s; cursor: pointer } .cp-filter .cp-filter__title, .cp-filter select { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-size: 14px; font-weight: 700 } .cp-filter .cp-filter__title { position: absolute; top: 18px; left: 20px; padding: 0; line-height: 1em; letter-spacing: 0; color: #8d8d8d; pointer-events: none; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: translateY(-5px) scale(.73); transform: translateY(-5px) scale(.73); -webkit-transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1); transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1); transition: transform .8s cubic-bezier(.19, 1, .22, 1); transition: transform .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1) } .cp-filter:after { position: absolute; top: 0; right: 0; width: 50px; height: 50px; font-size: 18px; text-align: center; line-height: 50px; border-left: 1px solid #8d8d8d; pointer-events: none } .cp-filter--full { width: 100% } .cp-filter--full select { width: 100%; padding: 26px 70px 10px 20px } .cp-filter--full:before { height: 52px } .cp-filter--mid-grey, .cp-filter--mid-grey:before { border-color: #d4d4d4 } @-moz-document url-prefix() { .cp-filter select { padding: 25px 70px 7px 17px } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-radio-console { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding: 1px 1px 0 0 } .cp-radio-console__item { display: block; min-width: 80px; margin: -1px 0 0; -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20% } .cp-radio-console__input:checked+.cp-radio-console__label { color: #9A0C0C; background: #fff } .cp-radio-console__label { margin: 0 -1px 0 0; border: 1px solid #d4d4d4; display: block; padding: 15px !important } .cp-radio-console__label:before { display: none !important } .cp-radio-console__header { color: inherit; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px; line-height: 20px } .cp-radio-console__header+.cp-radio-console__header { margin-top: 0 } .cp-radio-console__header--sub { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400 } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .blind { display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; opacity: .5; background: #000 } .blind--active { display: block } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .animated-points { list-style: none; text-align: left } .animated-points__item+.animated-points__item { margin-top: 20px } .animated-points__label { pointer-events: none; color: #333 !important; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif !important; font-size: 22px !important; line-height: 30px !important; padding-left: 60px !important } .animated-points__note { background: #fff000; opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear } input[type=checkbox]:checked+label .animated-points__note { opacity: 1 } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .social-post-wrapper { position: relative; padding-bottom: 100% } @media (min-width:992px) { .social-post-wrapper { padding-bottom: 50% } } .cp-social-post { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #00c2ec; -webkit-transition: .5s ease-out; transition: .5s ease-out; opacity: 0 } .cp-social-post.active { opacity: 1; z-index: 1 } .no-touch .cp-social-post:hover .cp-social-post__native-img { -webkit-transform: scale(1.05) rotate(.001deg); transform: scale(1.05) rotate(.001deg) } .cp-social-post__content { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px 0 20px 30px; overflow: hidden } .cp-social-post__content:after { content: " "; position: absolute; left: 0; bottom: 0; height: 60px; width: 100%; display: block; z-index: 1; pointer-events: none } @media (min-width:992px) { .cp-social-post__content { width: 50% } } .cp-social-post__content a { color: inherit } .cp-social-post__content-inner { overflow-y: scroll; overflow-x: hidden; height: 100%; position: relative; margin-right: -17px; padding: 0 47px 0 0 } .cp-social-post__label { display: inline-block; position: relative; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 0; line-height: 30px; color: #fff; z-index: 2 } .cp-social-post__label:before { margin-right: 10px; color: #00add3; font-size: 30px; line-height: 30px } .cp-social-post .cp-social-post__link-overlay { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin-top: 0; z-index: 1 } .cp-social-post__message { display: block; margin-top: 5px; word-wrap: break-word; padding-top: 30px; z-index: 1 } .cp-social-post__message, .cp-social-post__message a { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 16px; letter-spacing: -.02em; line-height: 1.5em; color: #fff; position: relative } .cp-social-post__message a { margin-top: 20px } @media (min-width:1420px) { .cp-social-post__message a { font-size: 20px } } .cp-social-post__message a:after { content: " "; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5 } @media (min-width:480px) { .cp-social-post__message { margin-top: 10px; margin-bottom: 30px } } @media (min-width:1420px) { .cp-social-post__message { font-size: 20px } } .cp-social-post__image-wrapper { overflow: hidden; position: absolute; width: 50%; height: 100%; top: 0; right: 0; z-index: 1 } .cp-social-post__native-img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover } .cp-social-post__image, .cp-social-post__native-img { -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; -webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform } .cp-social-post__image { display: none } @media (min-width:992px) { .cp-social-post__image { display: block; position: absolute; top: 0; right: 0; width: 100%; height: 100% } .cp-social-post__image:before { content: ""; display: block; position: absolute; width: 34px; height: 34px; top: 35px; left: 0; background-color: #00c2ec; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 2 } } .cp-social-post.twitter .cp-social-post__content:after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 194, 236, 0)), color-stop(59%, #00c2ec), color-stop(99%, #00c2ec)); background: linear-gradient(180deg, rgba(0, 194, 236, 0) 0, #00c2ec 59%, #00c2ec 99%); background: -webkit-linear-gradient(180deg, rgba(0, 194, 236, 0) 0, #00c2ec 59%, #00c2ec 99%) } .cp-social-post.instagram { background-color: #fff } .cp-social-post.instagram .cp-social-post__content:after { background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff)); background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff) } .cp-social-post.instagram .cp-social-post__label, .cp-social-post.instagram .cp-social-post__label:before, .cp-social-post.instagram .cp-social-post__message, .cp-social-post.instagram .cp-social-post__message a { color: #000 } .no-touch .cp-social-post.instagram .cp-social-post__message a:hover { color: #666 } .cp-social-post.instagram .cp-social-post__image:before { background-color: #fff } .cp-social-post.facebook { background-color: #474f92 } .cp-social-post.facebook .cp-social-post__content:after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(71, 79, 146, 0)), color-stop(59%, #474f92), color-stop(99%, #474f92)); background: linear-gradient(180deg, rgba(71, 79, 146, 0) 0, #474f92 59%, #474f92 99%); background: -webkit-linear-gradient(180deg, rgba(71, 79, 146, 0) 0, #474f92 59%, #474f92 99%) } .cp-social-post.facebook .cp-social-post__label { color: #fff } .cp-social-post.facebook .cp-social-post__label:before { color: #7e86c1 } .cp-social-post.facebook .cp-social-post__message, .cp-social-post.facebook .cp-social-post__message a { color: #fff } .no-touch .cp-social-post.facebook .cp-social-post__message a:hover { color: #ebebeb } .cp-social-post.facebook .cp-social-post__image:before { background-color: #474f92 } .cp-social-post.pinterest { background-color: #a62535 } .cp-social-post.pinterest .cp-social-post__content:after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(166, 37, 53, 0)), color-stop(59%, #a62535), color-stop(99%, #a62535)); background: linear-gradient(180deg, rgba(166, 37, 53, 0) 0, #a62535 59%, #a62535 99%); background: -webkit-linear-gradient(180deg, rgba(166, 37, 53, 0) 0, #a62535 59%, #a62535 99%) } .cp-social-post.pinterest .cp-social-post__label { color: #fff } .cp-social-post.pinterest .cp-social-post__label:before { color: #da5768 } .cp-social-post.pinterest .cp-social-post__message, .cp-social-post.pinterest .cp-social-post__message a { color: #fff } .no-touch .cp-social-post.pinterest .cp-social-post__message a:hover { color: #ebebeb } .cp-social-post.pinterest .cp-social-post__image:before { background-color: #a62535 } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .colors-list { list-style: none; font-size: 0 } .colors-list .colors-list__li { display: inline-block; vertical-align: top; min-width: 180px; padding: 5px 10px 5px 0; font-size: 12px; width: 33.33333333% } .colors-list__li+.colors-list__li { margin-top: 0 } .colors-list .colors-list__img { vertical-align: middle; margin-right: 10px } .colors-list--line .colors-list__li { width: auto; min-width: 0 } .colors-list--line .colors-list__img { width: 15px; height: 15px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-description-box { word-break: break-word } .vw-product .cp-description-box { margin-bottom: 20px } @media (min-width:768px) { .vw-product .cp-description-box { margin-bottom: 40px } } @media (min-width:768px) { .cp-description-box { display: -webkit-box; display: -ms-flexbox; display: flex } } .cp-description-box__content, .cp-description-box__image { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } @media (min-width:768px) { .cp-description-box__content, .cp-description-box__image { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } } .cp-description-box__image { height: 350px; background-size: cover; background-repeat: no-repeat; background-position: 50% } @media (min-width:768px) { .cp-description-box__image { height: auto } } .show-blade-element .cp-description-box__image { height: 200px } @media (min-width:768px) { .show-blade-element .cp-description-box__image { height: auto } } .cp-description-box__native-img { width: 100%; height: 100%; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover } .cp-description-box__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color: #fff; padding: 25px } @media (min-width:768px) { .cp-description-box__content { min-height: 475px; padding: 35px } } .cp-description-box__content--spaced { padding: 35px } @media (min-width:768px) { .cp-description-box__content--spaced { padding: 55px } } .cp-description-box__content header { margin-bottom: 20px } @media (min-width:768px) { .cp-description-box__content header { margin-bottom: 35px } } .cp-description-box__content header h2 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 36px; color: #9A0C0C; line-height: 1em; letter-spacing: -.02em } @media (min-width:768px) { .cp-description-box__content header h2 { font-size: 48px } } .cp-description-box__content header p { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 26px; color: #8d8d8d; line-height: 1em; letter-spacing: 0 } @media (min-width:768px) { .cp-description-box__content header p { font-size: 30px } } .cp-description-box__content p { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 16px; color: #2b2b2b; line-height: 1.75em; letter-spacing: 0 } .cp-description-box__content p+a { margin-top: 30px } .cp-description-box__content.bottom { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .cp-description-box__content.middle { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .cp-description-box__content.justify .cp-description-box__copy { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto } .cp-description-box__copy { color: #666 } .cp-description-box__title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 36px; color: #9A0C0C; line-height: 1em; letter-spacing: -.02em; margin-bottom: 10px } @media (min-width:768px) { .cp-description-box__title { font-size: 48px } } .cp-description-box__subtitle { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 24px; color: #8d8d8d; line-height: 1em; letter-spacing: 0; margin-bottom: 10px } @media (min-width:768px) { .cp-description-box__subtitle { font-size: 28px } } .cp-description-box__subtitle--small { color: #333; line-height: 1.33em; letter-spacing: -.02em; margin-bottom: 0; font-size: 20px } @media (min-width:768px) { .cp-description-box__subtitle--small { font-size: 24px; margin-bottom: 30px } } .cp-description-box__text { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 15px; line-height: 1.75em; color: #8d8d8d; letter-spacing: 0; margin-bottom: 1em } @media (min-width:768px) { .cp-description-box__text { font-size: 16px } } .cp-description-box_content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .cp-description-box__cta { margin-top: 15px } .cp-description-box__cta .btn-stroke { font-size: 16px } .cp-description-box_text-center { text-align: center } .cp-description-box__list { font-size: 16px; line-height: 20px; list-style: none; margin-top: 0; -webkit-column-width: 180px; column-width: 180px; -webkit-column-gap: 30px; column-gap: 30px } @media (min-width:768px) { .cp-description-box__list { margin-top: 90px; font-size: 18px; line-height: 22px } } .cp-description-box__item { margin-bottom: 25px; display: inline-block; width: 100% } .cp-description-box__item b { color: #9A0C0C } .cp-description-box--black { background-color: #000 } .cp-description-box--black .cp-description-box__content { color: #fff; padding-bottom: 40px !important; padding-top: 40px !important; background-color: transparent } @media (min-width:992px) { .cp-description-box--black .cp-description-box__content { padding-bottom: 150px !important; padding-top: 150px !important } } .cp-description-box--black .cp-description-box__copy { color: #fff } .cp-description-box--black .cp-description-box__image { background-size: contain; min-height: 300px } @media (min-width:992px) { .cp-description-box--black .cp-description-box__image { min-height: 800px } } .cp-description-box--about .cp-description-box__copy { font-size: 20px; line-height: 26px; max-width: 535px; font-family: Helvetica-Neue, HelveticaNeue-Light, Helvetica, sans-serif } @media (min-width:768px) { .cp-description-box--about .cp-description-box__copy { font-size: 30px; line-height: 36px } } @media (min-width:992px) { .cp-description-box--about .cp-description-box__copy { font-size: 40px; line-height: 46px } } .cp-description-box--about .cp-description-box__image { background-size: auto; min-height: 775px } .cp-description-box--white { max-width: 1100px; margin: 0 auto } .cp-description-box--white p { font-size: 16px; line-height: 20px } @media (min-width:768px) { .cp-description-box--white p { font-size: 20px; line-height: 30px } } .cp-description-box--white .cp-description-box__content { padding: 20px } @media (min-width:768px) { .cp-description-box--white .cp-description-box__content { padding: 35px } } @media (min-width:992px) { .cp-description-box--white .cp-description-box__content { padding: 90px 35px 100px } } .cp-description-box--white .cp-description-box__subtitle { font-size: 24px; line-height: 30px; margin-bottom: 25px } @media (min-width:768px) { .cp-description-box--white .cp-description-box__subtitle { font-size: 30px; line-height: 36px; margin-bottom: 55px } } .cp-description-box--grey { background: #f4f4f4 } .cp-description-box--grey .cp-description-box__content { background: none; padding: 90px 35px 35px } .cp-description-box--grey .cp-description-box__subtitle { font-size: 30px; line-height: 36px } .cp-description-box--text .cp-description-box__copy { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } @media (min-width:768px) { .cp-description-box--text .cp-description-box__copy { -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65% } } .cp-description-box--text .cp-description-box__content { min-height: 250px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 1100px; margin: 0 auto } .cp-description-box--imgright .cp-description-box__subtitle { margin-bottom: 20px } @media (min-width:768px) { .cp-description-box--imgright .cp-description-box__subtitle { margin-bottom: 250px; margin-right: 50% } } .cp-description-box--imgright .cp-description-box__content { background: none; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; z-index: 2 } @media (min-width:768px) { .cp-description-box--imgright .cp-description-box__content { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } } .cp-description-box--imgright .cp-description-box__image { background-position: 100%; background-size: contain; margin-left: 20px } @media (min-width:768px) { .cp-description-box--imgright .cp-description-box__image { background-position: 0 100%; background-size: 100% auto; position: absolute; right: 0; top: 0; bottom: 0; height: 100%; width: 50%; z-index: 1; margin-left: 0 } } @media (min-width:992px) { .cp-description-box--imgright .cp-description-box__image { background-position: 100% 100% } } @media (min-width:1420px) { .cp-description-box--imgright .cp-description-box__image { background-position: 100% 100%; background-size: auto } } .cp-description-box--imgright-content.cp-description-box--imgright { margin-top: -60px } @media (min-width:992px) { .cp-description-box--imgright-content.cp-description-box--imgright { margin-top: -100px } } .cp-description-box--imgright-content.cp-description-box--imgright .cp-description-box__content { padding: 0 35px 35px; min-height: inherit; -webkit-box-flex: 0; -ms-flex: 0 0 65%; flex: 0 0 65%; max-width: 65% } @media (min-width:992px) { .cp-description-box--imgright-content.cp-description-box--imgright .cp-description-box__content { padding: 0 35px 100px } } @media (min-width:768px) { .cp-description-box--wide .cp-description-box__content { max-width: 100% } } .hidden-block { display: none } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-featured-area__item { display: block; position: relative; height: 200px; color: #fff; overflow: hidden; -webkit-transition: color .2s linear; transition: color .2s linear; padding: 20px } .cp-featured-area__item:after { display: none; position: absolute; z-index: 10; top: 50%; right: 0; height: 80px; width: 80px; margin-top: -40px; font-size: 50px; text-align: center; line-height: 80px; color: #fff; -webkit-transition: color .2s linear, right .2s ease; transition: color .2s linear, right .2s ease } .cp-featured-area__item:before { content: ""; display: block; position: absolute; z-index: 1; width: 150px; height: 100%; top: 0; right: 0; background: -webkit-gradient(linear, left top, right top, from(transparent), to(#000)); background: linear-gradient(90deg, transparent 0, #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#000000", GradientType=1) } .no-touch .cp-featured-area__item:hover { color: #9A0C0C } .no-touch .cp-featured-area__item:hover:after { color: #9A0C0C; right: -5px } .no-touch .cp-featured-area__item:hover .cover-image { -webkit-transform: scale(1.05) rotate(.001deg); transform: scale(1.05) rotate(.001deg) } @media (min-width:480px) { .cp-featured-area__item { padding: 20px } } @media (min-width:768px) { .cp-featured-area__item { padding: 30px; height: 320px } .cp-featured-area__item:after { display: block } } @media (min-width:992px) { .cp-featured-area__item { padding: 30px } } @media (min-width:1420px) { .cp-featured-area__item { padding: 30px } } @media (min-width:1600px) { .cp-featured-area__item { padding: 30px } } .cp-featured-area__item h4 { font-size: 14px; line-height: 1.2em; letter-spacing: -.02em; margin-bottom: 5px } .cp-featured-area__item h4, .cp-featured-area__item p { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: inherit; position: relative } .cp-featured-area__item p { font-size: 24px; line-height: 1em; letter-spacing: 0 } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-product-application-imagery .full-screen:after { color: #fff; position: absolute; top: 10px; right: 20px; font-size: 24px; opacity: 0; -webkit-transition: opacity .3s linear; transition: opacity .3s linear } .no-touch .cp-product-application-imagery .full-screen:hover:after { opacity: 1 } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .global-product-dialog { display: none } .global-product-dialog__container { display: table; table-layout: fixed; width: 100%; height: 100% } .global-product-dialog__inner { display: table-cell; vertical-align: middle; width: 100%; height: 100% } .global-product-dialog__box { max-width: 590px; margin: 0 auto; background: #f4f4f4; position: relative } .global-product-dialog__header { padding: 20px 30px; background-color: #fff } .global-product-dialog__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 60px 75px } .global-product-dialog__content .btn-simple { max-width: 200px } .global-product-dialog__close { color: #fff; position: absolute; top: -35px; right: 0; -webkit-transition: color .1s linear; transition: color .1s linear; cursor: pointer } .global-product-dialog__close:after { font-size: 24px } .no-touch .global-product-dialog__close:hover { color: #9A0C0C } .global-product-dialog.is-active { display: block; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; min-height: 100vh; z-index: 100; overflow: hidden; background-color: rgba(0, 0, 0, .8) } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-thumb, .cp-thumb__image { position: relative } .cp-thumb__image { padding-top: 100%; background-position: 50%; background-size: cover; background-repeat: no-repeat; background-image: url(/App_Themes/iGuzzini/images/global/placeholder.png) } .cp-thumb__image img.seo-img { z-index: 0 } .cp-thumb__native-img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover } .cp-thumb__label { padding: 12px 10px; min-height: 100px; background-color: #ebebeb; -webkit-transition: background-color .3s linear; transition: background-color .3s linear } @media (min-width:768px) { .cp-thumb__label { padding: 20px } } .cp-thumb__label .codes, .cp-thumb__label .subtitle, .cp-thumb__label .title { -webkit-transition: color .3s linear; transition: color .3s linear } .cp-thumb__label .title { display: block; margin-bottom: 3px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 16px; letter-spacing: -.02em; color: #9A0C0C; line-height: 1.2em } @media (min-width:768px) { .cp-thumb__label .title { font-size: 18px } } .cp-thumb__label .subtitle { display: block; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 16px; letter-spacing: 0; color: #2b2b2b; line-height: 1.2em; white-space: normal; word-break: break-word } @media (min-width:768px) { .cp-thumb__label .subtitle { font-size: 18px } } .cp-thumb--flex { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .cp-thumb--flex .cp-thumb__label { height: auto; min-height: 100px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .no-touch .cp-thumb:hover .cp-thumb__label { background-color: #9A0C0C } .no-touch .cp-thumb:hover .cp-thumb__label .codes, .no-touch .cp-thumb:hover .cp-thumb__label .subtitle, .no-touch .cp-thumb:hover .cp-thumb__label .title { color: #fff } .cp-thumb[data-label] { position: relative } .cp-thumb[data-label]:before { content: attr(data-label); display: block; position: absolute; z-index: 1; top: 0; left: 0; background-color: #f4f4f4; color: #8d8d8d; font-size: 14px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; padding: 2px 10px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-banner { padding: 20px } @media (min-width:480px) { .cp-banner { padding: 20px } } @media (min-width:768px) { .cp-banner { padding: 30px } } @media (min-width:992px) { .cp-banner { padding: 30px } } @media (min-width:1420px) { .cp-banner { padding: 30px } } @media (min-width:1600px) { .cp-banner { padding: 30px } } .cp-banner h2 { max-width: 650px; margin: 0; font-variant: Helvetica-Neue, "HelveticaNeue-Bold", Helvetica, sans-serif; font-size: 48px; font-weight: 700; line-height: 1em; letter-spacing: -.02em; color: #fff } .cp-banner p { max-width: 650px; margin: 15px 0; font-variant: Helvetica-Neue, "HelveticaNeue-Light", Helvetica, sans-serif; font-size: 16px; font-weight: lighter; line-height: 1.75em; letter-spacing: 0; color: #fff } .cover-image { position: absolute; top: 0; left: 0; width: 100.01%; height: 100.01%; background-size: cover; background-position: 50%; background-repeat: no-repeat; -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; -webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .featured { display: table; position: relative; width: 100%; height: 465px; background-size: cover; background-position: 50%; background-repeat: no-repeat } .featured__content { position: relative; display: table-cell; vertical-align: middle; text-align: center } .featured__headline { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-size: 28px; line-height: 1.2; letter-spacing: -.02em; color: #fff } @media (min-width:480px) { .featured__headline { font-size: 32px; line-height: 1.5 } } @media (min-width:768px) { .featured__headline { font-size: 48px } } .featured__description { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 18px; line-height: 1.2; color: #fff; letter-spacing: -.01em; margin: 10px 0 0 } @media (min-width:768px) { .featured__description { font-size: 24px; margin: 10px 0 } } .featured__date { margin: 40px 0 20px } .featured__date, .featured__location { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-size: 18px; letter-spacing: -.02em; color: #9A0C0C } .featured__location:before { float: none; display: inline-block; vertical-align: middle; font-size: 1.25em; margin-top: -.1em } .featured .featured__back-link { display: block; position: absolute; top: 25px; left: 20px; color: #fff; background-color: rgba(0, 0, 0, .3); border: 1px solid #fff } @media (min-width:480px) { .featured .featured__back-link { left: 30px } } .featured .featured__back-link:before { float: none; font-size: 18px } .no-touch .featured .featured__back-link:hover { background: #fff; color: #9A0C0C } .featured .featured__btn.icon-after:after { font-size: 17px } .featured__featured-label { position: absolute; color: #fff; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; background: #9A0C0C; top: 20px; left: 20px; font-size: 10px; line-height: 25px; padding: 0 10px; text-transform: uppercase } @media (min-width:768px) { .featured__featured-label { top: 50px; left: 70px; line-height: 30px; font-size: 14px } } .featured__overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .4 } .featured--events .featured__date { color: #fff; font-size: 18px; margin: 30px 0 0; line-height: 1.4 } @media (min-width:768px) { .featured--events .featured__date { font-size: 25px } } .featured--events .featured__location { margin: 0 0 30px } .featured--case-study { display: block; height: auto } .bladeEvent { font-size: 0 } .bladeEvent .featured { font-size: 16px; height: 200px; overflow: hidden; display: block } @media (min-width:480px) { .bladeEvent .featured { height: 300px } } @media (min-width:768px) { .bladeEvent .featured { height: 450px } } .bladeEvent .featured__content { display: block; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .bladeEvent .featured__headline { font-size: 22px } @media (min-width:480px) { .bladeEvent .featured__headline { font-size: 30px } } .bladeEvent .featured__description { color: #9A0C0C; font-size: 48px; line-height: 1em; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif } @media (min-width:480px) { .bladeEvent .featured__description { font-size: 140px } } .bladeEvent .featured__date { font-size: 22px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; color: #fff; margin-top: 10px } @media (min-width:480px) { .bladeEvent .featured__date { font-size: 30px; margin-top: 20px } } .bladeEvent .featured__image { position: absolute; height: 100%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } @media (min-width:1420px) { .bladeEvent .featured__image { width: 100%; height: auto } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-details-social__ins:after { content: " "; display: block; clear: both } @media (min-width:768px) { .cp-details-social__ins { padding-top: 30px } } .cp-details-social__col { font-size: 14px; line-height: 1.6; color: #8d8d8d } @media (min-width:992px) { .cp-details-social__col { float: left; width: 48% } .cp-details-social__col:first-child { margin-right: 10px } } .cp-details-social__subhead { font-size: 16px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; letter-spacing: -.02 em } .cp-details-social__link { font-size: 14px; line-height: 1.6; color: #8d8d8d; text-decoration: underline; word-wrap: break-word } .cp-details-social__el:first-child { margin-bottom: 25px } .cp-social-block { font-size: 0 } .cp-social-block__subhead { color: #8d8d8d; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px } .erv-thanks .cp-social-block__subhead { display: inline-block; margin-right: 15px } .cp-social-block__btn { margin-left: 25px } .cp-social-block__btn:first-child { margin-left: 0 } .cp-social-block--event { padding: 0 30px } @media (min-width:768px) { .cp-social-block--event { display: inline-block; vertical-align: top; padding: 30px 40px } } @media (min-width:768px) { .erv-thanks .cp-social-block--event { padding: 20px 40px 15px } } .erv-thanks .cp-social-block--event .social-buttons { display: inline-block; vertical-align: top } .cp-social-block--event+.cp-social-block--event { margin-top: 20px } @media (min-width:768px) { .cp-social-block--event+.cp-social-block--event { margin-top: 0; margin-left: 60px } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-innovation--related { position: relative; padding-bottom: 130px !important } .cp-innovation__inner { padding-top: 10px } .cp-innovation__link { display: block } .cp-innovation__link--gutter-1 { padding-right: 1px !important; padding-left: 1px !important } .cp-innovation__image { padding-top: 100%; position: relative; overflow: hidden; background-position: 50%; background-size: cover; height: 1px } .cp-innovation__caption { margin-top: 10px } .cp-innovation__title { opacity: 1; -webkit-transform: none; transform: none; padding: 20px 0 } .cp-innovation__title.hidden { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px) } .cp-innovation__title:not(.hidden) { -webkit-transition: opacity .5s linear, -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: opacity .5s linear, -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: opacity .5s linear, transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: opacity .5s linear, transform 1.2s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1) } .cp-innovation__title h3 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 24px; line-height: 1.4em; letter-spacing: -.02em; color: #4c4c4c } .cp-innovation__title p { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 16px; line-height: 1.75em; letter-spacing: -.02em; color: #8d8d8d } .cp-innovation__title h3+p { margin-top: 10px } @media (min-width:992px) { .cp-innovation__title { position: absolute; left: 60px; bottom: 15px; width: 50%; max-width: 550px; background-color: #fff } } @media (min-width:480px) { .cp-innovation__title { padding: 20px 0 } } @media (min-width:768px) { .cp-innovation__title { padding: 30px 0 } } @media (min-width:992px) { .cp-innovation__title { padding: 30px } } @media (min-width:1420px) { .cp-innovation__title { padding: 30px } } @media (min-width:1600px) { .cp-innovation__title { padding: 30px } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-news-list__image { padding-top: 60%; position: relative; overflow: hidden; background-color: #bbb; background-position: 50%; background-size: cover; height: 1px } .cp-news-list__copy-wrap { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto } .cp-news-list__copy, .cp-news-list__copy-wrap { display: -webkit-box; display: -ms-flexbox; display: flex } .cp-news-list__copy { background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 140px; width: 100% } @media (min-width:768px) { .cp-news-list__copy { padding: 20px } } .cp-news-list__link { display: block } .cp-news-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .cp-news-list__date { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; color: #9A0C0C; font-size: 14px; letter-spacing: -.02em; line-height: 1.2 } .cp-news-list__caption { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-size: 18px; line-height: 24px; letter-spacing: -.02em; color: #8d8d8d; margin-bottom: 10px } .cp-news-list--news-page { margin-top: 30px } .no-touch .cp-news-list--events .cp-news-list__link:hover { color: #fff } .no-touch .cp-news-list--events .cp-news-list__link:hover .cp-news-list__copy { background: #9A0C0C; color: #fff } .no-touch .cp-news-list--events .cp-news-list__link:hover .cp-news-list__caption, .no-touch .cp-news-list--events .cp-news-list__link:hover .cp-news-list__date, .no-touch .cp-news-list--events .cp-news-list__link:hover .cp-news-list__description, .no-touch .cp-news-list--events .cp-news-list__link:hover .cp-news-list__location, .no-touch .cp-news-list--events .cp-news-list__link:hover .cp-news-list__location:before { color: #fff } .cp-news-list--events .cp-news-list__copy { min-height: 230px } @media (min-width:768px) { .cp-news-list--events .cp-news-list__copy { padding: 15px } } .cp-news-list--events .cp-news-list__caption { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } .cp-news-list--events .cp-news-list__date { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-size: 18px } .cp-news-list--events .cp-news-list__description { margin: 20px 0 5px; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; font-size: 14px; line-height: 1.4; color: #8d8d8d } .cp-news-list--events .cp-news-list__location { color: #8d8d8d; font-size: 14px } .cp-news-list--events .cp-news-list__location:before { color: #9A0C0C; float: none; display: inline-block; font-size: 18px; margin-top: -2px; margin-right: 5px } .cp-news-list--events .cp-news-list__image { padding-top: 66% } .cp-news-list--events-page { margin-top: 30px } .cp-news-list--search .cp-news-list__copy { border-left: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4 } .cp-news-list--search .cp-news-list__link { display: block; color: #8d8d8d } .cp-news-list--search .cp-news-list__link:hover { color: #8d8d8d } .cp-news-list--search-content .cp-news-list__copy { min-height: 0 } .cp-news-list--search-content .cp-news-list__caption { margin-bottom: 0 } .cp-news-list--search-contacts .cp-news-list__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .cp-news-list--search-contacts .cp-news-list__caption { color: #9A0C0C; font-size: 13px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; margin-bottom: 25px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto } .cp-news-list--search-contacts .cp-news-list__description { color: #8d8d8d; font-size: 14px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; line-height: 1.4; margin-bottom: 20px; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto } .cp-news-list--search-contacts .cp-news-list__contact-item { font-size: 14px; line-height: 20px; margin-top: 5px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; color: #8d8d8d } .cp-news-list--search-contacts .cp-news-list__contact-item:before { display: block; width: 20px; height: 20px; background: #8d8d8d; color: #fff; line-height: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2px; margin-right: 7px } .cp-news-more { text-align: center } .cp-news-more__btn.hidden { display: none } .cp-news-thumb { background: #fff } .cp-news-thumb, .cp-news-thumb__visual img { display: block; width: 100% } .cp-news-thumb__legend h2 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 16px; line-height: 1em; letter-spacing: -.02em; color: #8d8d8d; margin-bottom: 8px } @media (min-width:480px) { .cp-news-thumb__legend h2 { font-size: 18px } } @media (min-width:768px) { .cp-news-thumb__legend h2 { font-size: 18px } } .cp-news-thumb__legend span { font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 15px; letter-spacing: .02em } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-flex-grid { padding-left: 10px; padding-right: 10px } @media (min-width:480px) { .cp-flex-grid { padding-left: 10px; padding-right: 10px } } @media (min-width:768px) { .cp-flex-grid { padding-left: 15px; padding-right: 15px } } @media (min-width:992px) { .cp-flex-grid { padding-left: 15px; padding-right: 15px } } @media (min-width:1420px) { .cp-flex-grid { padding-left: 15px; padding-right: 15px } } @media (min-width:1600px) { .cp-flex-grid { padding-left: 15px; padding-right: 15px } } .cp-flex-grid.no-gutter { padding-left: 0; padding-right: 0 } @media (min-width:768px) { .cp-flex-grid.table { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap } .cp-flex-grid.table .cp-flex-card, .cp-flex-grid.table .cp-flex-content, .cp-flex-grid.table .cp-flex-description, .cp-flex-grid.table .cp-flex-image { width: 50% } .cp-flex-grid.columns { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-pack: distribute; justify-content: space-around } .cp-flex-grid.columns .cp-flex-card, .cp-flex-grid.columns .cp-flex-content, .cp-flex-grid.columns .cp-flex-description, .cp-flex-grid.columns .cp-flex-image { -ms-flex-preferred-size: 100%; flex-basis: 100% } .cp-flex-grid.columns .cp-flex-card.top, .cp-flex-grid.columns .cp-flex-content.top { -ms-flex-item-align: start; align-self: flex-start } .cp-flex-grid.columns .cp-flex-card.bottom, .cp-flex-grid.columns .cp-flex-content.bottom { -ms-flex-item-align: end; align-self: flex-end } .cp-flex-grid.columns .cp-flex-card.center, .cp-flex-grid.columns .cp-flex-content.center { -ms-flex-item-align: center; align-self: center } .cp-flex-grid.columns .cp-flex-card.baseline, .cp-flex-grid.columns .cp-flex-content.baseline { -ms-flex-item-align: baseline; align-self: baseline } .cp-flex-grid.left-stack { display: block; position: relative } .cp-flex-grid.left-stack:after { content: ""; display: table; clear: both } .cp-flex-grid.left-stack .cp-flex-card, .cp-flex-grid.left-stack .cp-flex-content, .cp-flex-grid.left-stack .cp-flex-description, .cp-flex-grid.left-stack .cp-flex-image { float: left; width: 40%; margin-left: 5%; margin-right: 5%; margin-bottom: 30px; clear: left } .cp-flex-grid.left-stack .cp-flex-card:first-child, .cp-flex-grid.left-stack .cp-flex-content:first-child, .cp-flex-grid.left-stack .cp-flex-description:first-child, .cp-flex-grid.left-stack .cp-flex-image:first-child { float: right; clear: none } .cp-flex-grid.right-stack { display: block; position: relative } .cp-flex-grid.right-stack:after { content: ""; display: table; clear: both } .cp-flex-grid.right-stack .cp-flex-card, .cp-flex-grid.right-stack .cp-flex-content, .cp-flex-grid.right-stack .cp-flex-description, .cp-flex-grid.right-stack .cp-flex-image { float: right; width: 40%; margin-left: 5%; margin-right: 5%; margin-bottom: 30px; clear: right } .cp-flex-grid.right-stack .cp-flex-card:first-child, .cp-flex-grid.right-stack .cp-flex-content:first-child, .cp-flex-grid.right-stack .cp-flex-description:first-child, .cp-flex-grid.right-stack .cp-flex-image:first-child { float: left; clear: none } } @media (min-width:768px) and (min-width:992px) { .cp-flex-grid.table .cp-flex-card, .cp-flex-grid.table .cp-flex-content, .cp-flex-grid.table .cp-flex-description, .cp-flex-grid.table .cp-flex-image { width: 33.33333333% } } @media (min-width:768px) and (min-width:1420px) { .cp-flex-grid.table .cp-flex-card, .cp-flex-grid.table .cp-flex-content, .cp-flex-grid.table .cp-flex-description, .cp-flex-grid.table .cp-flex-image { width: 25% } } @media (min-width:768px) and (min-width:1600px) { .cp-flex-grid.table .cp-flex-card, .cp-flex-grid.table .cp-flex-content, .cp-flex-grid.table .cp-flex-description, .cp-flex-grid.table .cp-flex-image { width: 20% } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-flex-card { padding: 20px } @media (min-width:480px) { .cp-flex-card { padding: 20px } } @media (min-width:768px) { .cp-flex-card { padding: 30px } } @media (min-width:992px) { .cp-flex-card { padding: 30px } } @media (min-width:1420px) { .cp-flex-card { padding: 30px } } @media (min-width:1600px) { .cp-flex-card { padding: 30px } } .cp-flex-card:not(.full-width) .cp-flex-card__description, .cp-flex-card:not(.full-width) h3, .cp-flex-card:not(.full-width) img { max-width: 300px; margin-left: auto; margin-right: auto } .cp-flex-card img { display: block; width: 100% } .cp-flex-card img+.cp-flex-card__description, .cp-flex-card img+h3 { margin-top: 30px } .cp-flex-card h3 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 16px; line-height: 1.7em; letter-spacing: -.02em; color: #9A0C0C; border-bottom: 1px solid #9A0C0C; padding-bottom: 15px } .cp-flex-card h3+.cp-flex-card__description { margin-top: 15px } .cp-flex-card__description, .cp-flex-card__description p { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 14px; line-height: 1.7em; letter-spacing: 0; color: #8d8d8d } .cp-flex-card__description strong { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #9A0C0C } .cp-flex-card__description p+p { margin-top: 15px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-flex-image { background-position: 50%; background-size: cover; background-repeat: no-repeat; min-height: 300px; padding: 20px; color: #fff } @media (min-width:600px) { .cp-flex-image { min-height: 50vw } } @media (min-width:1200px) { .cp-flex-image { min-height: 600px } } @media (min-width:480px) { .cp-flex-image { padding: 20px } } @media (min-width:768px) { .cp-flex-image { padding: 30px } } @media (min-width:992px) { .cp-flex-image { padding: 30px } } @media (min-width:1420px) { .cp-flex-image { padding: 30px } } @media (min-width:1600px) { .cp-flex-image { padding: 30px } } .cp-flex-image.dark { color: #2b2b2b } .cp-flex-image.center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } .cp-flex-image.top-left { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .cp-flex-image.top-left, .cp-flex-image.top-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } .cp-flex-image.top-right { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: right } .cp-flex-image.bottom-left { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .cp-flex-image.bottom-left, .cp-flex-image.bottom-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .cp-flex-image.bottom-right { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: right } .cp-flex-image h3 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 30px; letter-spacing: -.02em; line-height: 1.2em; color: inherit } .cp-flex-image p { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 14px; letter-spacing: 0; line-height: 1.2em; color: inherit } .cp-flex-image h3 { width: 50%; max-width: 250px } .cp-flex-image h3+img, .cp-flex-image h3+p { margin-top: 20px } .cp-flex-image p { width: 50%; max-width: 350px } .cp-flex-image p+p { margin-top: 15px } .cp-flex-image img+p, .cp-flex-image p+img { margin-top: 30px } .cp-flex-image img+img { margin-top: 20px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-flex-content { padding: 20px } @media (min-width:480px) { .cp-flex-content { padding: 20px } } @media (min-width:768px) { .cp-flex-content { padding: 30px } } @media (min-width:992px) { .cp-flex-content { padding: 30px } } @media (min-width:1420px) { .cp-flex-content { padding: 30px } } @media (min-width:1600px) { .cp-flex-content { padding: 30px } } .cp-flex-content header { -webkit-column-span: all; column-span: all; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 30px; line-height: 1.2em; letter-spacing: -.02em; color: #8d8d8d } .cp-flex-content header h2 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 48px; line-height: 1.2em; letter-spacing: -.02em; color: #9A0C0C; margin: 0 } .cp-flex-content header+.cp-flex-content__content { margin-top: 30px } .cp-flex-content__content.columns { -webkit-column-width: 300px; column-width: 300px; -webkit-column-gap: 30px; column-gap: 30px } .cp-flex-content__content h3 { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 30px; line-height: 1.2em; letter-spacing: -.02em; color: #8d8d8d } .cp-flex-content__content h4 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 18px; line-height: 1.2em; letter-spacing: 0; color: #9A0C0C } .cp-flex-content__content p { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 20px; line-height: 1.3em; letter-spacing: 0; color: #8d8d8d } .cp-flex-content__content p strong { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #9A0C0C } .cp-flex-content__content h3+h4, .cp-flex-content__content h3+p, .cp-flex-content__content h4+p, .cp-flex-content__content p+p { margin-top: 20px } .cp-flex-content__content p+h3, .cp-flex-content__content p+h4 { margin-top: 30px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-flex-description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 300px; background-color: #9A0C0C; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 30px; line-height: 1.5em; letter-spacing: -.02em; color: #fff; padding: 20px } @media (min-width:600px) { .cp-flex-description { min-height: 50vw } } @media (min-width:1200px) { .cp-flex-description { min-height: 600px } } @media (min-width:480px) { .cp-flex-description { padding: 20px } } @media (min-width:768px) { .cp-flex-description { padding: 30px } } @media (min-width:992px) { .cp-flex-description { padding: 30px } } @media (min-width:1420px) { .cp-flex-description { padding: 30px } } @media (min-width:1600px) { .cp-flex-description { padding: 30px } } .cp-flex-description__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .cp-flex-description footer { margin-top: 20px; padding-top: 20px; padding-right: 20px; border-top: 1px solid #fff; width: 50%; max-width: 400px; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 14px; line-height: 1.2em } .cp-flex-description footer strong { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .cp-flex-description.right { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: right } .cp-flex-description.right footer { padding-right: 0; padding-left: 20px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-product-features { padding: 20px } @media (min-width:480px) { .cp-product-features { padding: 20px } } @media (min-width:768px) { .cp-product-features { padding: 30px } } @media (min-width:992px) { .cp-product-features { padding: 30px } } @media (min-width:1420px) { .cp-product-features { padding: 30px } } @media (min-width:1600px) { .cp-product-features { padding: 30px } } .cp-product-features header { -webkit-column-span: all; column-span: all; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 30px; line-height: 1.2em; letter-spacing: -.02em; color: #8d8d8d } .cp-product-features header h2 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 48px; line-height: 1.2em; letter-spacing: -.02em; color: #9A0C0C; margin: 0 } .cp-product-features__image, .cp-product-features header+.cp-flex-content__content { margin-top: 30px } .cp-product-features__image img { display: block; width: 100% } .cp-product-features__description { padding: 30px } .cp-product-features__description p { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 20px; line-height: 1.2em; letter-spacing: -.02em; color: #8d8d8d } .cp-product-features__description p strong { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #9A0C0C } @media (min-width:768px) { .cp-product-features__image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .cp-product-features__image img { width: 70%; -ms-flex-negative: 1; flex-shrink: 1 } .cp-product-features__description { width: 30% } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .sitemap-container { max-width: 1424px; margin: auto; padding: 30px } .CMSSiteMapList { list-style: none; margin: 0; padding: 0; font-size: 0; width: 100% } .CMSSiteMapList .CMSSiteMapListItem { padding: 0 } .CMSSiteMapList .CMSSiteMapList { list-style: none; padding: 0; margin: 0 20px } .CMSSiteMapList .CMSSiteMapList__listed { list-style: none; padding: 0; margin: 5px 0 30px; -webkit-column-count: 1; column-count: 1 } @media (min-width:480px) { .CMSSiteMapList .CMSSiteMapList__listed { -webkit-column-count: 2; column-count: 2 } } @media (min-width:768px) { .CMSSiteMapList .CMSSiteMapList__listed { -webkit-column-count: 3; column-count: 3 } } @media (min-width:992px) { .CMSSiteMapList .CMSSiteMapList__listed { -webkit-column-count: 4; column-count: 4 } } .CMSSiteMapList a { color: inherit } .no-touch .CMSSiteMapList a:hover { color: #9A0C0C } .CMSSiteMapListTitle a { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 600; font-size: 20px; line-height: 32px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-event-signup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; position: relative; width: 100%; background-color: #000; min-height: 300px; padding: 20px 60px } @media (min-width:840px) { .cp-event-signup { min-height: 35.71428571vw } } @media (min-width:1540px) { .cp-event-signup { min-height: 550px } } @media (min-width:768px) { .cp-event-signup { padding: 30px } } .ie9 .cp-event-signup { display: block } .cp-event-signup h3 { font-size: 22px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; line-height: 1em; letter-spacing: -.02em; color: #fff; position: relative; z-index: 1; text-align: center; max-width: 80% } @media (min-width:480px) { .cp-event-signup h3 { padding: 20px; max-width: 70% } } @media (min-width:768px) { .cp-event-signup h3 { font-size: 44px } } .cp-event-signup p { margin-top: 15px; position: relative; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 14px; line-height: 1.285em; letter-spacing: -.02em; color: #fff; text-align: center; z-index: 1 } @media (min-width:768px) { .cp-event-signup p { font-size: 30px; line-height: 1.2em; max-width: 500px; margin-top: 20px } } .cp-event-signup__cta { margin: 20px 0 0; width: auto; display: inline-block; padding-right: 29px; font-size: 16px } .cp-event-signup__cta.icon-after:after { font-size: 22px !important } @media (min-width:768px) { .cp-event-signup__cta { margin: 40px 0 0 } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .vw-promo-banner { padding: 20px; display: block; width: 100%; background-repeat: no-repeat; background-size: cover; position: relative } @media (min-width:480px) { .vw-promo-banner { padding: 20px } } @media (min-width:768px) { .vw-promo-banner { padding: 30px; display: table; height: 255px } } @media (min-width:992px) { .vw-promo-banner { padding: 30px 50px } } @media (min-width:1420px) { .vw-promo-banner { padding: 30px 70px } } @media (min-width:1600px) { .vw-promo-banner { padding: 30px 100px } } .vw-promo-banner:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .5); z-index: 1 } .vw-promo-banner h2 { max-width: 650px; margin: 0; font-variant: Helvetica-Neue, "HelveticaNeue-Bold", Helvetica, sans-serif; font-size: 30px; font-weight: 700; line-height: 1em; letter-spacing: -.02em; color: #9A0C0C } @media (min-width:768px) { .vw-promo-banner h2 { font-size: 48px } } .vw-promo-banner p { max-width: 650px; margin: 0; font-variant: Helvetica-Neue, "HelveticaNeue-Light", Helvetica, sans-serif; font-size: 30px; font-weight: lighter; line-height: 1em; letter-spacing: -.02em; color: #fff } @media (min-width:768px) { .vw-promo-banner p { font-size: 48px } } .vw-promo-banner__cell { display: block; z-index: 2; position: relative; padding: 20px 0 } @media (min-width:768px) { .vw-promo-banner__cell { display: table-cell; vertical-align: middle; padding: 0 } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .showcase { background: #000; position: relative } .showcase__item { width: 100%; float: left } .showcase__img--square { padding-bottom: 100% } .showcase__img--60 { padding-bottom: 60% } .showcase__img--70 { padding-bottom: 70% } .showcase--double .showcase__item { width: 50% } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .light-descr { background: #000; padding: 50px 0 } @media (min-width:992px) { .light-descr { padding: 50px 0 100px } } .light-descr__limiter { max-width: 1430px; padding: 0 35px; margin: auto } @media (min-width:992px) { .light-descr__limiter { padding: 0 80px } } .light-descr__caption, .light-descr__title { text-transform: capitalize; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif } .light-descr__title { font-size: 48px; line-height: 52px; color: #9A0C0C } .light-descr__img-wrapper { display: block; margin: auto; text-align: center } .light-descr__img { display: inline-block; vertical-align: top; max-width: 100% } @media (min-width:768px) { .light-descr__img { margin-right: -120px } } .light-descr__caption { font-size: 24px; line-height: 36px; color: #fff; text-align: center } @media (min-width:1420px) { .light-descr__caption { text-align: left } } .light-descr__row { margin-top: 30px } @media (min-width:992px) { .light-descr__row { margin-top: 50px; margin-top: 80px } } .light-descr__row+.light-descr__row { margin-top: 30px } @media (min-width:992px) { .light-descr__row+.light-descr__row { margin-top: 90px } } .light-descr__title+.light-descr__row { margin-top: 50px } @media (min-width:992px) { .light-descr__title+.light-descr__row { margin-top: 150px } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-searchbar { position: relative } .cp-searchbar:after { content: ""; display: table; clear: both } .cp-searchbar input { width: 70%; float: left } .cp-searchbar input+label { display: none } .cp-searchbar input:invalid:not(:focus)+label { display: inline-block; position: absolute; left: 0; padding: 11px; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 15px; letter-spacing: .02em; line-height: 1.2em; color: #000; cursor: text } .cp-searchbar button { width: 30%; float: left } .search-section__results:after { display: block; content: " "; border-bottom: 1px solid #d4d4d4; margin: 20px auto 30px } @media (min-width:768px) { .search-section__results:after { margin: 50px auto } } .search-section__headline { margin-top: 30px; font-size: 20px; color: #2b2b2b; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; padding: 0 20px } @media (min-width:480px) { .search-section__headline { padding: 0 20px } } @media (min-width:768px) { .search-section__headline { padding: 0 30px; font-size: 26px; margin-top: 45px } } @media (min-width:992px) { .search-section__headline { padding: 0 30px } } @media (min-width:1420px) { .search-section__headline { padding: 0 30px } } @media (min-width:1600px) { .search-section__headline { padding: 0 30px } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .vw-newsletter { background: #f4f4f4 } .vw-newsletter__header { background-color: #9A0C0C; padding: 0 20px 20px } @media (min-width:480px) { .vw-newsletter__header { padding: 0 20px 20px } } @media (min-width:768px) { .vw-newsletter__header { padding: 0 30px 30px } } @media (min-width:992px) { .vw-newsletter__header { padding: 0 30px 30px } } @media (min-width:1420px) { .vw-newsletter__header { padding: 0 30px 30px } } @media (min-width:1600px) { .vw-newsletter__header { padding: 0 30px 30px } } .vw-newsletter__subtitle { background-color: #fff; padding: 40px 20px } @media (min-width:480px) { .vw-newsletter__subtitle { padding: 40px 20px } } @media (min-width:768px) { .vw-newsletter__subtitle { padding: 60px 30px } } @media (min-width:992px) { .vw-newsletter__subtitle { padding: 60px 30px } } @media (min-width:1420px) { .vw-newsletter__subtitle { padding: 60px 30px } } @media (min-width:1600px) { .vw-newsletter__subtitle { padding: 60px 30px } } .vw-newsletter__subtitle>* { display: block; max-width: 1600px; margin-left: auto; margin-right: auto } .vw-newsletter h2 { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 26px; line-height: 1.3em; letter-spacing: -.01em; color: #8d8d8d } @media (min-width:768px) { .vw-newsletter h2 { font-size: 42px } } .vw-newsletter h3 { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 26px } .vw-newsletter h3, .vw-newsletter p { line-height: 1.3em; letter-spacing: -.01em; color: #8d8d8d } .vw-newsletter p { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 16px; margin-top: 10px } .vw-newsletter textarea { height: 250px } .vw-newsletter .cp-form { margin-top: 30px } .vw-newsletter .cp-form__field { position: relative; margin-bottom: 20px } .vw-newsletter__smalltext { display: block; position: relative; margin-top: 50px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 12px; line-height: 1em; letter-spacing: 0; color: #8d8d8d } .vw-newsletter .cp-featured-area { display: block; max-width: 1600px; margin-left: auto; margin-right: auto } .vw-newsletter--consultancy h1 { font-family: "Source Han Sans", sans-serif; font-weight: 300; color: #8d8d8d; font-size: 24px; letter-spacing: -.8px } @media (min-width:768px) { .vw-newsletter--consultancy h1 { font-size: 42px } } .vw-newsletter--consultancy h2 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 32px; line-height: 1em; letter-spacing: -.02em; color: #fff } .vw-newsletter--consultancy h2 strong { font-weight: 700 } @media (min-width:480px) { .vw-newsletter--consultancy h2 { font-size: 40px } } @media (min-width:768px) { .vw-newsletter--consultancy h2 { font-size: 45px } } .vw-newsletter--consultancy .vw-newsletter__subtitle { padding: 20px } @media (min-width:768px) { .vw-newsletter--consultancy .vw-newsletter__subtitle { padding: 40px } } .vw-newsletter--consultancy .grid-item { margin-top: 10px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .form-field { position: relative } .form-field:after { content: attr(data-error-message); display: none; padding: 6px 10px; background-color: #9A0C0C; color: #fff; font-size: 12px; line-height: 1.5 } .form-field:after, .form-field__input { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .form-field__input { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 100%; height: 72px; padding: 30px 20px 10px; border: 1px solid #d4d4d4; -webkit-box-shadow: none; box-shadow: none; outline: none; border-radius: 0; background-color: #fff; -webkit-transition: border-color .1s linear; transition: border-color .1s linear; color: #2b2b2b; font-size: 15px; line-height: 1.6 } .form-field__input:hover { border-color: #ebebeb } .form-field__input:focus { border-color: #2b2b2b } .form-field__label { position: absolute; top: 0; left: 20px; -webkit-transition: -webkit-transform .1s ease; transition: -webkit-transform .1s ease; transition: transform .1s ease; transition: transform .1s ease, -webkit-transform .1s ease; -webkit-transform: translateY(22px); transform: translateY(22px); color: #8d8d8d; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 15px; text-transform: capitalize } .form-field.is-hover .form-field__input { border-color: #ebebeb } .form-field.is-filled .form-field__label { font-size: 12px; -webkit-transform: translateY(14px); transform: translateY(14px) } .form-field.is-focused .form-field__input { border-color: #2b2b2b; color: #2b2b2b } .form-field.is-focused .form-field__label { font-size: 12px; -webkit-transform: translateY(14px); transform: translateY(14px) } .form-field.is-invalid:after { display: block } .form-field.is-invalid .form-field__input { border-color: #9A0C0C } .form-field--compare { position: relative } .form-field--compare .form-field__input { padding-right: 55px } .form-field--compare .form-field__icon { position: absolute; top: 20px; right: 20px; font-size: 30px } .form-field--compare .form-field__icon .check-circle, .form-field--compare .form-field__icon .cross-circle, .form-field--compare .form-field__icon .question-circle { display: none } .form-field--compare.is-default .question-circle, .form-field--compare.is-invalid .cross-circle, .form-field--compare.is-valid .check-circle { display: block } .form-field--middle .form-field__input { height: 56px; padding: 20px 15px 10px } .form-field--middle .form-field__label { left: 15px; -webkit-transform: translateY(14px); transform: translateY(14px) } .form-field--middle.is-filled .form-field__label, .form-field--middle.is-focused .form-field__label { -webkit-transform: translateY(6px); transform: translateY(6px) } .form-field--textarea { padding-top: 35px; background-color: #fff; border: 1px solid #d4d4d4 } .form-field--textarea .form-field__input { padding-top: 0; border: none; height: 120px } @media (min-width:768px) { .form-field--textarea .form-field__input { height: 145px } } .form-checkbox { display: inline-block; vertical-align: middle } .form-checkbox__input { position: absolute; z-index: -1; display: block !important; width: 1px; height: 1px; clip: rect(0 0 0 0) } .form-checkbox__label { position: relative; display: block !important; padding: 5px 0 5px 40px !important; color: #8d8d8d; cursor: pointer; font-family: "Source Han Sans", sans-serif; font-size: 16px !important; line-height: 30px !important; -webkit-transition: color .2s linear; transition: color .2s linear } @media (min-width:768px) { .form-checkbox__label { padding: 5px 0 5px 48px !important } } .form-checkbox__label:before { margin-right: 15px; border: 1px solid #d4d4d4; background-color: #fff; -webkit-transition: border-color .2s linear; transition: border-color .2s linear } .form-checkbox__label:after, .form-checkbox__label:before { content: ""; position: absolute; top: 5px !important; left: 0; display: block; width: 30px; height: 30px } .form-checkbox__label:after { opacity: 0; background-color: #9A0C0C; background-image: url(/App_Themes/iGuzzini/images/form/checkbox_selected.png); background-size: 20px 20px; background-position: 50%; background-repeat: no-repeat; -webkit-transition: opacity .2s linear; transition: opacity .2s linear } .form-checkbox__input:focus+.form-checkbox__label:before { border-color: #2b2b2b } .form-checkbox__input:checked+.form-checkbox__label { color: #8d8d8d !important } .form-checkbox__input:checked+.form-checkbox__label:before { border-color: #9A0C0C; background-color: #fff !important; background-image: none !important } .form-checkbox__input:checked+.form-checkbox__label:after { opacity: 1 } .form-checkbox__input:disabled+.form-checkbox__label { cursor: auto } .form-checkbox.is-invalid .form-checkbox__label:before { border-color: #9A0C0C } .form-checkbox--small .form-checkbox__label { line-height: 1.25 !important; padding: 0 0 0 28px !important; font-size: 15px !important } .form-checkbox--small .form-checkbox__label:after, .form-checkbox--small .form-checkbox__label:before { top: 50% !important; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px !important; height: 20px !important } @media (min-width:768px) { .form-checkbox--small .form-checkbox__label { padding: 0 0 0 23px !important; font-size: 13px !important } .form-checkbox--small .form-checkbox__label:after, .form-checkbox--small .form-checkbox__label:before { width: 15px !important; height: 15px !important } .form-checkbox--small .form-checkbox__label:after { background-size: 16px 16px } } .form-checkbox--small.is-empty .form-checkbox__label { padding: 0 0 0 15px !important } .form-checkbox--dark .form-checkbox__label { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif !important; font-weight: 400 !important; color: #2b2b2b !important; line-height: 1.25 !important } .form-checkbox--dark .form-checkbox__input:checked+.form-checkbox__label { color: #9A0C0C !important } .form-checkbox--dark .form-checkbox__input:disabled+.form-checkbox__label { opacity: .3 } .form-checkbox--iconed .form-checkbox__label { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; padding: 0 !important; font-size: 13px !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .form-checkbox--iconed .form-checkbox__label:after, .form-checkbox--iconed .form-checkbox__label:before { display: none !important } .form-checkbox--iconed .form-checkbox__icon { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; z-index: 1; position: relative } .form-checkbox--iconed .form-checkbox__icon--empty[alt] { margin-left: -20px } .form-checkbox--iconed .form-checkbox__icon-wrap { margin-right: 8px; position: relative; background-color: #ebebeb; overflow: hidden } .form-checkbox--iconed .form-checkbox__icon-wrap:after, .form-checkbox--iconed .form-checkbox__icon-wrap:before { content: ""; position: absolute; width: calc(100% - 4px); height: 1px; background-color: #9A0C0C; top: 50%; left: 50%; z-index: 0; -webkit-transform-origin: top left; transform-origin: top left } .form-checkbox--iconed .form-checkbox__icon-wrap:before { -webkit-transform: rotate(45deg) translate(-50%, -50%); transform: rotate(45deg) translate(-50%, -50%) } .form-checkbox--iconed .form-checkbox__icon-wrap:after { -webkit-transform: rotate(-45deg) translate(-50%, -50%); transform: rotate(-45deg) translate(-50%, -50%) } .form-checkbox--iconed .form-checkbox__input:checked+.form-checkbox__label { color: #9A0C0C !important } .form-checkbox--iconed .form-checkbox__input:checked+.form-checkbox__label .form-checkbox__icon-wrap { position: relative } .form-checkbox--iconed .form-checkbox__input:checked+.form-checkbox__label .form-checkbox__icon-wrap .form-checkbox__icon { border: 2px solid #9A0C0C } .form-radio { display: inline-block; vertical-align: middle; margin: 4px 0 } .form-radio__input { position: absolute; width: 1px; height: 1px; clip: rect(0, 0, 0, 0); z-index: -1; display: block !important } .form-radio__label { position: relative; display: block !important; padding: 0 !important; padding-left: 30px !important; color: #8d8d8d; cursor: pointer; font-family: "Source Han Sans", sans-serif; font-size: 14px !important; line-height: 1.42857143 !important; -webkit-transition: color .2s linear; transition: color .2s linear } .form-radio__label:before { content: ""; position: absolute !important; top: 0; left: 0; display: block !important; width: 20px !important; height: 20px !important; margin-right: 15px; border: 1px solid #d4d4d4; background-color: #fff; -webkit-transition: border-color .2s linear; transition: border-color .2s linear } .form-radio__label:after { content: ""; position: absolute; top: 5px; left: 5px; display: block; width: 10px; height: 10px; opacity: 0; background-color: #9A0C0C; background-image: none !important; border-radius: 50%; -webkit-transition: opacity .2s linear; transition: opacity .2s linear } .form-radio__input:checked+.form-radio__label:before { border-color: #9A0C0C; background-color: #fff !important; background-image: none !important } .form-radio__input:checked+.form-radio__label:after { opacity: 1 } .form-radio__input:disabled+.form-radio__label { cursor: auto } .form-radio--dark .form-radio__label { color: #2b2b2b; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400 } .form-radio--dark .form-radio__label:before { border-color: #d4d4d4 } .form-radio--dark .form-radio__input:disabled+.form-radio__label { opacity: .3 } .form-radio--dark .form-radio__input:disabled+.form-radio__label:hover { color: #2b2b2b } .form-radio--small .form-radio__label { padding-left: 32px !important; font-size: 14px !important } .form-radio--small .form-radio__label:before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 25px !important; height: 25px !important } .form-radio--small .form-radio__label:after { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 5px; width: 15px; height: 15px } @media (min-width:768px) { .form-radio--small .form-radio__label { padding-left: 24px !important; font-size: 13px !important } .form-radio--small .form-radio__label:before { width: 16px !important; height: 16px !important } .form-radio--small .form-radio__label:after { left: 4px; width: 8px; height: 8px } } .form-radio--mob-large .form-radio__label { padding-left: 38px !important; font-size: 15px !important } .form-radio--mob-large .form-radio__label:before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 30px !important; height: 30px !important } .form-radio--mob-large .form-radio__label:after { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 5px; width: 20px; height: 20px } @media (min-width:768px) { .form-radio--mob-large .form-radio__label { font-size: 13px !important; padding-left: 28px !important } .form-radio--mob-large .form-radio__label:before { width: 20px !important; height: 20px !important } .form-radio--mob-large .form-radio__label:after { width: 10px; height: 10px } } .form-radio--iconed .form-radio__label { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 !important; font-size: 13px !important } .form-radio--iconed .form-radio__label:after, .form-radio--iconed .form-radio__label:before { display: none !important } .form-radio--iconed .form-radio__icon { display: block } .form-radio--iconed .form-radio__icon-wrap { margin-right: 8px } .form-radio--iconed .form-radio__input:checked+.form-radio__label { color: #9A0C0C !important } .form-radio--iconed .form-radio__input:checked+.form-radio__label .form-radio__icon-wrap { position: relative } .form-radio--iconed .form-radio__input:checked+.form-radio__label .form-radio__icon-wrap:after { position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: inset 0 0 0 2px #9A0C0C; box-shadow: inset 0 0 0 2px #9A0C0C } .form-select { position: relative } .form-select:after { content: attr(data-error-message); display: none; padding: 6px 10px; background-color: #9A0C0C; color: #fff; font-weight: 700; font-size: 12px; line-height: 1.5 } .form-select:after, .form-select__origin { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif } .form-select__origin { display: block; width: 100%; padding: 16px 10px; color: #2b2b2b; font-size: 15px; line-height: 1.2; background-color: #fff; background-image: url(/App_Themes/iGuzzini/images/form/select_button.png); background-size: 35px 35px; background-repeat: no-repeat; background-position: center right 5px; border: 1px solid #d4d4d4; border-radius: 0; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none } .form-select__origin::-ms-expand { display: none } .form-select__label { position: absolute; top: 14px; left: 20px; color: #8d8d8d; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 12px } .form-select.has-label .form-select__origin { height: 72px; padding: 36px 50px 10px 19px } .form-select.is-focused .form-select__origin { border-color: #2b2b2b } .form-select.is-invalid:after { display: block } .form-select.is-invalid .form-select__origin { border-color: #9A0C0C } textarea { resize: none } [type=submit] { cursor: pointer } input[type=checkbox] { display: none } input[type=checkbox]+label { cursor: pointer } input[type=checkbox]+label.thumb span, input[type=checkbox]+label:not(.thumb) { display: inline-block; line-height: 30px; color: #8d8d8d; position: relative; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 18px; padding-left: 45px } input[type=checkbox]+label.thumb span:before, input[type=checkbox]+label:not(.thumb):before { content: ""; position: absolute; top: 0; left: 0; display: inline-block; width: 30px; height: 30px; margin-right: 15px; background-color: #fff; vertical-align: middle } input[type=checkbox]+label.thumb span.small, input[type=checkbox]+label:not(.thumb).small { font-size: 15px; padding-left: 30px } input[type=checkbox]+label.thumb span.small:before, input[type=checkbox]+label:not(.thumb).small:before { width: 20px; height: 20px; top: 5px } input[type=checkbox]+label.thumb span.light-text, input[type=checkbox]+label:not(.thumb).light-text { color: #d4d4d4 } input[type=checkbox]+label.thumb span.dark-theme, input[type=checkbox]+label:not(.thumb).dark-theme { font-size: 16px } input[type=checkbox]+label.thumb span.dark-theme:before, input[type=checkbox]+label:not(.thumb).dark-theme:before { border: 1px solid #d4d4d4; background-color: #000 } input[type=checkbox]+label.thumb { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #f4f4f4 } input[type=checkbox]+label.thumb .filter-img { -webkit-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; min-height: 90px; background-position: 50%; background-repeat: no-repeat; background-size: cover; background-image: url(/App_Themes/iGuzzini/images/global/placeholder.png) } input[type=checkbox]+label.thumb span { padding: 15px; font-size: 14px; line-height: 1em } input[type=checkbox]+label.thumb span:before { display: block; width: 20px; height: 20px; margin-bottom: 5px; background-color: #fff; border: 1px solid #ebebeb; position: relative } input[type=checkbox]+label.thumb:after, input[type=checkbox]+label.thumb:before { content: ""; display: table; clear: both } input[type=checkbox]:checked+label.thumb span, input[type=checkbox]:checked+label:not(.thumb) { color: #9A0C0C } input[type=checkbox]:checked+label.thumb span:before, input[type=checkbox]:checked+label:not(.thumb):before { background-color: #9A0C0C; background-image: url(/App_Themes/iGuzzini/images/form/checkbox_selected.png); background-size: 20px 20px; background-position: 50%; background-repeat: no-repeat } input[type=checkbox]:checked+label.dark-theme:before { border-color: #9A0C0C } input[type=checkbox]:disabled+label { opacity: .6 } input[type=radio] { display: none } input[type=radio]+label { padding: 5px 0; font-size: 16px; line-height: 25px; color: #8d8d8d; position: relative; font-family: "Source Han Sans", sans-serif; font-weight: lighter; cursor: pointer; -webkit-transition: color .2s linear; transition: color .2s linear } input[type=radio]+label:before { content: ""; position: relative; display: inline-block; width: 25px; height: 25px; margin-right: 15px; background-color: #fff; vertical-align: middle; border: 1px solid #8d8d8d; border-radius: 15px } .no-touch input[type=radio]+label:hover { color: #9A0C0C } @media (min-width:768px) { input[type=radio]+label { font-size: 18px } } input[type=radio]:checked+label { color: #9A0C0C } input[type=radio]:checked+label:before { border-color: #9A0C0C; background-image: url(/App_Themes/iGuzzini/images/form/radio_selected.png); background-size: 25px 25px; background-position: 50%; background-repeat: no-repeat } .form-result { padding: 20px } .form-result--error { background-color: #f2dede } .form-result--success { background-color: #dff0d8 } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .fv-form { opacity: 1; max-height: none; -webkit-transition: .3s ease; transition: .3s ease } .fv-form__field { position: relative; margin-bottom: 20px } .fv-form__error-message { margin: 0 0 10px; color: #9A0C0C; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif } .fv-form__result-container { margin-top: 20px; opacity: 0; display: none } .fv-form__result-container.is-shown { display: block; opacity: 1 } @media (min-width:992px) { .fv-form__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .fv-form__link { display: block; font-size: 13px; line-height: 23px; color: #666; text-decoration: underline; margin-bottom: 20px } @media (min-width:992px) { .fv-form__link { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-left: 30px; margin-bottom: 0 } } .fv-form__btn { cursor: pointer; width: 220px; max-width: 100%; -ms-flex-negative: 0; flex-shrink: 0 } .fv-form__btn.btn-simple:after { font-size: 20px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .register-section { padding: 50px 20px 60px; background-color: #f4f4f4 } @media (min-width:768px) { .register-section { padding: 110px 20px } } .register-section__header { text-align: center } .register-section__step { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 18px } .register-section__step:after, .register-section__step:before { content: ""; width: 50px; height: 1px; background-color: #8d8d8d } .register-section__step:before { margin-right: 15px } .register-section__step:after { margin-left: 15px } .register-section__heading { margin-top: 45px; font-size: 38px } .register-section__form { margin-top: 40px } @media (min-width:768px) { .register-section__form { margin-top: 80px } } .register-section__steps-nav { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 20px } .register-section .register-section__button { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 135px; padding: 10px 20px; cursor: pointer } @media (min-width:768px) { .register-section .register-section__button { width: 230px; font-size: 14px; line-height: 32px } } .register-section .register-section__button:after, .register-section .register-section__button:before { bottom: auto; font-size: 20px; line-height: 32px } .register-section .register-section__button.icon-after { padding: 10px 20px; text-align: left } .register-section .register-section__button.icon-before { text-align: right } .register-section .register-section__button:focus { border-color: #2b2b2b } .register-thanks { padding: 80px 20px; text-align: center } @media (min-width:768px) { .register-thanks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 800px } } .register-thanks__heading { font-size: 32px; text-transform: capitalize } @media (min-width:768px) { .register-thanks__heading { font-size: 38px } } .register-thanks__content { max-width: 540px; margin: 20px auto 0 } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 710; overflow: auto; opacity: 0; visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s } .modal--premium .modal__container { max-width: 533px } .modal--premium input[type=checkbox]+label { font-size: 13px; padding-left: 22px; color: #666 } .modal--premium input[type=checkbox]+label:before { top: 7px; width: 14px; height: 14px; border: 1px solid #d4d4d4 } .modal--premium input[type=checkbox]:checked+label:before { background-size: 15px 15px } .modal--premium .modal__close { color: inherit; background-color: transparent; cursor: pointer } .modal--premium .modal__close:after, .modal--premium .modal__close:before { color: #fff } .modal.is-opened { visibility: visible; opacity: 1 } .modal__container { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; padding: 20px; -webkit-box-sizing: content-box; box-sizing: content-box; max-width: 480px; margin: auto } .modal__wrapper { position: relative; background: #fff; overflow: hidden; will-change: transform; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1) } .modal.is-opened .modal__wrapper { -webkit-transform: scaleX(1); transform: scaleX(1) } .modal.is-closing .modal__wrapper { -webkit-transform: scale3d(.9, .9, 1); transform: scale3d(.9, .9, 1) } .modal__close { z-index: 1; position: absolute; top: 0; right: 0; border: none; background: none; -webkit-box-shadow: none; box-shadow: none; outline: none; cursor: pointer; color: #666; font-size: 14px; text-align: center; width: 35px; height: 35px } .modal__close:before { float: none } @media (min-width:992px) { .modal__close { width: 40px; height: 40px } } .modal__content { display: none; min-height: 200px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100% } .modal__content--centered { text-align: center } .modal .modal__content { display: -webkit-box; display: -ms-flexbox; display: flex } .modal__title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #666; border-bottom: 1px solid #d4d4d4; padding: 20px 35px 20px 20px; font-size: 18px; line-height: 24px; letter-spacing: -.6px } @media (min-width:992px) { .modal__title { padding: 30px 50px 30px 30px; font-size: 26px; line-height: 34px; letter-spacing: -1px } } .modal__title--no-border { border: 0; padding-bottom: 20px } .modal__title--small { font-size: 18px; line-height: normal; letter-spacing: normal } .modal__body { padding: 18px } @media (min-width:992px) { .modal__body { padding: 30px } } .modal__title--no-border+.modal__body { padding-top: 0 } .modal__footer { border-top: 1px solid #d4d4d4; padding: 18px } @media (min-width:992px) { .modal__footer { padding: 30px } } .modal--consulting { opacity: 1; -webkit-transition: visibility .7s; transition: visibility .7s } @media (max-width:767px) { .modal--consulting .modal__header { position: relative; height: 70px; background-color: #9A0C0C } } .no-touch .modal--consulting .modal__close:hover:before { color: #333 } .modal--consulting .modal__close:before { color: #fff; font-size: 24px } @media (min-width:768px) { .modal--consulting .modal__close:before { color: #000; font-size: 18px; font-weight: 700 } } @media (max-width:767px) { .modal--consulting .modal__close { top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%) } } @media (min-width:768px) { .modal--consulting .modal__close { top: 5px; right: 5px } } .modal--consulting .modal__container { overflow-x: hidden } @media (max-width:767px) { .modal--consulting .modal__container { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; min-height: 100%; padding: 0 } } @media (min-width:768px) { .modal--consulting .modal__container { position: absolute; top: 120px; right: 0; min-width: 520px; padding-top: 0; padding-right: 0 } } .modal--consulting .modal__wrapper { background-color: #f4f4f4; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform .7s ease-in-out; transition: -webkit-transform .7s ease-in-out; transition: transform .7s ease-in-out; transition: transform .7s ease-in-out, -webkit-transform .7s ease-in-out } @media (max-width:767px) { .modal--consulting .modal__wrapper { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-height: 100% } } .modal--consulting.is-opened .modal__wrapper { -webkit-transform: translateX(0); transform: translateX(0) } .modal--consulting.is-closing .modal__wrapper { -webkit-transform: translateX(100%); transform: translateX(100%) } .modal-dialog-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .modal-dialog-buttons__button { cursor: pointer } .modal-dialog-buttons__button--wide { width: 100%; max-width: 220px } .modal-dialog-buttons__button+.modal-dialog-buttons__button { margin-left: 20px } #modal-overlay { visibility: hidden; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 705; background: rgba(26, 26, 26, .8); will-change: transform; -webkit-transform: translateZ(0); transform: translateZ(0); opacity: 0; -webkit-transition: opacity .3s, visibility .3s; transition: opacity .3s, visibility .3s } #modal-overlay.is-visible { visibility: visible; opacity: 1 } #modal-overlay.consulting { background-color: rgba(0, 0, 0, .7) } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .update-password-view .update-password-view__link.btn-stroke { max-width: 230px; margin-top: 25px } @media (min-width:768px) { .update-password-view .update-password-view__link.btn-stroke { padding-right: 50px } } .update-password-view .update-password-view__link.btn-stroke.icon-after:after { font-size: 16px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .tooltip { position: absolute; z-index: 710; padding: 10px; background-color: #fff; border: 1px solid #d4d4d4; max-width: 215px; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out; transition: opacity .3s ease-in-out, visibility .3s ease-in-out } .tooltip__title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #2b2b2b } .tooltip.is-visible { opacity: 1; visibility: visible } .tooltip--with-close-btn { padding-right: 40px } .tooltip__close-button { color: #666; position: absolute; top: 12px; right: 12px } .tooltip--light { padding: 5px 10px } .tooltip--light .tooltip__content-wrap { font-size: 14px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; color: #8d8d8d } .tooltip .tooltip__arrow { position: absolute; width: 0; height: 0; border-style: solid; border-color: #d4d4d4 } .tooltip .tooltip__arrow:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 0; height: 0; border-style: solid; border-color: #fff } .tooltip[x-placement^=top] { margin-bottom: 10px } .tooltip[x-placement^=top] .tooltip__arrow { bottom: -12px; left: 40%; margin-top: 0; margin-bottom: 0 } .tooltip[x-placement^=top] .tooltip__arrow, .tooltip[x-placement^=top] .tooltip__arrow:before { border-width: 12px 12px 0; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent } .tooltip[x-placement^=top] .tooltip__arrow:before { -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); top: -2px } .tooltip[x-placement^=bottom] { margin-top: 10px } .tooltip[x-placement^=bottom] .tooltip__arrow { top: -10px; left: 40%; margin-top: 0; margin-bottom: 0 } .tooltip[x-placement^=bottom] .tooltip__arrow, .tooltip[x-placement^=bottom] .tooltip__arrow:before { border-width: 0 10px 10px; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent } .tooltip[x-placement^=bottom] .tooltip__arrow:before { -webkit-transform: translate(-50%); transform: translate(-50%); top: 1px } .tooltip[x-placement^=right] { margin-left: 10px } .tooltip[x-placement^=right] .tooltip__arrow { left: -10px; top: 40%; margin-left: 0; margin-right: 0 } .tooltip[x-placement^=right] .tooltip__arrow, .tooltip[x-placement^=right] .tooltip__arrow:before { border-width: 10px 10px 10px 0; border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent } .tooltip[x-placement^=right] .tooltip__arrow:before { -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 1px } .tooltip[x-placement^=left] { margin-right: 10px } .tooltip[x-placement^=left] .tooltip__arrow { right: -10px; top: calc(50% - 10px); margin-left: 0; margin-right: 0 } .tooltip[x-placement^=left] .tooltip__arrow, .tooltip[x-placement^=left] .tooltip__arrow:before { border-width: 10px 0 10px 10px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent } .tooltip[x-placement^=left] .tooltip__arrow:before { -webkit-transform: translate(-100%, -50%); transform: translate(-100%, -50%); left: -1px } .tooltip-trigger { border: 0; -webkit-appearance: none; background: transparent; padding: 0; color: inherit; font-size: inherit; font-family: inherit; border-bottom: 1px dashed #8d8d8d } .no-touch .tooltip-trigger:hover { color: #9A0C0C; border-bottom: 1px dashed #9A0C0C } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .favorites-button { -webkit-appearance: none; background: none; border: none; color: #666; cursor: pointer; padding: 10px } .favorites-button:focus { outline: 0 } .favorites-button__icon { vertical-align: top; overflow: hidden; fill: none; stroke: currentColor } .favorites-button.is-added, .no-touch .favorites-button:hover { color: #9A0C0C } .favorites-button.is-added .favorites-button__icon, .no-touch .favorites-button:hover .favorites-button__icon { fill: currentColor; stroke: currentColor } .favorites-button--withcard { position: absolute; top: 0; right: 0; width: 40px; height: 40px; z-index: 10 } .favorites-button--stroke { padding: 12px; border: 1px solid #d4d4d4 } .favorite-button-tooltip { color: #666; max-width: 195px } .favorite-button-tooltip__info { font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 14px; line-height: 22px; margin-bottom: 10px } .favorite-button-tooltip__add-to-coll, .favorite-button-tooltip__fav-link { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px } .favorite-button-tooltip__add-to-coll { cursor: pointer; color: #9A0C0C } .code-in-collections-tooltip { font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 14px; line-height: 1.57142857 } .code-in-collections-tooltip span { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #9A0C0C; word-break: break-all } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .add-to-collection__list { -webkit-box-shadow: inset 0 -22px 23px -8px rgba(0, 0, 0, .2); box-shadow: inset 0 -22px 23px -8px rgba(0, 0, 0, .2); background-color: #f4f4f4; overflow: auto; max-height: 240px } @media (min-width:992px) { .add-to-collection__list { max-height: 290px } .add-to-collection__list::-webkit-scrollbar { width: 6px } .add-to-collection__list::-webkit-scrollbar-track { background: rgba(0, 0, 0, .2) } .add-to-collection__list::-webkit-scrollbar-thumb { background: #666; border-radius: 6px } } .add-to-collection__item { border: 1px solid #d4d4d4; border-top: none; padding: 20px 30px 20px 20px } @media (min-width:992px) { .add-to-collection__item { padding: 26px 35px 25px 30px } } .add-to-collection__add-collection { margin-bottom: 20px } @media (min-width:992px) { .add-to-collection__add-collection { margin-bottom: 30px } } .add-to-collection__footer { background-color: #fff; padding: 20px 20px 30px } @media (min-width:992px) { .add-to-collection__footer { padding: 30px 30px 40px } } .add-to-collection__create-link { display: inline-block; cursor: pointer; font-size: 15px; color: #666; text-decoration: underline } .add-to-collection__create-form { margin-top: 10px; display: none } @media (min-width:992px) { .add-to-collection__create-form { margin-top: 15px } } .add-to-collection__create-form.is-visible { display: block } .add-to-collection__submit-btn { cursor: pointer; min-width: 220px } .add-to-collection-checkbox { cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .add-to-collection-checkbox__text { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #666; font-size: 15px; line-height: 17px } @media (min-width:992px) { .add-to-collection-checkbox__text { font-size: 18px; line-height: 21px } } .add-to-collection-checkbox__control-wrapper { position: relative; width: 13px; height: 13px } @media (min-width:992px) { .add-to-collection-checkbox__control-wrapper { width: 15px; height: 15px } } .add-to-collection-checkbox__control-wrapper input[type=checkbox] { position: absolute; z-index: -1; display: block !important; width: 1px; height: 1px; clip: rect(0 0 0 0) } .add-to-collection-checkbox__control-pseudo { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .add-to-collection-checkbox__control-pseudo:after, .add-to-collection-checkbox__control-pseudo:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block } .add-to-collection-checkbox__control-pseudo:before { border: 1px solid #d4d4d4; background-color: transparent } .add-to-collection-checkbox__control-pseudo:after { opacity: 0; background-color: #9A0C0C; background-image: url(/App_Themes/iGuzzini/images/form/checkbox_selected.png); background-size: contain; background-position: 50%; background-repeat: no-repeat; -webkit-transition: opacity .2s linear; transition: opacity .2s linear } input[type=checkbox]:checked+.add-to-collection-checkbox__control-pseudo:after { opacity: 1 } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .account-welcome__warning+.account-welcome__heading { margin-top: 30px } .account-welcome__heading { color: #666; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 18px; line-height: 1; letter-spacing: -.02em } @media (min-width:768px) { .account-welcome__heading { font-size: 26px } } .account-welcome__heading+.account-welcome__summary { margin-top: 20px } .account-welcome__summary .icon-after:after { float: none } .account-welcome__summary+.account-welcome__controls { margin-top: 30px } .account-welcome__controls { text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width:768px) { .account-welcome__controls { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .account-welcome__btn { display: block; font-size: 15px; line-height: 1.4; padding-top: 16px !important; padding-bottom: 16px !important; width: 100% } @media (min-width:768px) { .account-welcome__btn { width: auto } } .account-welcome__btn-icon { margin-left: 17px } .account-welcome__btn+.account-welcome__btn { margin-top: 15px } @media (min-width:768px) { .account-welcome__btn+.account-welcome__btn { margin-top: 0; margin-left: 20px } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .account-view { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .account-view--base { padding: 40px 20px; background-color: #f4f4f4 } @media (min-width:768px) { .account-view--base { padding: 60px 20px } } .account-view--base .account-view__nav { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .account-view--base .account-view__nav, .account-view--base .account-view__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100% } .account-view--base .account-view__welcome { padding: 50px 0; text-align: center } @media (min-width:768px) { .account-view--base .account-view__welcome { max-width: 580px; margin: 0 auto; padding: 200px 0 } } .account-view--base .account-view__welcome.is-hidden { display: none } .account-view--base .account-view__preloader { padding: 20px; text-align: center } .account-view--base .account-view__preloader.is-hidden { display: none } .account-view--favourites .account-view__nav { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #d4d4d4 } .account-view--collection-details .account-view__header { margin-top: 30px; margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #d4d4d4 } @media (min-width:768px) { .account-view--collection-details .account-view__header { margin-top: 40px; margin-bottom: 40px } } .account-view--collection-details .account-view__header.is-shared { padding-bottom: 0; border-bottom: none } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .collection-form { display: -webkit-box; display: -ms-flexbox; display: flex } .collection-form__field { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } @media (min-width:992px) { .collection-form__field { margin-right: 15px } } .collection-form .collection-form__button { cursor: pointer; padding-top: 20px; padding-bottom: 20px } .collection-form__button-text { margin-right: 14px; display: none } @media (min-width:992px) { .collection-form__button-text { display: block } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .circle-loader { display: inline-block } .circle-loader__main { width: 80px; height: 80px } .circle-loader__spinner { height: 40px; overflow: hidden; -webkit-animation: rotation linear .6s infinite; animation: rotation linear .6s infinite; -webkit-transform-origin: center bottom; transform-origin: center bottom } .circle-loader__circle { width: 80px; height: 80px; border: 6px solid #9A0C0C; border-radius: 50% } @-webkit-keyframes rotation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } @keyframes rotation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(1turn); transform: rotate(1turn) } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .multiple-downloads__list { padding: 30px 30px 40px; background-color: #f4f4f4 } .multiple-downloads__checkbox { display: block } .multiple-downloads__checkbox+.multiple-downloads__checkbox { margin-top: 15px } .multiple-downloads__controls { padding: 30px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .IGCntForm input[type=submit] { -webkit-appearance: none; display: inline-block; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px; line-height: 32px; padding: 10px 25px; max-width: 280px; -webkit-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-transition: .2s; transition: .2s; color: #fff; background-color: #9A0C0C; border: 1px solid #9A0C0C } @media (min-width:768px) { .IGCntForm input[type=submit] { padding: 10px 15px; line-height: 20px; font-size: 12px } } @media (min-width:992px) { .IGCntForm input[type=submit] { padding: 10px 25px; font-size: 14px; line-height: 32px } } @media (min-width:1420px) { .IGCntForm input[type=submit] { font-size: 14px } } .no-touch .IGCntForm input[type=submit]:hover { background-color: #fff; color: #9A0C0C } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .scf-email-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 30px; color: #8d8d8d; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.63 } .scf-email-item__icon { position: relative; width: 28px; height: 28px } .scf-email-item .scf-email-item__check-circle, .scf-email-item .scf-email-item__cross-circle { position: absolute; left: 0; top: 0; opacity: 1; -webkit-transition: opacity .3s linear; transition: opacity .3s linear } .scf-email-item .scf-email-item__check-circle { opacity: 0 } .scf-email-item.is-checked .scf-email-item__icon:hover .scf-email-item__cross-circle { opacity: 1 } .scf-email-item.is-checked .scf-email-item__icon:hover .scf-email-item__check-circle { opacity: 0 } .scf-email-item.is-checked .scf-email-item__check-circle { opacity: 1 } .scf-email-item.is-checked .scf-email-item__cross-circle { opacity: 0 } .share-collection-form__header { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 20px 20px } @media (min-width:768px) { .share-collection-form__header { padding: 0 30px } } .share-collection-form__email { width: 100% } @media (min-width:768px) { .share-collection-form__email { margin-right: 15px } } .share-collection-form__add-btn { background-color: #9A0C0C; border: 1px solid #9A0C0C; outline: none; padding: 10px 20px; color: #fff } @media (min-width:768px) { .share-collection-form__add-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0; background-color: transparent; color: #9A0C0C; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 15px } } @media (min-width:768px) { .no-touch .share-collection-form__add-btn:hover { background-color: #9A0C0C; color: #fff } } .share-collection-form__add-btn:focus { border-color: #2b2b2b } .share-collection-form__add-btn.is-disabled { background-color: #666; border-color: #8d8d8d; color: #fff; cursor: not-allowed } .share-collection-form__add-btn-text { display: none } @media (min-width:768px) { .share-collection-form__add-btn-text { display: block; margin-right: 15px } } .share-collection-form__note { padding: 15px 20px 20px; color: #8d8d8d; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 12px; line-height: 1.42 } @media (min-width:768px) { .share-collection-form__note { padding: 15px 30px 20px } } .share-collection-form__list { overflow-y: auto; max-height: 280px; background-color: #f4f4f4; -webkit-box-shadow: inset 0 -22px 23px -8px rgba(0, 0, 0, .2); box-shadow: inset 0 -22px 23px -8px rgba(0, 0, 0, .2) } .share-collection-form__list::-webkit-scrollbar { width: 5px } .share-collection-form__list::-webkit-scrollbar-track { background: #8d8d8d } .share-collection-form__list::-webkit-scrollbar-thumb { background: #666; border-radius: 5px } .share-collection-form__item { border-top: 1px solid #d4d4d4 } .share-collection-form__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px 20px } .share-collection-form__submit { width: 100%; max-width: 250px } @media (min-width:768px) { .share-collection-form__submit { max-width: 200px } } .share-collection-form__preloader { padding: 20px; text-align: center } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .lighthinking-related { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; text-shadow: 0 0 10px rgba(0, 0, 0, .3) } @media (min-width:768px) { .lighthinking-related { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 160px } } .lighthinking-related__block { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; min-height: 200px; padding: 80px 20px 20px; color: #fff } @media (min-width:768px) { .lighthinking-related__block { padding: 160px 30px 20px } } @media (min-width:1420px) { .lighthinking-related__block { padding: 160px 55px 45px } } .lighthinking-related__content { position: relative; z-index: 3 } .lighthinking-related__image { position: absolute; top: 0; right: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1 } .lighthinking-related__image:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent)); background: linear-gradient(0deg, #000, transparent); z-index: 2 } .lighthinking-related__image img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover; -webkit-transition: -webkit-transform .2s linear; transition: -webkit-transform .2s linear; transition: transform .2s linear; transition: transform .2s linear, -webkit-transform .2s linear } .lighthinking-related__title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 32px; line-height: 1; -webkit-transition: color .2s linear; transition: color .2s linear } @media (min-width:768px) { .lighthinking-related__title { font-size: 40px } } @media (min-width:1420px) { .lighthinking-related__title { font-size: 62px } } .lighthinking-related__subtitle { display: none; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 34px; margin: 5px 0 } @media (min-width:768px) { .lighthinking-related__subtitle { display: block } } .lighthinking-related__footer { margin-top: 5px } @media (min-width:768px) { .lighthinking-related__footer { margin-top: 10px } } .lighthinking-related__tag { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 13px } .lighthinking-related__date { font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 13px; margin-left: 20px } .no-touch .lighthinking-related__block:hover .lighthinking-related__title { color: #9A0C0C } .no-touch .lighthinking-related__block:hover .lighthinking-related__image img { -webkit-transform: scale(1.05) rotate(.001deg); transform: scale(1.05) rotate(.001deg) } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .premium-popup-banner__header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; background-color: #9A0C0C } @media (min-width:768px) { .premium-popup-banner__header { padding: 29px 50px 29px 30px } } @media (min-width:768px) { .premium-popup-banner__header--admin { padding: 37px 30px 37px 60px } } .premium-popup-banner__icon { -ms-flex-negative: 0; flex-shrink: 0 } .premium-popup-banner h2 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-size: 26px; line-height: 1; letter-spacing: -1px; font-weight: 700 } .premium-popup-banner__title { color: #fff; margin-left: 10px; margin-top: 3px } @media (min-width:768px) { .premium-popup-banner__title { margin-left: 15px } } .premium-popup-banner__message { padding: 24px 20px 18px; background-color: #fff; color: #666 } @media (min-width:768px) { .premium-popup-banner__message { padding: 29px 30px 30px } } .premium-popup-banner__message h2 { color: #2b2b2b; font-size: 18px } @media (min-width:768px) { .premium-popup-banner__message h2 { font-size: 26px } } .premium-popup-banner__message p { font-size: 16px; margin-top: 15px; line-height: 1.75 } .premium-popup-banner__checkbox-wrapper { margin-top: 10px } .premium-popup-banner__footer { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; border-top: 1px solid #d4d4d4; background-color: #f4f4f4 } @media (min-width:768px) { .premium-popup-banner__footer { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding: 22px 30px } } .premium-popup-banner .btn-stroke.narrow.icon-after { padding-right: 60px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .premium-banner { position: relative; background-color: #1a1a1a } .premium-banner:before { content: ""; position: absolute; height: 100%; width: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(26, 26, 26, 0)), to(#1a1a1a)); background-image: linear-gradient(0deg, rgba(26, 26, 26, 0), #1a1a1a); opacity: 1; z-index: 1 } @media (min-width:768px) { .premium-banner:before { background-image: -webkit-gradient(linear, right top, left top, color-stop(30%, rgba(26, 26, 26, 0)), color-stop(48%, #1a1a1a)); background-image: linear-gradient(270deg, rgba(26, 26, 26, 0) 30%, #1a1a1a 48%) } } .premium-banner__background-image { position: absolute; top: 0; right: 0; height: 100%; width: 100%; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover } @media (min-width:768px) { .premium-banner__background-image { width: 50% } } .premium-banner__content-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; margin-bottom: 25px } @media (min-width:768px) { .premium-banner__content-wrapper { margin-bottom: 0 } } .premium-banner__icon { -ms-flex-negative: 0; flex-shrink: 0 } .premium-banner__content { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: start; padding: 20px; z-index: 1 } @media (min-width:768px) { .premium-banner__content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 37px 30px 37px 60px } } .premium-banner h3 { max-width: 650px; margin: 0; margin-left: 15px; font-family: "Source Han Sans", sans-serif; font-size: 26px; font-weight: lighter; line-height: 1.2em; letter-spacing: -.02em; color: #fff } .premium-banner h3 strong { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .premium-banner .btn-stroke.narrow { padding-right: 50px } .premium-banner:hover .premium-banner__cta-button { color: #9A0C0C; background-color: #fff } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .areas-landing { padding: 30px 20px 60px; background-color: #000 } @media (min-width:768px) { .areas-landing { padding: 30px 0 60px } } @media (min-width:992px) { .areas-landing { padding: 60px 0 80px } } .areas-landing__heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width:768px) { .areas-landing__heading { padding: 0 30px } } @media (min-width:992px) { .areas-landing__heading { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 120px } } .areas-landing__title { margin-bottom: 15px; color: #9A0C0C; font-size: 32px; line-height: 1; letter-spacing: -1px; text-shadow: 0 2px 10px rgba(0, 0, 0, .3) } @media (min-width:768px) { .areas-landing__title { margin-right: 15px; font-size: 45px } } @media (min-width:992px) { .areas-landing__title { line-height: 1.5 } } .areas-landing__subtitle { font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 32px; line-height: 1; letter-spacing: -.6px } @media (min-width:768px) { .areas-landing__subtitle { font-size: 45px; letter-spacing: -1px } } @media (min-width:992px) { .areas-landing__subtitle { line-height: 1.5 } } .areas-landing__slider { margin-top: 45px } @media (min-width:768px) { .areas-landing__slider { margin-top: 55px } } .areas-landing--inspiration { padding: 40px 0 20px; background-color: #fff } @media (min-width:768px) { .areas-landing--inspiration { padding: 60px 0 } } .areas-landing--inspiration .areas-landing__heading { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 20px } @media (min-width:768px) { .areas-landing--inspiration .areas-landing__heading { padding: 0 30px } } .areas-landing--inspiration .areas-landing__subtitle, .areas-landing--inspiration .areas-landing__title { font-size: 22px; color: #000 } @media (min-width:768px) { .areas-landing--inspiration .areas-landing__subtitle, .areas-landing--inspiration .areas-landing__title { font-size: 26px } } .areas-landing--inspiration .areas-landing__title { margin-right: 10px; margin-bottom: 5px; color: #000; text-shadow: none } .areas-landing--inspiration .areas-landing__slider { margin-top: 20px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .area-card { position: relative; z-index: 0; display: block; min-height: 120px; padding: 15px; background-color: #000; outline: none } .no-touch .area-card:focus:after, .no-touch .area-card:hover:after { opacity: 0 } .no-touch .area-card:focus .area-card__image-wrapper:after, .no-touch .area-card:hover .area-card__image-wrapper:after { opacity: 1 } .no-touch .area-card:focus .area-card__image, .no-touch .area-card:hover .area-card__image { -webkit-transform: scale(1.05); transform: scale(1.05) } .no-touch .area-card:focus .area-card__description, .no-touch .area-card:hover .area-card__description { opacity: 1 } @media (min-width:768px) { .area-card { min-height: 620px; padding: 30px } } .area-card:after { content: ""; position: absolute; z-index: 0; top: 0; left: 0; display: block; width: 100%; height: 50%; background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)); background-image: linear-gradient(180deg, #000, transparent); -webkit-transition: opacity .4s linear; transition: opacity .4s linear } @media (min-width:768px) { .area-card:after { opacity: .8 } } .area-card__image-wrapper { overflow: hidden; z-index: -1 } .area-card__image-wrapper:after { content: ""; opacity: 0; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(255, 40, 45, .6); -webkit-transition: opacity .4s linear; transition: opacity .4s linear } .area-card .area-card__image { -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: opacity .3s linear, -webkit-transform .4s linear; transition: opacity .3s linear, -webkit-transform .4s linear; transition: transform .4s linear, opacity .3s linear; transition: transform .4s linear, opacity .3s linear, -webkit-transform .4s linear } .area-card .area-card__image--square, .area-card .area-card__image--vertical { display: none } @media (min-width:768px) { .area-card .area-card__image--vertical { display: block } .area-card .area-card__image--horizontal { display: none } } .area-header__slider .area-card .area-card__image--horizontal, .area-header__slider .area-card .area-card__image--vertical { display: none } .area-header__slider .area-card .area-card__image--square { display: block } @media (min-width:768px) { .area-header__slider .area-card .area-card__image--vertical { display: block } .area-header__slider .area-card .area-card__image--horizontal, .area-header__slider .area-card .area-card__image--square { display: none } } @media (min-width:1366px) { .area-header__slider .area-card .area-card__image--horizontal, .area-header__slider .area-card .area-card__image--vertical { display: none } .area-header__slider .area-card .area-card__image--square { display: block } } .areas-landing--inspiration .area-card .area-card__image--horizontal, .areas-landing--inspiration .area-card .area-card__image--vertical { display: none } .areas-landing--inspiration .area-card .area-card__image--square { display: block } @media (min-width:768px) { .areas-landing--inspiration .area-card .area-card__image--vertical { display: block } .areas-landing--inspiration .area-card .area-card__image--horizontal, .areas-landing--inspiration .area-card .area-card__image--square { display: none } } @media (min-width:1366px) { .areas-landing--inspiration .area-card .area-card__image--horizontal, .areas-landing--inspiration .area-card .area-card__image--vertical { display: none } .areas-landing--inspiration .area-card .area-card__image--square { display: block } } .area-card__title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; position: relative; z-index: 1; color: #fff; font-size: 16px; line-height: 1; white-space: normal; word-break: break-word } @media (min-width:992px) { .area-card__title { font-size: 24px } } .area-card__description { font-family: "Source Han Sans", sans-serif; font-weight: 300; opacity: 0; position: relative; display: none; margin-top: 5px; color: #fff; font-size: 14px; letter-spacing: -.4px; line-height: 1.3; white-space: normal; -webkit-transition: opacity .4s linear; transition: opacity .4s linear } .no-touch .area-card__description { display: block } @media (min-width:768px) { .area-card__description { margin-top: 10px; font-size: 18px } } .area-card.in-accordion { min-height: 200px } @media (min-width:768px) { .area-card.in-accordion { min-height: 300px; padding: 30px 20px } } @media (min-width:768px) { .area-card.in-accordion .area-card__title { font-size: 16px } } @media (min-width:1366px) { .area-card.in-accordion .area-card__title { font-size: 20px } } .area-card.next-area { min-height: 280px; padding: 20px } @media (min-width:768px) { .area-card.next-area { padding: 40px 30px; min-height: 430px } } .area-card.next-area .area-card__title { font-size: 20px } @media (min-width:768px) { .area-card.next-area .area-card__title { font-size: 24px } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .area-header { position: relative; padding: 20px 0; border-bottom: 1px solid #333; background-color: #000; background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(transparent)); background-image: linear-gradient(180deg, #000, transparent) } @media (min-width:768px) { .area-header { padding-top: 25px; padding-bottom: 30px } } .area-header__bg:after { content: ""; position: absolute; top: 0; left: 0; display: block; width: 250%; height: 100%; background-image: -webkit-gradient(linear, left top, right top, from(#000), to(transparent)); background-image: linear-gradient(90deg, #000, transparent) } .area-header__img { -o-object-position: top center; object-position: top center } .area-header__accordion { position: relative } .area-header__accordion:after { display: none; content: ""; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, .7); opacity: 0; -webkit-transition: opacity .3s linear; transition: opacity .3s linear; z-index: -1 } .area-header__accordion.expanded:after { display: block; opacity: 1 } .area-header__accordion.expanded .area-header__bg:after { background-color: rgba(0, 0, 0, .6) } .area-header__accordion.expanded .area-header__title:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg) } .area-header__accordion.expanded .area-header__description, .area-header__accordion.expanded .area-header__subtitle { opacity: .2 } .area-header__accordion:not(.closed) { z-index: 201 } .area-header__application-link-wrapper { display: inline-block; font-size: 13px } .area-header__application-link { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-size: inherit; font-weight: 700 } .area-header__wrapper-top { padding: 0 20px } @media (min-width:768px) { .area-header__wrapper-top { padding: 0 30px } } .area-header__bottom { position: relative; padding: 15px 25px 0 } @media (min-width:768px) { .area-header__bottom { padding: 15px 45px 0 30px } } .area-header__link { font-size: 13px; font-weight: 700 } .area-header__title { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 32px; line-height: 1.1; letter-spacing: -1px; text-shadow: 0 2px 10px rgba(0, 0, 0, .3) } .area-header__title:after { margin-top: 5px; margin-left: 5px; font-size: 20px; -webkit-transition: -webkit-transform .3s linear; transition: -webkit-transform .3s linear; transition: transform .3s linear; transition: transform .3s linear, -webkit-transform .3s linear } @media (min-width:768px) { .area-header__title:after { font-size: 30px } } @media (min-width:768px) { .area-header__title { font-size: 45px } } .area-header__description, .area-header__subtitle { font-family: "Source Han Sans", sans-serif; font-weight: 300; color: #fff } .area-header__subtitle { font-size: 24px; line-height: 1; letter-spacing: -.8px; text-shadow: 0 2px 10px rgba(0, 0, 0, .3) } @media (min-width:768px) { .area-header__subtitle { font-size: 42px } } .area-header__description { margin-top: 10px; font-size: 14px; line-height: 1.5 } @media (min-width:768px) { .area-header__description { margin-top: 15px; font-size: 16px } } .area-header__slider { margin-top: 10px } @media (min-width:768px) { .area-header__slider { margin-top: 45px; margin-bottom: 15px } } .area-header__tabs { margin-top: 25px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .area-tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .area-tabs__tab { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 16px; color: #fff; font-size: 12px; line-height: 1.2; text-align: center; background-color: rgba(51, 51, 51, .8); font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif } @media (min-width:992px) { .area-tabs__tab { width: auto; min-width: 200px; padding: 18px; font-size: 16px } } .area-tabs__tab+.area-tabs__tab { margin-left: 10px } .area-tabs__tab.is-active { background-color: #9A0C0C } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .area-related { position: relative; padding: 30px 30px 40px; background-color: #000 } @media (min-width:768px) { .area-related { padding: 0 0 45px } } .area-related__header { color: #fff; font-size: 18px; line-height: 1.1; padding: 30px 0 0 30px } .area-related__subtitle { font-family: "Source Han Sans", sans-serif; font-weight: 300 } .area-related__carousel { overflow: hidden; margin-top: 15px } @media (min-width:768px) { .area-related__carousel { overflow: visible; margin-top: 30px } } .area-related__cards { display: -webkit-box; display: -ms-flexbox; display: flex } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .related-card { -webkit-transition: all .3s; transition: all .3s; border: 8px solid transparent; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 100%; min-height: 180px; outline: none } @media (min-width:768px) { .related-card { min-height: 280px } } .related-card.is-active { border: 8px solid #9A0C0C } .no-touch .related-card:focus .related-card__title, .no-touch .related-card:hover .related-card__title { background-color: #9A0C0C } .no-touch .related-card:focus .related-card__slide.product-image, .no-touch .related-card:hover .related-card__slide.product-image { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%) } .no-touch .related-card:focus .related-card__slide.additional-list, .no-touch .related-card:hover .related-card__slide.additional-list { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } .related-card__wrapper { width: 100%; height: 100%; min-height: 130px; position: relative; overflow: hidden } @media (min-width:768px) { .related-card__wrapper { min-height: 220px } } .related-card__slide { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50%; background-size: cover; background-repeat: no-repeat; -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1) } .related-card__slide.product-image { opacity: 1; background-color: #fff; -webkit-transform: translateY(0); transform: translateY(0) } .related-card__slide.product-image:not(.has-image) { background-image: url(/App_Themes/iGuzzini/images/global/placeholder.png) } .related-card__slide.additional-list { opacity: 0; background-color: #f4f4f4; -webkit-transform: translateY(100%); transform: translateY(100%) } .related-card__slide.additional-list:not(.has-additional) { background-image: url(/App_Themes/iGuzzini/images/global/placeholder.png) } .related-card__image { -o-object-position: top center; object-position: top center } .related-card__image-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff } .related-card__list { margin: 0; padding: 0; list-style: none; height: 100%; padding: 10px 20px; color: #898a8b; font-size: 13px; font-weight: 700; letter-spacing: -.33px } .related-card__list:before { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 20px; background-image: -webkit-gradient(linear, left bottom, left top, from(#f4f4f4), to(transparent)); background-image: linear-gradient(0deg, #f4f4f4, transparent) } .related-card__li { padding: 5px 0; text-align: center } .related-card__li+.related-card__li { border-top: 1px solid rgba(0, 0, 0, .1) } .related-card__title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; height: 100%; min-height: 50px; padding: 8px 10px; color: #fff; font-size: 13px; line-height: 1.5; background-color: hsla(0, 0%, 100%, .15); -webkit-transition: background-color .3s linear; transition: background-color .3s linear } @media (min-width:768px) { .related-card__title { min-height: 60px; padding: 13px 17px; font-size: 16px } } .lazyload, .lazyloading { visibility: hidden; opacity: 0 } .lazyloaded { visibility: visible; opacity: 1; -webkit-transition: all 1.5s; transition: all 1.5s } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .login-modal__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px } @media (min-width:992px) { .login-modal__top { margin-bottom: 15px } } .login-modal__signin { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #666; line-height: 1.25; font-size: 15px } @media (min-width:992px) { .login-modal__signin { font-size: 26px } } .login-modal__stuff-signin { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #9A0C0C; font-size: 13px; line-height: 18px } @media (min-width:992px) { .login-modal__stuff-signin { font-size: 15px; line-height: 26px } } .login-modal__stuff-signin:after { float: none; line-height: inherit } .login-modal__footer { background-color: #f4f4f4 } @media (min-width:992px) { .login-modal__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } .login-modal__not-registered { font-size: 18px; color: #666; margin-bottom: 10px } @media (min-width:992px) { .login-modal__not-registered { margin-bottom: 0; margin-right: 10px } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .loader { display: none; padding: 20px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; z-index: 160; left: 0; right: 0; top: 0; bottom: 0; background: hsla(0, 0%, 92%, .96) } .cp-overlay__content.code .loader { top: 70px; width: 100%; left: auto; right: auto } @media (min-width:768px) { .cp-overlay__content.code .loader { max-width: 1200px } } .loader__content { text-align: center; width: 100% } .loader__content>*+* { margin-top: 20px } .loader__content p { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-size: 18px; line-height: 22px } .loader__content--limited { max-width: 460px } .loader__logo { display: block; margin: auto; width: 250px } .loader--transparent { background-color: transparent } .loader--constrained { position: absolute } .loader.is-visible { display: -webkit-box; display: -ms-flexbox; display: flex } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-main-nav { display: block; position: relative; width: 100%; -webkit-transition: all .2s ease; transition: all .2s ease } .cp-main-nav:before { content: ""; position: absolute; top: 0; right: 0; display: block; width: 100%; height: 100%; background-color: transparent; -webkit-transition: background-color .3s linear; transition: background-color .3s linear } .cp-main-nav__logo { max-width: 86px; right: 25px; background-color: transparent } .cp-main-nav__logo img, .cp-main-nav__logo svg { display: block; margin-top: -10px; margin-left: -55px; height: 40px; } .cp-main-nav__home-heading { font-size: 1em; line-height: 1 } .cp-main-nav__content { position: absolute; z-index: -1; overflow: auto; -webkit-overflow-scrolling: touch; width: 568px; height: 656px; top: 0; left: 0; padding: 25px; padding-top: 95px; background-color: #9A0C0C; -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0; visibility: hidden; -webkit-transition: visibility .3s step-end, opacity .3s linear, -webkit-transform .3s step-end; transition: visibility .3s step-end, opacity .3s linear, -webkit-transform .3s step-end; transition: visibility .3s step-end, transform .3s step-end, opacity .3s linear; transition: visibility .3s step-end, transform .3s step-end, opacity .3s linear, -webkit-transform .3s step-end } .cp-main-nav__content__top__menu ul { display: block; list-style: none; padding: 55px; } .cp-main-nav__content__top__menu a { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 500; line-height: 1em; font-size: 30px; letter-spacing: -.02em; padding: 0; -webkit-transition: color .2s linear; transition: color .2s linear; color: #fff } .no-touch .cp-main-nav__content__top__menu a:hover { color: #2b2b2b } @media (min-width:992px) { .cp-main-nav__content__top__menu a { font-size: 16px; } } @media (min-width:1600px) { .cp-main-nav__content__top__menu a { font-size: 16px; } } .cp-main-nav__content__top__menu>ul>li { margin-bottom: 30px } .cp-main-nav__content__top__menu>ul>li>a { font-size: 24px; } .no-touch .cp-main-nav__content__top__menu>ul>li>a:hover { color: #2b2b2b } @media (min-width:992px) { .cp-main-nav__content__top__menu>ul>li>a { font-size: 24px; } } @media (min-width:1600px) { .cp-main-nav__content__top__menu>ul>li>a { font-size: 24px; } } .cp-main-nav__content__top__menu>ul>li>ul { margin-top: 10px; margin-bottom: 40px } .cp-main-nav__content__top__menu>ul>li>ul>li { padding-left: 30px line-height: 44px; } .cp-main-nav__content__top__menu>ul>li>ul>li:not(:first-child) { margin-top: 7px } .no-touch .cp-main-nav__content__top__menu>ul>li.closed>a:hover { color: #000000; } .cp-main-nav__content__top__menu>ul>li.closed>ul { display: none; position: absolute; top: 142px; left: 270px; } .cp-main-nav__content__group__title { display: block; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-size: 24px; font-weight: 700; letter-spacing: -.02em; padding: 10px 0 0; color: #8d8d8d; -webkit-transition: color .3s linear; transition: color .3s linear } .cp-main-nav__content__group.closed .cp-accordion__header.cp-main-nav__content__group__title, .cp-main-nav__content__group__title.cp-accordion__header, .no-touch .cp-main-nav__content__group__title:hover { color: #fff } .no-touch .cp-main-nav__content__group.closed .cp-accordion__header.cp-main-nav__content__group__title:hover { color: gray } .cp-main-nav__content__bottom { margin-top: 30px } .cp-main-nav__content__bottom ul { list-style: none } .cp-main-nav__content__bottom ul li { margin: 0; padding: 0 } .cp-main-nav__content__bottom ul li:not(:first-child) { margin-top: 10px } .cp-main-nav__content__bottom ul li a { font-family: "Source Han Sans", sans-serif; font-size: 18px; line-height: 1em; font-weight: 300; letter-spacing: -.02em; color: #fff; display: inline-block; opacity: 1; -webkit-transition: color .3s linear, opacity .1s linear; transition: color .3s linear, opacity .1s linear } .no-touch .cp-main-nav__content__bottom ul li a:hover { opacity: .7; color: #fff } .cp-main-nav__bar { display: block; position: relative; width: 100%; height: 70px; } .cp-main-nav__bar-tools { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 20px } @media (min-width:768px) { .cp-main-nav__bar-tools { padding-left: 30px } } .cp-main-nav__icon { position: relative; width: 28px; height: 23px; font-size: 0; color: transparent; cursor: pointer; background-color: transparent; -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out } @media (min-width:992px) { .no-touch.is-transparent-header .cp-main-nav__icon:hover .cp-main-nav__icon__line { background-color: #9A0C0C } .no-touch .cp-main-nav__icon:hover .cp-main-nav__icon__line, .no-touch .nav .cp-main-nav__icon:hover .cp-main-nav__icon__line, .no-touch .search .cp-main-nav__icon:hover .cp-main-nav__icon__line, .no-touch .show .cp-main-nav__icon:hover .cp-main-nav__icon__line { background-color: #2b2b2b } } .cp-main-nav__icon__line { display: block; position: absolute; width: 28px; height: 3px; left: 0; background-color: #fff; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all .3s ease-out; transition: all .3s ease-out } .cp-main-nav__icon__line:first-child { top: 0 } .cp-main-nav__icon__line:nth-child(2) { top: 10px } .cp-main-nav__icon__line:nth-child(3) { top: 20px } @media (min-width:768px) { .cp-main-nav__icon { float: none } } .cp-main-nav__item { display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; position: relative; -webkit-transition: color .2s linear; transition: color .2s linear; cursor: pointer; margin-right: 18px } .cp-main-nav__item:last-child { margin-right: 0 } .no-touch .cp-main-nav__item:hover { color: #2b2b2b } .no-touch.is-transparent-header .cp-main-nav__item:hover { color: #9A0C0C } .no-touch .nav .cp-main-nav__item:hover, .no-touch .search .cp-main-nav__item:hover, .no-touch .show .cp-main-nav__item:hover { color: #2b2b2b } .cp-main-nav__item--menu { margin-right: 20px } .search .cp-main-nav__item--search .icon { display: none } @media (min-width:1025px) { .cp-main-nav__item--code-finder { display: -webkit-box; display: -ms-flexbox; display: flex } } .cp-main-nav__item--home { display: none } @media (min-width:1025px) { .cp-main-nav__item--home { display: -webkit-box; display: -ms-flexbox; display: flex } } .cp-main-nav__item--small { margin-top: 25px !important } .cp-main-nav__item--small a { margin-top: 20px; font-family: "Source Han Sans", sans-serif; font-size: 18px; line-height: 1em; font-weight: 300; letter-spacing: -.02em } .cp-main-nav__item--small+.cp-main-nav__item--small { margin-top: 2px !important } .cp-main-nav__notification { position: absolute; top: -2px; left: 14px } .cp-main-nav__code-finder-caption { display: none; padding-left: 5px; margin-top: 2px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 10px } @media (min-width:768px) { .cp-main-nav__code-finder-caption { display: block } } .cp-main-nav__logo { display: block; position: absolute; top: 25px; right: 15px; width: 86px; float: right } @media (min-width:768px) { .cp-main-nav__logo { right: 30px } } .cp-main-nav__logo svg path { -webkit-transition: .3s; transition: .3s } .no-touch .cp-main-nav__logo:hover svg path { fill: #2b2b2b } .cp-main-nav__region { position: relative } .cp-main-nav__region:after, .cp-main-nav__region:before { position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 18px 18px; border-color: transparent; top: 100%; left: -7px } .cp-main-nav__region:before { border-bottom-color: #d4d4d4; margin-top: 9px } .cp-main-nav__region:after { border-bottom-color: #f4f4f4; margin-top: 10px } .cp-main-nav__region.is-tooltip-visible:after, .cp-main-nav__region.is-tooltip-visible:before { content: "" } .cp-main-nav__language { margin-left: 15px } .cp-main-nav__region-tooltip { display: none; position: fixed; left: 10px; right: 10px; top: 70px; padding-top: 3px; cursor: auto } @media (min-width:768px) { .cp-main-nav__region-tooltip { position: absolute; width: 410px; top: 100%; left: -25px; right: auto; padding-top: 22px } } .cp-main-nav__region-tooltip.is-visible { display: block } .cp-main-nav__region-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .cp-main-nav__region-caption { display: none; padding-left: 5px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 10px } @media (min-width:768px) { .cp-main-nav__region-caption { display: block } } .cp-main-nav__region-wrap { border: 1px solid #d4d4d4 } .cp-main-nav__region-button { max-width: 100%; text-align: left; cursor: pointer } @media (min-width:768px) { .cp-main-nav__region-button { max-width: 180px } } .cp-main-nav__region-button-wrap { background: #fff; padding: 0 20px 20px } .cp-main-nav__account-info { margin-left: 14px } .cp-main-nav__select-overlay { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; opacity: 0 } .no-touch .cp-main-nav__select-overlay { display: block } .theme__wrapper.nav .cp-main-nav:before, .theme__wrapper.search .cp-main-nav:before { background-color: #9A0C0C } .theme__wrapper:not(.nav):not(.search) .cp-main-nav { width: 100% !important } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-header { display: block; position: relative; background-color: #9A0C0C } .is-transparent-header .cp-header { display: none } .cp-header__top { background-color: #9A0C0C } .cp-header h1 { color: #fff; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; letter-spacing: 0 } .cp-header__logo { display: none; width: 86px; float: right } @media (min-width:768px) { .cp-header__logo { display: block } } .soar-header { position: relative; z-index: 10 } .soar-header.is-fixed { position: fixed; top: 70px; z-index: 100; width: 100% } .cp-overlay .soar-header.is-fixed { max-width: 1200px } .cookie .soar-header.is-fixed { top: 140px } .new-feature-tooltip-content { font-size: 14px; line-height: 22px } .new-feature-tooltip-content p { font-size: inherit; line-height: inherit } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .region-selector--desktop { max-height: 80vh; overflow-y: auto } .region-selector--desktop .region-selector__heading { padding: 20px 20px 15px; background-color: #f4f4f4; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-size: 18px; font-weight: 700; color: #2b2b2b } .region-selector--desktop .region-selector__content { padding: 20px } .region-selector--desktop .region-selector__tab-labels { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #d4d4d4 } .region-selector--desktop .region-selector__tab-panel { display: none; padding: 20px; background: #fff } .region-selector--desktop .region-selector__tab-panel.is-active { display: block } .region-selector--desktop .region-selector__description { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-size: 14px; color: #2b2b2b; padding-bottom: 15px } .region-selector--desktop .region-selector__button { margin: 20px } .region-selector--desktop.is-hidden .region-selector__panels, .region-selector--desktop.is-hidden .region-selector__tab-labels { display: none } .region-selector--mobile { padding: 20px; background: #fff } .region-selector--mobile .region-selector__region-select-wrapper { position: relative } .region-selector--mobile .region-selector__lang-select-wrapper { position: relative; display: none; margin-top: 20px } .region-selector--mobile .region-selector__lang-select-wrapper.is-active { display: block } .region-selector--mobile .region-selector__label { position: absolute; top: 14px; left: 20px; color: #8d8d8d; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 12px } .region-selector--mobile.is-hidden { display: none } .region-selector-item--desktop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .region-selector-item--desktop .region-selector-item:last-child .region-selector-item__label { border-right: 0 } .region-selector-item--desktop .region-selector-item__label { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; padding: 22px 20px 22px 55px; background-color: #ebebeb; font-size: 14px; line-height: 1.6; cursor: pointer; border-right: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4 } .region-selector-item--desktop .region-selector-item__label:before { position: absolute; left: 20px; top: 50%; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .region-selector-item--desktop .region-selector-item__input:checked+.region-selector-item__label { background-color: #fff; border-bottom-color: transparent } .region-selector-item--desktop .no-touch .region-selector-item__input+.region-selector-item__label:hover { color: #8d8d8d } .region-selector-item--desktop .region-selector-item__heading { display: block; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; color: #8d8d8d } .region-selector-item--desktop .region-selector-item__summary { display: block; font-family: Helvetica-Neue, HelveticaNeue-Light, Helvetica, sans-serif } .region-selector-item--desktop .region-selector-item__languages { color: #9A0C0C } .lang-selector--desktop { background-color: #f4f4f4; padding: 11px 23px 3px } @media (min-width:768px) { .lang-selector--desktop { padding-bottom: 10px } } .lang-selector--desktop .lang-selector__heading { padding: 0 0 15px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-size: 14px; color: #2b2b2b } @media (min-width:768px) { .lang-selector--desktop .lang-selector__heading { padding-bottom: 5px } } .lang-selector--desktop .lang-selector__list { list-style: none; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) } @media (min-width:768px) { .lang-selector--desktop .lang-selector__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } } .lang-selector--desktop .lang-selector__li { margin-bottom: 13px } @media (min-width:768px) { .lang-selector--desktop .lang-selector__li { margin-right: 15px; margin-bottom: 7px } } .lang-selector--desktop .lang-selector__label { padding: 5px 5px 5px 23px; font-size: 14px } .lang-selector--desktop .lang-selector__label:before { position: absolute; width: 16px; height: 16px; left: 0; top: 50%; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .lang-selector--desktop .lang-selector__input:checked+.lang-selector__label { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .lang-selector--desktop .lang-selector__input:checked+.lang-selector__label:before { background-size: 16px 16px; z-index: 54 } .region-selector .choices__list--single .choices__item { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400 } .region-selector .choices__list--dropdown .choices__item--selectable.is-highlighted { background: none } .region-selector .choices[data-type*=select-one] .choices__inner { padding-top: 35px } .region-selector .choices[data-type*=select-one]:after { color: #8d8d8d; line-height: 1em; bottom: auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .electrical-standard { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-filter-panel { display: none; position: fixed; top: 0; left: 0; bottom: 0; width: 100vw; padding-top: 70px; z-index: 200; background-color: #fff; opacity: 0; visibility: hidden; -webkit-transition: opacity .4s linear, visibility .8s step-end, -webkit-transform .8s step-end; transition: opacity .4s linear, visibility .8s step-end, -webkit-transform .8s step-end; transition: transform .8s step-end, opacity .4s linear, visibility .8s step-end; transition: transform .8s step-end, opacity .4s linear, visibility .8s step-end, -webkit-transform .8s step-end; overflow-x: hidden } .DesignMode .cp-filter-panel { display: block; position: static; visibility: visible; opacity: 1; height: auto; padding: 0 } .cp-filter-panel__content { width: 100%; height: 100% } .cp-filter-panel__title { font-size: 32px; color: #2b2b2b; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } @media (min-width:768px) { .cp-filter-panel__title { font-size: 45px } } .cp-filter-panel__intro { margin: 10px 0 17px; font-size: 18px; line-height: 1.33; color: #666 } @media (min-width:768px) { .cp-filter-panel__intro { margin: 10px 0 20px; font-size: 26px } } .cp-filter-panel__finder-btn { width: 100% } .cp-filter-panel__search { min-height: 50%; width: 100%; position: relative; z-index: 1; background-color: #fff; opacity: 1; -webkit-transition: color .2s linear; transition: color .2s linear; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .cp-filter-panel__search::-webkit-scrollbar { display: none } @media (min-width:992px) { .cp-filter-panel__search { height: 50% } } .cp-filter-panel__controls { margin-bottom: 30px } .cp-filter-panel__keyword { width: 100%; margin-top: 5px; margin-right: -40px; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 18px; letter-spacing: -.02em; color: #8d8d8d; border: none; padding: 8px 30px 8px 0; padding-right: 60px; border-bottom: 1px solid #8d8d8d; outline: 0; -webkit-transition: color .2s linear; transition: color .2s linear; -webkit-appearance: none; border-radius: 0 } .cp-filter-panel__keyword::-webkit-input-placeholder { color: #bbb !important; -webkit-transition: color .2s linear; transition: color .2s linear } .cp-filter-panel__keyword::-moz-placeholder { color: #bbb !important; -webkit-transition: color .2s linear; transition: color .2s linear } .cp-filter-panel__keyword:-ms-input-placeholder { color: #bbb !important; -webkit-transition: color .2s linear; transition: color .2s linear } .cp-filter-panel__keyword:focus { color: #9A0C0C } @media (min-width:768px) { .cp-filter-panel__keyword { font-size: 26px; padding: 0 60px 10px 0; margin-top: 30px; letter-spacing: -.04em } .cp-filter-panel__keyword::-webkit-input-placeholder { color: #8d8d8d !important } .cp-filter-panel__keyword::-moz-placeholder { color: #8d8d8d !important } .cp-filter-panel__keyword:-ms-input-placeholder { color: #8d8d8d !important } } @media (min-width:992px) { .cp-filter-panel__keyword { font-size: 26px } } .cp-filter-panel__btn-search { display: inline-block; position: relative; width: 40px; height: 50px; vertical-align: bottom; background-color: transparent; border: none; border-bottom: 1px solid #8d8d8d; outline: none; cursor: pointer } .cp-filter-panel__btn-search i:after { font-size: 29px; color: #8d8d8d; margin-top: 15px; opacity: 1; -webkit-transition: color .2s linear; transition: color .2s linear } @media (min-width:768px) { .cp-filter-panel__btn-search i:after { font-size: 36px; max-width: 110%; color: #8d8d8d; margin-top: 0; margin-bottom: 0 } } .cp-filter-panel__search-inner { width: 100%; padding: 30px 0 } @media (min-width:992px) { .cp-filter-panel__search-inner { padding: 50px 0 } } .cp-filter-panel__predictive-list { margin-left: -20px; margin-right: -20px } @media (min-width:768px) { .cp-filter-panel__predictive-list { margin-left: -30px; margin-right: -30px } } .cp-filter-panel__finder { min-height: 50%; width: 100%; background: #f4f4f4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: height .2s; transition: height .2s } @media (min-width:992px) { .cp-filter-panel__finder { height: 50% } } .cp-filter-panel__wrap { width: 100% } .cp-filter-panel__code-expanded { padding: 30px 0 } .cp-filter-panel__code-collapsed { display: none; padding: 10px 0; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #8d8d8d } .cp-filter-panel__code-img { margin-left: 10px } .cp-filter-panel.is-finder-collapsed .cp-filter-panel__finder, .cp-filter-panel.is-finder-collapsing .cp-filter-panel__finder { position: fixed; bottom: 0; left: 0; height: 70px; min-height: 0; z-index: 10 } .cp-filter-panel.is-finder-collapsed .cp-filter-panel__search { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch } .cp-filter-panel.is-finder-collapsed .cp-filter-panel__code-collapsed { display: -webkit-box; display: -ms-flexbox; display: flex } .cp-filter-panel--na { overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch } .cp-filter-panel--na::-webkit-scrollbar { display: none } .cp-filter-panel--na input[type=radio] { display: none } .cp-filter-panel--na .cp-filter-panel__header { display: table; table-layout: fixed; width: 100% } .cp-filter-panel--na .cp-filter-panel__header label { display: table-cell; width: 50%; padding: 25px; background-color: #f4f4f4; cursor: pointer; -webkit-transition: background-color .2s linear; transition: background-color .2s linear } .no-touch .cp-filter-panel--na .cp-filter-panel__header label:hover h2 { color: #9A0C0C } @media (min-width:480px) { .cp-filter-panel--na .cp-filter-panel__header label { padding: 45px } .cp-filter-panel--na .cp-filter-panel__header label h2 { font-size: 36px } } .cp-filter-panel--na .cp-filter-panel__header label h2 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; line-height: 1em; font-size: 22px; letter-spacing: -.02em; color: #8d8d8d; -webkit-transition: color .2s linear; transition: color .2s linear } @media (min-width:768px) { .cp-filter-panel--na .cp-filter-panel__header label h2 { font-size: 28px } } .cp-filter-panel--na .cp-filter-panel__header label p { display: none; font-family: "Source Han Sans", sans-serif; font-weight: lighter; line-height: 1.2em; font-size: 20px; letter-spacing: 0; margin-top: 15px; color: #666 } @media (min-width:480px) { .cp-filter-panel--na .cp-filter-panel__header label p { display: block } } .cp-filter-panel--na .cp-filter-panel__header:after { content: ""; display: table; clear: both } .cp-filter-panel--na .cp-filter-panel__content { padding: 20px; padding-top: 0; margin-top: 20px } @media (min-width:480px) { .cp-filter-panel--na .cp-filter-panel__content { padding: 20px } } @media (min-width:768px) { .cp-filter-panel--na .cp-filter-panel__content { padding: 30px } } @media (min-width:992px) { .cp-filter-panel--na .cp-filter-panel__content { padding: 30px } } @media (min-width:1420px) { .cp-filter-panel--na .cp-filter-panel__content { padding: 30px } } @media (min-width:1600px) { .cp-filter-panel--na .cp-filter-panel__content { padding: 30px } } .cp-filter-panel--na .cp-filter-panel__content__filter>label { display: block } .cp-filter-panel--na .cp-filter-panel__content__filter>label:first-of-type { margin-left: 0 } @media (min-width:480px) { .cp-filter-panel--na .cp-filter-panel__content__filter>label { display: inline-block; margin-left: 20px } } .cp-filter-panel--na .cp-filter-panel__content__search { padding: 15px 0 25px; position: relative; z-index: 1; background-color: #fff; opacity: 1; -webkit-transition: color .2s linear; transition: color .2s linear } @media (min-width:768px) { .cp-filter-panel--na .cp-filter-panel__content__search { padding: 50px 40px } } .no-touch .cp-filter-panel--na .cp-filter-panel__content__search:hover input[type=text]::-webkit-input-placeholder { color: #9A0C0C !important } .no-touch .cp-filter-panel--na .cp-filter-panel__content__search:hover input[type=text]:-moz-placeholder, .no-touch .cp-filter-panel--na .cp-filter-panel__content__search:hover input[type=text]::-moz-placeholder { color: #9A0C0C !important } .no-touch .cp-filter-panel--na .cp-filter-panel__content__search:hover input[type=text]:-ms-input-placeholder { color: #9A0C0C !important } .no-touch .cp-filter-panel--na .cp-filter-panel__content__search:hover button i:after { color: #9A0C0C } .cp-filter-panel--na .cp-filter-panel__content__search input[type=text] { width: 100%; margin-right: -40px; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 18px; letter-spacing: -.02em; color: #8d8d8d; border: none; padding: 5px 30px 5px 0; padding-right: 60px; border-bottom: 1px solid #8d8d8d; outline: 0; -webkit-transition: color .2s linear; transition: color .2s linear } .cp-filter-panel--na .cp-filter-panel__content__search input[type=text]::-webkit-input-placeholder { color: #bbb !important; -webkit-transition: color .2s linear; transition: color .2s linear } .cp-filter-panel--na .cp-filter-panel__content__search input[type=text]::-moz-placeholder { color: #bbb !important; -webkit-transition: color .2s linear; transition: color .2s linear } .cp-filter-panel--na .cp-filter-panel__content__search input[type=text]:-ms-input-placeholder { color: #bbb !important; -webkit-transition: color .2s linear; transition: color .2s linear } .cp-filter-panel--na .cp-filter-panel__content__search input[type=text]:focus { color: #9A0C0C } @media (min-width:768px) { .cp-filter-panel--na .cp-filter-panel__content__search input[type=text] { font-size: 40px; padding: 0 60px 10px 0; letter-spacing: -.04em } .cp-filter-panel--na .cp-filter-panel__content__search input[type=text]::-webkit-input-placeholder { color: #8d8d8d !important } .cp-filter-panel--na .cp-filter-panel__content__search input[type=text]::-moz-placeholder { color: #8d8d8d !important } .cp-filter-panel--na .cp-filter-panel__content__search input[type=text]:-ms-input-placeholder { color: #8d8d8d !important } } @media (min-width:992px) { .cp-filter-panel--na .cp-filter-panel__content__search input[type=text] { font-size: 48px } } .cp-filter-panel--na .cp-filter-panel__content__search button { display: inline-block; position: relative; width: 40px; height: 50px; vertical-align: bottom; background-color: transparent; border: none; border-bottom: 1px solid #8d8d8d; outline: none; cursor: pointer } .cp-filter-panel--na .cp-filter-panel__content__search button i:after { font-size: 30px; color: #8d8d8d; margin-top: 15px; opacity: 1; -webkit-transition: color .2s linear; transition: color .2s linear } @media (min-width:768px) { .cp-filter-panel--na .cp-filter-panel__content__search button { height: 65px } .cp-filter-panel--na .cp-filter-panel__content__search button i:after { font-size: 50px; max-width: 110%; color: #8d8d8d; margin-top: 0; margin-bottom: 25px } } .cp-filter-panel--na #search:checked~.cp-filter-panel__header label[for=search] { background-color: #fff } .cp-filter-panel--na #search:checked~.cp-filter-panel__header label[for=search] h2 { color: #9A0C0C } .cp-filter-panel--na #search:checked~.cp-filter-panel__content .cp-filter-panel__content__filter { display: none } .cp-filter-panel--na #filter:checked~.cp-filter-panel__header label[for=filter] { background-color: #fff } .cp-filter-panel--na #filter:checked~.cp-filter-panel__header label[for=filter] h2 { color: #9A0C0C } .cp-filter-panel--na #filter:checked~.cp-filter-panel__content .cp-filter-panel__content__search { display: none } .cp-filter-panel--na .cp-filter-panel__group { border-top: 1px solid #d4d4d4 } .cp-filter-panel--na .cp-filter-panel__group:last-child { border-bottom: 1px solid #d4d4d4 } .cp-filter-panel--na .cp-filter-panel__group__header { padding: 20px 0; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 18px; color: #9A0C0C } .cp-filter-panel--na .cp-filter-panel__group__header:before { content: "-"; display: inline-block; float: left; width: 30px; text-align: center; margin-right: 15px } .cp-filter-panel--na .cp-filter-panel__group__content { padding-bottom: 20px; list-style: none } @media (min-width:768px) { .cp-filter-panel--na .cp-filter-panel__group__content { -webkit-column-width: 400px; column-width: 400px; -webkit-column-gap: 20px; column-gap: 20px } } @media (min-width:768px) { .cp-filter-panel--na .cp-filter-panel__group__content.filter-lighting { -webkit-column-width: 290px; column-width: 290px; -webkit-column-gap: 20px; column-gap: 20px } } .cp-filter-panel--na .cp-filter-panel__group.closed .cp-filter-panel__group__header { color: #8d8d8d; -webkit-transition: color .2s linear; transition: color .2s linear } .cp-filter-panel--na .cp-filter-panel__group.closed .cp-filter-panel__group__header:before { content: "+" } .no-touch .cp-filter-panel--na .cp-filter-panel__group.closed .cp-filter-panel__group__header:hover { color: #9A0C0C } .cp-filter-panel--na .cp-filter-panel__filter { padding: 10px 0 } ul.filter-lighting .cp-filter-panel--na .cp-filter-panel__filter { -webkit-column-break-inside: avoid; break-inside: avoid } .cp-filter-panel--na .cp-filter-panel__filter input[type=checkbox]+label:not(.thumb) { color: #666 } .cp-filter-panel--na .cp-filter-panel__filter input[type=checkbox]+label:not(.thumb):before { background-color: #ebebeb } .cp-filter-panel--na .cp-filter-panel__filter input[type=checkbox]+label.thumb { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } .cp-filter-panel--na .cp-filter-panel__filter input[type=checkbox]+label.thumb span { color: #666 } .cp-filter-panel--na .cp-filter-panel__filter input[type=checkbox]:checked+label.thumb span:before, .cp-filter-panel--na .cp-filter-panel__filter input[type=checkbox]:checked+label:not(.thumb):before { background-color: #9A0C0C } .cp-filter-panel--na .cp-filter-panel__indoor, .cp-filter-panel--na .cp-filter-panel__outdoor { margin-top: 30px } .cp-filter-panel--na .filter-indoor[type=radio]:checked~.cp-filter-panel__outdoor, .cp-filter-panel--na .filter-outdoor[type=radio]:checked~.cp-filter-panel__indoor { display: none } .cp-filter-panel--na .cp-filter-panel__buttons { margin-top: 30px } .cp-filter-panel--na .cp-filter-panel__buttons__clear { margin-top: 20px; display: block; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 16px; letter-spacing: -.02em; color: #9A0C0C } @media (min-width:480px) { .cp-filter-panel--na .cp-filter-panel__buttons__clear { float: right } } .cp-accordion__header { display: block; cursor: pointer } .cp-accordion__button { cursor: pointer } .cp-accordion.closed .cp-accordion__content__wrapper, .cp-accordion.is-hidden { display: none } .choices { position: relative; margin-bottom: 24px; font-size: 16px } .choices:focus { outline: none } .choices:last-child { margin-bottom: 0 } .choices.is-disabled .choices__inner, .choices.is-disabled .choices__input { background-color: #eaeaea; cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .choices.is-disabled .choices__item { cursor: not-allowed } .choices[data-type*=select-one] { cursor: pointer } .choices[data-type*=select-one] .choices__inner { padding-bottom: 7.5px } .choices[data-type*=select-one] .choices__input { display: block; width: 100%; padding: 10px; border-bottom: 1px solid #ddd; background-color: #fff; margin: 0 } .choices[data-type*=select-one] .choices__button { background-image: url(/App_Themes/iGuzzini/dist/images/cross-inverse.svg); padding: 0; background-size: 8px; position: absolute; top: 50%; right: 0; margin-top: -10px; margin-right: 25px; height: 20px; width: 20px; border-radius: 10em; opacity: .5 } .choices[data-type*=select-one] .choices__button:focus, .choices[data-type*=select-one] .choices__button:hover { opacity: 1 } .choices[data-type*=select-one] .choices__button:focus { box-shadow: 0 0 0 2px #00bcd4 } .choices[data-type*=select-one]:after { content: ""; height: 0; width: 0; border-style: solid; border-color: #333 transparent transparent transparent; border-width: 5px; position: absolute; right: 11.5px; top: 50%; margin-top: -2.5px; pointer-events: none } .choices[data-type*=select-one].is-open:after { border-color: transparent transparent #333 transparent; margin-top: -7.5px } .choices[data-type*=select-one][dir=rtl]:after { left: 11.5px; right: auto } .choices[data-type*=select-one][dir=rtl] .choices__button { right: auto; left: 0; margin-left: 25px; margin-right: 0 } .choices[data-type*=select-multiple] .choices__inner, .choices[data-type*=text] .choices__inner { cursor: text } .choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button { position: relative; display: inline-block; margin: 0 -4px 0 8px; padding-left: 16px; border-left: 1px solid #008fa1; background-image: url(/App_Themes/iGuzzini/dist/images/cross.svg); background-size: 8px; width: 8px; line-height: 1; opacity: .75 } .choices[data-type*=select-multiple] .choices__button:focus, .choices[data-type*=select-multiple] .choices__button:hover, .choices[data-type*=text] .choices__button:focus, .choices[data-type*=text] .choices__button:hover { opacity: 1 } .choices__inner { display: inline-block; vertical-align: top; width: 100%; background-color: #f9f9f9; padding: 7.5px 7.5px 3.75px; border: 1px solid #ddd; border-radius: 2.5px; font-size: 14px; min-height: 44px; overflow: hidden } .is-focused .choices__inner, .is-open .choices__inner { border-color: #b7b7b7 } .is-open .choices__inner { border-radius: 2.5px 2.5px 0 0 } .is-flipped.is-open .choices__inner { border-radius: 0 0 2.5px 2.5px } .choices__list { margin: 0; padding-left: 0; list-style: none } .choices__list--single { display: inline-block; padding: 4px 16px 4px 4px; width: 100% } [dir=rtl] .choices__list--single { padding-right: 4px; padding-left: 16px } .choices__list--single .choices__item { width: 100% } .choices__list--multiple { display: inline } .choices__list--multiple .choices__item { display: inline-block; vertical-align: middle; border-radius: 20px; padding: 4px 10px; font-size: 12px; font-weight: 500; margin-right: 3.75px; margin-bottom: 3.75px; background-color: #00bcd4; border: 1px solid #00a5bb; color: #fff; word-break: break-all } .choices__list--multiple .choices__item[data-deletable] { padding-right: 5px } [dir=rtl] .choices__list--multiple .choices__item { margin-right: 0; margin-left: 3.75px } .choices__list--multiple .choices__item.is-highlighted { background-color: #00a5bb; border: 1px solid #008fa1 } .is-disabled .choices__list--multiple .choices__item { background-color: #aaa; border: 1px solid #919191 } .choices__list--dropdown { display: none; z-index: 1; position: absolute; width: 100%; background-color: #fff; border: 1px solid #ddd; top: 100%; margin-top: -1px; border-bottom-left-radius: 2.5px; border-bottom-right-radius: 2.5px; overflow: hidden; word-break: break-all } .choices__list--dropdown.is-active { display: block } .is-open .choices__list--dropdown { border-color: #b7b7b7 } .is-flipped .choices__list--dropdown { top: auto; bottom: 100%; margin-top: 0; margin-bottom: -1px; border-radius: .25rem .25rem 0 0 } .choices__list--dropdown .choices__list { position: relative; max-height: 300px; overflow: auto; -webkit-overflow-scrolling: touch; will-change: scroll-position } .choices__list--dropdown .choices__item { position: relative; padding: 10px; font-size: 14px } [dir=rtl] .choices__list--dropdown .choices__item { text-align: right } @media (min-width:640px) { .choices__list--dropdown .choices__item--selectable { padding-right: 100px } .choices__list--dropdown .choices__item--selectable:after { content: attr(data-select-text); font-size: 12px; opacity: 0; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } [dir=rtl] .choices__list--dropdown .choices__item--selectable { text-align: right; padding-left: 100px; padding-right: 10px } [dir=rtl] .choices__list--dropdown .choices__item--selectable:after { right: auto; left: 10px } } .choices__list--dropdown .choices__item--selectable.is-highlighted { background-color: #f2f2f2 } .choices__list--dropdown .choices__item--selectable.is-highlighted:after { opacity: .5 } .choices__item { cursor: default } .choices__item--selectable { cursor: pointer } .choices__item--disabled { cursor: not-allowed; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: .5 } .choices__heading { font-weight: 600; font-size: 12px; padding: 10px; border-bottom: 1px solid #f7f7f7; color: gray } .choices__button { text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; cursor: pointer } .choices__button:focus { outline: none } .choices__input { display: inline-block; vertical-align: baseline; background-color: #f9f9f9; font-size: 14px; margin-bottom: 5px; border: 0; border-radius: 0; max-width: 100%; padding: 4px 0 4px 2px } .choices__input:focus { outline: 0 } [dir=rtl] .choices__input { padding-right: 2px; padding-left: 0 } .choices__placeholder { opacity: .5 } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .choices { margin: 0 } .choices[data-type*=select-one] .choices__inner { padding: 13px 20px; background-color: #fff; border-radius: 0; font-size: 15px; line-height: 1.2 } .choices.is-open .choices[data-type*=select-one] .choices__inner { border-radius: 0 } .form-select.has-label .choices[data-type*=select-one] .choices__inner { height: 72px; padding: 36px 50px 10px 19px } .form-select.is-invalid .choices[data-type*=select-one] .choices__inner { border-color: #9A0C0C } .choices__list { padding: 0; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; line-height: 1.6 } .choices__list::-webkit-scrollbar { display: block; width: 6px } .choices__list::-webkit-scrollbar-thumb { background: #d4d4d4 } .choices__list--dropdown { z-index: 50; border-radius: 0; word-break: normal } .choices__list--dropdown .choices__item { padding-right: 10px } .choices__list--single { vertical-align: top } .choices__list--single .choices__item { overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .choices__item { color: #2b2b2b } .choices__item--choice { color: #8d8d8d } .choices[data-type*=select-one]:after { content: "\E000"; font-size: inherit; border: none; width: 46px; right: 1px; top: 1px; bottom: 1px; height: auto; margin: 0; text-align: center; background: #fff; line-height: 52px } .form-select.has-label .choices[data-type*=select-one]:after { line-height: 72px } .choices[data-type*=select-one].is-focused:after, .choices[data-type*=select-one].is-open:after { margin: 0 } .choices--capitalize .choices__item { text-transform: capitalize } .choices--productcode.choices { margin-bottom: 0 } .choices--productcode.choices:after { display: none } .choices--productcode.choices .choices__inner { height: 50px; border: 0; background: transparent; border-radius: 0; padding-top: 15px; padding-bottom: 0 !important } .choices--productcode.choices .choices__item { line-height: 1; padding: 8px 25px 0 8px } .choices--productcode.choices .choices__item.is-highlighted { background: #1e90ff; color: #fff } .choices--productcode.choices .choices__list--dropdown .choices__item { line-height: 1.75; padding: 5px 20px; font-size: 14px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400 } .choices--productcode.choices .choices__caption { display: block; font-size: 12px; font-family: Helvetica-Neue, HelveticaNeue-Light, Helvetica, sans-serif } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .media-fit { width: 100%; height: 100%; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover } @media (max-width:991px) { .media-fit { height: auto; margin-bottom: -10px } } [data-overlay] { cursor: pointer } .cp-overlay { display: block; position: fixed; top: 0; left: 0; bottom: 0; width: 100%; min-height: 90vh; z-index: 700; overflow: hidden; background-color: #9A0C0C } @media (min-width:1200px) { .cp-overlay { background-color: rgba(0, 0, 0, .8) } } .cp-overlay__wrapper { position: absolute; width: 100%; top: 70px; bottom: 0; left: 0 } @media (min-width:1200px) { .show-element .cp-overlay__wrapper { top: 173px } } .cp-overlay__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: 0; bottom: 0; width: 100%; left: 0 } .form-message .cp-overlay__container { bottom: auto } .ie9 .cp-overlay__container { display: table; height: 100% } .cp-overlay__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .cp-overlay__content::-webkit-scrollbar { display: none } .cp-overlay__content:empty:before { content: "LOADING"; color: #fff; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .cp-overlay__content.image { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0 } .ie9 .cp-overlay__content.image { display: table-cell; text-align: center; vertical-align: middle } @media (max-width:1025px) and (orientation:landscape) { .cp-overlay__content.image-full { position: fixed; top: 0; bottom: 0 } .cp-overlay__content.image-full .cp-overlay__image, .cp-overlay__content.image-full .cp-overlay__image__tag { max-height: 100%; height: 100% } .cp-overlay__content.image-full .cp-overlay__image__tag .zoom { display: block; height: 100% } .cp-overlay__content.image-full .cp-overlay__image__tag .zoom img { max-height: 100% } } .cp-overlay__content.code, .cp-overlay__content.content-page, .cp-overlay__content.project, .cp-overlay__content.show-element, .cp-overlay__content.tips-overlay { background-color: #fff; max-width: 1200px; width: 100%; height: 100%; margin: auto; text-align: left; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch } @media (min-width:1200px) { .cp-overlay__content.code, .cp-overlay__content.content-page, .cp-overlay__content.project, .cp-overlay__content.show-element, .cp-overlay__content.tips-overlay { height: 90vh } } .form-message .cp-overlay__content.code, .form-message .cp-overlay__content.content-page, .form-message .cp-overlay__content.project, .form-message .cp-overlay__content.show-element, .form-message .cp-overlay__content.tips-overlay { height: auto } .cp-overlay__content.show-element { max-width: 868px; background: #f4f4f4 } .cp-overlay__content.show-blade-element { max-width: 868px; width: 100% } .cp-overlay__close-wrapper { width: 100%; position: relative; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; max-width: 1200px } .show-element .cp-overlay__close-wrapper { max-width: 866px } .cp-overlay__close { position: fixed; cursor: pointer; top: 0; right: 0; padding: 20px } .cp-overlay__close:after { color: #fff; font-size: 20px; -webkit-transition: color .1s linear; transition: color .1s linear } .no-touch .cp-overlay__close:hover:after { color: #333 } @media (min-width:1200px) { .cp-overlay__close { position: absolute; top: -62px; right: -24px } .no-touch .cp-overlay__close:hover:after { color: #9A0C0C } } @media (max-width:1025px) and (orientation:landscape) { .cp-overlay__close { background: #9A0C0C } } .cp-overlay__image { display: inline-block; background-color: #fff; position: relative; text-align: left } @media (max-width:1025px) and (orientation:landscape) { .cp-overlay__image { width: 100vw } } .cp-overlay__image__tag { width: 100% } .cp-overlay__image__tag img { max-height: 75vh } @media (min-width:992px) { .cp-overlay__image__tag img { max-height: 80vh } } @media (max-width:1025px) and (orientation:landscape) { .cp-overlay__image__tag img { display: block; max-height: 100vh } } .cp-overlay__image__text { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4) } .cp-overlay__image__text svg { margin-bottom: 12px } .cp-overlay__image__text p { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #fff; font-size: 13px; width: 200px; text-align: center } @media (max-width:1025px) and (orientation:landscape) { .cp-overlay__image__text { display: none } } @media (min-width:992px) { .cp-overlay__image__text { display: none } } .no-touch .cp-overlay__image__text { display: none } .cp-overlay__image__description { display: -webkit-box; display: -ms-flexbox; display: flex; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #8d8d8d; padding: 20px } @media (min-width:480px) { .cp-overlay__image__description { padding: 20px } } @media (min-width:768px) { .cp-overlay__image__description { padding: 30px } } @media (min-width:992px) { .cp-overlay__image__description { padding: 30px } } @media (min-width:1420px) { .cp-overlay__image__description { padding: 30px } } .cp-overlay__image__description span { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2 } .cp-overlay__tips { background-color: #fff; position: relative; text-align: left } .cp-overlay__tips__hero { position: relative; height: 160px; background-size: cover; background-position: 50% 50% } @media (min-width:992px) { .cp-overlay__tips__hero { height: 326px } } .cp-overlay__tips__description { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 20px; color: #8d8d8d; padding: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width:480px) { .cp-overlay__tips__description { padding: 20px } } @media (min-width:768px) { .cp-overlay__tips__description { padding: 30px } } @media (min-width:992px) { .cp-overlay__tips__description { padding: 30px } } @media (min-width:1420px) { .cp-overlay__tips__description { padding: 30px } } .cp-overlay__tips__description span { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2 } .cp-overlay__tips-wrapper { width: 100% } .cp-overlay__tips-wrapper h3 { color: #414141; font-size: 16px; margin-bottom: 10px } .cp-overlay__tips-double-media { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } @media (max-width:991px) { .cp-overlay__tips-double-media { display: block } } .cp-overlay__tips-double-media .cp-overlay__tips-media-50 { height: 280px; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50% } @media (max-width:991px) { .cp-overlay__tips-double-media .cp-overlay__tips-media-50 { max-width: 100%; height: auto; margin-bottom: 10px } } .cp-overlay__tips-double-media .cp-overlay__tips-media-50 img { width: 100%; height: 100%; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover; border: 1px solid #d4d4d4 } @media (max-width:991px) { .cp-overlay__tips-double-media .cp-overlay__tips-media-50 img { height: auto; margin-bottom: -10px } } .cp-overlay__tips-double-media .cp-overlay__tips-media-50 video { width: 100%; height: 100%; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover } @media (max-width:991px) { .cp-overlay__tips-double-media .cp-overlay__tips-media-50 video { height: auto; margin-bottom: -10px } } .cp-overlay__tips-double-media .cp-overlay__tips-media-50 span { display: block; margin-top: 1px; font-weight: 400; font-size: 12px; color: #767676; line-height: .9rem } .cp-overlay__tips-double-media .cp-overlay__tips-media-30 { height: 400px; -ms-flex-preferred-size: 30%; flex-basis: 30%; max-width: 30% } @media (max-width:991px) { .cp-overlay__tips-double-media .cp-overlay__tips-media-30 { max-width: 100%; height: auto; margin-bottom: 10px } } .cp-overlay__tips-double-media .cp-overlay__tips-media-30 img { width: 100%; height: 100%; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover; border: 1px solid #d4d4d4 } @media (max-width:991px) { .cp-overlay__tips-double-media .cp-overlay__tips-media-30 img { height: auto; margin-bottom: -10px } } .cp-overlay__tips-double-media .cp-overlay__tips-media-30 video { width: 100%; height: 100%; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover } @media (max-width:991px) { .cp-overlay__tips-double-media .cp-overlay__tips-media-30 video { height: auto; margin-bottom: -10px } } .cp-overlay__tips-double-media .cp-overlay__tips-media-30 span { display: block; margin-top: 1px; font-weight: 400; font-size: 12px; color: #767676; line-height: .9rem } .cp-overlay__tips-double-media .cp-overlay__tips-media-70 { height: 400px; -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 70% } @media (max-width:991px) { .cp-overlay__tips-double-media .cp-overlay__tips-media-70 { max-width: 100%; height: auto; margin-bottom: 10px } } .cp-overlay__tips-double-media .cp-overlay__tips-media-70 img { width: 100%; height: 100%; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover; border: 1px solid #d4d4d4 } @media (max-width:991px) { .cp-overlay__tips-double-media .cp-overlay__tips-media-70 img { height: auto; margin-bottom: -10px } } .cp-overlay__tips-double-media .cp-overlay__tips-media-70 video { width: 100%; height: 100%; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover } @media (max-width:991px) { .cp-overlay__tips-double-media .cp-overlay__tips-media-70 video { height: auto; margin-bottom: -10px } } .cp-overlay__tips-double-media .cp-overlay__tips-media-70 span { display: block; margin-top: 1px; font-weight: 400; font-size: 12px; color: #767676; line-height: .9rem } .cp-overlay__tips-media--left { margin-right: 10px } @media (max-width:991px) { .cp-overlay__tips-media--left { margin-right: 0 } } .cp-overlay__tips-media--right { margin-left: 10px } @media (max-width:991px) { .cp-overlay__tips-media--right { margin-left: 0 } } .cp-overlay__tips-full-width { width: 100% } @media (max-width:991px) { .cp-overlay__tips-full-width img, .cp-overlay__tips-full-width video { margin-bottom: -10px } } .cp-overlay__tips-full-width img, .cp-overlay__tips-full-width video { width: 100% } .cp-overlay__tips-full-width span { margin-top: 1px !important } .cp-overlay.dark-theme, .cp-overlay.dark-theme .vw-code { background-color: #000 } .cp-overlay.is-error .vw-newsletter__subtitle, .cp-overlay.is-success .vw-newsletter__subtitle { display: none } .cp-overlay.is-error .cp-overlay__content.content-page, .cp-overlay.is-success .cp-overlay__content.content-page { height: auto } @media (min-width:1200px) { .cp-overlay.is-error .cp-overlay__content.content-page, .cp-overlay.is-success .cp-overlay__content.content-page { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin: 0 auto } } .cp-overlay.is-error .cp-description-box__content, .cp-overlay.is-success .cp-description-box__content { text-align: center; background-color: #f4f4f4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .cp-overlay--simple { z-index: 200; opacity: 0; background-color: rgba(0, 0, 0, .7); -webkit-transition: opacity .3s linear; transition: opacity .3s linear } @media (min-width:1200px) { .cp-overlay--simple { background-color: rgba(0, 0, 0, .7) } } .cp-overlay--simple .cp-overlay__content:before { content: none } .cp-overlay--simple.transition { opacity: 1 } .cp-overlay__tips-hero { position: relative; height: 160px; background-size: cover; background-position: 50% 50%; padding: 21px 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } @media (min-width:992px) { .cp-overlay__tips-hero { height: 326px; padding: 52px 106px } } .cp-overlay__tips-hero:after { display: block; position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(38%, #000), to(transparent)); background: linear-gradient(180deg, #000 38%, transparent); opacity: .6; z-index: 1 } .cp-overlay__tips-hero-pagetitle { position: relative; z-index: 5; font-size: 13px; color: #9A0C0C; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif } @media (min-width:992px) { .cp-overlay__tips-hero-pagetitle { font-size: 14px } } .cp-overlay__tips-hero-title { position: relative; z-index: 5; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #fff; font-size: 32px } @media (min-width:992px) { .cp-overlay__tips-hero-title { font-size: 64px } } .cp-overlay__tips-inner { font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; color: #414141; padding: 20px } @media (max-width:1100px) { .cp-overlay__tips-inner { font-size: 15px } } @media (max-width:1100px) and (max-width:600px) { .cp-overlay__tips-inner { font-size: 14px } } @media (min-width:992px) { .cp-overlay__tips-inner { padding: 30px 110px } } .cp-overlay__tips-title { font-family: "Source Han Sans", sans-serif; font-size: 24px; color: #414141; font-weight: 400 } @media (min-width:992px) { .cp-overlay__tips-title { font-size: 42px } } .cp-overlay__tips-content { margin-top: 15px } @media (min-width:992px) { .cp-overlay__tips-content { margin-top: 25px } } .cp-overlay__tips-content-item { margin-bottom: 80px } .cp-overlay__tips-content-item span { display: block; margin-top: 9px; font-weight: 400; font-size: 12px; color: #767676; line-height: .9rem } @media (min-width:992px) { .cp-overlay__tips-content-item { display: -webkit-box; display: -ms-flexbox; display: flex } } @media (max-width:991px) { .cp-overlay__tips-content-item { margin-bottom: 40px } .cp-overlay__tips-content-item span { margin-top: 10px !important } } .cp-overlay__tips-text { -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .cp-overlay__tips-text--left { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } @media (min-width:992px) { .cp-overlay__tips-text--left { margin-right: 20px } } .cp-overlay__tips-text--right { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } @media (min-width:992px) { .cp-overlay__tips-text--right { margin-left: 20px } } .cp-overlay__tips-text h3 { color: #414141; font-size: 16px; margin-bottom: 10px } .cp-overlay__tips-text div { font-weight: 300; line-height: 150% } .cp-overlay__tips-text p { font-size: 16px; line-height: 150%; margin-top: 10px } @media (max-width:1100px) { .cp-overlay__tips-text .cp-overlay__tips-text h3, .cp-overlay__tips-text div, .cp-overlay__tips-text p { font-size: 15px } } @media (max-width:1100px) and (max-width:600px) { .cp-overlay__tips-text .cp-overlay__tips-text h3, .cp-overlay__tips-text div, .cp-overlay__tips-text p { font-size: 14px } } @media (min-width:992px) { .cp-overlay__tips-title-large { font-size: 26px } } .cp-overlay__tips-media { margin-bottom: 20px } @media (min-width:992px) { .cp-overlay__tips-media { margin-bottom: 0; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } .cp-overlay__tips-media img { width: 100%; border: 1px solid #d4d4d4; display: block; margin-bottom: 9px } .cp-overlay__tips-media video { width: 100%; display: block } .cp-overlay__tips-youtube { width: 100%; position: relative; height: 100%; padding-top: 56% } @media (min-width:991px) { .cp-overlay__tips-youtube { margin-bottom: 10px } } .cp-overlay__tips-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .cp-overlay__line { height: 1px; width: 100%; background: #d4d4d4; margin-bottom: 30px } @media (min-width:992px) { .cp-overlay__line { margin-bottom: 40px } } .cp-overlay__downloads-content { margin-top: 30px } .cp-overlay__downloads-content h4 { color: #2b2b2b; font-size: 16px; margin-bottom: 10px } @media (min-width:992px) { .cp-overlay__downloads-content h4 { font-size: 26px; margin-bottom: 19px } } .cp-overlay__download-content-item { margin-bottom: 10px } @media (min-width:992px) { .cp-overlay__download-content-item { margin-bottom: 15px } } .cp-overlay__download-content-item a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; background: #f4f4f4; padding: 10px; min-height: 30px; color: #2b2b2b; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; border: 2px solid #f4f4f4; font-size: 12px } @media (min-width:992px) { .cp-overlay__download-content-item a { padding: 20px; font-size: 16px } } .cp-overlay__download-content-item a:hover { background: #fff } .cp-overlay__download-extension { display: block; position: absolute; top: 10px; right: 15px; color: #9A0C0C; font-family: "Source Han Sans", sans-serif; font-size: 10px } .cp-overlay__download-extension .icon-before { font-size: 22px; margin-right: 5px; vertical-align: top } @media (min-width:992px) { .cp-overlay__download-extension { top: 25px; right: 25px } .cp-overlay__download-extension .icon-before { font-size: 25px } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-carousel { position: relative; overflow: hidden } .cp-carousel__height-propagator { height: 100% } .cp-carousel .cp-carousel__slides { display: block; position: relative; -webkit-transition: opacity .5s linear; transition: opacity .5s linear } .cp-carousel .cp-carousel__slide, .cp-carousel .cp-carousel__slide:before { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .cp-carousel .cp-carousel__slide:before { display: block; content: ""; background: rgba(0, 0, 0, .6); z-index: 0 } @media (min-width:768px) { .cp-carousel .cp-carousel__slide:before { display: none } } .cp-carousel .cp-carousel__slide img.seo-img { z-index: 0 } .cp-carousel .cp-carousel__bullets { display: block; position: absolute; bottom: 9px; right: 10px; font-size: 0; padding: 0; z-index: 2 } @media (min-width:768px) { .cp-carousel .cp-carousel__bullets { bottom: 30px; right: 30px } } .cp-carousel .cp-carousel__bullet { display: inline-block; position: relative; width: 22px; height: 22px; margin-left: 5px; cursor: pointer } @media (min-width:768px) { .cp-carousel .cp-carousel__bullet { width: 45px } } .cp-carousel .cp-carousel__bullet:before { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; height: 3px; width: 100%; background-color: #8d8d8d; -webkit-transition: background-color .3s linear; transition: background-color .3s linear } @media (min-width:768px) { .cp-carousel .cp-carousel__bullet:before { height: 4px } } .cp-carousel .cp-carousel__bullet:after { content: ""; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 100%; height: 3px; max-width: 0; background-color: #9A0C0C; -webkit-transition: max-width 1s ease; transition: max-width 1s ease } @media (min-width:768px) { .cp-carousel .cp-carousel__bullet:after { height: 4px } } .cp-carousel .cp-carousel__bullet.active:before, .no-touch .cp-carousel .cp-carousel__bullet:hover:before { background-color: #9A0C0C } .cp-carousel .cp-carousel__bullet--fill.active:after { -webkit-animation: fillWithColor 5s forwards; animation: fillWithColor 5s forwards } .cp-carousel .cp-carousel__bullet--fill.active:before { background-color: #8d8d8d } .cp-carousel .cp-carousel__next, .cp-carousel .cp-carousel__prev { display: block; position: absolute; z-index: 2; font-size: 50px; top: 50%; background-color: #9A0C0C; cursor: pointer; width: 1em; height: 1em; margin-top: -.5em; -webkit-transition: width .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(1, 0, 0, 1); transition: width .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(1, 0, 0, 1); transition: width .3s cubic-bezier(.19, 1, .22, 1), transform .8s cubic-bezier(1, 0, 0, 1); transition: width .3s cubic-bezier(.19, 1, .22, 1), transform .8s cubic-bezier(1, 0, 0, 1), -webkit-transform .8s cubic-bezier(1, 0, 0, 1) } @media (min-width:768px) { .cp-carousel .cp-carousel__next, .cp-carousel .cp-carousel__prev { display: block; position: absolute; top: 50%; background-color: #9A0C0C; cursor: pointer; width: 80px; height: 80px; margin-top: -40px; -webkit-transition: width .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1); transition: width .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1); transition: width .3s cubic-bezier(.19, 1, .22, 1), transform .8s cubic-bezier(.19, 1, .22, 1); transition: width .3s cubic-bezier(.19, 1, .22, 1), transform .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1) } } .cp-carousel .cp-carousel__next:after, .cp-carousel .cp-carousel__prev:after { color: #fff; text-align: center; font-size: .625em; width: 1.6em; line-height: 1.6em; -webkit-transition: width .3s cubic-bezier(.19, 1, .22, 1); transition: width .3s cubic-bezier(.19, 1, .22, 1) } @media (min-width:768px) { .cp-carousel .cp-carousel__next:after, .cp-carousel .cp-carousel__prev:after { color: #fff; text-align: center; font-size: 60px; width: 80px; line-height: 80px; -webkit-transition: width .3s cubic-bezier(.19, 1, .22, 1); transition: width .3s cubic-bezier(.19, 1, .22, 1) } } .no-touch .cp-carousel .cp-carousel__next:hover, .no-touch .cp-carousel .cp-carousel__prev:hover { width: 1.2em } @media (min-width:768px) { .no-touch .cp-carousel .cp-carousel__next:hover, .no-touch .cp-carousel .cp-carousel__prev:hover { width: 100px } } .no-touch .cp-carousel .cp-carousel__next:hover:after, .no-touch .cp-carousel .cp-carousel__prev:hover:after { width: 1.92em } @media (min-width:768px) { .no-touch .cp-carousel .cp-carousel__next:hover:after, .no-touch .cp-carousel .cp-carousel__prev:hover:after { width: 100px } } .cp-carousel .cp-carousel__prev { left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%) } .cp-carousel .cp-carousel__next { right: 0; -webkit-transform: translateX(100%); transform: translateX(100%) } .cp-carousel.show-next-arrow .cp-carousel__next, .cp-carousel.show-prev-arrow .cp-carousel__prev { -webkit-transform: translateX(0); transform: translateX(0) } .cp-carousel--with-overlay:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent)); background: linear-gradient(0deg, #000, transparent); z-index: 2 } @-webkit-keyframes fillWithColor { 0% { max-width: 0 } to { max-width: 100% } } @keyframes fillWithColor { 0% { max-width: 0 } to { max-width: 100% } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-hero { height: 70vh; background-color: #2b2b2b; background-size: cover; background-repeat: no-repeat; background-position: 50% } @media (min-width:768px) { .cp-hero { min-height: 500px; height: 600px; height: 70vh } } .cp-hero__title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 36px; line-height: 1.25em; letter-spacing: -.02em; color: #9A0C0C } @media (min-width:768px) { .cp-hero__title { font-size: 45px } } .cp-hero__subtitle { display: block; margin-bottom: 20px; color: #fff; font-family: "Source Han Sans", sans-serif; font-size: 32px; line-height: 1.25em; font-weight: 400 } @media (min-width:768px) { .cp-hero__subtitle { font-size: 38px } } .cp-hero__cta { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #fff; display: inline-block } .no-touch .cp-hero__cta:hover { color: #9A0C0C } .cp-hero__slider { position: relative; width: 100%; height: 100% } .cp-hero__slides { height: 100%; overflow: hidden } .cp-hero__slide-img-wrap, .cp-hero__slide-img-wrap--mobile-overlay:after { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .cp-hero__slide-img-wrap--mobile-overlay:after { content: ""; background: rgba(0, 0, 0, .6) } @media (min-width:992px) { .cp-hero__slide-img-wrap--mobile-overlay:after { display: none } } .cp-hero__slide-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover } .cp-hero__slide { display: block; position: relative; height: 100%; width: 100%; overflow: hidden; list-style: none; background-color: #2b2b2b; background-position: 50%; background-repeat: no-repeat; background-size: cover } .cp-hero__slide:first-child { z-index: 1 } .js-initied .cp-hero__slide:first-child { z-index: auto } .cp-hero__slide .grid-section { padding: 20px } @media (min-width:768px) { .cp-hero__slide .grid-section { padding: 60px } } @media (min-width:992px) { .cp-hero__slide .grid-section { padding: 60px } } @media (min-width:1420px) { .cp-hero__slide .grid-section { padding: 60px } } .cp-hero__slide video { position: absolute; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover } .cp-hero__slide__content { position: absolute; bottom: 0 } @media (min-width:768px) { .cp-hero__slide__content .btn-stroke.narrow { padding: 10px 15px; padding-right: 50px } } .cp-hero--text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } @media (min-width:768px) { .cp-hero--text { display: block; max-height: 460px } .cp-hero--text .cp-video { max-height: 500px } } .cp-hero--text .cp-hero__title { font-size: 48px; color: #fff } .cp-hero--text .cp-hero__slide__content { top: 0; bottom: auto } .cp-hero__poster { top: 0; left: 0; height: 100%; width: 100%; position: absolute; background-size: cover; background-position: 50%; z-index: -1 } .cp-hero__slide.is-paused .cp-hero__poster { z-index: 0 } .cp-hero__slide.is-playing .cp-hero__poster { z-index: -1 } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-video { position: relative; max-height: 600px; overflow: hidden } .cp-video.has-title .cp-video__spacer { padding-top: 95.45454545% } @media (min-width:768px) { .cp-video.has-title .cp-video__spacer { padding-top: 56.25% } } .cp-video.has-title .cp-video__poster { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 20px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #fff; font-size: 30px; line-height: 1em; letter-spacing: -.02em } @media (min-width:992px) { .cp-video.has-title .cp-video__poster { padding: 40px; font-size: 50px } } @media (min-width:1420px) { .cp-video.has-title .cp-video__poster { padding: 60px; font-size: 80px } } .cp-video.has-title .cp-video__poster:after { background-image: url(/App_Themes/iGuzzini/images/global/play_button_black.png) } .cp-video__spacer { padding-top: 56.25% } .cp-video__container, .cp-video iframe { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .cp-video__poster { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50%; background-size: cover; background-repeat: no-repeat; cursor: pointer; -webkit-transition: opacity .15s linear, visibility .15s step-start; transition: opacity .15s linear, visibility .15s step-start } @media (min-width:1025px) { .cp-video__poster { display: block } } .cp-video__poster:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 88px; height: 88px; margin-top: -44px; margin-left: -44px; background-image: url(/App_Themes/iGuzzini/images/global/play_button.png); background-position: 50%; background-size: contain; background-repeat: no-repeat } @media (min-width:768px) { .cp-video__poster:after { width: 124px; height: 124px; margin-top: -62px; margin-left: -62px } } .cp-video__overlay-video { position: absolute } .cp-video.is-playing .cp-video__poster { opacity: 0; visibility: hidden; -webkit-transition: opacity .15s linear, visibility .15s step-end; transition: opacity .15s linear, visibility .15s step-end } .cp-video--lighthinking-article { max-height: none; height: 100% } .cp-video--lighthinking-article .cp-video__poster { display: block } .video-container h2 { font-family: "Source Han Sans", sans-serif; font-size: 24px; letter-spacing: -.02em; color: #333; margin-bottom: 20px; line-height: 1.3 } @media (min-width:992px) { .video-container h2 { margin-bottom: 45px } } .video-container--project { margin-bottom: 20px } @media (min-width:992px) { .video-container--project { margin-bottom: 30px } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .photometric-calc { display: none; padding: 0 30px 30px; background-color: #ebebeb } .photometric-calc.is-visible { display: block } .photometric-calc__img { max-width: 100%; display: block } .photometric-calc__img+.photometric-calc__img { margin-top: 15px } .photometric-calc__variables-title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-size: 16px } .photometric-calc__variables { border: none } .photometric-calc__footer, .photometric-calc__variables-list { margin-top: 20px } .photometric-vars { list-style: none } .photometric-vars__li+.photometric-vars__li { margin-top: 20px } .photometric-vars .photometric-vars__input { max-width: 80px; height: 32px; margin: 0 15px 0 0; padding: 0 10px; border: none; line-height: 32px } .photometric__panes { position: relative; z-index: 90 } .photometric__warning-pane { padding: 20px 20px 0 } @media (min-width:992px) { .photometric__warning-pane { display: none } } .photometric__alert-pane { padding: 20px 20px 0 } @media (min-width:992px) { .photometric__alert-pane { padding: 20px 30px 0 } } .photometric__profile-pane { display: none; padding: 5px 30px 40px; background: #f4f4f4 } @media (min-width:992px) { .photometric__profile-pane { display: block } } .photometric__console { border: none; max-width: 650px } .photometric__console.is-disabled { opacity: .6; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .photometric__profile-dropdown, .photometric__profile-placeholder { display: inline-block; vertical-align: middle; width: 85% } .photometric__profile-placeholder { padding: 13px 14px; font-size: 14px; line-height: 24px; border: 1px solid #d4d4d4; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif } .photometric__reset-state { float: right; font-size: 12px; line-height: 28px; color: #8d8d8d } .photometric__reset-state:after { float: none; display: inline-block; padding-left: 3px; font-size: 11px } .photometric__reset-state.is-hidden { display: none } @media (min-width:992px) { .photometric__content, .photometric__content-main { display: -webkit-box; display: -ms-flexbox; display: flex } .photometric__content-main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; width: 75%; max-width: 75% } } .photometric__content-sidebar { position: relative; padding: 20px; background-color: #ebebeb } @media (min-width:768px) { .photometric__content-sidebar { padding: 45px 30px 30px } } @media (min-width:992px) { .photometric__content-sidebar { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 25% } } .photometric__details { padding: 20px } @media (min-width:992px) { .photometric__details { padding: 45px 30px } } .photometric__alert-pane+.photometric__details, .photometric__features { padding-top: 20px } @media (min-width:768px) { .photometric__features { max-width: 500px; padding: 0 0 0 40px } } .photometric__grid:before { content: normal } .photometric__grid .grid-item { margin-top: 0 } .photometric__row+.photometric__row { margin-top: 30px } .photometric__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .photometric__favorites-btn { margin-left: 20px; vertical-align: top } .photometric__favorites-btn.is-hidden { display: none } @media (min-width:992px) { .photometric__accessory-btn.btn-stroke.narrow.icon-after { padding: 9px 50px 9px 25px } } .photometric__pane { padding: 0 30px 40px; background: #ebebeb } .photometric__pane+.photometric__pane { border-top: 1px solid #d4d4d4 } .photometric__pane--sub { display: none; padding: 40px; background: #fff } .photometric__pane--active { display: block } .photometric__form { margin-top: 20px; padding: .1px } .photometric__form-inner { margin: -20px -10px 0 } .photometric__form-item { margin: 20px 10px 0; float: left } .photometric__form-item--full { width: 100% } .photometric__form-item--limited { max-width: 430px } .photometric__thumb { position: relative } .photometric__breadcrumbs { max-width: 670px } .photometric__download-info-label { position: absolute; top: 0; right: 0 } .cta-link { display: block; font-size: 14px } .cta-link:before { float: none; margin-right: 10px; -webkit-transition: all .2s ease; transition: all .2s ease } .no-touch .cta-link:hover { color: #9A0C0C } .no-touch .cta-link:hover:before { margin-left: 3px; margin-right: 7px } .cta-link+.cta-link { margin-top: 10px } .cta-link--grey { color: #4c4c4c } .highlighted-text, .highlighted-text--red { color: #9A0C0C } .info-label { padding: 0 10px; background-color: #fcfddc; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-size: 13px; font-weight: 700; line-height: 2; opacity: 0 } .info-label.is-animated { -webkit-animation: fadeout 5s ease-in-out; animation: fadeout 5s ease-in-out } @-webkit-keyframes fadeout { 0% { opacity: 1 } 60% { opacity: 1 } to { opacity: 0 } } @keyframes fadeout { 0% { opacity: 1 } 60% { opacity: 1 } to { opacity: 0 } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .prod-table { width: 100%; text-align: center } .prod-table__body { font-size: 13px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #666 } .prod-table__hcol { font-size: 12px; line-height: 1.1; color: #8d8d8d; padding: 10px 0; border-bottom: 1px solid #d4d4d4; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400 } .no-touch .prod-table__row:hover .prod-table__link { color: #9A0C0C } .prod-table__row.is-highlighted { background-color: rgba(253, 50, 56, .08) } .prod-table__col { border-bottom: 1px solid #d4d4d4 } .prod-table__col--top { vertical-align: top } @media (min-width:992px) { .prod-table__col--fw { width: 100% } } .prod-table__link { min-width: 70px; margin: auto; display: block; padding: 11px 10px; color: #666; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px } @media (min-width:992px) { .prod-table__link { font-size: 13px; padding: 13px 10px } } .prod-table__link--wide { max-width: none; min-width: 240px } .prod-table__new-lbl { display: block; padding: 11px 10px; min-width: 40px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #9A0C0C; font-size: 14px; text-transform: lowercase } @media (min-width:992px) { .prod-table__new-lbl { font-size: 13px } } .prod-table__new-lbl--invisible { visibility: hidden } .prod-table__code-clipped { white-space: nowrap } @media (min-width:992px) { .prod-table__code-clipped { overflow: hidden; text-overflow: ellipsis } } .prod-table__single-line { white-space: nowrap } .prod-table__download-icon:after { float: none; font-size: 21px } .prod-table__space { height: 30px } .prod-table__profile { line-height: 1.5; margin-bottom: 3px } .prod-table__profile:last-child { margin-bottom: 0 } .no-touch .prod-table__tooltip { border-bottom: 1px dashed #666 } .no-touch .prod-table__tooltip:hover { border-bottom-color: #9A0C0C } .prod-table--fixed-layout { table-layout: fixed } .prod-table--fixed-layout .prod-table__col-new { width: 80px } .prod-table--fixed-layout .prod-table__col-standard { width: 110px } .prod-table--fixed-layout .prod-table__col-control { width: 150px } .prod-table--fixed-layout .prod-table__col-description { width: 300px } .edit-checkbox { display: inline-block; vertical-align: top } .edit-checkbox__input { position: absolute; z-index: -1; display: block !important; clip: rect(0 0 0 0) } .edit-checkbox__label { position: relative; display: block !important; padding: 23px !important; color: #8d8d8d; cursor: pointer; font-family: "Source Han Sans", sans-serif; font-size: 16px !important; line-height: 30px !important; -webkit-transition: color .2s linear; transition: color .2s linear } .edit-checkbox__label:before { content: ""; position: absolute; top: 15px !important; left: 15px !important; display: block; width: 16px !important; height: 16px !important; margin-right: 0 !important; border: 1px solid #d4d4d4; background-color: #fff; -webkit-transition: border-color .2s linear; transition: border-color .2s linear } .edit-checkbox__label:after { content: ""; position: absolute; top: 15px; left: 15px; display: block; width: 16px; height: 16px; opacity: 0; background-color: #9A0C0C; background-image: url(/App_Themes/iGuzzini/images/form/checkbox_selected.png); background-size: 20px 20px; background-position: 50%; background-repeat: no-repeat; -webkit-transition: opacity .2s linear; transition: opacity .2s linear } .edit-checkbox__input:checked+.edit-checkbox__label { color: #8d8d8d !important } .edit-checkbox__input:checked+.edit-checkbox__label:before { border-color: #9A0C0C; background-color: #fff !important; background-image: none !important } .edit-checkbox__input:checked+.edit-checkbox__label:after { opacity: 1 } .codes-accessory { display: -webkit-box; display: -ms-flexbox; display: flex } .codes-accessory__image { position: relative; margin-right: 20px } .codes-accessory__image img { display: block; width: 60px; height: 60px; background-color: hsla(0, 0%, 83%, .3) } @media (min-width:768px) { .codes-accessory__image img { width: 140px; height: 140px } } .codes-accessory__body { position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-bottom: 1px solid #d4d4d4 } .codes-accessory__title { padding: 5px 10px; background-color: hsla(0, 0%, 83%, .3); font-size: 14px; color: #8d8d8d } .codes-accessory__descr, .codes-accessory__title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .codes-accessory__descr { margin-top: 12px; padding-right: 30px; font-size: 13px; line-height: 1.54 } @media (min-width:768px) { .codes-accessory__descr { padding-right: 60px } } .codes-accessory__option { margin-top: 4px; color: #8d8d8d; font-size: 13px } .codes-accessory__option-value { color: #666; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .codes-accessory__edit { position: absolute; right: -15px; top: 35px } @media (min-width:768px) { .codes-accessory__edit { right: 10px } } .codes { margin-bottom: 20px } @media (min-width:992px) { .codes { margin-bottom: 40px } } .codes__line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: 38px; margin-bottom: 16px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (min-width:768px) { .codes__line { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } .codes__line-title { color: #9A0C0C; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 20px; margin-right: 16px; line-height: 24px } @media (min-width:992px) { .codes__line-title { font-size: 24px; line-height: 28px } } .codes__line-link { font-size: 12px; line-height: 20px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .codes__line-link:hover { color: #2b2b2b } .codes__line-link__icon, .codes__line-link__icon:after, .codes__line-link__icon:before, .codes__line-link__title { -webkit-transition: background-color .2s linear; transition: background-color .2s linear } .codes__line-link:hover>.codes__line-link__icon, .codes__line-link:hover>.codes__line-link__icon:after, .codes__line-link:hover>.codes__line-link__icon:before { background-color: #2b2b2b } .codes__line-link__title { margin-right: 8px } .codes__prod-group { margin-bottom: 12px } .codes__prod-group-info { margin-right: 12px } .codes__prod-group-info--main { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .codes__line-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; padding: 5px 14px; background: #d8d8d8; font-size: 14px; color: #666 } .codes__line-head:after { font-size: 18px; -ms-flex-negative: 0; flex-shrink: 0 } .codes__line-content { padding: 15px 0 } .codes__side { width: 60px } @media (min-width:992px) { .codes__side { width: 140px } } .codes__code-group { margin-bottom: 20px } .codes__code-group:last-child { margin-bottom: 0 } @media (min-width:992px) { .codes__code-group { margin-bottom: 35px } } .codes__code-group:after { content: ""; display: table; clear: both } .codes__img { display: block; margin-bottom: 6px; width: 60px; height: 60px } @media (min-width:992px) { .codes__img { width: 140px; height: 140px } } .codes__tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-right: -3px } .codes__tag { width: 100%; display: block; color: #2b2b2b; background: #ebebeb; padding: 3px 5px; font-size: 11px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; margin-bottom: 5px; margin-right: 3px } @media (min-width:992px) { .codes__tag { width: auto } } .codes__main { margin-left: 73px } @media (min-width:992px) { .codes__main { margin-left: 158px } } .codes__table-container { overflow-x: auto; padding-bottom: 8px } .codes__table-container::-webkit-scrollbar { height: 5px } .codes__table-container::-webkit-scrollbar-track { background: transparent } .codes__table-container::-webkit-scrollbar-thumb { background: #666; border-radius: 5px } .codes__favorites { position: relative; width: 50px; margin-right: -20px; float: right; -webkit-box-shadow: -5px 0 5px -3px rgba(0, 0, 0, .2); box-shadow: -5px 0 5px -3px rgba(0, 0, 0, .2) } @media (min-width:1420px) { .codes__favorites { margin-right: 0 } } .no-fav-shadow .codes__favorites { -webkit-box-shadow: none; box-shadow: none } .codes__images-container { float: left; position: relative } .codes__group-conclusion { font-size: 11px; line-height: 1.8; color: #8d8d8d; padding-top: 7px; text-align: left; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400 } .codes__group-title { padding: 4px 9px; margin-bottom: 15px; font-size: 12px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #666; background: #ebebeb; text-align: left; line-height: 1.5 } @media (min-width:992px) { .codes__group-title { font-size: 14px } } .codes__accessory+.codes__accessory { margin-top: 20px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-product-slider { overflow: hidden; position: relative } .cp-product-slider__items { list-style: none; white-space: nowrap; font-size: 0; margin-left: 10px; margin-right: 10px } @media (min-width:480px) { .cp-product-slider__items { margin-left: 10px; margin-right: 10px } } @media (min-width:768px) { .cp-product-slider__items { margin-left: 15px; margin-right: 15px } } @media (min-width:992px) { .cp-product-slider__items { margin-left: 15px; margin-right: 15px } } @media (min-width:1420px) { .cp-product-slider__items { margin-left: 15px; margin-right: 15px } } @media (min-width:1600px) { .cp-product-slider__items { margin-left: 15px; margin-right: 15px } } .cp-product-slider__item { display: inline-block; vertical-align: top; width: 100%; padding-left: 10px; padding-right: 10px } @media (min-width:480px) { .cp-product-slider__item { width: 50%; padding-left: 10px; padding-right: 10px } } @media (min-width:768px) { .cp-product-slider__item { width: 33.33333333%; padding-left: 15px; padding-right: 15px } } @media (min-width:992px) { .cp-product-slider__item { width: 25%; padding-left: 15px; padding-right: 15px } } @media (min-width:1420px) { .cp-product-slider__item { padding-left: 15px; padding-right: 15px } } @media (min-width:1600px) { .cp-product-slider__item { width: 20%; padding-left: 15px; padding-right: 15px } } .cp-product-slider__next, .cp-product-slider__prev { display: block; position: absolute; font-size: 50px; top: 50%; background-color: #9A0C0C; cursor: pointer; width: 1em; height: 1em; margin-top: -.5em; -webkit-transition: width .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(1, 0, 0, 1); transition: width .3s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(1, 0, 0, 1); transition: width .3s cubic-bezier(.19, 1, .22, 1), transform .8s cubic-bezier(1, 0, 0, 1); transition: width .3s cubic-bezier(.19, 1, .22, 1), transform .8s cubic-bezier(1, 0, 0, 1), -webkit-transform .8s cubic-bezier(1, 0, 0, 1) } .cp-product-slider__next:after, .cp-product-slider__prev:after { color: #fff; text-align: center; font-size: .625em; width: 1.6em; line-height: 1.6em; -webkit-transition: width .3s cubic-bezier(.19, 1, .22, 1); transition: width .3s cubic-bezier(.19, 1, .22, 1) } .no-touch .cp-product-slider__next:hover, .no-touch .cp-product-slider__prev:hover { width: 1.2em } .no-touch .cp-product-slider__next:hover:after, .no-touch .cp-product-slider__prev:hover:after { width: 1.92em } @media (min-width:480px) { .cp-product-slider__next, .cp-product-slider__prev { font-size: 50px } } @media (min-width:768px) { .cp-product-slider__next, .cp-product-slider__prev { font-size: 75px } } @media (min-width:992px) { .cp-product-slider__next, .cp-product-slider__prev { font-size: 75px } } @media (min-width:1420px) { .cp-product-slider__next, .cp-product-slider__prev { font-size: 75px } } @media (min-width:1600px) { .cp-product-slider__next, .cp-product-slider__prev { font-size: 75px } } .cp-product-slider__prev { left: 0 } .cp-product-slider__next { right: 0 } .cp-product-slider.disable-prev .cp-product-slider__prev, .cp-product-slider.disabled .cp-product-slider__prev { -webkit-transform: translateX(-100%); transform: translateX(-100%) } .cp-product-slider.disable-next .cp-product-slider__next, .cp-product-slider.disabled .cp-product-slider__next { -webkit-transform: translateX(100%); transform: translateX(100%) } @media (min-width:1600px) { .cp-product-slider--max4 .cp-product-slider__item { width: 25%; padding-left: 15px; padding-right: 15px } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-product-list { padding-top: 0 } @media (max-width:767px) { .cp-product-list .grid-item:first-child .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: 0s; transition-delay: 0s } .cp-product-list .grid-item:nth-child(2) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .05s; transition-delay: .05s } .cp-product-list .grid-item:nth-child(3) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .15s; transition-delay: .15s } .cp-product-list .grid-item:nth-child(4) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .2s; transition-delay: .2s } .cp-product-list .grid-item:nth-child(5) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .3s; transition-delay: .3s } .cp-product-list .grid-item:nth-child(6) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .35s; transition-delay: .35s } .cp-product-list .grid-item:nth-child(7) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .45s; transition-delay: .45s } .cp-product-list .grid-item:nth-child(8) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .5s; transition-delay: .5s } } @media (min-width:768px) and (max-width:991px) { .cp-product-list .grid-item:first-child .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: 0s; transition-delay: 0s } .cp-product-list .grid-item:nth-child(2) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .05s; transition-delay: .05s } .cp-product-list .grid-item:nth-child(3) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .1s; transition-delay: .1s } .cp-product-list .grid-item:nth-child(4) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .15s; transition-delay: .15s } .cp-product-list .grid-item:nth-child(5) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .2s; transition-delay: .2s } .cp-product-list .grid-item:nth-child(6) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .25s; transition-delay: .25s } .cp-product-list .grid-item:nth-child(7) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .3s; transition-delay: .3s } .cp-product-list .grid-item:nth-child(8) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .35s; transition-delay: .35s } .cp-product-list .grid-item:nth-child(9) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .4s; transition-delay: .4s } .cp-product-list .grid-item:nth-child(10) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .45s; transition-delay: .45s } .cp-product-list .grid-item:nth-child(11) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .5s; transition-delay: .5s } .cp-product-list .grid-item:nth-child(12) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .55s; transition-delay: .55s } } @media (min-width:992px) and (max-width:1419px) { .cp-product-list .grid-item:first-child .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: 0s; transition-delay: 0s } .cp-product-list .grid-item:nth-child(2) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .05s; transition-delay: .05s } .cp-product-list .grid-item:nth-child(3) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .1s; transition-delay: .1s } .cp-product-list .grid-item:nth-child(4) .cp-product-list__thumb__slider, .cp-product-list .grid-item:nth-child(5) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .15s; transition-delay: .15s } .cp-product-list .grid-item:nth-child(6) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .2s; transition-delay: .2s } .cp-product-list .grid-item:nth-child(7) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .25s; transition-delay: .25s } .cp-product-list .grid-item:nth-child(8) .cp-product-list__thumb__slider, .cp-product-list .grid-item:nth-child(9) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .3s; transition-delay: .3s } .cp-product-list .grid-item:nth-child(10) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .35s; transition-delay: .35s } .cp-product-list .grid-item:nth-child(11) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .4s; transition-delay: .4s } .cp-product-list .grid-item:nth-child(12) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .45s; transition-delay: .45s } } @media (min-width:1420px) and (max-width:1599px) { .cp-product-list .grid-item:first-child .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: 0s; transition-delay: 0s } .cp-product-list .grid-item:nth-child(2) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .05s; transition-delay: .05s } .cp-product-list .grid-item:nth-child(3) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .1s; transition-delay: .1s } .cp-product-list .grid-item:nth-child(4) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .15s; transition-delay: .15s } .cp-product-list .grid-item:nth-child(5) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .2s; transition-delay: .2s } .cp-product-list .grid-item:nth-child(6) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .15s; transition-delay: .15s } .cp-product-list .grid-item:nth-child(7) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .2s; transition-delay: .2s } .cp-product-list .grid-item:nth-child(8) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .25s; transition-delay: .25s } .cp-product-list .grid-item:nth-child(9) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .3s; transition-delay: .3s } .cp-product-list .grid-item:nth-child(10) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .35s; transition-delay: .35s } .cp-product-list .grid-item:nth-child(11) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .3s; transition-delay: .3s } .cp-product-list .grid-item:nth-child(12) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .35s; transition-delay: .35s } .cp-product-list .grid-item:nth-child(13) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .4s; transition-delay: .4s } .cp-product-list .grid-item:nth-child(14) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .45s; transition-delay: .45s } .cp-product-list .grid-item:nth-child(15) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .5s; transition-delay: .5s } } @media (min-width:1600px) { .cp-product-list .grid-item:first-child .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: 0s; transition-delay: 0s } .cp-product-list .grid-item:nth-child(2) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .05s; transition-delay: .05s } .cp-product-list .grid-item:nth-child(3) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .1s; transition-delay: .1s } .cp-product-list .grid-item:nth-child(4) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .15s; transition-delay: .15s } .cp-product-list .grid-item:nth-child(5) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .2s; transition-delay: .2s } .cp-product-list .grid-item:nth-child(6) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .25s; transition-delay: .25s } .cp-product-list .grid-item:nth-child(7) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .15s; transition-delay: .15s } .cp-product-list .grid-item:nth-child(8) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .2s; transition-delay: .2s } .cp-product-list .grid-item:nth-child(9) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .25s; transition-delay: .25s } .cp-product-list .grid-item:nth-child(10) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .3s; transition-delay: .3s } .cp-product-list .grid-item:nth-child(11) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .35s; transition-delay: .35s } .cp-product-list .grid-item:nth-child(12) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .4s; transition-delay: .4s } .cp-product-list .grid-item:nth-child(13) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .3s; transition-delay: .3s } .cp-product-list .grid-item:nth-child(14) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .35s; transition-delay: .35s } .cp-product-list .grid-item:nth-child(15) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .4s; transition-delay: .4s } .cp-product-list .grid-item:nth-child(16) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .45s; transition-delay: .45s } .cp-product-list .grid-item:nth-child(17) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .5s; transition-delay: .5s } .cp-product-list .grid-item:nth-child(18) .cp-product-list__thumb__slider { -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); -webkit-transition-delay: .55s; transition-delay: .55s } } .cp-product-list__native-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover } .cp-product-list__thumb { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; overflow: hidden } .cp-product-list__thumb__wrapper { position: relative; overflow: hidden; height: 100% } .cp-product-list__thumb__frame-first, .cp-product-list__thumb__frame-second { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1); transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear; transition: transform .8s cubic-bezier(.645, .045, .355, 1), opacity .8s linear, -webkit-transform .8s cubic-bezier(.645, .045, .355, 1) } .cp-product-list__thumb__frame-first { opacity: 1; height: 100%; background-position: 50%; background-size: cover; background-repeat: no-repeat; background-image: url(/App_Themes/iGuzzini/images/global/placeholder.png) } .cp-product-list__thumb__frame-first img.seo-img { z-index: 0 } .cp-product-list__thumb__frame-second { opacity: 0; position: absolute; width: 100%; height: 100% } .cp-product-list__thumb__frame-second:before { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 20px; background-image: -webkit-gradient(linear, left bottom, left top, from(#f4f4f4), to(transparent)); background-image: linear-gradient(0deg, #f4f4f4, transparent) } .cp-product-list__thumb__props-list { padding: 10px 20px; color: #898a8b; font-size: 13px; font-weight: 700; letter-spacing: -.33px; list-style: none; background-color: #efefef; height: 100%; background-position: 50%; background-size: cover; background-repeat: no-repeat } .cp-product-list__thumb__props-list.no-additional { background-image: url(/App_Themes/iGuzzini/images/global/placeholder.png) } .cp-product-list__thumb__props-list li { padding: 5px 0; text-align: center; border-bottom: 1px solid #d8d8d8 } .cp-product-list__thumb__image { display: table; width: 100%; padding-top: 100%; position: relative; overflow: hidden } .cp-product-list__thumb__image--more-items, .cp-product-list__thumb__image.more-items { background-color: #fff; padding-top: 100% } .cp-product-list__thumb__image--more-items p, .cp-product-list__thumb__image.more-items p { position: absolute; top: 0; left: 0; font-size: 15px; line-height: 1.35em; color: #8d8d8d; letter-spacing: -.02em; padding: 15px } @media (min-width:480px) { .cp-product-list__thumb__image--more-items p, .cp-product-list__thumb__image.more-items p { font-size: 22px } } @media (min-width:768px) { .cp-product-list__thumb__image--more-items p, .cp-product-list__thumb__image.more-items p { padding: 20px } } .cp-product-list__thumb__slider { display: block; position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50% } .cp-product-list__thumb__slider.product { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } .cp-product-list__thumb__slider.application { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%) } .cp-product-list__thumb__slide { display: block; position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; background-position: 50%; background-size: cover; background-repeat: no-repeat; background-image: url(/App_Themes/iGuzzini/images/global/placeholder.png) } .cp-product-list__thumb__slide img.seo-img { z-index: 0 } .cp-product-list__thumb__label { padding: 15px } @media (min-width:768px) { .cp-product-list__thumb__label { padding: 20px } } .cp-product-list__thumb__label.type { height: 80px; background-color: #fff; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 15px; letter-spacing: -.02em; color: #9A0C0C; line-height: 1.1em; word-break: break-word; -webkit-transition: background-color .3s linear, color .3s linear; transition: background-color .3s linear, color .3s linear } @media (min-width:768px) { .cp-product-list__thumb__label.type { font-size: 18px; line-height: 1.2em } } .cp-product-list__thumb__label.line { height: 80px; background-color: #ebebeb; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 18px; letter-spacing: -.02em; color: #9A0C0C; line-height: 1.2em; -webkit-transition: background-color .3s linear, color .3s linear; transition: background-color .3s linear, color .3s linear } .cp-product-list__thumb__label.line .subtitle { display: block; margin-top: 5px; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 15px; color: #2b2b2b; line-height: 1.2em } @media (min-width:480px) { .cp-product-list__thumb__label.line .subtitle { font-size: 16px } } .cp-product-list__thumb__label.group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 200px; background-color: #ebebeb; -webkit-transition: background-color .3s linear; transition: background-color .3s linear } .cp-product-list__thumb__label.group .lumen, .cp-product-list__thumb__label.group .more-icon, .cp-product-list__thumb__label.group .subtitle, .cp-product-list__thumb__label.group .title { -webkit-transition: color .3s linear; transition: color .3s linear } .cp-product-list__thumb__label.group .title { display: block; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 18px; letter-spacing: -.02em; color: #9A0C0C; line-height: 1.2em } .cp-product-list__thumb__label.group .title:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .cp-product-list__thumb__label.group .more-icon { color: #9A0C0C } .cp-product-list__thumb__label.group .more-icon:after { width: 28px; text-align: center; font-size: 28px; position: absolute; bottom: 0; padding-bottom: 30px; color: inherit } .cp-product-list__thumb__label.group .subtitle { display: block; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 15px; letter-spacing: 0; color: #2b2b2b; line-height: 1.2em } @media (min-width:480px) { .cp-product-list__thumb__label.group .subtitle { font-size: 16px } } .cp-product-list__thumb__label.group .lumen { display: block; margin: 10px 0; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 14px; letter-spacing: -.02em; color: #8d8d8d; line-height: 1.2em } .cp-product-list__thumb__label.group .effects { display: block; list-style: none; margin-left: -5px; margin-right: -5px; counter-reset: icons } .cp-product-list__thumb__label.group .effects li { display: block; float: left; width: 20%; max-width: 40px; font-size: 0; padding: 0 2px } .cp-product-list__thumb__label.group .effects li:not(.counter) { counter-increment: icons } @media (min-width:480px) { .cp-product-list__thumb__label.group .effects li { padding: 0 5px } } .cp-product-list__thumb__label.group .effects li img { width: 100%; height: auto } .cp-product-list__thumb__label.group .effects li.counter { display: none; float: none; clear: both; width: 100%; max-width: 100%; margin: 0 0 -3px; padding: 10px 0 0; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 0; color: #8d8d8d; line-height: 1em; white-space: nowrap; -webkit-transition: color .2s linear; transition: color .2s linear } .cp-product-list__thumb__label.group .effects li.counter:before { content: "(5 of "counter(icons) " optics)"; margin-right: 10px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 12px; line-height: 1em; color: inherit } .cp-product-list__thumb__label.group .effects li.counter:after { display: none; float: none } @media (min-width:480px) { .cp-product-list__thumb__label.group .effects li.counter, .cp-product-list__thumb__label.group .effects li.counter:before { font-size: 14px } .cp-product-list__thumb__label.group .effects li.counter:after { display: inline } } .cp-product-list__thumb__label.group .effects li:nth-child(5)~li:not(.counter) { visibility: hidden; position: absolute; width: 0; height: 0; padding: 0 } .cp-product-list__thumb__label.group .effects li:nth-child(6)~.counter { display: block } .cp-product-list__thumb__label.group .effects:after { content: ""; display: table; clear: both } .cp-product-list__thumb__label.group .effects+.effects { margin-top: 10px } .cp-product-list__thumb__notes { position: absolute; top: 5px; left: 15px; font-weight: 700; color: #9A0C0C; z-index: 1 } .cp-product-list__thumb__notes.hidden { display: none } .no-touch .cp-product-list__thumb:hover .cp-product-list__thumb__frame-first, .no-touch .cp-product-list__thumb:hover .cp-product-list__thumb__frame-second { -webkit-transform: translateY(-100%); transform: translateY(-100%) } .no-touch .cp-product-list__thumb:hover .cp-product-list__thumb__frame-first { opacity: 0 } .no-touch .cp-product-list__thumb:hover .cp-product-list__thumb__frame-second { opacity: 1 } .no-touch .cp-product-list__thumb:hover .cp-product-list__thumb__label.line, .no-touch .cp-product-list__thumb:hover .cp-product-list__thumb__label.type { background-color: #9A0C0C; color: #fff } .no-touch .cp-product-list__thumb:hover .cp-product-list__thumb__label.group { background-color: #9A0C0C } .no-touch .cp-product-list__thumb:hover .cp-product-list__thumb__label.group .counter, .no-touch .cp-product-list__thumb:hover .cp-product-list__thumb__label.group .lumen, .no-touch .cp-product-list__thumb:hover .cp-product-list__thumb__label.group .more-icon, .no-touch .cp-product-list__thumb:hover .cp-product-list__thumb__label.group .subtitle, .no-touch .cp-product-list__thumb:hover .cp-product-list__thumb__label.group .title { color: #fff } .cp-product-list--NA .cp-product-list__heading { padding: 20px 0; font-size: 26px; line-height: 1 } @media (min-width:768px) { .cp-product-list--NA .cp-product-list__heading { padding: 30px 0 20px } } .cp-product-list--NA .cp-product-list__heading:not(:first-child) { border-top: 1px solid #d4d4d4 } .cp-product-list--NA .cp-product-list__heading+.cp-product-list__row { margin-top: -30px } .cp-product-list--NA .cp-product-list__row+.cp-product-list__heading { margin-top: 40px } @media (min-width:992px) { .cp-product-list--NA .cp-product-list__row+.cp-product-list__heading { margin-top: 60px } } .cp-product-list--NA .cp-product-list__thumb__label.line { min-height: 123px; height: auto } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-products-inspiration { display: block; padding: 20px } @media (min-width:480px) { .cp-products-inspiration { padding: 20px } } @media (min-width:768px) { .cp-products-inspiration { padding: 30px } } @media (min-width:992px) { .cp-products-inspiration { padding: 30px } } @media (min-width:1420px) { .cp-products-inspiration { padding: 30px } } @media (min-width:1600px) { .cp-products-inspiration { padding: 30px } } .cp-products-inspiration hr { display: block; height: 1px; background-color: #d4d4d4; border: none } .cp-products-inspiration h3 { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 26px; color: #8d8d8d; line-height: 1em; letter-spacing: -.01em; margin-top: 50px; margin-bottom: 50px } .cp-products-inspiration__gutter-sizer { width: 5% } @media (min-width:480px) { .cp-products-inspiration__gutter-sizer { width: 4% } } @media (min-width:768px) { .cp-products-inspiration__gutter-sizer { width: 2% } } @media (min-width:992px) { .cp-products-inspiration__gutter-sizer { width: 2% } } .cp-products-inspiration__cell { width: 100% } @media (min-width:480px) { .cp-products-inspiration__cell { width: 48% } } @media (min-width:768px) { .cp-products-inspiration__cell { width: 32% } } @media (min-width:992px) { .cp-products-inspiration__cell { width: 18.4% } } .cp-products-inspiration__cell.is-hidden { opacity: 0 } .cp-products-inspiration__cell:after { color: #fff; position: absolute; top: 20px; right: 20px; font-size: 24px; opacity: 0; -webkit-transition: opacity .3s linear; transition: opacity .3s linear } .no-touch .cp-products-inspiration__cell:hover:after { opacity: 1 } .cp-products-inspiration__container { display: block } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .OnSiteSliderButton { position: fixed; right: 150px } body.DesignMode .theme__wrapper__nav, body.EditMode .theme__wrapper__nav { position: absolute } body.DesignMode.is-transparent-header .theme__wrapper__nav, body.EditMode.is-transparent-header .theme__wrapper__nav { display: none } body.DesignMode .col-12.cp-case-study-tree-images__table__col .WebPart_custom>div>div, body.DesignMode .col-12.cp-case-study-tree-images__table__col div[class*=WebPart], body.EditMode .col-12.cp-case-study-tree-images__table__col .WebPart_custom>div>div, body.EditMode .col-12.cp-case-study-tree-images__table__col div[class*=WebPart] { height: inherit } body.DesignMode .col-12.cp-case-study-tree-images__table__col div[class*=WebPartHeader], body.EditMode .col-12.cp-case-study-tree-images__table__col div[class*=WebPartHeader] { height: 0 } body.DesignMode .col-12.cp-case-study-tree-images__table__col .WebPart.height-fix div[class*=WebPart], body.EditMode .col-12.cp-case-study-tree-images__table__col .WebPart.height-fix div[class*=WebPart] { height: 100% } body.DesignMode .col-12.cp-case-study-tree-images__table__col .WebPart.height-fix div[class*=WebPartHeader], body.EditMode .col-12.cp-case-study-tree-images__table__col .WebPart.height-fix div[class*=WebPartHeader] { height: 0 } body.DesignMode .col-12.cp-case-study-tree-images__table__col .WebPart.height-fix .col-12, body.EditMode .col-12.cp-case-study-tree-images__table__col .WebPart.height-fix .col-12 { height: 100% } table.LayoutTable { width: 100% } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-product-codes { position: relative; background-color: #fff; margin-bottom: 50px } .cp-product-codes h2 { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 26px; color: #8d8d8d; padding-top: 20px; padding-bottom: 20px } @media (min-width:480px) { .cp-product-codes h2 { padding-top: 20px; padding-bottom: 20px } } @media (min-width:768px) { .cp-product-codes h2 { padding-top: 30px; padding-bottom: 30px } } @media (min-width:992px) { .cp-product-codes h2 { padding-top: 30px; padding-bottom: 30px } } @media (min-width:1420px) { .cp-product-codes h2 { padding-top: 30px; padding-bottom: 30px } } .cp-product-codes__filter { background-color: #ebebeb; margin-top: 20px; margin-bottom: 30px; color: #000 } .cp-product-codes__filter .cp-filter, .cp-product-codes__filter .cp-filter select { width: 100% } .cp-product-codes__list { display: block; margin-bottom: 10px } .cp-product-codes__list:last-child { margin-bottom: 0 } .cp-product-codes__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 5px 0; background-color: #ebebeb; border-top: 1px solid #8d8d8d; border-bottom: 1px solid #8d8d8d; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 12px; line-height: 1em; text-align: center } .ie9 .cp-product-codes__header { display: table } @media (min-width:1025px) { .fixed .cp-product-codes__header-wrapper { padding: 0 30px; position: fixed; top: 145px; left: 0; width: 100% } } .cp-product-codes__header__cell { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .ie9 .cp-product-codes__header__cell { display: table-cell } .cp-product-codes__header__cell:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; margin-right: 10px } @media (min-width:992px) { .cp-product-codes__header__cell:first-child { -ms-flex-preferred-size: 150px; flex-basis: 150px } .ie9 .cp-product-codes__header__cell:first-child { width: 150px } } .cp-product-codes__header__cell:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px } @media (min-width:992px) { .cp-product-codes__header__cell:nth-child(2) { -ms-flex-preferred-size: 75px; flex-basis: 75px } .ie9 .cp-product-codes__header__cell:nth-child(2) { width: 75px } } .cp-product-codes__header__cell:nth-child(4) { -webkit-box-flex: 1; -ms-flex: 1 0 75px; flex: 1 0 75px } @media (min-width:992px) { .cp-product-codes__header__cell:nth-child(4) { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px } .ie9 .cp-product-codes__header__cell:nth-child(4) { width: 100px } } .cp-product-codes__header__cell:nth-child(3) { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media (min-width:992px) { .cp-product-codes__header__cell:nth-child(3) { display: -webkit-box; display: -ms-flexbox; display: flex } .ie9 .cp-product-codes__header__cell:nth-child(3) { display: table; width: 100% } } .cp-product-codes__header__cell:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px } .ie9 .cp-product-codes__header__cell:last-child { width: 60px } .cp-product-codes__header__cell:last-child span.hide-on-mobile { display: none } @media (min-width:992px) { .cp-product-codes__header__cell:last-child { -ms-flex-preferred-size: 100px; flex-basis: 100px } .cp-product-codes__header__cell:last-child span.hide-on-mobile { display: block } } .cp-product-codes__header__cell.sorter-header { cursor: pointer } .no-touch .cp-product-codes__header__cell.sorter-header:hover { color: #2b2b2b } .cp-product-codes__header__item { -ms-flex-preferred-size: 12.5%; flex-basis: 12.5%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .ie9 .cp-product-codes__header__item { display: table-cell; width: 12.5% } .cp-product-codes__header__item.sorter-header { cursor: pointer } .no-touch .cp-product-codes__header__item.sorter-header:hover { color: #2b2b2b } .cp-product-codes__items { margin-top: 10px } @media (min-width:1025px) { .fixed .cp-product-codes__items { padding-top: 24px } } .cp-product-codes__group { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-top: 10px } .ie9 .cp-product-codes__group { display: block } .cp-product-codes__thumb { font-size: 0; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; margin-right: 10px } @media (min-width:992px) { .cp-product-codes__thumb { -ms-flex-preferred-size: 150px; flex-basis: 150px } } .ie9 .cp-product-codes__thumb { display: inline-block; width: 150px } .cp-product-codes__thumb img { width: 100%; height: auto } .cp-product-codes__tags { display: block; font-size: 0; margin-left: -5px } .cp-product-codes__tag { display: inline-block; background-color: #f4f4f4; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 11px; color: #333; padding: 5px 10px; margin-left: 5px; margin-top: 5px } .cp-product-codes__tag:empty { display: none } .cp-product-codes__content { display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .ie9 .cp-product-codes__content { display: table; width: 87%; float: right } .cp-product-codes__content__notes { display: block; padding: 5px; background-color: #ebebeb; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 12px; line-height: 1em } .cp-product-codes__content__notes--top { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .cp-product-codes__content__notes--bottom { background-color: transparent } .ie9 .cp-product-codes__sorted-section { display: table; width: 100% } .cp-product-codes__item { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 15px 0; border-top: 1px solid #ebebeb; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px; line-height: 1em; color: #8d8d8d; text-align: center } .cp-product-codes__item:last-child { border-bottom: 1px solid #ebebeb } .no-touch .cp-product-codes__item:hover { color: #9A0C0C } .ie9 .cp-product-codes__item { display: table-row; border: 1px solid #000 } .cp-product-codes__item__notes { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; color: #9A0C0C } @media (min-width:992px) { .cp-product-codes__item__notes { -ms-flex-preferred-size: 75px; flex-basis: 75px } } .ie9 .cp-product-codes__item__notes { display: table-cell } .cp-product-codes__item__code { -webkit-box-flex: 1; -ms-flex: 1 0 75px; flex: 1 0 75px } @media (min-width:992px) { .cp-product-codes__item__code { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px } } .ie9 .cp-product-codes__item__code { display: table-cell } .cp-product-codes__item__info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: none } @media (min-width:992px) { .cp-product-codes__item__info { display: block } } .ie9 .cp-product-codes__item__info { display: table-cell } .cp-product-codes__item__downloads { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px } @media (min-width:992px) { .cp-product-codes__item__downloads { -ms-flex-preferred-size: 100px; flex-basis: 100px } } .ie9 .cp-product-codes__item__downloads { display: table-cell } .cp-product-codes__item__downloads i { display: inline-block } .cp-product-codes__item__downloads i:after { font-size: 20px } .cp-product-codes__item__profile { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } .ie9 .cp-product-codes__item__profile { display: table } .cp-product-codes__item__profile__cell { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 12.5% } .ie9 .cp-product-codes__item__profile__cell { display: table-cell } .cp-product-codes__result-message { text-align: center; color: #8d8d8d } .cp-product-codes .hidden { display: none !important } .cp-product-codes.is-hidden { display: none } .cp-product-codes--related-accordion { padding-top: 0 } .cp-product-codes--related { margin-top: 30px } .cp-product-codes--related .cp-product-codes__title { margin-top: 0 } .cp-product-details__features { list-style: none; max-width: 700px; margin-bottom: 30px; color: #666 } .cp-product-details__features li { display: block; position: relative; margin-top: 10px; padding-left: 20px; font-family: "Source Han Sans", sans-serif; font-size: 14px; font-weight: lighter; color: #666 } .cp-product-details__features li:first-child { margin-top: 0 } .cp-product-details__features li:before { content: ""; display: block; position: absolute; width: 4px; height: 4px; left: 0; top: 10px; background-color: #666 } .cp-product-details__accessory-features { list-style: none; max-width: 700px; margin-bottom: 30px; color: #666 } @media (min-width:768px) { .cp-product-details__accessory-features { margin-bottom: 100px } } .cp-product-details__accessory-features li { display: block; position: relative; margin-top: 10px; padding-left: 20px; font-family: "Source Han Sans", sans-serif; font-size: 14px; font-weight: lighter; color: #666 } .cp-product-details__accessory-features li:first-child { margin-top: 0 } .cp-product-details__accessory-features li:before { content: ""; display: block; position: absolute; width: 4px; height: 4px; left: 0; top: 10px; background-color: #666 } .cp-product-details__subheading { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px; line-height: 28px; letter-spacing: 0; margin-top: 20px } .cp-product-details__colors { margin-top: 20px; margin-left: -10px } .cp-product-details__colors li { display: block; float: left; font-size: 12px; padding-left: 10px; padding-bottom: 10px; width: 100% } @media (min-width:768px) { .cp-product-details__colors li { width: 50% } } @media (min-width:1420px) { .cp-product-details__colors li { width: 33% } } .cp-product-details__colors li img { margin-right: 10px; vertical-align: middle } .cp-product-details__colors:after { content: ""; display: table; clear: both } @media (min-width:1420px) { .cp-product-details__colors { max-width: 750px } } .cp-product-details__stamps { padding: 30px; margin-bottom: 30px; background-color: #fff } .cp-product-details__stamps ul { list-style: none } .cp-product-details__stamps ul+ul { margin-top: 30px } .cp-product-details__stamps li { display: inline-block; position: relative; margin-top: 10px; padding-left: 10px } @media (min-width:1420px) { .cp-product-details__stamps { max-width: 700px } } .cp-product-details__box { padding: 40px 20px; background-color: #ebebeb } .cp-product-details__box h3 { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 26px; line-height: 1.2em; color: #9A0C0C; letter-spacing: -.01em } .cp-product-details__box p { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 16px; letter-spacing: -.01em; line-height: 1.5em; color: #666 } .cp-product-details__box h3+p { margin-top: 20px } .cp-product-details__box p+p { margin-top: 15px } .cp-product-details__box+.cp-product-details__box { margin-top: 30px } .cp-product-details__box a { margin-top: 20px } .cp-product-details__box img.align-right { margin-left: 20px; margin-bottom: 20px; float: right } .vw-products .cp-product-details { text-align: center; padding: 0 20px } .vw-products .cp-product-details .btn-stroke { display: inline-block; text-align: left } @media (min-width:768px) { .vw-products .cp-product-details { padding: 0 30px } } .cp-product-details__additional-details { padding-top: 30px; margin-top: -30px } .cp-product-effects:after { content: ""; display: table; clear: both } .cp-product-effects__preview { display: block; position: relative; list-style: none; padding-top: 50%; background-color: #000 } .cp-product-effects__preview__item { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: 50%; background-repeat: no-repeat; opacity: 0; -webkit-transition: opacity .5s linear; transition: opacity .5s linear } .cp-product-effects__preview__item:before { content: attr(data-label); position: absolute; bottom: 30px; right: 30px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-size: 14px; font-weight: 700; color: #fff } .cp-product-effects__thumb__indoor { display: inline-block; float: left; width: 54px; height: 54px; margin-right: 2px; margin-top: 1px; cursor: pointer; opacity: .2; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; background-size: cover; background-position: 50%; background-repeat: no-repeat } @media (min-width:480px) { .cp-product-effects__thumb__indoor { width: 75px; height: 75px; margin-right: 10px; margin-top: 10px } } .no-touch .cp-product-effects__thumb__indoor:hover { opacity: 1 } .cp-product-effects__thumb__outdoor { display: inline-block; float: left; margin-right: 20px; margin-top: 20px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 18px; line-height: 1.65em; letter-spacing: -.01em; color: #8d8d8d } .cp-product-effects__thumb__outdoor__image { display: block; width: 200px; height: 200px; margin-bottom: 20px; background-size: cover; background-position: 50%; background-repeat: no-repeat } .cp-product-effects input[type=radio] { display: none } .cp-product-effects input[type=radio]:first-of-type:checked~.cp-product-effects__preview .cp-product-effects__preview__item:nth-of-type(1) { opacity: 1; -webkit-transition: opacity .5s linear .5s; transition: opacity .5s linear .5s } .cp-product-effects input[type=radio]:first-of-type:checked~.cp-product-effects__thumb__indoor:nth-of-type(1) { opacity: 1 } .cp-product-effects input[type=radio]:nth-of-type(2):checked~.cp-product-effects__preview .cp-product-effects__preview__item:nth-of-type(2) { opacity: 1; -webkit-transition: opacity .5s linear .5s; transition: opacity .5s linear .5s } .cp-product-effects input[type=radio]:nth-of-type(2):checked~.cp-product-effects__thumb__indoor:nth-of-type(2) { opacity: 1 } .cp-product-effects input[type=radio]:nth-of-type(3):checked~.cp-product-effects__preview .cp-product-effects__preview__item:nth-of-type(3) { opacity: 1; -webkit-transition: opacity .5s linear .5s; transition: opacity .5s linear .5s } .cp-product-effects input[type=radio]:nth-of-type(3):checked~.cp-product-effects__thumb__indoor:nth-of-type(3) { opacity: 1 } .cp-product-effects input[type=radio]:nth-of-type(4):checked~.cp-product-effects__preview .cp-product-effects__preview__item:nth-of-type(4) { opacity: 1; -webkit-transition: opacity .5s linear .5s; transition: opacity .5s linear .5s } .cp-product-effects input[type=radio]:nth-of-type(4):checked~.cp-product-effects__thumb__indoor:nth-of-type(4) { opacity: 1 } .cp-product-effects input[type=radio]:nth-of-type(5):checked~.cp-product-effects__preview .cp-product-effects__preview__item:nth-of-type(5) { opacity: 1; -webkit-transition: opacity .5s linear .5s; transition: opacity .5s linear .5s } .cp-product-effects input[type=radio]:nth-of-type(5):checked~.cp-product-effects__thumb__indoor:nth-of-type(5) { opacity: 1 } .cp-product-effects input[type=radio]:nth-of-type(6):checked~.cp-product-effects__preview .cp-product-effects__preview__item:nth-of-type(6) { opacity: 1; -webkit-transition: opacity .5s linear .5s; transition: opacity .5s linear .5s } .cp-product-effects input[type=radio]:nth-of-type(6):checked~.cp-product-effects__thumb__indoor:nth-of-type(6) { opacity: 1 } .cp-product-effects input[type=radio]:nth-of-type(7):checked~.cp-product-effects__preview .cp-product-effects__preview__item:nth-of-type(7) { opacity: 1; -webkit-transition: opacity .5s linear .5s; transition: opacity .5s linear .5s } .cp-product-effects input[type=radio]:nth-of-type(7):checked~.cp-product-effects__thumb__indoor:nth-of-type(7) { opacity: 1 } .cp-product-effects input[type=radio]:nth-of-type(8):checked~.cp-product-effects__preview .cp-product-effects__preview__item:nth-of-type(8) { opacity: 1; -webkit-transition: opacity .5s linear .5s; transition: opacity .5s linear .5s } .cp-product-effects input[type=radio]:nth-of-type(8):checked~.cp-product-effects__thumb__indoor:nth-of-type(8) { opacity: 1 } .cp-product-effects input[type=radio]:nth-of-type(9):checked~.cp-product-effects__preview .cp-product-effects__preview__item:nth-of-type(9) { opacity: 1; -webkit-transition: opacity .5s linear .5s; transition: opacity .5s linear .5s } .cp-product-effects input[type=radio]:nth-of-type(9):checked~.cp-product-effects__thumb__indoor:nth-of-type(9) { opacity: 1 } .cp-product-effects input[type=radio]:nth-of-type(10):checked~.cp-product-effects__preview .cp-product-effects__preview__item:nth-of-type(10) { opacity: 1; -webkit-transition: opacity .5s linear .5s; transition: opacity .5s linear .5s } .cp-product-effects input[type=radio]:nth-of-type(10):checked~.cp-product-effects__thumb__indoor:nth-of-type(10) { opacity: 1 } .cp-product-overview__preview { display: block; position: relative; list-style: none; padding-top: 50%; background-color: #000 } .cp-product-overview__preview__item { background-size: cover; background-position: 50%; background-repeat: no-repeat } .vw-product { background-color: #f4f4f4 } .vw-product h2 strong { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #9A0C0C } .vw-product hr { display: block; height: 1px; background-color: #d4d4d4; border: none; margin: 15px 30px } @media (min-width:768px) { .vw-product hr { margin: 40px 30px } } .vw-product .cp-product-codes>* { max-width: 1600px; margin-left: auto; margin-right: auto } .vw-product .cp-product-codes .cp-product-codes__header-wrapper { max-width: 1660px; margin-left: auto; margin-right: auto; left: 0; right: 0 } .vw-product .cp-product-codes+.grid-section>* { max-width: 1600px; margin-left: auto; margin-right: auto } .vw-product .cp-product-slider { margin-left: -20px; margin-right: -20px } @media (min-width:480px) { .vw-product .cp-product-slider { margin-left: -20px; margin-right: -20px } } @media (min-width:768px) { .vw-product .cp-product-slider { margin-left: -30px; margin-right: -30px } } @media (min-width:992px) { .vw-product .cp-product-slider { margin-left: -30px; margin-right: -30px } } @media (min-width:1420px) { .vw-product .cp-product-slider { margin-left: -30px; margin-right: -30px } } @media (min-width:1600px) { .vw-product .cp-product-slider { margin-left: -30px; margin-right: -30px } } .vw-product .cp-video { max-width: 845px } @media (min-width:1025px) { .vw-product { padding-top: 103px } } .vw-product__header { position: static; z-index: 2; top: 70px; left: 0; width: 100%; background-color: #9A0C0C; padding: 0 20px 20px } @media (min-width:480px) { .vw-product__header { padding: 0 20px 20px } } @media (min-width:768px) { .vw-product__header { padding: 0 30px 30px } } @media (min-width:992px) { .vw-product__header { padding: 0 30px 30px } } @media (min-width:1420px) { .vw-product__header { padding: 0 30px 30px } } @media (min-width:1600px) { .vw-product__header { padding: 0 30px 30px } } @media (min-width:1025px) { .vw-product__header { position: fixed } } .vw-product__header h1 { -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1) .3s; transition: all .5s cubic-bezier(.215, .61, .355, 1) .3s; -webkit-transform-origin: left; transform-origin: left } .vw-product__header .cp-breadcrumb { -webkit-transition: height .5s cubic-bezier(.645, .045, .355, 1), opacity .3s linear .5s; transition: height .5s cubic-bezier(.645, .045, .355, 1), opacity .3s linear .5s } @media (min-width:1025px) { .vw-product__header.small .cp-breadcrumb { opacity: 0; height: 0 !important; -webkit-transition: height .5s cubic-bezier(.645, .045, .355, 1) .3s, opacity .3s linear; transition: height .5s cubic-bezier(.645, .045, .355, 1) .3s, opacity .3s linear } .vw-product__header.small h1 { -webkit-transform: scale(.66); transform: scale(.66); -webkit-transition: all .5s cubic-bezier(.215, .61, .355, 1) .3s; transition: all .5s cubic-bezier(.215, .61, .355, 1) .3s } } .vw-product__description { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid #ebebeb } .ie9 .vw-product__description { position: relative } .vw-product__description .grid-section:not(.no-border)+.grid-section { padding-top: 40px } @media (min-width:480px) { .vw-product__description .grid-section:not(.no-border)+.grid-section { padding: 20px } } @media (min-width:768px) { .vw-product__description .grid-section:not(.no-border)+.grid-section { padding-top: 60px } } @media (min-width:992px) { .vw-product__description .grid-section:not(.no-border)+.grid-section { padding-top: 60px } } @media (min-width:1420px) { .vw-product__description .grid-section:not(.no-border)+.grid-section { padding-top: 60px } } .vw-product__description .cp-side-nav { display: none; position: relative; -ms-flex-preferred-size: 300px; flex-basis: 300px; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width:1025px) { .vw-product__description .cp-side-nav { display: block } .ie9 .vw-product__description .cp-side-nav { position: absolute; top: 0; left: 0; width: 300px; height: 100% } } .vw-product__description__content { -ms-flex-preferred-size: 1300px; flex-basis: 1300px; max-width: 1300px } .ie9 .vw-product__description__content { padding-left: 300px } .vw-product__description__content .mobile-breadcrumbs { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 16px; line-height: 1.2em; color: #9A0C0C; margin: 20px 20px 0 } .vw-product__description__content .mobile-breadcrumbs:before { margin-right: 10px } @media (min-width:768px) { .vw-product__description__content .mobile-breadcrumbs { margin: 20px 30px 0 } } .vw-product__codes { position: relative; background-color: #fff; margin-bottom: 50px } .vw-product__codes h2 { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 26px; color: #8d8d8d; padding-top: 20px; padding-bottom: 20px } @media (min-width:480px) { .vw-product__codes h2 { padding-top: 20px; padding-bottom: 20px } } @media (min-width:768px) { .vw-product__codes h2 { padding-top: 30px; padding-bottom: 30px } } @media (min-width:992px) { .vw-product__codes h2 { padding-top: 30px; padding-bottom: 30px } } @media (min-width:1420px) { .vw-product__codes h2 { padding-top: 30px; padding-bottom: 30px } } .vw-product__codes ul { list-style: none } .vw-product__codes__filter { background-color: #ebebeb; margin-bottom: 30px; color: #000 } .vw-product__codes__filter .cp-filter, .vw-product__codes__filter .cp-filter select { width: 100% } .vw-product__codes__header { z-index: 1; width: 100%; background-color: #f4f4f4; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 12px; color: #8d8d8d; display: none } @media (min-width:992px) { .vw-product__codes__header { display: block } } .vw-product__codes__header .cp-table__cell { vertical-align: middle !important; font-size: 12px !important } .vw-product__codes__list { width: 100%; margin-top: 20px } .vw-product__codes__list a.cp-table__row { color: #8d8d8d } .no-touch .vw-product__codes__list a.cp-table__row:hover { color: #9A0C0C } .vw-product__codes .cp-table { width: 100%; table-layout: fixed; border-collapse: collapse } .vw-product__codes .cp-table__row.border { border-bottom: 1px solid #ebebeb } .vw-product__codes .cp-table__row.border:first-child { border-top: 1px solid #ebebeb } .vw-product__codes .cp-table__cell { vertical-align: top; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px; line-height: 1.2em; text-align: center; padding: 15px 0 } @media (min-width:992px) { .vw-product__codes .cp-table__cell { padding: 15px 0 } } @media (min-width:1420px) { .vw-product__codes .cp-table__cell { padding: 15px 0 } } .vw-product__codes .cp-table__cell.thumb { width: 120px; padding-right: 20px } .vw-product__codes .cp-table__cell.thumb img { display: block; max-width: 100%; width: 100% } .vw-product__codes .cp-table__cell.button:after { float: none; font-size: 24px; line-height: 1em } .vw-product__codes .cp-table__cell.spaced { padding-bottom: 40px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .vw-contact { background: #f4f4f4 } .vw-contact__header { background-color: #9A0C0C; padding: 0 20px 20px } @media (min-width:480px) { .vw-contact__header { padding: 0 20px 20px } } @media (min-width:768px) { .vw-contact__header { padding: 0 30px 30px } } @media (min-width:992px) { .vw-contact__header { padding: 0 30px 30px } } @media (min-width:1420px) { .vw-contact__header { padding: 0 30px 30px } } @media (min-width:1600px) { .vw-contact__header { padding: 0 30px 30px } } .vw-contact h2 { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 26px; line-height: 1.3em } .vw-contact h2, .vw-contact h3 { color: #8d8d8d; letter-spacing: -.02em } .vw-contact h3 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 16px; line-height: 1.35em } .vw-contact p { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 1.57em; color: #8d8d8d; letter-spacing: -.02em } .vw-contact__offices { display: none } .vw-contact__headquarters { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px } .ie9 .vw-contact__headquarters { display: block; position: relative } .vw-contact__headquarters__map { display: none; background-color: #8d8d8d } @media (min-width:768px) { .vw-contact__headquarters__map { display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .ie9 .vw-contact__headquarters__map { max-width: 820px; height: 470px } } .vw-contact__headquarters__info { width: 100%; background-color: #fff; padding: 30px } @media (min-width:768px) { .vw-contact__headquarters__info { width: 320px; min-height: 470px } .ie9 .vw-contact__headquarters__info { position: absolute; top: 0; right: 0 } } .vw-contact__headquarters__contacts { list-style: none; margin-top: 20px } .vw-contact__headquarters__contacts li { font-size: 0 } .vw-contact__headquarters__contacts li+li { margin-top: 5px } .vw-contact__headquarters__contact { display: inline-block; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; color: #8d8d8d; letter-spacing: -.02em } .vw-contact__headquarters__contact:before { margin-right: 10px; width: 20px; height: 20px; background-color: #8d8d8d; color: #fff; text-align: center; line-height: 20px; font-size: 14px } .vw-contact__network { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px } .ie9 .vw-contact__network { display: block; position: relative } .vw-contact__network__map { display: none; background-color: #8d8d8d } @media (min-width:768px) { .vw-contact__network__map { display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .ie9 .vw-contact__network__map { max-width: 820px; height: 470px } } .vw-contact__network__info { width: 100%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width:768px) { .vw-contact__network__info { width: 320px; min-height: 470px } .ie9 .vw-contact__network__info { position: absolute; top: 0; right: 0 } } .vw-contact__network__content { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 30px } .vw-contact__network-select-wrap { margin-top: 20px } .vw-contact__network-select-wrap select:empty, .vw-contact__network__map-key { display: none } @media (min-width:768px) { .vw-contact__network__map-key { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; padding: 15px 20px; background-color: #e7e7e7; -ms-flex-pack: distribute; justify-content: space-around } } .ie9 .vw-contact__network__map-key { position: absolute; left: 0; bottom: 0; width: 100% } .vw-contact__network__map-key li { display: inline-block; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 11px; line-height: 1em; letter-spacing: -.02em; text-align: center } .vw-contact__network__map-key li img { display: block; clear: both; margin-left: auto; margin-right: auto; margin-bottom: 5px; width: auto; height: 30px } .vw-contact__network__map-key--local { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; min-height: 76px } .vw-contact__network__map-key--local li { display: none; margin: 0 7px } .vw-contact__network__map-key--local li.is-active { display: inline-block } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .vw-contact-country { background: #f4f4f4 } .vw-contact-country__header { background-color: #9A0C0C; padding: 0 20px 20px } @media (min-width:480px) { .vw-contact-country__header { padding: 0 20px 20px } } @media (min-width:768px) { .vw-contact-country__header { padding: 0 30px 30px } } @media (min-width:992px) { .vw-contact-country__header { padding: 0 30px 30px } } @media (min-width:1420px) { .vw-contact-country__header { padding: 0 30px 30px } } @media (min-width:1600px) { .vw-contact-country__header { padding: 0 30px 30px } } .vw-contact-country h2 { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 26px; line-height: 1.3em; color: #8d8d8d; letter-spacing: -.02em } .vw-contact-country h3 { font-size: 16px; line-height: 1.35em; color: #8d8d8d } .vw-contact-country h3, .vw-contact-country h4 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; letter-spacing: -.02em } .vw-contact-country h4 { font-size: 13px; line-height: 1.3em; color: #9A0C0C } .vw-contact-country h4.grey { color: #8d8d8d } .vw-contact-country p { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 1.57em; color: #8d8d8d; letter-spacing: -.02em } .vw-contact-country__locations { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px } .ie9 .vw-contact-country__locations { display: block; position: relative } .vw-contact-country__locations__map { display: none; background-color: #8d8d8d } @media (min-width:768px) { .vw-contact-country__locations__map { display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } .ie9 .vw-contact-country__locations__map { max-width: 820px; height: 470px } } .vw-contact-country__locations__info { width: 100% } @media (min-width:768px) { .vw-contact-country__locations__info { width: 320px; height: 470px } } .vw-contact-country__locations__scrolled { width: 100%; background-color: #fff; overflow-y: scroll; overflow-x: hidden; position: relative } @media (min-width:768px) { .ie9 .vw-contact-country__locations__scrolled { position: absolute; top: 0; right: 0 } } .vw-contact-country__locations__scrolled::-webkit-scrollbar { display: block; width: 2px } .vw-contact-country__locations__scrolled::-webkit-scrollbar-thumb { background: #8d8d8d } .vw-contact-country__locations__content { padding: 30px } @media (min-width:768px) { .vw-contact-country__locations__content { width: 320px; height: 394px } } .vw-contact-country__locations__contact { display: block; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; color: #8d8d8d; letter-spacing: -.02em; margin-top: 5px } .vw-contact-country__locations__contact:first-of-type { margin-top: 20px } .vw-contact-country__locations__contact:before { margin-right: 10px; width: 20px; height: 20px; background-color: #8d8d8d; color: #fff; text-align: center; line-height: 20px; font-size: 14px } .vw-contact-country__locations__contact a { font-size: 14px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; color: #8d8d8d } .vw-contact-country__locations__offices { list-style: none } .vw-contact-country__locations__offices li { border-bottom: 1px solid #f4f4f4 } .vw-contact-country__locations__offices li:first-child { border-top: 1px solid #f4f4f4 } .vw-contact-country__locations__offices li[data-type="1"] .cp-accordion__button h3 { color: #8d8d8d } .vw-contact-country__locations__offices .cp-accordion__button { position: relative; padding: 15px 30px 15px 0 } .vw-contact-country__locations__offices .cp-accordion__button h3 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 13px; line-height: 1.3em; letter-spacing: -.02em; color: #9A0C0C } .vw-contact-country__locations__offices .cp-accordion__button p { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; line-height: 1.3em; letter-spacing: -.02em; color: #8d8d8d } .vw-contact-country__locations__offices .cp-accordion__button:after { content: "\E001"; display: block; position: absolute; right: 0; top: 50%; margin-top: -10px; font-size: 20px; line-height: 1em } .vw-contact-country__locations__offices .cp-accordion__content { padding-bottom: 15px } .vw-contact-country__locations__offices .cp-accordion.closed .cp-accordion__button:after { content: "\E000" } .vw-contact-country__locations__offices+h4 { margin-top: 25px } .vw-contact-country__select-wrap { margin: 20px 0 } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .vw-company { background: #fff } .vw-company__header { background-color: #9A0C0C; padding: 0 20px 20px } @media (min-width:480px) { .vw-company__header { padding: 0 20px 20px } } @media (min-width:768px) { .vw-company__header { padding: 0 30px 30px } } @media (min-width:992px) { .vw-company__header { padding: 0 30px 30px } } @media (min-width:1420px) { .vw-company__header { padding: 0 30px 30px } } @media (min-width:1600px) { .vw-company__header { padding: 0 30px 30px } } .vw-company .cp-video__poster:after { opacity: 1; -webkit-transition: opacity .3s linear; transition: opacity .3s linear } .no-touch .vw-company .cp-video__poster:after { opacity: 0 } .no-touch .vw-company .cp-video__poster:hover:after { opacity: 1 } .vw-company__intro { background-color: #f4f4f4 } .vw-company__intro>.grid-row>.grid-item { padding-top: 60px; padding-bottom: 80px } .vw-company__intro h2 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 32px; line-height: 1.2em; letter-spacing: -.02em; color: #9A0C0C } @media (min-width:768px) { .vw-company__intro h2 { font-size: 48px } } .vw-company__intro p { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 25px; line-height: 1.2em; letter-spacing: -.02em; color: #9A0C0C } @media (min-width:768px) { .vw-company__intro p { font-size: 36px } } .vw-company__intro h2+p { margin-top: 20px } @media (min-width:768px) { .vw-company__intro h2+p { margin-top: 60px } } .vw-company__intro p+p { margin-top: 30px } .vw-company__intro h2, .vw-company__intro p { opacity: 1 } .vw-company__intro.hidden h2, .vw-company__intro.hidden p { opacity: 0 } .vw-company__intro:not(.hidden) h2, .vw-company__intro:not(.hidden) p { -webkit-transition: opacity 1s linear; transition: opacity 1s linear } .vw-company__social { position: relative; padding-top: 60px; padding-bottom: 30px } @media (min-width:992px) { .vw-company__social { padding-top: 120px; padding-bottom: 60px } .vw-company__social h2 { opacity: 1; color: #000; -webkit-transform: none; transform: none } .vw-company__social h2.hidden { color: #fff; opacity: 0 } .vw-company__social h2:not(.hidden) { -webkit-transition: color .5s linear, opacity .5s linear; transition: color .5s linear, opacity .5s linear } .vw-company__social__description { opacity: 1; -webkit-transform: none; transform: none } .vw-company__social__description.hidden { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px) } .vw-company__social__description:not(.hidden) { -webkit-transition: opacity .5s linear, -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: opacity .5s linear, -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: opacity .5s linear, transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: opacity .5s linear, transform 1.2s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1) } .vw-company__social .grid-item { opacity: 1 } .vw-company__social .grid-item.hidden { opacity: 0 } .vw-company__social .grid-item:not(.hidden) { -webkit-transition: opacity .5s linear; transition: opacity .5s linear } } .vw-company__social h2 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 32px; line-height: 1.2em; letter-spacing: -.02em; color: #000 } @media (min-width:768px) { .vw-company__social h2 { font-size: 48px } } @media (min-width:992px) { .vw-company__social h2 { display: block; position: absolute; top: 60px; left: 8.33333333%; max-width: 460px; z-index: 1; background-color: #fff; padding: 30px } } @media (min-width:1420px) { .vw-company__social h2 { padding: 30px } } @media (min-width:1600px) { .vw-company__social h2 { padding: 30px } } .vw-company__social__description { padding: 20px 0 } .vw-company__social__description h3 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 24px; line-height: 1.4em; letter-spacing: -.02em; color: #4c4c4c } .vw-company__social__description p { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 18px; line-height: 1.7em; letter-spacing: -.02em; color: #4c4c4c } .vw-company__social__description h3+p { margin-top: 10px } .vw-company__social__description p+p { margin-top: 15px } @media (min-width:992px) { .vw-company__social__description { position: absolute; right: 0; bottom: 60px; max-width: 775px; background-color: #fff } } @media (min-width:480px) { .vw-company__social__description { padding: 20px 0 } } @media (min-width:768px) { .vw-company__social__description { padding: 30px 0 } } @media (min-width:992px) { .vw-company__social__description { padding: 30px } } @media (min-width:1420px) { .vw-company__social__description { padding: 30px } } @media (min-width:1600px) { .vw-company__social__description { padding: 30px } } @media (min-width:992px) { .vw-company__social--cetrification { padding-bottom: 120px } } .vw-company__social--cetrification .vw-company__social__description { bottom: 10px } .vw-company .vw-company__social-posts { position: relative; margin-bottom: 60px; padding: 0 20px } @media (min-width:480px) { .vw-company .vw-company__social-posts { padding: 0 20px } } @media (min-width:768px) { .vw-company .vw-company__social-posts { padding: 0 30px } } @media (min-width:992px) { .vw-company .vw-company__social-posts { padding: 0 30px } .vw-company .vw-company__social-posts .grid-item { position: relative } .vw-company .vw-company__social-posts .grid-item:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transform-origin: bottom left; transform-origin: bottom left; z-index: 1; background-color: #fff; -webkit-transform: scaleY(0); transform: scaleY(0) } .vw-company .vw-company__social-posts.hidden .grid-item:after { -webkit-transform: scaleY(1); transform: scaleY(1) } .vw-company .vw-company__social-posts:not(.hidden) .grid-item:after { -webkit-transition: -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: transform 1.2s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1) } .vw-company .vw-company__social-posts:not(.hidden) .grid-item:first-child:after { -webkit-transition-delay: .1s; transition-delay: .1s } .vw-company .vw-company__social-posts:not(.hidden) .grid-item:nth-child(2):after { -webkit-transition-delay: .2s; transition-delay: .2s } .vw-company .vw-company__social-posts:not(.hidden) .grid-item:nth-child(3):after { -webkit-transition-delay: .3s; transition-delay: .3s } .vw-company .vw-company__social-posts:not(.hidden) .grid-item:nth-child(4):after { -webkit-transition-delay: .4s; transition-delay: .4s } .vw-company .vw-company__social-posts:not(.hidden) .grid-item:nth-child(5):after { -webkit-transition-delay: .5s; transition-delay: .5s } .vw-company .vw-company__social-posts:not(.hidden) .grid-item:nth-child(6):after { -webkit-transition-delay: .6s; transition-delay: .6s } .vw-company .vw-company__social-posts:not(.hidden) .grid-item:nth-child(7):after { -webkit-transition-delay: .7s; transition-delay: .7s } .vw-company .vw-company__social-posts:not(.hidden) .grid-item:nth-child(8):after { -webkit-transition-delay: .8s; transition-delay: .8s } .vw-company .vw-company__social-posts:not(.hidden) .grid-item:nth-child(9):after { -webkit-transition-delay: .9s; transition-delay: .9s } .vw-company .vw-company__social-posts:not(.hidden) .grid-item:nth-child(10):after { -webkit-transition-delay: 1s; transition-delay: 1s } .vw-company .vw-company__social-posts:not(.hidden) .grid-item:nth-child(11):after { -webkit-transition-delay: 1.1s; transition-delay: 1.1s } .vw-company .vw-company__social-posts:not(.hidden) .grid-item:nth-child(12):after { -webkit-transition-delay: 1.2s; transition-delay: 1.2s } } @media (min-width:1420px) { .vw-company .vw-company__social-posts { padding: 0 30px } } @media (min-width:1600px) { .vw-company .vw-company__social-posts { padding: 0 30px } } .EditMode .vw-company .vw-company__social-posts .grid-item { float: none } .vw-company__core h4 { font-size: 18px; color: #4c4c4c; margin-bottom: 30px } .vw-company__core h4, .vw-company__core h5 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; line-height: 1.2em; letter-spacing: -.02em } .vw-company__core h5 { font-size: 16px; margin-bottom: 15px; color: #9A0C0C } @media (min-width:768px) { .vw-company__core h5 { font-size: 24px; margin-bottom: 0 } } .vw-company__core img { width: 100%; height: auto } .vw-company__core .grid-item { opacity: 1 } .vw-company__core .grid-item.hidden { opacity: 0 } .vw-company__core .grid-item:not(.hidden) { -webkit-transition: opacity 1s cubic-bezier(.645, .045, .355, 1); transition: opacity 1s cubic-bezier(.645, .045, .355, 1) } .vw-company__core .grid-item:not(.hidden):first-child { -webkit-transition-delay: 0s; transition-delay: 0s } .vw-company__core .grid-item:not(.hidden):nth-child(2) { -webkit-transition-delay: .2s; transition-delay: .2s } .vw-company__core .grid-item:not(.hidden):nth-child(3) { -webkit-transition-delay: .4s; transition-delay: .4s } .vw-company__core .grid-item:not(.hidden):nth-child(4) { -webkit-transition-delay: .6s; transition-delay: .6s } .vw-company__projects { position: relative; padding-top: 60px; padding-bottom: 30px } @media (min-width:768px) { .vw-company__projects { padding-top: 120px; padding-bottom: 60px } } @media (min-width:992px) { .vw-company__projects h2 { opacity: 1; color: #000; -webkit-transform: none; transform: none } .vw-company__projects h2.hidden { color: transparent; opacity: 0 } .vw-company__projects h2:not(.hidden) { -webkit-transition: color .8s linear .4s, opacity .5s linear; transition: color .8s linear .4s, opacity .5s linear } .vw-company__projects__description { opacity: 1; -webkit-transform: none; transform: none } .vw-company__projects__description.hidden { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px) } .vw-company__projects__description:not(.hidden) { -webkit-transition: opacity .5s linear, -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: opacity .5s linear, -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: opacity .5s linear, transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: opacity .5s linear, transform 1.2s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1) } .vw-company__projects .cp-carousel { opacity: 1 } .vw-company__projects .cp-carousel.hidden { opacity: 0 } .vw-company__projects .cp-carousel:not(.hidden) { -webkit-transition: opacity .5s linear; transition: opacity .5s linear } } .vw-company__projects .cp-carousel { padding-bottom: 70px } .vw-company__projects .cp-carousel__slides { overflow: visible; list-style: none; padding-top: 60%; background-color: #f4f4f4 } .vw-company__projects .cp-carousel__slide { background-size: cover; background-position: 50%; background-repeat: no-repeat } .vw-company__projects .cp-carousel__bullets { bottom: 80px !important; right: 30px !important } @media (min-width:768px) { .vw-company__projects .cp-carousel__bullets { bottom: 90px !important; right: 45px !important } } .vw-company__projects .cp-carousel__bullets--left { left: 30px !important; right: auto !important } @media (min-width:768px) { .vw-company__projects .cp-carousel__bullets--left { left: 75px !important } } @media (min-width:992px) { .vw-company__projects .cp-carousel__next, .vw-company__projects .cp-carousel__prev { margin-top: -95px !important } } .vw-company__projects__credits { display: block; position: absolute; bottom: -75px; right: 0; width: 100%; height: 75px; background-color: #fff; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 12px; line-height: 1.2em; letter-spacing: -.02em; text-align: right; color: #8d8d8d; padding-top: 20px } @media (min-width:480px) { .vw-company__projects__credits { padding-top: 20px } } @media (min-width:768px) { .vw-company__projects__credits { padding-top: 30px; font-size: 15px } } @media (min-width:992px) { .vw-company__projects__credits { padding-top: 30px } } @media (min-width:1420px) { .vw-company__projects__credits { padding-top: 30px } } @media (min-width:1600px) { .vw-company__projects__credits { padding-top: 30px } } .vw-company__projects h2 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 32px; line-height: 1.2em; letter-spacing: -.02em; color: #000 } @media (min-width:768px) { .vw-company__projects h2 { font-size: 48px } } @media (min-width:992px) { .vw-company__projects h2 { display: block; position: absolute; top: 60px; left: 25%; max-width: 460px; z-index: 1; background-color: #fff; padding: 30px } } @media (min-width:1420px) { .vw-company__projects h2 { padding: 30px } } @media (min-width:1600px) { .vw-company__projects h2 { padding: 30px } } .vw-company__projects__description { padding: 20px 0 } .vw-company__projects__description h3 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 24px; line-height: 1.4em; letter-spacing: -.02em; color: #4c4c4c } .vw-company__projects__description p { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 18px; line-height: 1.7em; letter-spacing: -.02em; color: #4c4c4c } .vw-company__projects__description h3+p { margin-top: 10px } .vw-company__projects__description p+p { margin-top: 15px } @media (min-width:992px) { .vw-company__projects__description { position: absolute; left: 8.33333333%; bottom: 60px; max-width: 455px; background-color: #fff } .vw-company__projects__description--right { max-width: 700px; right: 75px; left: auto } .vw-company__projects__description--right p { color: #8d8d8d } } @media (min-width:480px) { .vw-company__projects__description { padding: 20px 0 } } @media (min-width:768px) { .vw-company__projects__description { padding: 30px 0 } } @media (min-width:992px) { .vw-company__projects__description { padding: 30px } } @media (min-width:1420px) { .vw-company__projects__description { padding: 30px } } @media (min-width:1600px) { .vw-company__projects__description { padding: 30px } } .vw-company__projects .vw-company__title--left { top: 60px; left: 5%; max-width: 570px } .vw-company__energy { position: relative; padding: 60px 30px 30px; overflow: hidden } @media (min-width:992px) { .vw-company__energy { padding: 120px 0 130px } .vw-company__energy h2 { opacity: 1; color: #000; -webkit-transform: none; transform: none } .vw-company__energy h2.hidden { color: transparent; opacity: 0 } .vw-company__energy h2:not(.hidden) { -webkit-transition: color .8s linear .4s, opacity .5s linear; transition: color .8s linear .4s, opacity .5s linear } .vw-company__energy__description { opacity: 1; -webkit-transform: none; transform: none } .vw-company__energy__description.hidden { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px) } .vw-company__energy__description:not(.hidden) { -webkit-transition: opacity .5s linear, -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: opacity .5s linear, -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: opacity .5s linear, transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: opacity .5s linear, transform 1.2s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1) } .vw-company__energy .vw-company__image:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; -webkit-transform-origin: bottom left; transform-origin: bottom left; background-color: #fff } .vw-company__energy .vw-company__image.hidden:after { -webkit-transform: scaleY(1); transform: scaleY(1) } .vw-company__energy .vw-company__image:not(.hidden):after { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform 1.2s cubic-bezier(.645, .045, .355, 1); transition: -webkit-transform 1.2s cubic-bezier(.645, .045, .355, 1); transition: transform 1.2s cubic-bezier(.645, .045, .355, 1); transition: transform 1.2s cubic-bezier(.645, .045, .355, 1), -webkit-transform 1.2s cubic-bezier(.645, .045, .355, 1) } } .vw-company__energy h2 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 32px; line-height: 1.2em; letter-spacing: -.02em; color: #000 } @media (min-width:768px) { .vw-company__energy h2 { font-size: 48px } } @media (min-width:992px) { .vw-company__energy h2 { display: block; position: absolute; top: 75px; right: 16.66666667%; max-width: 460px; z-index: 1; background-color: #fff; padding: 30px } } @media (min-width:1420px) { .vw-company__energy h2 { padding: 30px } } @media (min-width:1600px) { .vw-company__energy h2 { padding: 30px } } .vw-company__energy__description { padding: 20px 0 } .vw-company__energy__description h3 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 24px; line-height: 1.4em; letter-spacing: -.02em; color: #4c4c4c } .vw-company__energy__description p { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 18px; line-height: 1.7em; letter-spacing: -.02em; color: #4c4c4c } .vw-company__energy__description h3+p { margin-top: 10px } .vw-company__energy__description p+p { margin-top: 15px } @media (min-width:992px) { .vw-company__energy__description { position: absolute; left: 50%; bottom: 15px; width: 50%; max-width: 775px; background-color: #fff } } @media (min-width:480px) { .vw-company__energy__description { padding: 20px 0 } } @media (min-width:768px) { .vw-company__energy__description { padding: 30px 0 } } @media (min-width:992px) { .vw-company__energy__description { padding: 30px } } @media (min-width:1420px) { .vw-company__energy__description { padding: 30px } } @media (min-width:1600px) { .vw-company__energy__description { padding: 30px } } .vw-company__quote { position: relative; margin-top: 0; margin-bottom: 30px; padding-top: 60px; padding-bottom: 60px; background-color: #f4f4f4; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 25px; line-height: 1.2em; letter-spacing: -.02em; color: #9A0C0C } @media (min-width:768px) { .vw-company__quote { margin-top: 60px; margin-bottom: 60px; padding-top: 90px; padding-bottom: 90px; font-size: 36px } } @media (min-width:992px) { .vw-company__quote .grid-item { opacity: 1 } .vw-company__quote:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; -webkit-transform-origin: bottom left; transform-origin: bottom left; background-color: #fff } .vw-company__quote.hidden .grid-item { opacity: 0 } .vw-company__quote.hidden:after { -webkit-transform: scaleY(1); transform: scaleY(1) } .vw-company__quote:not(.hidden) .grid-item { -webkit-transition: opacity 1s linear .8s; transition: opacity 1s linear .8s } .vw-company__quote:not(.hidden):after { -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform 1.2s cubic-bezier(.645, .045, .355, 1); transition: -webkit-transform 1.2s cubic-bezier(.645, .045, .355, 1); transition: transform 1.2s cubic-bezier(.645, .045, .355, 1); transition: transform 1.2s cubic-bezier(.645, .045, .355, 1), -webkit-transform 1.2s cubic-bezier(.645, .045, .355, 1) } } .vw-company__making { position: relative; padding-top: 60px } @media (min-width:768px) { .vw-company__making { padding-top: 120px } } @media (min-width:992px) { .vw-company__making h2 { opacity: 1; color: #000; -webkit-transform: none; transform: none } .vw-company__making h2.hidden { color: transparent; opacity: 0 } .vw-company__making h2:not(.hidden) { -webkit-transition: color .8s linear .4s, opacity .5s linear; transition: color .8s linear .4s, opacity .5s linear } .vw-company__making__description { opacity: 1; -webkit-transform: none; transform: none } .vw-company__making__description.hidden { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px) } .vw-company__making__description:not(.hidden) { -webkit-transition: opacity .5s linear, -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: opacity .5s linear, -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: opacity .5s linear, transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: opacity .5s linear, transform 1.2s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1) } .vw-company__making .cp-carousel { opacity: 1 } .vw-company__making .cp-carousel.hidden { opacity: 0 } .vw-company__making .cp-carousel:not(.hidden) { -webkit-transition: opacity .5s linear; transition: opacity .5s linear } } .vw-company__making .cp-carousel__slides { overflow: hidden; list-style: none; padding-top: 60%; background-color: #f4f4f4 } .vw-company__making .cp-carousel__slide { background-size: cover; background-position: 50%; background-repeat: no-repeat } .vw-company__making .cp-carousel__bullets { right: 30px !important } @media (min-width:768px) { .vw-company__making .cp-carousel__bullets { right: 45px !important } } .vw-company__making h2 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 32px; line-height: 1.2em; letter-spacing: -.02em; color: #000 } @media (min-width:768px) { .vw-company__making h2 { font-size: 48px } } @media (min-width:992px) { .vw-company__making h2 { display: block; position: absolute; top: 60px; left: 25%; max-width: 460px; z-index: 1; background-color: #fff; padding: 30px } } @media (min-width:1420px) { .vw-company__making h2 { padding: 30px } } @media (min-width:1600px) { .vw-company__making h2 { padding: 30px } } .vw-company__making__description { padding: 20px 0 } .vw-company__making__description h3 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 24px; line-height: 1.4em; letter-spacing: -.02em; color: #4c4c4c } .vw-company__making__description p { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 18px; line-height: 1.7em; letter-spacing: -.02em; color: #4c4c4c } .vw-company__making__description h3+p { margin-top: 10px } .vw-company__making__description p+p { margin-top: 15px } @media (min-width:992px) { .vw-company__making__description { position: relative; top: -150px; margin-left: auto; margin-right: auto; margin-bottom: -150px; max-width: 455px; background-color: #fff } } @media (min-width:480px) { .vw-company__making__description { padding: 20px 0 } } @media (min-width:768px) { .vw-company__making__description { padding: 30px 0 } } @media (min-width:992px) { .vw-company__making__description { padding: 30px } } @media (min-width:1420px) { .vw-company__making__description { padding: 30px } } @media (min-width:1600px) { .vw-company__making__description { padding: 30px } } .vw-company__grid { position: relative; padding-top: 60px; padding-bottom: 30px } @media (min-width:768px) { .vw-company__grid { padding-top: 120px; padding-bottom: 140px } } @media (min-width:992px) { .vw-company__grid h2 { opacity: 1; color: #000; -webkit-transform: none; transform: none } .vw-company__grid h2.hidden { color: transparent; opacity: 0 } .vw-company__grid h2:not(.hidden) { -webkit-transition: color .8s linear .4s, opacity .5s linear; transition: color .8s linear .4s, opacity .5s linear } .vw-company__grid__description { opacity: 1; -webkit-transform: none; transform: none } .vw-company__grid__description.hidden { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px) } .vw-company__grid__description:not(.hidden) { -webkit-transition: opacity .5s linear, -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: opacity .5s linear, -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: opacity .5s linear, transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: opacity .5s linear, transform 1.2s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1) } .vw-company__grid .grid-item { position: relative } .vw-company__grid .grid-item:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transform-origin: bottom left; transform-origin: bottom left; background-color: #fff; -webkit-transform: scaleY(0); transform: scaleY(0) } .vw-company__grid.hidden .grid-item:after { -webkit-transform: scaleY(1); transform: scaleY(1) } .vw-company__grid:not(.hidden) .grid-item:after { -webkit-transition: -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: transform 1.2s cubic-bezier(.215, .61, .355, 1); transition: transform 1.2s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1.2s cubic-bezier(.215, .61, .355, 1) } .vw-company__grid:not(.hidden) .grid-item:first-child:after { -webkit-transition-delay: .1s; transition-delay: .1s } .vw-company__grid:not(.hidden) .grid-item:nth-child(2):after { -webkit-transition-delay: .2s; transition-delay: .2s } .vw-company__grid:not(.hidden) .grid-item:nth-child(3):after { -webkit-transition-delay: .3s; transition-delay: .3s } .vw-company__grid:not(.hidden) .grid-item:nth-child(4):after { -webkit-transition-delay: .4s; transition-delay: .4s } .vw-company__grid:not(.hidden) .grid-item:nth-child(5):after { -webkit-transition-delay: .5s; transition-delay: .5s } .vw-company__grid:not(.hidden) .grid-item:nth-child(6):after { -webkit-transition-delay: .6s; transition-delay: .6s } .vw-company__grid:not(.hidden) .grid-item:nth-child(7):after { -webkit-transition-delay: .7s; transition-delay: .7s } .vw-company__grid:not(.hidden) .grid-item:nth-child(8):after { -webkit-transition-delay: .8s; transition-delay: .8s } .vw-company__grid:not(.hidden) .grid-item:nth-child(9):after { -webkit-transition-delay: .9s; transition-delay: .9s } .vw-company__grid:not(.hidden) .grid-item:nth-child(10):after { -webkit-transition-delay: 1s; transition-delay: 1s } .vw-company__grid:not(.hidden) .grid-item:nth-child(11):after { -webkit-transition-delay: 1.1s; transition-delay: 1.1s } .vw-company__grid:not(.hidden) .grid-item:nth-child(12):after { -webkit-transition-delay: 1.2s; transition-delay: 1.2s } } .vw-company__grid h2 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 32px; line-height: 1.2em; letter-spacing: -.02em; color: #000 } @media (min-width:768px) { .vw-company__grid h2 { font-size: 48px } } @media (min-width:992px) { .vw-company__grid h2 { display: block; position: absolute; top: 60px; right: 33.33333333%; max-width: 460px; z-index: 1; background-color: #fff; padding: 30px } } @media (min-width:1420px) { .vw-company__grid h2 { padding: 30px } } @media (min-width:1600px) { .vw-company__grid h2 { padding: 30px } } .vw-company__grid__description { padding: 20px 0 } .vw-company__grid__description h3 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 24px; line-height: 1.4em; letter-spacing: -.02em; color: #4c4c4c } .vw-company__grid__description p { font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 18px; line-height: 1.7em; letter-spacing: -.02em; color: #4c4c4c } .vw-company__grid__description h3+p { margin-top: 10px } .vw-company__grid__description p+p { margin-top: 15px } @media (min-width:992px) { .vw-company__grid__description { position: absolute; left: 8.33333333%; bottom: 0; max-width: 700px; background-color: #fff } } @media (min-width:480px) { .vw-company__grid__description { padding: 20px 0 } } @media (min-width:768px) { .vw-company__grid__description { padding: 30px 0 } } @media (min-width:992px) { .vw-company__grid__description { padding: 30px } } @media (min-width:1420px) { .vw-company__grid__description { padding: 30px } } @media (min-width:1600px) { .vw-company__grid__description { padding: 30px } } .vw-company__grid .grid-item { font-size: 0 } .vw-company__grid img { width: 100%; height: auto; border-right: 1px solid #fff; border-bottom: 1px solid #fff } .vw-company__comunity h2 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-style: 48px; letter-spacing: -.02em; line-height: 1em; color: #000 } .vw-company__comunity .grid-item { font-size: 0; padding: 50% 0 0 } @media (min-width:480px) { .vw-company__comunity .grid-item { padding: 50% 0 0 } } @media (min-width:768px) { .vw-company__comunity .grid-item { padding: 25% 0 0 } } .vw-company__comunity__item { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 15px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px; line-height: 1.25em; letter-spacing: -.02em; -webkit-transition: color .5s cubic-bezier(.39, .575, .565, 1), background-color .5s cubic-bezier(.39, .575, .565, 1); transition: color .5s cubic-bezier(.39, .575, .565, 1), background-color .5s cubic-bezier(.39, .575, .565, 1) } .vw-company__comunity__item svg { display: block; position: absolute; bottom: 15px; left: 15px; height: 20px; clear: both; opacity: .3; -webkit-transition: opacity .5s cubic-bezier(.39, .575, .565, 1); transition: opacity .5s cubic-bezier(.39, .575, .565, 1) } .vw-company__comunity__item svg path { -webkit-transition: fill .5s cubic-bezier(.39, .575, .565, 1); transition: fill .5s cubic-bezier(.39, .575, .565, 1) } .vw-company__comunity__item.email { color: #fff; background-color: #ff261e } .vw-company__comunity__item.facebook { color: #fff; background-color: #2e5ba6 } .vw-company__comunity__item.twitter { color: #fff; background-color: #0091e4 } .vw-company__comunity__item.linkedin { color: #fff; background-color: #1b86bc } .vw-company__comunity__item.instagram { color: #fff; background-color: #9b6954 } .vw-company__comunity__item.pinterest { color: #fff; background-color: #cb2027 } .vw-company__comunity__item.youtube { color: #fff; background-color: #b00 } .vw-company__comunity__item.xing { color: #fff; background-color: #005d5e } .no-touch .vw-company__comunity__item:hover { background-color: #f4f4f4 } .no-touch .vw-company__comunity__item:hover svg { opacity: 1 } .no-touch .vw-company__comunity__item:hover.email { color: #ff261e } .no-touch .vw-company__comunity__item:hover.email svg path { fill: #ff261e } .no-touch .vw-company__comunity__item:hover.facebook { color: #2e5ba6 } .no-touch .vw-company__comunity__item:hover.facebook svg path { fill: #2e5ba6 } .no-touch .vw-company__comunity__item:hover.twitter { color: #0091e4 } .no-touch .vw-company__comunity__item:hover.twitter svg path { fill: #0091e4 } .no-touch .vw-company__comunity__item:hover.linkedin { color: #1b86bc } .no-touch .vw-company__comunity__item:hover.linkedin svg path { fill: #1b86bc } .no-touch .vw-company__comunity__item:hover.instagram { color: #9b6954 } .no-touch .vw-company__comunity__item:hover.instagram svg path { fill: #9b6954 } .no-touch .vw-company__comunity__item:hover.pinterest { color: #cb2027 } .no-touch .vw-company__comunity__item:hover.pinterest svg path { fill: #cb2027 } .no-touch .vw-company__comunity__item:hover.youtube { color: #b00 } .no-touch .vw-company__comunity__item:hover.youtube svg path { fill: #b00 } .no-touch .vw-company__comunity__item:hover.xing { color: #005d5e } .no-touch .vw-company__comunity__item:hover.xing svg path { fill: #005d5e } @media (min-width:375px) { .vw-company__comunity__item { padding: 20px; font-size: 18px } .vw-company__comunity__item svg { bottom: 20px; left: 20px; height: 35px } } @media (min-width:480px) { .vw-company__comunity__item { padding: 25px; font-size: 24px } .vw-company__comunity__item svg { bottom: 25px; left: 25px; height: 48px } } @media (min-width:520px) { .vw-company__comunity__item { font-size: 30px } .vw-company__comunity__item svg { height: 60px } } @media (min-width:768px) { .vw-company__comunity__item { padding: 20px; font-size: 18px } .vw-company__comunity__item svg { bottom: 20px; left: 20px; height: 35px } } @media (min-width:992px) { .vw-company__comunity__item { padding: 25px; font-size: 24px } .vw-company__comunity__item svg { bottom: 25px; left: 25px; height: 48px } } .vw-company__image { overflow: hidden; background-position: 50%; background-repeat: no-repeat; background-size: cover; min-height: 300px } @media (min-width:768px) { .vw-company__image { min-height: 500px } } .vw-company__image img { width: 100%; height: auto; margin-bottom: -50% } .vw-company table { width: 100%; border-spacing: 1px; margin: 30px 0; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; color: #8d8d8d } .vw-company table tr:first-child { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; background-color: #8d8d8d; color: #fff } .vw-company table tr:first-child td { text-align: center } .vw-company table tr:nth-child(odd):not(:first-child) { background-color: #f4f4f4 } .vw-company table td { border: 0; padding: 10px; text-align: center } .vw-company table td:nth-child(3) { text-align: left } .vw-company__more-cta { margin-top: 20px } @media (min-width:992px) { .vw-company__more-cta { margin-top: 30px } } .vw-company__featured-area { margin: 60px 0 } @media (min-width:992px) { .vw-company__featured-area .grid-item { opacity: 1 } .vw-company__featured-area.hidden .grid-item { opacity: 0 } .vw-company__featured-area:not(.hidden) .grid-item { -webkit-transition: opacity .8s linear .1s; transition: opacity .8s linear .1s } } .form-switcher .form-switcher__step.hidden { display: none } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-events-list { display: block; position: relative; text-align: center; background-color: #9A0C0C; padding: 60px 20px } @media (min-width:480px) { .cp-events-list { padding: 60px 20px } } @media (min-width:768px) { .cp-events-list { padding: 90px 30px } } @media (min-width:992px) { .cp-events-list { padding: 100px 30px } } @media (min-width:1420px) { .cp-events-list { padding: 100px 30px } } @media (min-width:1600px) { .cp-events-list { padding: 100px 30px } } .cp-events-list__content { width: 100%; max-width: 700px; margin: 0 auto } .cp-events-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style: none; margin-top: 35px } @media (min-width:768px) { .cp-events-list ul { margin-top: 55px } } .cp-events-list li { position: relative } @media (min-width:768px) { .cp-events-list li p { font-size: 30px } } .cp-events-list li .btn-stroke { margin-top: 15px } @media (min-width:768px) { .cp-events-list li .btn-stroke { position: absolute !important; top: 0; right: 0; -webkit-transform: translateX(30px) translateX(100%); transform: translateX(30px) translateX(100%) } } .cp-events-list li+li { margin-top: 30px } @media (min-width:768px) { .cp-events-list li+li { margin-top: 35px } } .cp-events-list h2 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #fff; font-size: 22px; line-height: 1em; letter-spacing: -.02em } @media (min-width:768px) { .cp-events-list h2 { font-size: 48px } } .cp-events-list h3 { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 48px; line-height: 1em; letter-spacing: -.02em; color: #fff; margin-bottom: 15px } @media (min-width:768px) { .cp-events-list h3 { font-size: 80px; margin-bottom: 20px } } .cp-events-list p { font-family: "Source Han Sans", sans-serif; font-weight: lighter; color: #fff; font-size: 14px; line-height: 1em; letter-spacing: -.02em } @media (min-width:768px) { .cp-events-list p { font-size: 24px } } li .cp-events-list p { font-size: 18px } @media (min-width:768px) { li .cp-events-list p { font-size: 30px } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .palette { line-height: 1.3; padding-bottom: 20px } @media (min-width:768px) { .palette { padding-bottom: 40px } } .palette__header { background: #ebebeb } .palette__headline { color: #9A0C0C; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; line-height: 1.3; max-width: 1140px; margin: 0 auto } @media (min-width:768px) { .palette__headline { font-size: 48px; float: left } } .palette__wrap { max-width: 1200px } .palette__subhead { font-size: 20px; line-height: 1.5 } .palette__container { opacity: 1; -webkit-transition: opacity .4s; transition: opacity .4s; pointer-events: auto; margin-top: 20px } @media (min-width:768px) { .palette__container { padding: 15px; background: #ebebeb; margin-top: 40px } } .palette__container.is-loading { opacity: .5; pointer-events: none } .palette__view { width: 100%; background-position: 50%; background-size: cover; position: relative; padding-bottom: 50% } @media (min-width:768px) { .palette__view { padding-bottom: 50% } } .palette__cache { position: absolute; width: 0; height: 0; overflow: hidden } .palette__canvas { width: 100% } .palette__canvas, .palette__frame-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0 } .palette__frame, .palette__raster { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 130%; margin-left: -15% } @media (min-width:768px) { .palette__frame, .palette__raster { width: 100%; max-width: 100%; max-height: 100%; margin: 0 } } .palette__mobile-note { padding: 5px 0; margin: 10px 0; color: #9A0C0C; font-size: 16px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; letter-spacing: -.02em } @media (min-width:768px) { .palette__mobile-note { display: none } } @media (min-width:768px) { .palette__selectors { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } .ie9 .palette__selectors { overflow: hidden } .palette__selector-block { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-preferred-size: 30%; flex-basis: 30% } .palette .social-buttons { margin: 10px 0 0 } @media (min-width:768px) { .palette .social-buttons { float: right } } .palette .btn-social { margin: 0 5px } .palette-selctor { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px 20px 20px; background: #ebebeb; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; margin: 10px 0 } .palette-selctor:first-child { margin-left: 0 } @media (min-width:768px) { .palette-selctor { background: #fff; min-height: 250px; margin: 0 0 0 15px; padding: 20px 20px 27px } } .ie9 .palette-selctor { float: left; width: 32%; margin-left: 2% } .ie9 .palette-selctor:first-child { margin-left: 0 } .palette-selctor__headline { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; line-height: 1.3; font-size: 16px; letter-spacing: -.01em } .palette-selctor__headline:after { display: block; position: absolute; right: 0; top: 50%; margin-top: -10px; font-size: 20px; line-height: 1em } @media (min-width:768px) { .palette-selctor__headline { font-size: 14px; cursor: auto } .palette-selctor__headline:after { display: none } } .palette-selctor__color-box { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow: hidden; margin: 12px 0 0 -4%; width: 102% } @media (min-width:768px) { .palette-selctor__color-box { margin: 12px 0 20px -2% } } .palette-selctor__color-item { -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 21%; padding-bottom: 21%; margin: 0 0 4.1% 4%; height: 1px; border: 1px solid #8d8d8d; background-position: 50%; background-size: cover; cursor: pointer } @media (min-width:768px) { .palette-selctor__color-item { width: 18%; padding-bottom: 18%; margin: 0 0 2.1% 2% } } .palette-selctor__color-item.is-active, .palette-selctor__color-item:focus { border: 1px solid #9A0C0C; outline: none } .palette-selctor__color-item--blue { background-color: #378ec8 } .palette-selctor__color-item--canary-yellow { background-color: #fad91c } .palette-selctor__color-item--grey { background-color: #8693a4 } .palette-selctor__color-item--green { background-color: #56b36e } .palette-selctor__color-item--light-blue { background-color: #66bdaa } .palette-selctor__color-item--magenta { background-color: #e34e82 } .palette-selctor__color-item--middle-red { background-color: #be767d } .palette-selctor__color-item--mustard { background-color: #c6a96b } .palette-selctor__color-item--orange { background-color: #f18834 } .palette-selctor__color-item--pink { background-color: #e9a2ba } .palette-selctor__color-item--purple { background-color: #8e5a9e } .palette-selctor__color-item--red { background-color: #d92a46 } .palette-selctor__color-item--black-matte { background-color: #252525 } .palette-selctor__color-item--cream { background-color: #fff9e5 } .palette-selctor__color-item--dark-gray { background-color: #464646 } .palette-selctor__color-item--light-grey { background-color: #e1e1e1 } .palette-selctor__color-item--white { background-color: #fff } .palette-selctor__color-item--black { background-color: #000 } .palette-selctor__color-item--frame-grey { background-color: #a1a1a1 } .palette-selctor__color-item--minimal { background-color: #fff } .palette-selctor__note { display: none; font-size: 12px; line-height: 1.3; color: #9A0C0C; letter-spacing: -.02em } @media (min-width:768px) { .palette-selctor__note { display: block } } .palette-foot { margin-top: 30px } @media (min-width:768px) { .palette-foot { margin-top: 40px } } @media (min-width:992px) { .palette-foot { max-width: 54% } } .palette-foot__headline { font-family: "Source Han Sans", sans-serif; font-size: 20px; letter-spacing: -.02em } @media (min-width:768px) { .palette-foot__headline { font-size: 26px } } .palette-foot__copy { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-size: 14px; margin: 15px 0 } .palette-foot__copy--large { font-size: 15px; margin: 35px 0 25px } @media (min-width:768px) { .palette-foot__copy--large { font-size: 20px; margin: 35px 0 } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-countdown { display: block; position: relative; width: 100%; background-color: #333 } .cp-countdown .grid-item { margin-top: 0; -ms-flex-item-align: center; align-self: center } .cp-countdown__title { display: block; width: 100%; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #fff; font-size: 22px; line-height: 1em; letter-spacing: -.02em; text-align: center } @media (min-width:768px) { .cp-countdown__title { text-align: right; margin-right: 30px; font-size: 36px } } @media (min-width:1420px) { .cp-countdown__title { font-size: 48px } } .cp-countdown__counter { display: block; text-align: center; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #fff; font-size: 48px; line-height: 1em; letter-spacing: -.02em } @media (min-width:992px) { .cp-countdown__counter { font-size: 80px; text-align: left } } .cp-countdown__counter.is-hidden { -webkit-transition: opacity .5s linear; transition: opacity .5s linear; opacity: 0 } .cp-countdown__digits { display: inline-block; position: relative; margin-bottom: 16px; margin-left: 5px; margin-right: 5px } .cp-countdown__digits:first-child { margin-left: 0 } .cp-countdown__digits:last-child { margin-right: 0 } @media (min-width:992px) { .cp-countdown__digits { margin-bottom: 30px } } .cp-countdown__digits:after { display: block; position: absolute; top: 100%; width: 100%; content: attr(data-label); font-size: 16px; font-family: "Source Han Sans", sans-serif; font-weight: lighter; text-align: center; line-height: 1em } @media (min-width:992px) { .cp-countdown__digits:after { font-size: 30px } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-anchor-nav { display: block; position: relative; width: 100%; background-color: #333; text-align: center; padding: 25px 40px } .cp-anchor-nav__item { display: inline-block } .cp-anchor-nav__item+.cp-anchor-nav__item { margin-left: 35px } .cp-anchor-nav__link { text-transform: capitalize; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; color: #fff; font-size: 16px; line-height: 80px } .cp-anchor-nav__btn, .cp-anchor-nav__btn.btn-stroke, .cp-anchor-nav__btn:after { font-size: 16px; line-height: 32px } .cp-anchor-nav__btn:after { bottom: 25px !important } @media (min-width:992px) { .cp-anchor-nav__btn:after { bottom: 20px !important } } .cp-anchor-nav__container { background-color: #333 } .cp-anchor-nav.fixed { position: fixed; top: 70px; z-index: 100 } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-cookie-bar { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 70px; z-index: 400; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff } .cp-cookie-bar__content { padding: 0 30px; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 14px; line-height: 1em; letter-spacing: -.005em; color: #2b2b2b } .ie9 .cp-cookie-bar__content { display: table-cell; vertical-align: middle } .cp-cookie-bar__content a { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-size: 14px; font-weight: 700; color: #9A0C0C } .cp-cookie-bar__close { padding: 5px; margin-right: 25px; cursor: pointer } .ie9 .cp-cookie-bar__close { display: table-cell; vertical-align: middle } .cp-cookie-bar__close:before { font-size: 22px; color: #9A0C0C } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-newsletter-bar { display: none; position: fixed; bottom: 0; left: 0; width: 100vw; height: 70px; z-index: 400; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff } .cp-newsletter-bar__content { padding: 0 30px; font-family: "Source Han Sans", sans-serif; font-weight: lighter; font-size: 14px; line-height: 1em; letter-spacing: -.005em; color: #2b2b2b } .ie9 .cp-newsletter-bar__content { display: table-cell; vertical-align: middle } .cp-newsletter-bar__content a { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-size: 14px; font-weight: 700; color: #9A0C0C } .cp-newsletter-bar__close { padding: 5px; margin-right: 25px; cursor: pointer } .ie9 .cp-newsletter-bar__close { display: table-cell; vertical-align: middle } .cp-newsletter-bar__close:before { font-size: 22px; color: #9A0C0C } .cp-newsletter-bar__close:after { display: none } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .ie-banner { display: none; position: fixed; bottom: 0; left: 0; width: 100vw; height: 50vh; z-index: 400; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; border-top: 1px solid #d4d4d4 } .IE .ie-banner { display: -webkit-box; display: -ms-flexbox; display: flex } .ie-banner__content { padding: 0 30px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: lighter; font-size: 18px; line-height: 1em; letter-spacing: -.005em; color: #2b2b2b; width: 100%; text-align: center } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .redirect-bar { position: fixed; display: block; bottom: 0; left: 0; width: 100vw; padding: 20px 30px; padding-right: 55px; background: #9A0C0C; color: #fff; z-index: 500; font-size: 14px; line-height: 1.3 } @media (min-width:992px) { .redirect-bar { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .redirect-bar.hidden { display: none } .redirect-bar__flag { margin-right: 15px } @media (min-width:992px) { .redirect-bar__flag { margin-right: 20px } } .redirect-bar__links { padding: 4px 0 } @media (min-width:992px) { .redirect-bar__links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } } .redirect-bar__link { display: block; color: #fff; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px; line-height: 1.3 } .redirect-bar__link:last-child { margin-right: 0 } .redirect-bar__link:after { float: none; display: inline-block; margin-left: 5px; margin-bottom: 2px } @media (min-width:992px) { .redirect-bar__link { margin-right: 15px } } .redirect-bar__message { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 5px; padding: 4px 0 } @media (min-width:992px) { .redirect-bar__message { margin-right: 15px; margin-bottom: 0 } } .redirect-bar__close { position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 10px; background: transparent; color: #fff; font-size: 22px; border: none; cursor: pointer } @media (min-width:768px) { .redirect-bar__close { right: 20px } } .form-custom__error-container, .form-custom__thanks-container { display: none } .form-custom__error-container.is-shown, .form-custom__thanks-container.is-shown { display: block } .form-custom__body.is-hidden { display: none } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .filter-dropdown__content { max-height: 0; overflow: hidden } .filter-dropdown.is-opened .filter-dropdown__content { max-height: none; overflow: visible } .filter-dropdown.is-opened .filter-dropdown__head:after { content: "\E001" } .filter-dropdown.is-animating .filter-dropdown__content { overflow: hidden } .filter-dropdown--simple { border-bottom: 1px solid #d4d4d4 } .filter-dropdown--simple .filter-dropdown__head { display: block; position: relative; padding: 20px 20px 20px 0; cursor: pointer; color: #8d8d8d } .filter-dropdown--simple .filter-dropdown__head:after { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; color: inherit } .no-touch .filter-dropdown--simple .filter-dropdown__head:hover { color: #2b2b2b } @media (min-width:768px) { .filter-dropdown--simple .filter-dropdown__head { padding: 14px 20px 14px 0 } } .filter-dropdown--simple .filter-dropdown__content-inner { padding: 0 0 30px } @media (min-width:768px) { .filter-dropdown--simple .filter-dropdown__content-inner { padding: 0 0 14px } } .filter-dropdown--simple .filter-dropdown__title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 16px; line-height: 1.14; width: calc(100% - 24px) } @media (min-width:768px) { .filter-dropdown--simple .filter-dropdown__title { font-size: 14px } } .filter-dropdown--simple .filter-dropdown__count { position: absolute; top: 50%; right: 26px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 20px; border-radius: 50%; background-color: #9A0C0C; color: #fff; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 11px; line-height: 19px; text-align: center } .filter-dropdown--selected:hover .filter-dropdown__title, .filter-dropdown--simple.is-opened .filter-dropdown__head { color: #2b2b2b } .filter-dropdown--selected .filter-dropdown__title { color: #9A0C0C; -webkit-transition: color .2s linear; transition: color .2s linear } .code-filters { padding: 20px 30px } @media (min-width:768px) { .code-filters { padding: 30px; -webkit-transform: translateZ(0); transform: translateZ(0) } } .code-filters.is-loading { pointer-events: none } .code-filters__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px } .code-filters__first-title { color: #2b2b2b; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-size: 18px; line-height: 1.1 } .code-filters__side-btn { -webkit-appearance: none; display: block; border: 0; background: transparent; border-radius: 0; color: #666; font-size: 13px; cursor: pointer; text-decoration: underline; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400 } .no-touch .code-filters__side-btn:hover { color: #9A0C0C } .code-filters__category { border-bottom: 1px solid #d4d4d4; padding: 15px 0 } @media (min-width:768px) { .code-filters__category { padding: 15px 0 } } .code-filters__is-new { border-bottom: 1px solid #d4d4d4; padding: 7px 0 15px } .code-filters__dependent-container { padding: 8px 0 8px 7px } .code-filters__dependent-wrap { padding-left: 15px; border-left: 1px solid #d4d4d4 } .code-filters__item-tooltip { margin-left: 5px } .code-filters__dependent { margin-bottom: 15px } .code-filters__dependent:last-child { margin-bottom: 0 } .code-filters__fiatured-symbol { display: inline-block; color: #9A0C0C; padding-left: 3px } .code-filters__note { font-size: 13px; padding-top: 10px } .code-filters__note-symbol { color: #9A0C0C } .code-filter { border: 0; padding: 0; -webkit-transform: translateZ(0); transform: translateZ(0) } .code-filter.is-disabled { pointer-events: none } .code-filter--range.is-disabled, .code-filter.is-grayed { opacity: .3 } .code-filter--radio-dependent { padding-top: 5px } @media (min-width:768px) { .code-filter--radio-dependent { padding-top: 0 } } .code-filter--column .code-filter__li { display: block; margin-bottom: 15px; line-height: 1 } @media (min-width:768px) { .code-filter--column .code-filter__li { margin-bottom: 10px } } .code-filter--column .code-filter__li:last-child { margin-bottom: 0 } .code-filter--row .code-filter__li { display: inline-block; margin-right: 15px; margin-bottom: 2px } .more-options { margin-top: 25px } @media (min-width:768px) { .more-options { margin-top: 15px } } .more-options__inner { display: none; padding-bottom: 10px } .more-options__btn { display: block; background: transparent; border-radius: 0; border: 0; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #8d8d8d; cursor: pointer; font-size: 13px } .more-options__btn:before { display: inline-block; float: none; margin-right: 5px; margin-top: -2px } .no-touch .more-options__btn:hover { color: #9A0C0C } .more-options.is-opened .more-options__inner { display: block } .more-options.is-opened .more-options__btn:before { content: "\E001" } .filter-labels { position: relative } @media (min-width:768px) { .filter-labels { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } .filter-labels__lbl { display: none } @media (min-width:768px) { .filter-labels__lbl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 9px 10px 9px 12px; margin-right: 15px; margin-bottom: 12px; border: 1px solid #d4d4d4; background: #fff; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px; line-height: 1.4; color: #666 } } .filter-labels__close { margin-left: 12px; border: 0; background: transparent; -webkit-appearance: none; color: #666 } .filter-labels__close:after { font-size: 15px } .filter-labels__btn { display: none; border: 0; margin-bottom: 12px; margin-left: 10px; background: transparent; border-radius: 0; color: #666; font-size: 13px; cursor: pointer; text-decoration: underline; -webkit-appearance: none; white-space: nowrap } @media (min-width:768px) { .filter-labels__btn { display: block } } .no-touch .filter-labels__btn:hover { color: #9A0C0C } .vw-codefinder { position: relative } .vw-codefinder__back { display: none } @media (min-width:768px) { .vw-codefinder__back { display: block; position: absolute; top: 20px; z-index: 1 } } .code-finder { position: relative; background: #fff; min-height: 100vh } .code-finder:after { content: ""; display: table; clear: both } @media (min-width:768px) { .code-finder { min-height: 0 } } .code-finder__head { display: block; width: 100%; background: #fff; border: 0; border-bottom: 1px solid #d4d4d4; border-radius: 0; -webkit-appearance: none; cursor: pointer; text-align: center } .code-finder__head-inner { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 12px; font-size: 14px; text-align: center; color: #8d8d8d; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .code-finder__head-inner:after { float: none; display: inline-block; margin-left: 5px; font-size: 26px } @media (min-width:768px) { .code-finder__head-inner:after { margin-left: 10px } } @media (min-width:768px) { .code-finder__head-inner { font-size: 16px; padding: 22px 30px } } .no-touch .code-finder__head-inner:hover { color: #9A0C0C } .code-finder__back { border: 0; width: 100%; border-bottom: 1px solid #d4d4d4; background: #f4f4f4; border-radius: 0; -webkit-appearance: none } @media (min-width:768px) { .code-finder__back { display: none } } .code-finder__back-inner { height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 30px; font-size: 15px; color: #666; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .code-finder__back-inner:before { float: none; margin-right: 10px; font-size: 18px } .code-finder__filters { visibility: hidden; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; z-index: 400; top: 0; bottom: 0; width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translateX(100%); transform: translateX(100%) } @media (min-width:768px) { .code-finder__filters { position: static; visibility: visible; width: 320px; height: calc(100vh - 70px); float: left; -webkit-transform: none; transform: none; overflow-y: auto; z-index: 150 } .code-finder__filters::-webkit-scrollbar { width: 5px } .code-finder__filters::-webkit-scrollbar-track { background: transparent } .code-finder__filters::-webkit-scrollbar-thumb { background: #666; border-radius: 5px } } .code-finder__filters.is-fixed { position: fixed } .code-finder__filters.is-bottom-absolute { position: absolute; top: auto !important; bottom: 0 } .code-finder__main { position: relative; background: #f4f4f4 } @media (min-width:768px) { .code-finder__main { margin-left: 320px } } .code-finder__main.is-loading { opacity: .2 } .code-finder__main-head { position: absolute; top: 0; left: 0; width: 100%; background: #f4f4f4; z-index: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } @media (min-width:768px) { .code-finder__main-head { border-bottom: 1px solid #d4d4d4 } } .code-finder__main-head.is-fixed { top: 70px; position: fixed; border-bottom: 1px solid #d4d4d4 } @media (min-width:768px) { .code-finder__main-head.is-fixed { margin-top: 0; width: calc(100vw - 320px); left: 320px } } .code-finder__head-wrap { padding: 15px 30px; margin: auto; max-width: 1600px } @media (min-width:768px) { .code-finder__head-wrap { padding: 30px 30px 15px } } .code-finder__head-spacer { height: 77px } .code-finder__result-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 30px 15px; min-height: calc(100vh - 120px) } @media (min-width:768px) { .code-finder__result-container { padding: 15px 30px 30px; min-height: calc(100vh - 140px) } } .code-finder__result-container.is-not-ok { padding-bottom: 150px } @media (min-width:768px) { .code-finder__result-container.is-not-ok { height: calc(100vh - 140px) } } .code-finder__results-count { margin-right: 15px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; color: #666; font-size: 16px; line-height: 20px } @media (min-width:768px) { .code-finder__results-count { font-size: 18px } } .code-finder__results-count strong { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .code-finder__count-with-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } @media (min-width:768px) { .code-finder__count-with-btn { width: 100%; display: block; margin-bottom: 10px } } @media (min-width:1420px) { .code-finder__count-with-btn { width: auto; margin-right: 15px } } .code-finder__mob-filter-opener { line-height: 1.8 } @media (min-width:768px) { .code-finder__mob-filter-opener { display: none } } .code-finder__main-img { display: block } @media (min-width:768px) { .code-finder__main-img { width: 78px; height: auto } } .code-finder__notok-screen { padding: 20px 0; text-align: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .code-finder__notok-message { margin-top: .5em; max-width: 510px; color: #9A0C0C; font-size: 22px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; line-height: 1.18; letter-spacing: -.035em } @media (min-width:768px) { .code-finder__notok-message { font-size: 40px } } .code-finder__notok-message--initial { color: #2b2b2b } .code-finder__notok-submessage { font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 14px; color: #666; margin-top: 16px; font-weight: 400 } .code-finder__notok-submessage-flash { color: #9A0C0C } @media (min-width:768px) { .code-finder__notok-submessage { font-size: 20px; line-height: 24px } } .code-finder__initial-btn { margin-top: 30px; width: 100%; text-align: left } @media (min-width:768px) { .code-finder__initial-btn { display: none } } .code-finder__note-container { position: -webkit-sticky; position: sticky; padding: 16px 8px; left: 0; bottom: 0; width: 100%; border-top: 1px solid #d4d4d4; background: #f4f4f4; text-align: center; line-height: 1.3 } @media (min-width:768px) { .code-finder__note-container { display: none } } .code-finder__note-title { font-size: 18px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #9A0C0C; line-height: 22px; margin-bottom: 4px } .code-finder__note-subtitle { margin: 0; font-size: 14px; color: #666; line-height: 17px } .code-finder__load-more-wrap { margin: 20px 0; text-align: center } .code-finder__load-more-wrap.is-hidden { display: none } .code-finder__load-more { display: inline-block; cursor: pointer } .code-finder__loader { display: none; position: fixed; width: 250px; left: 50%; right: 0; margin: auto; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center } @media (min-width:768px) { .code-finder__loader { -webkit-transform: translate(160px, -50%); transform: translate(160px, -50%); left: 0 } } .code-finder__loader.is-visible { display: block } .code-finder__loader-caption { padding-top: 35px; font-size: 18px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #666 } .code-finder__results-btn { width: 100%; max-width: none } @media (min-width:768px) { .code-finder__results-btn { width: auto } } .code-finder__results-btn-light { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400 } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .range__input { position: absolute; width: 1px; height: 1px; overflow: hidden; opacity: 0 } .range__title { display: block; padding-bottom: 5px; font-size: 12px; line-height: 1.3; color: #666; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400 } @media (min-width:992px) { .range__title { font-size: 11px } } .range__main { padding-top: 5px; padding-bottom: 25px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .range__track { position: relative; width: 100%; height: 4px; background: #d4d4d4 } .range__active, .range__fill { position: absolute; width: 50%; height: 100%; left: 0; top: 0 } .range__fill { background: #9A0C0C } .range__active { background: #8d8d8d } .range__handle { position: absolute; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 25px; height: 27px; top: 50%; left: 50% } .range__handle-visual { position: absolute; -webkit-transform: translate(-50%); transform: translate(-50%); left: 50%; width: 27px; height: 40px; background: url(/App_Themes/iGuzzini/dist/images/handle.png); background-size: cover } @media (min-width:992px) { .range__handle-visual { -webkit-transform: translate(-50%, 5px); transform: translate(-50%, 5px); width: 15px; height: 27px } } .range__ambits { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 3px } .range__ambits, .range__val { line-height: 1; font-size: 11px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .range__val { display: none; position: absolute; margin-top: 8px; top: 100%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: #9A0C0C } .range__injectors-block { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .range__injector-container, .range__injectors-block { display: -webkit-box; display: -ms-flexbox; display: flex } .range__injector-lbl { padding: 8px 12px; border: 1px solid #ebebeb; color: #666; font-size: 13px; line-height: 1; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } @media (min-width:992px) { .range__injector-lbl { font-size: 12px } } .range__injector-inp { display: block; width: 60px; text-align: center; margin-left: -1px; padding: 8px 5px; border: 1px solid #ebebeb; color: #9A0C0C; font-size: 13px; line-height: 1; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; -webkit-appearance: none; border-radius: 0 } @media (min-width:992px) { .range__injector-inp { font-size: 12px } } .range.is-disabled { pointer-events: none } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .erv-form__field.is-hidden { display: none } .erv-form__field+.erv-form__field { margin-top: 15px } @media (min-width:768px) { .erv-form__field+.erv-form__field { margin-top: 25px } } .erv-form__required { margin-top: 10px } .erv-form__message { margin-top: 60px; margin-bottom: 10px } .erv-form__behalf-checkbox { margin-top: 60px } .erv-form__behalf-fields { display: block; padding: 25px 0 15px } .erv-form__behalf-fields.is-hidden { display: none } .erv-form__terms-checkbox { display: block; margin-top: 25px } .erv-form__terms-checkbox+.erv-form__captcha { margin-top: 30px } .erv-form__captcha .form-capcha--invisible .grecaptcha-badge { visibility: hidden } .erv-form__notification { margin-top: 30px } .erv-card { padding: 14px; border: 1px solid #bbb; cursor: pointer } .erv-card:focus { outline: none; border-color: #2b2b2b } .erv-card__time { color: #2b2b2b; font-size: 18px; line-height: 1.1; text-transform: lowercase } .erv-card__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 14px; color: #666; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .erv-card__language { padding: 1px 4px; background-color: #ebebeb; font-size: 12px; line-height: 1.33; text-transform: uppercase } .erv-card__status { font-size: 11px; line-height: 1.45 } .erv-card__status:before { float: none; margin-right: 2px; font-size: 13px; vertical-align: text-bottom } .erv-card.is-available, .erv-card.is-partial { background-color: #fff } .erv-card.is-available .erv-card__status { color: #26a61a } .erv-card.is-partial .erv-card__status { color: #9A0C0C } .erv-card.is-full { border-style: dashed } .erv-card.is-full .erv-card__status { text-transform: uppercase } .erv-card.is-selected { background-color: #9A0C0C; color: #fff } .erv-card.is-selected .erv-card__status, .erv-card.is-selected .erv-card__time { color: #fff } .erv-thanks { padding: 80px 20px; text-align: center } @media (min-width:768px) { .erv-thanks { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 800px } } .erv-thanks__heading { font-size: 32px; text-transform: capitalize; margin-bottom: 20px } @media (min-width:768px) { .erv-thanks__heading { font-size: 38px } } .erv-thanks__content { max-width: 540px; margin: 20px auto 0 } .erv-thanks__buttons { margin-top: 40px } @media (min-width:768px) { .erv-thanks__buttons { display: -webkit-box; display: -ms-flexbox; display: flex } } .erv-thanks__button { cursor: pointer } .erv-thanks__button.btn-simple.narrow.icon-after { padding: 10px 15px; min-width: 290px; text-align: left } @media (min-width:768px) { .erv-thanks__button.btn-simple.narrow.icon-after { padding: 10px 40px 10px 20px } } @media (min-width:768px) { .erv-thanks__button.btn-simple.narrow.icon-after:after { font-size: 14px } } .erv-thanks__button:focus { border-color: #2b2b2b } .erv-thanks__button+.erv-thanks__button { margin-top: 20px } @media (min-width:768px) { .erv-thanks__button+.erv-thanks__button { margin-top: 0; margin-left: 20px } } .erv-section { padding: 50px 20px 60px; background-color: #f4f4f4 } @media (min-width:768px) { .erv-section { padding: 110px 20px } } .erv-section__header { text-align: center } .erv-section__step { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 18px } .erv-section__step:after, .erv-section__step:before { content: ""; width: 50px; height: 1px; background-color: #8d8d8d } .erv-section__step:before { margin-right: 15px } .erv-section__step:after { margin-left: 15px } .erv-section__heading { margin-top: 45px; font-size: 38px } .erv-section__form { margin-top: 40px } @media (min-width:768px) { .erv-section__form { margin-top: 80px } } .erv-section__steps-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 60px } @media (min-width:768px) { .erv-section__steps-nav { margin-top: 80px } } .erv-section .erv-section__button { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 135px; padding: 10px 20px; cursor: pointer } @media (min-width:768px) { .erv-section .erv-section__button { width: 230px; font-size: 14px; line-height: 32px } } .erv-section .erv-section__button:after, .erv-section .erv-section__button:before { bottom: auto; font-size: 20px; line-height: 32px } .erv-section .erv-section__button.icon-after { padding: 10px 20px; text-align: left } .erv-section .erv-section__button.icon-before { text-align: right } .erv-section .erv-section__button:focus { border-color: #2b2b2b } .erv-section__desktop-text { display: none } @media (min-width:768px) { .erv-section__desktop-text { display: inline } } .erv-section__filters-wrap { padding: 24px 16px; background-color: #ebebeb } @media (min-width:768px) { .erv-section__filters-wrap { padding: 0; background-color: transparent } } .erv-section__filters-heading { text-align: center } @media (min-width:768px) { .erv-section__filters-heading { text-align: left } } @media (min-width:768px) { .erv-section__filters { display: -webkit-box; display: -ms-flexbox; display: flex } } .erv-section__filters-heading+.erv-section__filters { margin-top: 10px } @media (min-width:768px) { .erv-section__filters-heading+.erv-section__filters { margin-top: 0 } } .erv-section__filter+.erv-section__filter { margin-top: 15px } @media (min-width:768px) { .erv-section__filter+.erv-section__filter { margin-top: 0 } } .erv-section__cards { margin-top: 40px } .erv-section__cards.is-hidden { display: none } .erv-section__cards-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px } .erv-section__cards-heading-icon { color: #666; pointer-events: none } .erv-section__cards-heading-icon rect:last-child { opacity: 0 } .erv-section__cards.closed .erv-section__cards-heading-icon rect:last-child { opacity: 1 } .erv-section__cards-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -10px } .erv-section__card-wrap { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 50%; padding: 10px } @media (min-width:768px) { .erv-section__card-wrap { width: 160px } } .erv-section__card-wrap:last-child { max-width: none } .erv-section__card-wrap.is-hidden { display: none } .erv-section.is-step-1 .erv-section__steps-nav { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } .erv-section.is-step-2 .erv-section__form { margin-top: 50px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .signin-page__title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #666; font-size: 38px; line-height: 1.4; margin-bottom: 20px } .signin-page__title--small { font-size: 26px; margin-bottom: 10px } .signin-page__subtitle { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; margin-bottom: 5px; font-size: 14px; line-height: 20px } @media (min-width:992px) { .signin-page__subtitle { font-size: 16px; line-height: 26px } } .signin-page__description { font-family: "Source Han Sans", sans-serif; font-weight: 300; margin-bottom: 15px; font-size: 14px; line-height: 20px } @media (min-width:992px) { .signin-page__description { font-size: 16px; line-height: 26px } } .signin-page__tabs-head { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } @media (min-width:992px) { .signin-page__tabs-head { display: none } } .signin-page__tabs-title { padding: 25px 20px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1; color: #666; background-color: #ebebeb; font-size: 22px; line-height: 26px } .signin-page__tabs-title.is-active { color: #9A0C0C; background-color: #fff } .signin-page__content { padding: 30px 20px 40px } @media (min-width:992px) { .signin-page__content { padding: 120px 30px 130px } } @media (min-width:992px) { .signin-page__login { display: -webkit-box; display: -ms-flexbox; display: flex } } .signin-page__not-registered { display: none } @media (min-width:992px) { .signin-page__not-registered { margin-top: 90px; display: block } } .signin-page__not-registered-btn { margin-bottom: 30px } .signin-page__register { min-height: 300px } @media (min-width:992px) { .signin-page__register { display: none !important } } .signin-page__register-btn { margin-top: 25px; display: block; max-width: 220px } .signin-page__tab { display: none } @media (min-width:992px) { .signin-page__tab { display: block } } .signin-page__tab.is-active { display: block } .signin-page__btn { padding-top: 11px; padding-bottom: 11px } .signin-login-col { margin: 0 } @media (min-width:992px) { .signin-login-col { padding-top: 15px; padding-bottom: 30px } } .signin-login-col--default { border-bottom: 1px solid #d4d4d4; padding-bottom: 35px } @media (min-width:992px) { .signin-login-col--default { padding-bottom: 0; padding-left: 60px; border-bottom: none; border-left: 1px solid #d4d4d4; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } .signin-login-col--stuff { margin-top: 35px } @media (min-width:992px) { .signin-login-col--stuff { margin-top: 0; padding-right: 60px } } .signin-login-col--default .signin-login-col__title { display: none } @media (min-width:992px) { .signin-login-col--default .signin-login-col__title { display: block } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .register-form__field.is-hidden { display: none } .register-form__field+.register-form__field { margin-top: 15px } @media (min-width:768px) { .register-form__field+.register-form__field { margin-top: 25px } } .register-form__fieldset { margin-bottom: 30px } .register-form__required { margin-top: 10px } .register-form__behalf-checkbox { margin-top: 60px } .register-form__behalf-fields { display: block; padding: 25px 0 15px } .register-form__behalf-fields.is-hidden { display: none } .register-form__terms-checkbox { display: block; margin-top: 20px } .register-form__checkbox-label { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif !important; font-weight: 700 !important } .register-form__checkbox-label a { font-family: inherit; font-weight: inherit; padding-bottom: 2px; border-bottom: 2px solid transparent; -webkit-transition: border-color .3s linear; transition: border-color .3s linear } .no-touch .register-form__checkbox-label a:hover { border-bottom-color: #9A0C0C } .register-form__terms-checkbox+.register-form__captcha { margin-top: 20px; min-height: 78px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .accordion-visible__body { max-height: 0; overflow: hidden } .accordion-visible__btn { cursor: pointer } .accordion-visible.is-opened>.accordion-visible__body { max-height: none; overflow: visible } .accordion-visible.is-opened>.accordion-visible__btn:after { content: "\E001" } .accordion-visible--product-code .accordion-visible__header { padding: 30px 20px; color: #8d8d8d; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 18px; letter-spacing: -.01em; cursor: pointer } .accordion-visible--product-code .accordion-visible__header:before { content: "+"; float: left; width: 30px; margin-right: 15px; color: #9A0C0C; text-align: center } @media (min-width:992px) { .accordion-visible--product-code .accordion-visible__header { padding: 30px } } .accordion-visible--product-code.is-opened>.accordion-visible__header { color: #9A0C0C } .accordion-visible--product-code.is-opened>.accordion-visible__header:before { content: "-" } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .update-password-section { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 40px 0; background-color: #f4f4f4 } @media (min-width:768px) { .update-password-section { padding: 200px 0 } } .update-password__field+.update-password__compare { margin-top: 30px } .update-password__field { position: relative } .update-password__field+.update-password__field { margin-top: 15px } @media (min-width:992px) { .update-password__field+.update-password__field { margin-top: 30px } } .update-password__controls { margin-top: 40px } @media (min-width:768px) { .update-password__controls { margin-top: 50px } } .update-password__tooltip { z-index: -1; width: 210px } .update-password__tooltip.is-visible { z-index: 100 } .update-password__rules-list { margin: 0; padding: 0; list-style: none; color: #8d8d8d; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 13px; line-height: 1.23 } .update-password__rule { position: relative; padding-left: 25px } .update-password__rule+.update-password__rule { margin-top: 10px } .update-password__icon { position: absolute; top: 0; left: 0 } .update-password__icon:after { float: none; font-size: 16px } .update-password__icon.is-valid { color: #7ed321 } .update-password__icon.is-invalid { color: #9A0C0C } .update-password__submit.btn-simple.icon-after:after { font-size: 22px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .account-information-notification:after, .account-information-notification:before, .code-finder-notification:after, .code-finder-notification:before { content: " "; display: block; position: absolute; top: 0; left: 0; width: 6px; height: 6px; border-radius: 50% } .account-information-notification:before, .code-finder-notification:before { background-color: #fff000 } .account-information-notification:after, .code-finder-notification:after { background-color: #fcfddc; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation-name: fadding; animation-name: fadding; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } @-webkit-keyframes fadding { 0% { opacity: 1 } to { -webkit-transform: scale(4); transform: scale(4); opacity: 0 } } @keyframes fadding { 0% { opacity: 1 } to { -webkit-transform: scale(4); transform: scale(4); opacity: 0 } } .account-information__link { position: relative; display: block; color: inherit; line-height: 1; -webkit-transition: none; transition: none } .account-information__icon { display: block; width: 30px; height: 29px } .account-information__w-hole { display: none } .account-information__notification { display: none; position: absolute; top: 3px; right: 9px } .account-information.has-favorites .account-information__origin { display: none } .account-information.has-favorites .account-information__notification, .account-information.has-favorites .account-information__w-hole { display: block } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .account-header { padding: 20px 15px; background-color: #fff } @media (min-width:768px) { .account-header { padding: 40px 50px } } .account-header__heading { color: #9A0C0C; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 32px; line-height: 1; letter-spacing: -.02em } @media (min-width:768px) { .account-header__heading { font-size: 45px } } .account-header__subheading { color: #666; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-size: 12px; font-weight: 400; line-height: 2.15; letter-spacing: -.02em } .account-header__grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } @media (min-width:992px) { .account-header__col-1, .account-header__col-2 { width: 50% } } .account-header__toggle-menu { background: none; border: none; outline: none; color: #8d8d8d; font-size: 20px } @media (min-width:992px) { .account-header__toggle-menu { display: none } } .account-header__toggle-menu:after { float: none; display: inline-block; vertical-align: middle } .account-header__menu { display: none } @media (min-width:992px) { .account-header__menu { display: block } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .account-menu { margin: 0; padding: 0; list-style: none } @media (min-width:992px) { .account-menu { display: -webkit-box; display: -ms-flexbox; display: flex } } @media (min-width:992px) { .account-menu__item { margin-right: 4% } .account-menu__item:last-child { margin-right: 0 } } @media (min-width:1420px) { .account-menu__item { margin-right: 6% } } .account-menu__link { color: #9A0C0C; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 15px; line-height: 1.73 } .account-menu__link:after { display: inline-block; vertical-align: top; float: none; margin: 1px 0 0 12px; font-size: 15px; line-height: 1.73 } .account-menu__link.is-active { color: #2b2b2b } .account-menu--favorites { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .account-tabs__nav { margin: 0; padding: 0; list-style: none; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .account-tabs__item, .account-tabs__nav { display: -webkit-box; display: -ms-flexbox; display: flex } .account-tabs__item { width: 100%; border: 1px solid #d4d4d4 } @media (min-width:768px) { .account-tabs__item { max-width: 200px } } @media (min-width:768px) { .account-tabs__item--collections { margin-left: 40px } } .account-tabs__item+.account-tabs__item:not(.account-tabs__item--collections) { border-left: none } .account-tabs__link { display: block; width: 100%; padding: 15px 18px; background-color: #ebebeb; text-align: center; color: #8d8d8d } @media (min-width:768px) { .account-tabs__link { font-size: 13px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; text-align: left } } .account-tabs__link:hover { color: #9A0C0C } .account-tabs__link:after { float: none; color: #666; font-size: 19px } @media (min-width:768px) { .account-tabs__link:after { float: right } } .account-tabs__link.is-active { background-color: #fff; color: #9A0C0C } .account-tabs__link.is-active:after { color: #666 } .account-tabs__link-text { display: none } @media (min-width:768px) { .account-tabs__link-text { display: inline-block; vertical-align: top } } .account-tabs__create-btn.btn-stroke.narrow.icon-after { width: 100%; max-width: 240px; padding-right: 50px; text-align: left } .account-tabs__create-btn.btn-stroke.icon-after:after { font-size: 19px } .account-tabs__share-btn.btn-stroke.icon-after:after { font-size: 18px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .create-collection-button { border: 1px solid #d4d4d4; background-color: #ebebeb; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666; padding: 45px } @media (min-width:768px) { .create-collection-button { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .create-collection-button:before { font-size: 32px; margin: 0 10px 0 0; -ms-flex-negative: 0; flex-shrink: 0 } @media (min-width:768px) { .create-collection-button:before { margin: 0 0 20px; font-size: 60px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .create-collection-button__text { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 15px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .favourite-collections { min-height: 210px; position: relative } @media (min-width:768px) { .favourite-collections { margin-bottom: 200px } } .collections-card { background-color: #fff; border: 1px solid #d4d4d4; text-decoration: none; color: #666; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100% } .collections-card:hover .collections-card__count, .collections-card:hover .collections-card__title { -webkit-transition: color .2s linear; transition: color .2s linear; color: #9A0C0C } .collections-card__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 20px 15px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } .collections-card__head-wrap { position: relative; width: 100%; padding-right: 60px } .collections-card__title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #666; font-size: 26px; line-height: 1; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 1; display: block; max-width: 100%; word-wrap: break-word; overflow-wrap: break-word } .collections-card__photos { background-color: #ebebeb; display: -webkit-box; display: -ms-flexbox; display: flex } .collections-card__photo { position: relative; width: 25%; background-size: cover } .collections-card__photo:before { display: block; content: ""; padding-bottom: 100% } .collections-card__count { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 15px; white-space: nowrap; margin-right: 20px } .collections-card__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 20px } .collections-card__row+.collections-card__row { margin-top: auto; margin-bottom: 0; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .collections-card__row:last-child { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .collections-card__last-updated { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 11px } .collections-card__controls { position: absolute; top: 2px; right: 0; color: #8d8d8d; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 53px; font-size: 18px } .collections-card__controls .icon-after { display: inline-block; cursor: pointer } .collections-card__controls .icon-after:hover { color: #9A0C0C } @media (min-width:768px) { .collections-card__controls { min-width: 45px } } .collections-menu-tooltip { padding: 12px 8px 10px; min-width: 110px } .collections-menu-tooltip__item { font-family: "Source Han Sans", sans-serif; font-weight: 300; border: none; background: none; -webkit-box-shadow: none; box-shadow: none; outline: none; cursor: pointer; font-size: 13px; line-height: normal; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #666 } .collections-menu-tooltip__item:not(:last-child) { margin-bottom: 15px } .collections-menu-tooltip__item:hover { color: #9A0C0C } .collections-menu-tooltip__icon { display: inline-block; font-size: 18px } .collections-menu-tooltip__text { display: inline-block; margin-left: 8px; line-height: 1 } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .hideDragSource { opacity: 0 } .defaultMirror { cursor: -webkit-grabbing; cursor: grabbing; -webkit-transition-duration: 0s !important; transition-duration: 0s !important; z-index: 10 } .draggable--over .collections-card { position: relative } .draggable--over .collections-card:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: 30px 30px; background-image: linear-gradient(-45deg, rgba(0, 0, 0, .1) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .1) 75%, transparent 0, transparent); -webkit-animation: barberpole 1.5s linear infinite, fadeIn .3s linear; animation: barberpole 1.5s linear infinite, fadeIn .3s linear } .draggable-mirror .collections-card { max-width: 307px; -webkit-box-shadow: 10px 10px 0 rgba(0, 0, 0, .05); box-shadow: 10px 10px 0 rgba(0, 0, 0, .05) } @-webkit-keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes barberpole { 0% { background-position: 0 0 } to { background-position: 60px 30px } } @keyframes barberpole { 0% { background-position: 0 0 } to { background-position: 60px 30px } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .account-codes-pane { position: fixed; left: 0; right: 0; bottom: 0; z-index: 100; border-top: 1px solid #d4d4d4; padding: 20px 15px; background-color: #fff; -webkit-transition: -webkit-transform .3s ease-in-out; transition: -webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out } @media (min-width:768px) { .account-codes-pane { padding: 40px 50px } } .account-codes-pane__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (min-width:768px) { .account-codes-pane__inner { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap } } .account-codes-pane__selected { width: 100%; margin-bottom: 20px } @media (min-width:768px) { .account-codes-pane__selected { width: auto; margin-bottom: 0; margin-right: 3% } } .account-codes-pane__btn-add.btn-stroke.narrow.icon-after, .account-codes-pane__btn-multiple.btn-stroke.narrow.icon-after, .account-codes-pane__btn-remove.btn-stroke.narrow.icon-after { padding: 10px 40px 10px 15px; cursor: pointer } @media (min-width:768px) { .account-codes-pane__btn-add.btn-stroke.narrow.icon-after, .account-codes-pane__btn-multiple.btn-stroke.narrow.icon-after, .account-codes-pane__btn-remove.btn-stroke.narrow.icon-after { width: 100%; max-width: 240px; padding-right: 50px; text-align: left } } .account-codes-pane__btn-add.btn-stroke.narrow.icon-after:after, .account-codes-pane__btn-multiple.btn-stroke.narrow.icon-after:after, .account-codes-pane__btn-remove.btn-stroke.narrow.icon-after:after { font-size: 18px } .account-codes-pane__btn-add.btn-stroke.narrow.icon-after:after { font-size: 17px } .account-codes-pane__btn-multiple { display: none } @media (min-width:768px) { .account-codes-pane__btn-multiple { display: block; margin: 0 20px } } .account-codes-pane__btn-multiple.btn-stroke.narrow.icon-after:after { font-size: 19px } @media (min-width:768px) { .account-codes-pane__btn-remove { margin-left: auto } } .account-codes-pane__short-text { display: none } @media (min-width:768px) { .account-codes-pane__short-text { display: inline } } .account-codes-pane.is-shifted { -webkit-transform: translateY(100%); transform: translateY(100%) } .fav-prod-group-last-added { font-size: 12px; line-height: 16px } .fav-prod-group-last-added__date { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .favourite-collection-header__back-to-collections { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 15px; line-height: 1.2 } .favourite-collection-header__back-to-collections:before { float: none; font-size: 16px; line-height: 1.2; vertical-align: text-top } .favourite-collection-header__back-to-collections+.favourite-collection-header__heading { margin-top: 15px } .favourite-collection-header__heading { color: #666; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 18px; line-height: 1.2; letter-spacing: -.02em } @media (min-width:768px) { .favourite-collection-header__heading { font-size: 26px } } .favourite-collection-header__total { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 16px } .favourite-collection-header__heading+.favourite-collection-header__update-info { margin-top: 5px } .favourite-collection-header__update-info { color: #8d8d8d; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 11px; line-height: 1 } .favourite-collection-header__update-time { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 11px } .favourite-collection-header__share-info { padding: 7px 12px; background-color: #fff; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; color: #8d8d8d; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 12px; line-height: 1.41666667; text-align: center } .favourite-collection-header__share-info.is-hidden { display: none } .favourite-collection-header__share-strong { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #666 } .favourite-collection-header__update-info+.favourite-collection-header__share-info { margin-top: 15px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .light-experience { display: none } @media (min-width:1025px) { .light-experience { display: block } } .light-experience__main { margin-top: 25px } .light-experience__btn { display: inline-block; margin-right: 15px; margin-bottom: 14px; -webkit-appearance: none; border: 0; border-radius: 0; background: #fff; padding: 14px 15px; cursor: pointer; font-size: 15px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #666; -webkit-transition: .2s; transition: .2s } .light-experience__btn.is-active, .no-touch .light-experience__btn:hover { background: #9A0C0C; color: #fff } .light-experience__btn.is-active { cursor: auto } .light-experience__list { padding: 0; margin-top: 15px } .light-experience__item { position: relative; display: none; padding: 50% 0 0 } .light-experience__item.is-active { display: block } .light-experience__overlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: #fff; overflow: hidden } .no-touch .light-experience__overlay:hover .light-experience__bg-image { -webkit-filter: blur(0); filter: blur(0) } .light-experience__bg-image { position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; background-size: contain; background-position: 50%; -webkit-filter: blur(3px); filter: blur(3px); -webkit-transition: .5s ease; transition: .5s ease; -webkit-transform: translateZ(0); transform: translateZ(0) } .light-experience__bg-image:after { display: block; position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#000)); background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #000); opacity: .55 } .light-experience__content { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 30px; width: 100%; left: 0; bottom: 0; color: #fff } .light-experience__title { color: #fff; margin-bottom: 12px; font-size: 45px; line-height: 1 } .light-experience__subtitle { display: block; font-size: 18px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400 } .light-experience__launch-btn { cursor: pointer } .light-experience__iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 } .light-experience__loader-container { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .light-experience.is-iframe-view .light-experience__overlay { display: none } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .se-dialog { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 500; background-color: rgba(0, 0, 0, .8); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: auto } .se-dialog__inner { width: 580px; margin: 20px; padding: 30px; background-color: #fff; font-family: "Source Han Sans", sans-serif; font-weight: 300; text-align: center } @media (min-width:768px) { .se-dialog__inner { padding: 80px } } .se-dialog__heading { font-size: 32px; line-height: 1.2 } @media (min-width:768px) { .se-dialog__heading { font-size: 38px } } .se-dialog__heading+.se-dialog__message { margin-top: 15px } @media (min-width:768px) { .se-dialog__heading+.se-dialog__message { margin-top: 20px } } .se-dialog__message strong { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .se-dialog__message p+p { margin-top: 0 } .se-dialog__message+.se-dialog__button { margin-top: 20px } @media (min-width:768px) { .se-dialog__message+.se-dialog__button { margin-top: 30px } } .se-dialog .se-dialog__button { width: 100%; max-width: 230px; font-size: 14px; line-height: 32px; text-align: left } .se-dialog .se-dialog__button:after, .se-dialog .se-dialog__button:before { bottom: auto; font-size: 20px; line-height: 32px } .se-dialog.is-hidden { display: none } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .privacy-modal__footer { background-color: #f4f4f4 } @media (min-width:992px) { .privacy-modal__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .lighthinking__content { height: 100% } .lighthinking__carousel { height: 360px } .lighthinking__carousel, .lighthinking__pane { -webkit-transition: width .3s linear; transition: width .3s linear; float: left; width: 100% } .lighthinking__carousel { float: left } .lighthinking__pane { float: right } @media (min-width:768px) { .lighthinking { height: 100vh } .lighthinking__carousel { width: 0 } .lighthinking__height-propagator { height: 100% } } .lighthinking__content { position: relative; background: #f4f4f4 } @media (min-width:768px) { .lighthinking__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap } } .lighthinking__track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } @media (min-width:768px) { .lighthinking__track { overflow-x: hidden; overflow-y: scroll } } .lighthinking__header { position: relative; background: #fff } .lighthinking__header--sticked .lighthinking__title { font-size: 32px; -webkit-transform: translateX(0); transform: translateX(0) } .lighthinking__header--sticked .lighthinking__title-text { -webkit-transform: translateX(0) scale(.67); transform: translateX(0) scale(.67) } .lighthinking__header--sticked .lighthinking__sub-title { display: none } .lighthinking__header--sticked .lighthinking__title-group { padding: 15px 30px } .lighthinking__title-group { padding: 70px 70px 50px; -webkit-transition: all .2s linear; transition: all .2s linear; display: none } @media (min-width:768px) { .lighthinking__title-group { overflow: hidden; display: block } } .lighthinking__title { padding-top: 10px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; line-height: 1; -webkit-transition: font-size .2s linear, -webkit-transform .2s linear; transition: font-size .2s linear, -webkit-transform .2s linear; transition: font-size .2s linear, transform .2s linear; transition: font-size .2s linear, transform .2s linear, -webkit-transform .2s linear; -webkit-transform: translateX(50%); transform: translateX(50%) } .lighthinking__title-text { display: inline-block; max-width: 100%; width: 450px; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: -webkit-transform .2s linear; transition: -webkit-transform .2s linear; transition: transform .2s linear; transition: transform .2s linear, -webkit-transform .2s linear; -webkit-transform-origin: left top; transform-origin: left top } .lighthinking__sub-title { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.75; -webkit-transition: all .2s linear; transition: all .2s linear; text-align: center } .lighthinking__accordion { border-top: 1px solid #d4d4d4 } .lighthinking__filter-icon { pointer-events: none; fill: currentColor; width: 15px; height: 15px; vertical-align: middle; margin-left: 15px } .lighthinking__filter-button { display: block; width: 100%; padding: 25px 40px; text-align: center; cursor: pointer; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 16px; line-height: 1.63; color: #666; border: none; background: none; outline: none } .lighthinking__filter-button.is-active { color: #9A0C0C } .lighthinking__filter { padding: 50px 40px; position: relative; display: none } .lighthinking__filter:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; display: block; height: 1px; background: #d4d4d4 } .lighthinking__filter--opened { display: block } .lighthinking__container-wrapper { padding: 20px 0; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto } @media (min-width:768px) { .lighthinking__container-wrapper { padding: 40px 20px } } @media (min-width:1420px) { .lighthinking__container-wrapper { padding: 70px } } .lighthinking__container { position: relative; list-style: none } .lighthinking__footer { padding: 55px 45px 40px } @media (min-width:768px) { .lighthinking__footer { padding: 30px 70px 100px } } .lighthinking__card { margin-bottom: 20px } @media (min-width:768px) { .lighthinking__card { margin-bottom: 30px } } @media (min-width:1420px) { .lighthinking__card { margin-bottom: 40px } } .lighthinking__card { float: left; padding: 0 20px; width: 100% } @media (min-width:768px) { .lighthinking__card { width: 50% } .lighthinking__card--double { width: 100% } } @media (min-width:992px) { .lighthinking__card { width: 25%; padding: 0 25px } .lighthinking__card--double { width: 50% } } .lighthinking__play { display: none; position: absolute; border-radius: 50%; left: 50%; top: 50%; background: hsla(0, 0%, 100%, .3); width: 100px; height: 100px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; -webkit-transition: background .2s ease, opacity .3s; transition: background .2s ease, opacity .3s; cursor: pointer } @media (min-width:768px) { .lighthinking__play { width: 100px; height: 100px } } .lighthinking__play:hover { background: hsla(0, 0%, 100%, .5) } .lighthinking__play:after, .lighthinking__play:before { content: ""; display: block; position: absolute; top: 50%; left: 50% } .lighthinking__play:before { border-radius: 50%; width: 80%; height: 80%; margin: -40%; background: #fff } .lighthinking__play:after { border-right: 0; height: 0; width: 0; top: 50%; left: 50% } .lighthinking-card--video .lighthinking__play { display: block } .lighthinking__play--within-card { width: 44px; height: 44px; left: -50px } @media (min-width:1025px) { .lighthinking__play--within-card { position: relative; -webkit-transform: none; transform: none; left: -5px; top: auto; float: left; width: 60px; height: 60px; margin-right: 15px; background: #d4d4d4 } .lighthinking__play--within-card:hover { background: hsla(0, 0%, 83%, .5) } } .lighthinking__play--within-card:after { border-left: 12px solid #9A0C0C; border-top: 6px solid transparent; border-bottom: 6px solid transparent; margin: -6px -5px } @media (min-width:1025px) { .lighthinking__play--within-card:after { border-left-width: 18px; border-top-width: 9px; border-bottom-width: 9px; margin: -8px -7px } } .lighthinking__play--within-article { display: block; z-index: 1; width: 100px; height: 100px; pointer-events: none } @media (min-width:768px) { .lighthinking__play--within-article { width: 145px; height: 145px } } .lighthinking__play--within-article:after { border-left: 45px solid #9A0C0C; border-top: 22.5px solid transparent; border-bottom: 22.5px solid transparent; margin: -22px -18px } .lighthinking__play.is-video-playing { opacity: 0 } @media (min-width:768px) { .lighthinking--featured .lighthinking__card { width: 100% } } @media (min-width:1025px) { .lighthinking--featured .lighthinking__card { width: 50% } .lighthinking--featured .lighthinking__card--double { width: 100% } } @media (min-width:768px) { .lighthinking--featured .lighthinking__carousel, .lighthinking--featured .lighthinking__height-propagator { height: 100% } .lighthinking--featured .lighthinking__carousel, .lighthinking--featured .lighthinking__pane { width: 50% } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .lighthinking-slide { height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-shadow: 0 2px 10px rgba(0, 0, 0, .3) } .lighthinking-slide__background-wrapper { background-position: 50%; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100% } .lighthinking-slide__background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover } .lighthinking-slide__content { padding: 70px 20px 30px; position: relative } @media (min-width:768px) { .lighthinking-slide__content { padding: 80px 120px 70px 80px } } .lighthinking-slide__title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #fff; font-size: 32px; letter-spacing: -1px; -webkit-transition: color .2s linear; transition: color .2s linear } @media (min-width:768px) { .lighthinking-slide__title { font-size: 62px; letter-spacing: -1.4px } } .lighthinking-slide__sub-title { margin-top: 0; font-family: "Source Han Sans", sans-serif; font-weight: 300; color: #fff; font-size: 32px; line-height: 1.44; letter-spacing: normal; display: none } @media (min-width:768px) { .lighthinking-slide__sub-title { display: block } } .lighthinking-slide__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #fff; font-size: 13px; margin-top: 10px } @media (min-width:768px) { .lighthinking-slide__footer { margin-top: 15px } } .lighthinking-slide__tags { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .lighthinking-slide__tag { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } .lighthinking-slide__date { margin-left: 20px } .lighthinking-slide__video-icon { display: none; vertical-align: top; width: 14px; height: 14px; margin-right: 10px; color: #fff; fill: #9A0C0C } @media (min-width:768px) { .lighthinking-slide__video-icon { width: 16px; height: 16px } } .lighthinking-slide:hover .lighthinking-slide__title { color: #9A0C0C } .lighthinking-slide--video .lighthinking-slide__video-icon { display: block } .lighthinking-filter { padding: .1px 0 } .lighthinking-filter__grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: wrap row; flex-flow: row wrap; margin: -18px -20px } .lighthinking-filter__cell { padding: 18px 20px; width: 20%; min-width: 150px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .lighthinking-article__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; height: 80vh; position: relative } @media (min-width:768px) { .lighthinking-article__head { display: block; height: auto; margin-bottom: 122px } } .lighthinking-article__head--video { height: auto; margin-bottom: 57px } .lighthinking-article__background-wrapper { background-position: 50%; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; background: #9A0C0C } .lighthinking-article__background-wrapper:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000)); background-image: linear-gradient(180deg, transparent, #000); pointer-events: none; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s } @media (min-width:768px) { .lighthinking-article__background-wrapper { height: 80vh } } .lighthinking-article__background-image { background: #9A0C0C; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover } .lighthinking-article__header { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; max-width: 1200px } @media (min-width:768px) { .lighthinking-article__header { position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 40%); transform: translate(-50%, 40%) } } @media (min-width:768px) { .lighthinking-article__header--video { -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; -webkit-transform: translate(-50%); transform: translate(-50%) } } @media (min-width:768px) { .lighthinking-article__header.is-fixed { position: fixed; z-index: 4; bottom: auto; top: 70px; max-width: 4096px; margin: 0 auto; -webkit-transform: translate(-50%); transform: translate(-50%); -webkit-transition: none; transition: none } } .theme__wrapper.cookie .lighthinking-article__header.is-fixed { top: 140px } .theme__wrapper.newsletter .lighthinking-article__header.is-fixed { bottom: 140px } .lighthinking-article__over-header { position: absolute; bottom: 100%; left: 0 } .lighthinking-article__over-header .btn-simple { -webkit-transition: color .2s linear !important; transition: color .2s linear !important } .lighthinking-article__over-header .btn-simple:before { font-size: 18px; float: none } .lighthinking-article__header.is-fixed .lighthinking-article__over-header { display: none } @media (min-width:768px) { .lighthinking-article__content { padding-top: 60px } } .lighthinking-article__back-btn.btn-simple.white { padding: 10px 20px } .no-touch .lighthinking-article__back-btn.btn-simple.white:hover { background-color: transparent } @media (min-width:768px) { .lighthinking-article.is-video-playing .lighthinking-article__header:not(.is-fixed) { opacity: 0; pointer-events: none; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%) } } .lighthinking-article.is-video-playing .lighthinking-article__background-wrapper:after { -webkit-transform: translateY(100%); transform: translateY(100%) } @media (min-width:768px) { .lighthinking-article.is-video-playing .lighthinking-article__back-btn { color: #000 } } .article-header { background: #fff } .article-header__body, .article-header__footer { border-bottom: 1px solid #d4d4d4 } .article-header__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap } .article-header__image-wrapper { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; display: none } @media (min-width:768px) { .article-header__image-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex } } .article-header__image { -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover; display: block; width: 100%; height: 100% } .article-header__title-group { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0; padding: 15px 20px } @media (min-width:768px) { .article-header__title-group { padding: 45px } } .article-header__title-group>*+* { margin-top: 5px } @media (min-width:768px) { .article-header__title-group>*+* { margin-top: 10px } } .article-header__over-title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 24px; color: #9A0C0C; letter-spacing: 0; display: none } @media (min-width:768px) { .article-header__over-title { display: block } } .article-header__title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #2b2b2b; letter-spacing: -2px; font-size: 32px } @media (min-width:768px) { .article-header__title { letter-spacing: -1px; font-size: 64px } } .article-header__sub-title { font-family: "Source Han Sans", sans-serif; font-weight: 300; line-height: 1.2; letter-spacing: normal; color: #8d8d8d; font-size: 22px } @media (min-width:768px) { .article-header__sub-title { font-size: 32px } } @media (min-width:768px) { .article-header__title+.article-header__sub-title { margin-top: 20px } } .article-header__buttons { display: none; padding: 55px 45px } @media (min-width:768px) { .article-header__buttons { display: block } } .article-header__button { width: 100% } .article-header__button+.article-header__button { margin-top: 20px } .article-header__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px 20px } @media (min-width:768px) { .article-header__footer { padding: 15px 20px } } .article-header__footer-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; line-height: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .article-header__footer-section--right { margin-left: 20px } .article-header__tags { font-size: 0 } .article-header__tags-description { font-size: 14px; color: #8d8d8d; display: none } @media (min-width:768px) { .article-header__tags-description { display: inline-block } } .article-header__tag-list { font-size: 0; display: inline-block; list-style: none; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #666 } .article-header__tag-list--desktop { display: none } @media (min-width:768px) { .article-header__tag-list--desktop { display: inline-block } } @media (min-width:768px) { .article-header__tag-list--mobile { display: none } } .article-header__tag { padding: 7.5px; display: inline-block; position: relative } .article-header__tag--rest { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #4c4c4c; font-size: 16px } .article-header__tag:hover>.article-header__tooltip { pointer-events: auto; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } .article-header__tooltip { padding: 10px; border: 1px solid #d4d4d4; -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .15); box-shadow: 0 2px 0 0 rgba(0, 0, 0, .15); -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; -webkit-transition: all .3s linear; transition: all .3s linear; pointer-events: none; position: absolute; background: #fff; list-style: none; z-index: 1; top: 100%; left: 0 } .article-header__tooltip>.article-header__tag { display: block } .article-header__tag-link { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #666; font-size: 14px; letter-spacing: 0 } .no-touch .article-header__tag-link:focus, .no-touch .article-header__tag-link:hover { color: #9A0C0C } .article-header__date { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; color: #8d8d8d; font-size: 14px } @media (min-width:768px) { .article-header__date { margin-right: 25px } } .article-header__date-description { display: none } @media (min-width:768px) { .article-header__date-description { display: inline } } .article-header__social--within-header { display: none } @media (min-width:768px) { .article-header__social--within-header { display: block } } .article-header__social--within-header .btn-social:not(:first-child) { margin-left: 10px } .article-header__social--within-content { display: block; padding: 11px 0 } @media (min-width:768px) { .article-header__social--within-content { display: none } } .article-header__social--within-content .social-buttons { text-align: center } .article-header__social--within-content .btn-social:not(:first-child) { margin-left: 14px } .article-header__social .btn-social { width: 51px; margin-bottom: 5px; margin-top: 5px } .article-header__social .btn-social:not(:first-child) { margin-left: 10px } .article-header__social .btn-social:before { font-size: 20px; line-height: 28px } @media (min-width:768px) { .article-header--video { background: transparent; border-top: 1px solid #d4d4d4 } .is-fixed .article-header--video { background: #fff } } @media (min-width:768px) { .article-header--video .article-header__title { color: #fff } } @media (min-width:768px) { .article-header--video .article-header__body, .article-header--video .article-header__footer { border-bottom: none } } @media (min-width:768px) { .is-fixed .article-header--video .article-header__title { color: #000 } } @media (min-width:768px) { .is-fixed .article-header--video .article-header__body, .is-fixed .article-header--video .article-header__footer { border-bottom: 1px solid #d4d4d4 } } @media (min-width:768px) { .is-fixed .article-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto } } @media (min-width:768px) { .is-fixed .article-header .article-header__buttons, .is-fixed .article-header .article-header__date, .is-fixed .article-header .article-header__footer-section--left, .is-fixed .article-header .article-header__sub-title { display: none } } @media (min-width:768px) { .is-fixed .article-header .article-header__image-wrapper { -ms-flex-preferred-size: 0; flex-basis: 0 } } @media (min-width:768px) { .is-fixed .article-header .article-header__over-title { color: #8d8d8d; font-size: 13px } } @media (min-width:768px) { .is-fixed .article-header .article-header__body { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1 } } @media (min-width:768px) { .is-fixed .article-header .article-header__title { font-size: 40px } } @media (min-width:768px) { .is-fixed .article-header .article-header__title-group { padding: 30px 24px } } @media (min-width:768px) { .is-fixed .article-header .article-header__footer { -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 30px 24px } } .lighthinking-filter__checkbox { display: block !important } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .lighthinking-route { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } @media (min-width:480px) { .lighthinking-route { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap } } @media (min-width:992px) { .lighthinking-route { -ms-flex-wrap: nowrap; flex-wrap: nowrap } } .lighthinking-route .lighthinking-route__cta.btn-stroke { margin-top: 5px } @media (min-width:480px) { .lighthinking-route .lighthinking-route__cta.btn-stroke { font-size: 12px; padding-right: 25px } .lighthinking-route .lighthinking-route__cta.btn-stroke:after { display: none } } @media (min-width:768px) { .lighthinking-route .lighthinking-route__cta.btn-stroke { font-size: 12px; padding-right: 50px } .lighthinking-route .lighthinking-route__cta.btn-stroke:after { display: inline } } @media (min-width:992px) { .lighthinking-route .lighthinking-route__cta.btn-stroke { font-size: 13px; padding-right: 25px } .lighthinking-route .lighthinking-route__cta.btn-stroke:after { display: none } } @media (min-width:1420px) { .lighthinking-route .lighthinking-route__cta.btn-stroke { font-size: 14px; padding-right: 100px } .lighthinking-route .lighthinking-route__cta.btn-stroke:after { display: inline } } .lighthinking-route--white .lighthinking-route__block { color: #000; background-color: #fff } .lighthinking-route--white .lighthinking-route__block--with-img { color: #fff } .lighthinking-route--white .lighthinking-route__block--with-img:after { background-color: #fff } .lighthinking-route--white .lighthinking-route__cta { color: #9A0C0C; border: 1px solid #9A0C0C } .no-touch .lighthinking-route--white .lighthinking-route__cta:hover { background-color: #9A0C0C; color: #fff } .lighthinking-route--red { background-color: #9A0C0C } .lighthinking-route--red .lighthinking-route__block--with-img { color: #fff } .lighthinking-route--red .lighthinking-route__block--with-img:after { background-color: #9A0C0C } .lighthinking-route--red .lighthinking-route__cta { color: #fff; border: 1px solid #fff } .lighthinking-route--red .lighthinking-route__cta.is-hover, .no-touch .lighthinking-route--red .lighthinking-route__cta:hover { color: #9A0C0C; background-color: #fff } @media (min-width:480px) { .lighthinking-route--half .lighthinking-route__block--with-img { display: none } } @media (min-width:992px) { .lighthinking-route--half .lighthinking-route__block--with-img { display: block } } @media (min-width:768px) { .lighthinking-route--full .lighthinking-route__block:nth-child(4) { display: none } } @media (min-width:992px) { .lighthinking-route--full .lighthinking-route__block:nth-child(4) { display: block } } .lighthinking-route__block { position: relative; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; height: 100%; padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; color: #fff } @media (min-width:480px) { .lighthinking-route__block { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50% } .lighthinking-route--half .lighthinking-route__block { -ms-flex-preferred-size: 100%; flex-basis: 100% } } @media (min-width:768px) { .lighthinking-route__block { -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33% } } @media (min-width:992px) { .lighthinking-route__block { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25% } .lighthinking-route--half .lighthinking-route__block { -ms-flex-preferred-size: 50%; flex-basis: 50% } } @media (min-width:480px) { .lighthinking-route__block--with-img:nth-child(2):after { content: ""; display: block; position: absolute; z-index: 2; width: 34px; height: 34px; top: 35px; left: 0; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: rotate(45deg); transform: rotate(45deg) } } .lighthinking-route__block--with-img .lighthinking-route__content { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end } .no-touch .lighthinking-route__block:hover .lighthinking-route__image img { -webkit-transform: scale(1.05) rotate(.001deg); transform: scale(1.05) rotate(.001deg) } .lighthinking-route__content { position: relative; z-index: 3 } .lighthinking-route__title-img { width: 100%; max-width: 240px; margin: 0 0 8px } @media (min-width:768px) { .lighthinking-route__title-img { margin: 0 0 13px } } .lighthinking-route__description { display: block; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; margin-top: 5px; font-family: "Source Han Sans", sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 0; line-height: 1.75; overflow-y: auto } @media (min-width:992px) { .lighthinking-route__description { font-size: 13px } } @media (min-width:1420px) { .lighthinking-route__description { font-size: 15px } .lighthinking-route__description::-webkit-scrollbar { width: 5px } .lighthinking-route__description::-webkit-scrollbar-track { background: #ebebeb } .lighthinking-route__description::-webkit-scrollbar-thumb { background: #666 } } @media (min-width:1600px) { .lighthinking-route__description { font-size: 16px } } .lighthinking-route__image-subtitle { display: block; margin-top: 5px; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 0; line-height: 1.4 } @media (min-width:1420px) { .lighthinking-route__image-subtitle { font-size: 16px; margin-bottom: 10px } } .lighthinking-route__image { position: absolute; top: 0; right: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1 } .lighthinking-route__image:after { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent)); background: linear-gradient(0deg, #000, transparent); z-index: 2 } .lighthinking-route__image img { position: absolute; width: 100%; height: 100%; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease } .lighthinking-route__image-title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 26px; line-height: 1.23em } @media (min-width:480px) { .lighthinking-route__image-title { font-size: 20px } } @media (min-width:768px) { .lighthinking-route__image-title { font-size: 22px } } @media (min-width:992px) { .lighthinking-route__image-title { font-size: 20px } } @media (min-width:1420px) { .lighthinking-route__image-title { font-size: 26px } } .lighthinking-route__author { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 22px; margin: 5px 0 } .lighthinking-route__tag { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px } .lighthinking-route__date { font-family: "Source Han Sans", sans-serif; font-weight: 400; font-size: 14px; margin-left: 20px } .lighthinking-route-wrapper { position: relative } .lighthinking-route-wrapper:after { content: ""; display: block; padding-bottom: 100% } .lighthinking-route-wrapper--full:after { padding-bottom: 100% } @media (min-width:480px) { .lighthinking-route-wrapper--full:after { padding-bottom: 50% } } @media (min-width:768px) { .lighthinking-route-wrapper--full:after { padding-bottom: 33.33% } } @media (min-width:992px) { .lighthinking-route-wrapper--full:after { padding-bottom: 25% } } .lighthinking-route-wrapper--half:after { padding-bottom: 100% } @media (min-width:480px) { .lighthinking-route-wrapper--half:after { padding-bottom: 100% } } @media (min-width:768px) { .lighthinking-route-wrapper--half:after { padding-bottom: 100% } } @media (min-width:992px) { .lighthinking-route-wrapper--half:after { padding-bottom: 50% } } .lighthinking-route-wrapper .lighthinking-route { position: absolute; width: 100%; height: 100% } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .lighthinking-fw-image { position: relative; width: 100%; margin: 40px 0 } @media (min-width:992px) { .lighthinking-fw-image { margin: 120px 0 } } .lighthinking-fw-image__image:before { content: ""; display: block; padding-top: 118% } @media (min-width:768px) { .lighthinking-fw-image__image:before { padding-top: 48% } } .lighthinking-fw-image__image:after { content: ""; position: absolute; width: 100%; height: 50%; bottom: 0; left: 0; background: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent)); background: linear-gradient(0deg, #000, transparent); z-index: 1 } .lighthinking-fw-image__image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover } .lighthinking-fw-image__text { position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; padding: 20px; color: #fff; font-size: 13px; line-height: 1.38; text-align: left } @media (min-width:768px) { .lighthinking-fw-image__text { padding: 40px; line-height: 2 } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .lighthinking-quote { margin: 40px 0; padding: 0 20px } @media (min-width:992px) { .lighthinking-quote { margin: 80px 0 } } .lighthinking-quote__text { display: block; color: #9A0C0C; font-size: 32px; line-height: 1.4; text-align: center; letter-spacing: -1px } @media (min-width:768px) { .lighthinking-quote__text { font-size: 45px; line-height: 1.33 } } .lighthinking-quote__footer { text-align: center; color: #666; margin-top: 15px } .lighthinking-quote__footer cite { font-style: normal; font-size: 15px } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .lighthinking-content-slider-container { height: 163px; margin: 0 20px } @media (min-width:768px) { .lighthinking-content-slider-container { margin: 40px 0; height: 60vh } } @media (min-width:992px) { .lighthinking-content-slider-container { margin: 100px 0 } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .lighthinking-card { display: block } .lighthinking-card__inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap } .lighthinking-card__image-wrapper { position: relative; display: block; background: #9A0C0C; width: 100px; height: 100px; -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px } .lighthinking-card__image { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover; opacity: 1; -webkit-transition: opacity .2s linear; transition: opacity .2s linear } .lighthinking-card__content { position: relative; margin: 0; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 10px 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column nowrap; flex-flow: column nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .lighthinking-card__title { color: #9A0C0C; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; line-height: 1.23em; font-size: 16px } .lighthinking-card__title+.lighthinking-card__sub-title { margin-top: 0 } @media (min-width:768px) { .lighthinking-card__title { font-size: 18px } .lighthinking-card__title+.lighthinking-card__sub-title { margin-top: 5px } } @media (min-width:1420px) { .lighthinking-card__title { font-size: 24px } } .lighthinking-card__sub-title { color: #8d8d8d; font-family: "Source Han Sans", sans-serif; font-weight: 300; line-height: 1.3; font-size: 14px } @media (min-width:768px) { .lighthinking-card__sub-title { font-size: 16px } } .lighthinking-card__footer, .lighthinking-card__header { display: block; padding: 0 } .lighthinking-card__header:after { content: ""; display: table; clear: both } .lighthinking-card__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .lighthinking-card__footer-item+.lighthinking-card__footer-item { margin-left: 10px } .lighthinking-card__tags { list-style: none; font-size: 0; margin: -5px } .lighthinking-card__tag { display: inline-block; position: relative } .lighthinking-card__tag--rest { color: #4c4c4c } .lighthinking-card__tag:hover>.lighthinking-card__tooltip { pointer-events: auto; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } .lighthinking-card__tag-text { padding: 5px; color: #8d8d8d; font-size: 10px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; letter-spacing: 0 } @media (min-width:768px) { .lighthinking-card__tag-text { font-size: 14px } } .lighthinking-card__tag-text:focus, .lighthinking-card__tag-text:hover { color: #9A0C0C } .lighthinking-card__ellipsis { font-size: 10px; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } @media (min-width:768px) { .lighthinking-card__ellipsis { font-size: 14px } } .lighthinking-card__tooltip { padding: 10px; border: 1px solid #d4d4d4; -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .15); box-shadow: 0 2px 0 0 rgba(0, 0, 0, .15); -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; -webkit-transition: all .3s linear; transition: all .3s linear; pointer-events: none; position: absolute; background: #fff; list-style: none; z-index: 1; top: 100%; left: 0 } .lighthinking-card__tooltip>.lighthinking-card__tag { display: block } .lighthinking-card__date { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 10px; color: #8d8d8d } .lighthinking-card--large .lighthinking-card__inner { display: block; padding-bottom: 75px } .lighthinking-card--large .lighthinking-card__image-wrapper { width: auto; height: auto; padding-bottom: 100% } .lighthinking-card--large .lighthinking-card__content { display: block; position: absolute; bottom: 0; padding: 0; background: #fff; width: 87.5% } .lighthinking-card--large .lighthinking-card__footer, .lighthinking-card--large .lighthinking-card__header { padding: 15px 20px } .lighthinking-card--large .lighthinking-card__footer { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #d4d4d4 } .lighthinking-card--large .lighthinking-card__date { font-size: 14px } @media (min-width:768px) { .lighthinking-card--double.lighthinking-card--large .lighthinking-card__image-wrapper { padding-bottom: calc(50% - 25px) } .lighthinking-card--double.lighthinking-card--large .lighthinking-card__content { margin-right: 23.52941176% } } .lighthinking-card--event .lighthinking-card__title { color: #8d8d8d } @media (min-width:1025px) { .lighthinking-card--video .lighthinking-card__content { width: 100% } } .lighthinking-card--video .lighthinking-card__sub-title { display: none } @media (min-width:1025px) { .lighthinking-card--video .lighthinking-card__header { display: -webkit-box; display: -ms-flexbox; display: flex } } .lighthinking-card:focus-within .lighthinking-card__image, .lighthinking-card:hover .lighthinking-card__image { opacity: .3 } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .cp-pagination { display: block; text-align: center; font-size: 0 } .cp-pagination__browse, .cp-pagination__page { display: inline-block; padding: 20px; background-color: #fff; border: 1px solid #d4d4d4; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #8d8d8d; font-size: 14px; line-height: 1em; text-align: center; margin-left: 0; margin-right: 0; -webkit-transition: color .3s linear, background-color .3s linear, border-color .3s linear; transition: color .3s linear, background-color .3s linear, border-color .3s linear } .cp-pagination__browse.active, .cp-pagination__page.active, .no-touch .cp-pagination__browse:not(.disabled):hover, .no-touch .cp-pagination__page:not(.disabled):hover { color: #fff; background-color: #9A0C0C; border-color: #9A0C0C } .cp-pagination__cell { display: inline-block } .cp-pagination__browse { min-width: 100px } .cp-pagination__browse.disabled { background-color: #ebebeb } .cp-pagination__page { min-width: 50px } .cp-pagination__pages { display: inline-block; list-style: none; font-size: 0; margin-left: 20px; margin-right: 20px } .cp-pagination__pages li { display: inline-block } .cp-pagination li+li a { border-left: none } .cp-pagination--separate { margin: -5px } .cp-pagination--separate .cp-pagination__cell { padding: 5px; vertical-align: top } .cp-pagination--separate .cp-pagination__pages { margin: -5px } .cp-pagination--separate .cp-pagination__browse, .cp-pagination--separate .cp-pagination__page { padding: 16px 24px; font-size: 16px } .cp-pagination--separate .cp-pagination__browse { min-width: auto } .cp-pagination--separate .cp-pagination__number, .cp-pagination--separate .cp-pagination__text { pointer-events: none } .cp-pagination--separate .cp-pagination__text { display: none } .cp-pagination--separate .cp-pagination__number { display: inline-block; margin: 0 -10px } .cp-pagination--separate li { padding: 5px } .cp-pagination--separate li+li a { border-left: 1px solid #d4d4d4 } @media (min-width:768px) { .cp-pagination--separate .cp-pagination__browse, .cp-pagination--separate .cp-pagination__page { font-size: 18px } .cp-pagination--separate .cp-pagination__browse { padding: 18px 20px } .cp-pagination--separate .cp-pagination__browse--prev .cp-pagination__text { margin-left: 30px } .cp-pagination--separate .cp-pagination__browse--next .cp-pagination__text { margin-right: 30px } .cp-pagination--separate .cp-pagination__text { display: inline } .cp-pagination--separate .cp-pagination__page { padding: 18px 27px } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .aa-tools { padding: 0 0 90px; position: absolute; top: 110px; bottom: 0; left: 0; right: 0; overflow-y: scroll } @media (min-width:992px) { .aa-tools { top: 62px; padding: 10px 47px 40px 38px; overflow-y: auto } } .aa-tools--is-hidden { max-height: 0; opacity: 0 } .aa-tools:focus { outline: none } .aa-tools-list { border: none } .aa-tools-dropdown { padding: 0 25px } @media (min-width:992px) { .aa-tools-dropdown { padding: 0 } } .aa-tools-dropdown.is-opened .aa-tools-dropdown__content { max-height: none; overflow: hidden } .aa-tools-dropdown.is-opened .aa-tools-dropdown__arrow { -webkit-transform: translateY(-50%); transform: translateY(-50%) } .aa-tools-dropdown.is-animating .aa-tools-dropdown__content { overflow: hidden } .aa-wizard-overlay { position: absolute; z-index: 5; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, .5); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0 20px } @media (min-width:992px) { .aa-wizard-overlay { right: 24% } } .aa-wizard-overlay.is-closed { display: none } .aa-wizard-overlay__title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #fff; font-size: 20px; margin: 15px 10px; line-height: 1em; letter-spacing: .05em } @media (min-width:992px) { .aa-wizard-overlay__title { font-size: 45px; margin: 30px 0 15px } } .aa-wizard-overlay__text { color: #fff; font-size: 14px; margin-bottom: 10px } @media (min-width:992px) { .aa-wizard-overlay__text { font-size: 16px; margin-bottom: 40px } } .aa-wizard-overlay__start-btn { display: block; color: #fff; background: #9A0C0C; border: none; font-size: 14px; padding: 12px 30px; text-transform: uppercase; font-weight: 700; width: 115px; margin: 0 auto; cursor: pointer } .aa-wizard-overlay__start-btn:focus { outline: none } @media (min-width:992px) { .aa-wizard-overlay__start-btn { font-size: 16px; padding: 17px 50px; width: 176px } } .aa-wizard-overlay img { display: block; width: 24px; height: 24px; margin: 0 auto } @media (min-width:992px) { .aa-wizard-overlay img { width: 38px; height: 38px } } .aa-tools-dropdown { border-bottom: 1px solid #d4d4d4 } .aa-tools-dropdown__head { display: block; position: relative; padding: 15px 20px 15px 0; cursor: pointer; color: #2b2b2b; text-align: left } .no-touch .aa-tools-dropdown__head:hover { color: #2b2b2b } @media (min-width:992px) { .aa-tools-dropdown__head { padding: 14px 20px 14px 0 } } .aa-tools-dropdown__head:focus { outline: none } .aa-tools-dropdown__arrow { display: block; position: absolute; top: 30px; right: 0; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s; font-size: 20px; color: #666 } @media (min-width:992px) { .aa-tools-dropdown__arrow { right: 15px } } .aa-tools-dropdown__content { max-height: 0; overflow: hidden } .aa-tools-dropdown__content-inner { padding: 0 0 10px; text-align: left } .aa-tools-dropdown__content-inner .form-radio__label { padding-left: 35px !important; font-size: 16px !important; color: #2b2b2b !important } .aa-tools-dropdown__content-inner .form-radio__label:hover { color: #9A0C0C !important } @media (min-width:992px) { .aa-tools-dropdown__content-inner .form-radio__label { font-size: 14px !important } } .aa-tools-dropdown__content-inner input[type=radio]:checked+label { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; color: #9A0C0C !important } .aa-tools-dropdown__content-inner input[type=radio]+.form-radio__label:after, .aa-tools-dropdown__content-inner input[type=radio]+.form-radio__label:before { display: none !important } .aa-tools-dropdown__title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 16px; line-height: 2 } @media (min-width:992px) { .aa-tools-dropdown__title { font-size: 14px } } .aa-tools-dropdown__title svg { margin: 0 14px 0 0; -webkit-transform: translateY(4px); transform: translateY(4px) } .aa-tools-dropdown__value { font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2; color: #9a9a9a; margin-top: 3px; padding-left: 35px } @media (min-width:992px) { .aa-tools-dropdown__value { font-size: 14px; margin: 3px 0 } } .aa-tools-dropdown.is-opened .filter-dropdown__content { max-height: none } .aa-tools-dropdown.is-opened .filter-dropdown__head { color: #2b2b2b } .aa-tools-dropdown.is-animating .filter-dropdown__content { overflow: hidden } .aa-tools-dropdown.is-disabled { pointer-events: none; opacity: .3 } .aa-tools-list__li { margin-bottom: 15px } @media (min-width:992px) { .aa-tools-list__li { margin-bottom: 5px } } .aa-wizard { position: relative; background: #000; width: 100%; height: 0; padding-top: 56.2% } @media (min-width:992px) { .aa-wizard { padding-top: 42.8% } .aa-wizard.is-with-note { margin-bottom: 0 } } .aa-wizard__main { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: #666 } @media (min-width:992px) { .aa-wizard__main { width: 76%; overflow: visible } } .aa-wizard__panel { position: fixed; background: #fff; top: 0; right: 0; width: auto; left: 30px; bottom: 0; height: 100%; overflow: visible; z-index: 700; text-align: right; -webkit-animation: fadeIn 2s ease-in; animation: fadeIn 2s ease-in } .aa-wizard__panel:before { display: block; position: absolute; content: ""; background: #000; opacity: .75; top: 0; left: -100%; right: 100%; height: 100%; z-index: -1 } .aa-wizard__panel.is-closed { width: 0; left: 100% } .aa-wizard__panel.is-closed:before { display: none } @media (min-width:992px) { .aa-wizard__panel { position: absolute; z-index: 10; top: 0; right: 0; left: auto; height: 100%; width: 24%; -webkit-animation: none; animation: none } .aa-wizard__panel:before { display: none } .aa-wizard__panel.is-closed { width: 24%; left: auto } } .aa-wizard__close-panel { display: inline-block; position: relative; margin: 15px 25px; font-size: 20px; color: #000; background: transparent; border: none; cursor: pointer } .aa-wizard__close-panel:active, .aa-wizard__close-panel:focus, .aa-wizard__close-panel:hover { outline: none } @media (min-width:992px) { .aa-wizard__close-panel { visibility: hidden } } .aa-wizard__open-panel { display: block; position: absolute; top: 14px; right: 14px; z-index: 5; background: #fff; padding: 11px 12px 10px; text-align: center; border: none; cursor: pointer; white-space: nowrap; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-weight: 700 } .aa-wizard__open-panel:active, .aa-wizard__open-panel:focus, .aa-wizard__open-panel:hover { outline: none } .aa-wizard__open-panel svg { display: inline-block; width: 16px; height: 16px } .aa-wizard__open-panel span { display: none } @media (min-width:992px) { .aa-wizard__open-panel { top: 20px; right: 35px; padding: 12px 20px } .aa-wizard__open-panel svg { width: 20px; height: 20px; margin: 0 14px -4px 0 } .aa-wizard__open-panel span { display: inline } } .aa-wizard__img, .aa-wizard__img img { display: block; position: relative; width: 100%; height: 100% } .aa-wizard__img img { -o-object-fit: cover; font-family: "object-fit:cover;object-position:50% 50%"; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; z-index: 0 } .aa-wizard__img video { display: none } @media (min-width:992px) { .aa-wizard__img video { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; font-family: "object-fit:cover;object-position:50% 50%"; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; z-index: 1 } } .aa-wizard__img-link { display: block; position: absolute; z-index: 3; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5) } @media (min-width:992px) { .aa-wizard__img-link { display: none } } .aa-wizard__img-link svg { display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .aa-wizard__hotspot { position: absolute; width: 48px; height: 48px; z-index: 11; border: 1px solid #ff000066; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transition: all .3s linear; transition: all .3s linear; -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-name: smoothOut; animation-name: smoothOut } .aa-wizard__hotspot.is-visible { opacity: 1; visibility: visible } @-webkit-keyframes smoothOut { 0% { opacity: 0 } to { opacity: 1 } } @keyframes smoothOut { 0% { opacity: 0 } to { opacity: 1 } } .aa-wizard__hotspot-point-wrapper { position: absolute; width: 276px; height: 250px; -webkit-transition: all .3s linear; transition: all .3s linear } .aa-wizard__hotspot-point-wrapper:hover .hotspot__product-preview { -webkit-transition: all .3s linear; transition: all .3s linear; display: block; visibility: visible; opacity: 1 } .aa-wizard__hotspot-point-wrapper:hover .aa-wizard__hotspot { opacity: 1 } .aa-wizard__hotspot-point-wrapper .hotspot__product-preview { -webkit-transition: all .3s linear; transition: all .3s linear; position: absolute; visibility: hidden; opacity: 0; z-index: 12; width: 228px; height: 100px; top: 0; cursor: pointer } .aa-wizard__hotspot-point-wrapper .hotspot__product-preview-wrapper { position: absolute; background: #fff; width: 160px; left: 68px } .aa-wizard__hotspot-point-wrapper .hotspot__product-preview-image { width: 100%; height: 60%; -o-object-fit: cover; font-family: object-fit\:cover; object-fit: cover; background: #fff } .aa-wizard__hotspot-point-wrapper .hotspot__product-preview-image img { width: 100%; height: 100% } .aa-wizard__hotspot-point-wrapper .hotspot__product-preview-description { position: relative; width: 100%; height: 40%; background: #262626; color: #fff; padding: 8px 10px 10px } .aa-wizard__hotspot-point-wrapper .hotspot__product-preview-description span { font-size: 16px; font-weight: 700; line-height: 20px } .aa-wizard__hotspot-point-wrapper .hotspot__product-preview-description p { line-height: .975rem; font-weight: 300; font-size: 12px; color: #fff; opacity: .8 } .aa-wizard__hotspot-point--outer { width: 36px; height: 36px; border: 1px solid red; border-radius: 50%; margin: 5px; cursor: pointer; -webkit-transition: all .3s linear; transition: all .3s linear } .aa-wizard__hotspot-point { width: 23px; height: 23px; border-radius: 50%; cursor: pointer; margin: 5px } .aa-wizard__hotspot-point img { width: 100%; height: 100%; border: none; border-radius: 50% } .aa-wizard__switch { position: absolute; bottom: 30px } .aa-wizard__switch-toggle { position: absolute; display: inline-block; width: 23px; height: 11px; z-index: 10; bottom: 38px; left: 45px } .aa-wizard__switch-toggle input#switch-input { opacity: 0; width: 0; height: 0; display: block } .aa-wizard__switch-toggle input[type=checkbox]+label.thumb span, .aa-wizard__switch-toggle input[type=checkbox]+label:not(.thumb) { padding-left: 0 } .aa-wizard__switch-toggle input[type=checkbox]+label.thumb span:before, .aa-wizard__switch-toggle input[type=checkbox]+label:not(.thumb):before { display: none } .aa-wizard__switch-toggle .switch-toggle__slider { -webkit-box-shadow: 0 0 23px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 23px 0 rgba(0, 0, 0, .2); position: absolute; border-radius: 34px; width: 23px; height: 11px; top: 0; left: 0; -webkit-transition: .4s; transition: .4s; cursor: pointer; right: 0; bottom: 0; background: #ffffff4d } .aa-wizard__switch-toggle .switch-toggle__slider-text-indicator { text-shadow: #000 0 0 10px; position: absolute; white-space: nowrap; left: 31px; bottom: 0; color: #fff; font-size: 14px; font-weight: 400; line-height: 14px; z-index: 10; cursor: pointer; user-select: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none } .aa-wizard__switch-toggle .switch-toggle__slider-point { border-radius: 50%; width: 9px; height: 9px; top: 1px; left: 14px; -webkit-transition: .4s; transition: .4s; position: absolute; background: #fff } .aa-wizard__switch-toggle .switch-toggle__slider-point--outer { position: absolute; border-radius: 50%; width: 23px; height: 23px; top: -10px; left: -10px; -webkit-transition: .4s; transition: .4s; border: 1px solid #ffffff80; margin: 3px } .aa-wizard__switch-toggle .switch-toggle__slider-point--inner { position: absolute; border-radius: 50%; width: 17px; height: 17px; top: -8px; left: -8px; -webkit-transition: .4s; transition: .4s; border: 1px solid #fff; margin: 4px } .aa-wizard__note { display: block; position: relative; font-size: 12px; color: #fff; z-index: 5; background: #000; padding: 19px 30px } .aa-wizard__note--desktop { display: none } @media (min-width:992px) { .aa-wizard__note { position: absolute; left: 20px; bottom: 20px; background: transparent; font-size: 14px; width: calc(100% - 500px); padding: 0 } .aa-wizard__note--desktop { display: block } .aa-wizard__note--mobile { display: none } } .aa-wizard__tip-btn { position: absolute; z-index: 10; right: 14px; bottom: 14px; background: #fff; padding: 11px 12px 10px; text-align: center; border: none; cursor: pointer; white-space: nowrap; pointer-events: none; opacity: .5; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-weight: 700 } .aa-wizard__tip-btn:active, .aa-wizard__tip-btn:focus, .aa-wizard__tip-btn:hover { outline: none } .aa-wizard__tip-btn--desktop { display: none } .aa-wizard__tip-btn--desktop svg { display: inline-block; height: 16px } .aa-wizard__tip-btn--mobile { padding-bottom: 6px } .aa-wizard__tip-btn--mobile svg { display: inline-block; height: 20px } .aa-wizard__tip-btn--active { pointer-events: auto; opacity: 1 } @media (min-width:992px) { .aa-wizard__tip-btn--desktop { display: block; left: -110px; bottom: 20px; padding: 12px 18px; width: 89px; font-size: 14px; line-height: 1.2 } .aa-wizard__tip-btn--desktop svg { width: 20px; height: 20px; margin: 0 5px -4px 0 } .aa-wizard__tip-btn--mobile { display: none } } .aa-wizard__download-btn { display: none } .aa-wizard__download-btn:active, .aa-wizard__download-btn:focus, .aa-wizard__download-btn:hover { outline: none } @media (min-width:992px) { .aa-wizard__download-btn { position: absolute; display: block; left: -188px; bottom: 20px; padding: 12px 18px; width: 55px; background: #fff; color: #000; font-size: 14px; line-height: 1.2; text-align: center; border: none; cursor: pointer; white-space: nowrap; font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-weight: 700; opacity: .5; pointer-events: none } .aa-wizard__download-btn--active { pointer-events: auto; opacity: 1 } .aa-wizard__download-btn svg { display: inline-block; width: 20px; height: 20px; margin: 0 5px -4px 0 } } .aa-wizard__tools-header { background: #f4f4f4; border-bottom: 1px solid #e2e2e2; text-align: left } @media (min-width:992px) { .aa-wizard__tools-header { border: none; text-align: right } } .aa-wizard__tools-title { border-bottom: 1px solid #e2e2e2; padding: 15px 25px; font-size: 16px; text-align: left; color: #000; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700 } @media (min-width:992px) { .aa-wizard__tools-title { border: none; font-size: 14px; padding: 14px 0 14px 38px; margin-top: -51px } } .aa-wizard__settings { text-align: left; padding: 0 35px 25px; overflow-y: auto } .aa-wizard__apply { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; padding: 20px } @media (min-width:992px) { .aa-wizard__apply { display: none } } .aa-wizard__apply-btn { display: block; width: 100%; padding: 16px 0; background: #9A0C0C; color: #fff; border: none; text-align: center; font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 14px } .aa-wizard__apply-btn:active, .aa-wizard__apply-btn:focus { outline: none } .aa-wizard__apply-btn.is-disabled { pointer-events: none; opacity: .7 } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 50% { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } 50% { opacity: 0 } to { opacity: 1 } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .glide-carousel { position: relative } .glide-carousel__slides { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } @media (max-width:767px) { .glide-carousel.only-desktop .glide-carousel__slides { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .glide-carousel.only-desktop .glide-carousel__controls { display: none } .glide-carousel.only-desktop .glide-carousel__slide+.glide-carousel__slide { margin-top: 15px } .glide-carousel.only-desktop .glide-carousel__arrows { display: none } } @media (max-width:767px) and (min-width:768px) { .glide-carousel.only-desktop .glide-carousel__slide+.glide-carousel__slide { margin-top: 0 } } @media (min-width:768px) { .glide-carousel.in-accordion .glide-carousel__slides { padding: 0 30px } } .clearfix:after { content: ""; display: table; clear: both } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .related-carousel__slides { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .related-carousel__slide { width: 100% } .related-carousel.not-initialized .related-carousel__slides { margin: 0 -7px } @media (min-width:768px) { .related-carousel.not-initialized .related-carousel__slides { margin: 0 -12.5px } } .related-carousel.not-initialized .related-carousel__slide { -ms-flex-negative: 0; flex-shrink: 0; width: 50%; padding: 0 7px } @media (min-width:768px) { .related-carousel.not-initialized .related-carousel__slide { width: 18.18181818%; padding: 0 12.5px } } .reset-list { margin: 0; padding: 0; list-style: none } .reset-button { background: none; border: none } .back-link { display: block; position: relative; clear: both; padding: 5px 0 5px 30px; font-family: "Source Han Sans", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.2em; color: #9A0C0C } .back-link:before { margin-right: 10px; margin-top: 1px } .area-consulting { background-color: #fff } .area-consulting__title { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; font-size: 18px; line-height: 1.5; letter-spacing: -.3px } @media (min-width:768px) { .area-consulting__title { font-size: 22px; letter-spacing: -.44px } } .area-consulting__subtitle, .area-consulting__title { color: #000; line-height: 1.56 } .area-consulting__subtitle-wrapper { margin-bottom: 10px } @media (min-width:768px) { .area-consulting__subtitle-wrapper { margin-bottom: 15px } } .area-consulting__subtitle { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: -.32px } @media (min-width:768px) { .area-consulting__subtitle { font-size: 16px } } .area-consulting__subtitle--small { font-family: Helvetica-Neue, HelveticaNeue-Regular, Helvetica, sans-serif; font-weight: 400; font-size: 14px; letter-spacing: -.28px } .area-consulting .area-consulting__subtitle--icon:after { margin-left: 5px; font-size: 17px; font-weight: 700; -webkit-transition: -webkit-transform .3s linear; transition: -webkit-transform .3s linear; transition: transform .3s linear; transition: transform .3s linear, -webkit-transform .3s linear } .area-consulting__paragraphs, .area-consulting__text { color: #6c6c6c; font-size: 14px; line-height: 1.57 } .ny_bt .p1 { font-size: 36px; color: #e2e2e2; text-transform: uppercase; font-family: "Oswald_Bold"; display: inline-block; position: relative; line-height: 1; font-weight: bold; } @media (min-width:768px) { .area-consulting__paragraphs, .area-consulting__text { font-size: 16px; line-height: 1.75 } } .area-consulting__paragraphs { padding-top: 5px } .area-consulting__paragraphs p+p { margin-top: 12px } @media (min-width:768px) { .area-consulting__paragraphs p+p { margin-top: 15px } } .area-consulting__text { margin-top: 5px } .area-consulting__wrapper { padding: 20px 20px 0 } @media (min-width:768px) { .area-consulting__wrapper { padding: 25px 75px 0 40px } } .area-consulting__wrapper--top { padding-bottom: 20px } @media (min-width:768px) { .area-consulting__wrapper--top { padding-top: 30px; padding-bottom: 25px } } .area-consulting__wrapper--bottom { padding-top: 25px; padding-bottom: 50px; background-color: #f4f4f4 } @media (min-width:768px) { .area-consulting__wrapper--bottom { padding-bottom: 35px } } .area-consulting .area-consulting__cta-form { display: block; width: 100%; color: inherit; font-size: inherit; font-weight: inherit; letter-spacing: inherit; text-align: left; cursor: pointer } .area-consulting .area-consulting__cta-form:after { margin-left: 5px; color: #9A0C0C; font-size: 17px; font-weight: 700; -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .area-consulting__accordion.expanded .area-consulting__subtitle:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg) } .area-consulting__accordion.expanded.padding { padding-bottom: 25px } @media (min-width:768px) { .area-consulting__accordion.expanded.padding { padding-bottom: 20px } } .area-consulting__list { margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px } .area-consulting__li { padding: 20px 10px 0 } @media (min-width:768px) { .area-consulting__li { padding-top: 25px } } .area-consulting__link { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 45px; max-width: 100px; height: 45px } @media (min-width:768px) { .area-consulting__link { min-width: 40px; height: 40px } } .area-consulting__image { width: 100% } .area-consulting .border-bottom { border-bottom: 1px solid #e2e2e2 } .area-consulting .padding { padding: 15px 0 } .area-consulting-cta { background: none; border: none; position: fixed; z-index: 199; right: 14px; bottom: 14px; width: 40px; height: 40px; background-color: #9A0C0C; -webkit-box-shadow: 5px 5px 12px 0 rgba(0, 0, 0, .15); box-shadow: 5px 5px 12px 0 rgba(0, 0, 0, .15); outline: none; cursor: pointer } .no-touch .area-consulting-cta:focus { background-color: #a70004 } .area-consulting-cta:after, .area-consulting-cta:before { content: ""; position: absolute; left: 50%; width: 4px; background-color: #fff; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .area-consulting-cta:before { top: 10px; height: 4px; border-radius: 50% } .area-consulting-cta:after { bottom: 10px; height: 14px; border-radius: 10px } @media (min-width:992px) { .area-consulting-cta { position: absolute; top: 0; right: 0; bottom: auto; width: auto; height: auto; padding: 10px 17px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 85% 55%; transform-origin: 85% 55% } .area-consulting-cta:after, .area-consulting-cta:before { content: none } } .area-consulting-cta__text { display: none } @media (min-width:992px) { .area-consulting-cta__text { font-family: Helvetica-Neue, HelveticaNeue-Bold, Helvetica, sans-serif; font-weight: 700; display: inline; color: #fff; font-size: 14px; line-height: 1; letter-spacing: -.18px } } @media (min-width:992px) { .area-consulting-cta.fixed-desktop { position: fixed; top: 130px } } .shuxian{ border-right: 1px solid #bb3939; position: absolute; top: 206px; height: 34%; left: 140px; width: 5px; } .tablist-container{width: 90%; padding: 20px 0 0 0; margin: 0 auto;} .tablist{width: 100%;padding: 0 50px;overflow: hidden;} .tablist-top{width: 100%;} .tablist-top ul{margin-left: -1%;} .tablist-top ul li{width: 25.3%;float: left;margin-left: 1%;background-color: #ffffff; transition: all .4s linear;position: relative;padding: 32px 30px;box-shadow: 0px 0px 24px 0px rgba(2,2,2,0.08);} .tablist-topwords h4{font-size: 28px;color: #111;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .tablist-topwords p{font-size: 18px;color: #666;margin-top: 8px;} .tablist-topwords a{display: inline-block;font-size: 16px;color: #333;margin-top: 18px;position: relative;padding: 4px 0;} .tablist-topwords a:after{position: absolute;content: "";width: 20px;height: 20px;top: 50%;right: -20px;margin-top: -10px;} .tablist-topwords a:before{content: "";position: absolute;width: 0%;height: 1px;background: #9a0c0c;left: 0;bottom: 0;transition: all .4s linear;z-index: 2;} .tablist-topwords a:hover:before{width: 100%;} .tablist-toppic{width: 100%;margin-top: -50px; margin-left: 10%;} .tablist-toppic a{display: flex;height: 230px;align-items: center;justify-content: center;} .tablist-toppic img{ max-width: 100%; object-fit: cover; max-height: 100%; transition: all .6s linear; } .tablist-top ul li:hover{transform: translateY(-4px);} .tablist-top ul li:hover .tablist-toppic img{transform: translateY(-10px);} .tablist-bottom{width: 100%;margin-top: 20px;} .tablist-bottom ul{margin-left: -1%;} .tablist-bottom ul li{ width: 18%;float: left;margin-left: 1%;margin-right: 1%; background-color: #FFFFFF; transition: all .4s linear;height: 318px;position: relative;padding: 16px 30px;box-shadow: 0px 0px 24px 0px rgba(2,2,2,0.08);} .tablist-bottomwords h4{font-size: 20px;color: #333;} .tablist-bottomwords a{display: inline-block;font-size: 16px;color: #333;position: relative;padding: 4px 0;} .tablist-bottomwords a:after{position: absolute;content: "";width: 20px;height: 20px;top: 50%;right: -20px;margin-top: -10px;} .tablist-bottomwords a:before{content: "";position: absolute;width: 0%;height: 1px;background: #FFFFFF;left: 0;bottom: 0;transition: all .4s linear;z-index: 2;} .tablist-bottomwords a:hover:before{width: 100%;} .tablist-bottompic{ width: 200px; margin-top: 22px; /* text-align: right; */ /* padding-right: 4%; */ height: 140px; margin-left: 120px;} .tablist-bottompic img{max-width: 100%;object-fit: cover;max-height: 100%;transition: all .6s linear;} .tablist-bottom ul li:hover{transform: translateY(-4px);} .tablist-bottom ul li:hover .tablist-bottompic img{transform: translateY(-10px);} li{list-style: none!important;} .cpzhyztp{width: auto!important; padding-top: 50px; margin-left: 18px;} .cp_r{ background-color: #9a0c0c; float: right!important; margin-top: -710px; margin-right: -91px; height: 623px!important; } .cp_r .tablist-bottompic { margin-top: 90px!important; text-align: center!important; height:80%!important; margin-left: 0!important; } .cp_r_o{ font-size: 40px; font-family: DOUYU; font-weight: normal; color: #FFFFFF; line-height: 47px; } .cp_r_e{ font-size: 30px; font-family: DOUYU; font-weight: normal; color: #FFFFFF; line-height: 47px; } .ind1{ margin-top: 0; background-color: #fff; } .ind1_left{ width: 50%; float: left; position: relative; opacity: 0; left: -100px; } .ind1_right{ float: left; width: 50%; position: relative; opacity: 0; right: -100px; } .ind1_left{ padding: 64px 0 0 0; box-sizing: border-box; background: url('../images/about.png') no-repeat; background-position: center; background-size: cover; } .ind1_left>h5{ font-size: 45px; color: #222; line-height: 60px; margin: 0; /* font-family: p1; */ padding-left: 110px; padding-right: 200px; font-weight: 400; } .ind1_left>p{ font-size: 16px; color: #888; line-height: 30px; margin: 0; margin-top: 40px; padding-left: 110px; padding-right: 250px; } .counter{ font-size: 50px; color: #333; line-height: 1; font-weight: 600; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .nn{ font-size: 16px; color: #333; } .ind1_con{ padding-right: 190px; display: flex; justify-content: space-between; padding-left: 110px; } .abmore{ width: 100%; line-height: 50px; background: #aa0808; margin-top: 60px; display: block; padding-left: 110px ; box-sizing: border-box; } .abmore>a{ color: #fff; font-size: 18px; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .abmore i{ margin-left: 10px; } .abmore>a:hover { padding-left: 20px; } .ind1rbg{ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 2rem; /* background: url('../images/abb.png') no-repeat; */ /* background-position: center; */ /* background-size: cover; */ display: flex; justify-content: space-between; } .ab_more{ line-height: 2.32rem; padding-left: .75rem; } .ab_more>a{ color: #fff; font-size: .18rem; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .ab_more i{ margin-left: .1rem; } .ab_more>a:hover { padding-left: .2rem; } .ab_right{ display: none; text-align: right; padding-right: 110px; padding-top: .55rem; } .ab_right span{ border-radius: 3px; width: .85rem; height: 30px; display: inline-block; text-align: center; background: #e60012; font-size: .2rem; color: #fff; /* float:right; */ } .ab_right p{ font-size: 30px; line-height: .32rem; margin-top: .15rem; color: #fff; /* float:right; */ } .ind1rimg{ overflow: hidden; } .ind1rimg>video{ height: 544px; } .wxgzh .h2{padding-right:30px;} .wxgzh{text-align: right;padding-right:57px;} .wxgzh img{height:105px;} .ind1rimg img{ cursor: pointer; transition: all 1s; } .ind1rimg img:hover{ transform: scale(1.1); } .ind3 .more { color: #333; font-size: 18px; width: 170px; height: 60px; line-height: 60px; text-align: center; border: 1px solid #e6e6e6; border-radius: 30px; outline: none; opacity: .8; -webkit-transition: 0.3s linear; transition: 0.3s linear; margin-right: 90px; } .more:hover{ opacity: 1; } .more>img { width: 14px; position: relative; margin-right: 10px; top: 1px; } .ind3{ background: #f9f9f9; padding: 60px 0 100px 110px; background-position: center; background-size: cover; } .ind3_con { padding-right:110px; display: flex; justify-content: space-between; margin-top: 60px; /* height: 6.7rem; */ position: relative; opacity: 0; top: 100px; } .ind3txt{ position: relative; width: 100%; margin-right: 40px; } .ind3txt:first-child{ } .ind3txt:last-child{ margin-right: 0 !important; } .ind3tit{ cursor: pointer; width: 100%; height: 218px; background: #fff; margin: 0; position: relative; z-index: 1; padding: 35px 50px 30px; box-sizing: border-box; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .ind3tit:hover{ -moz-box-shadow:1px 6px 9px #ccc; -webkit-box-shadow:1px 6px 9px #ccc; box-shadow:1px 6px 9px #ccc; } .ind3tit>p{ color: #a6a6a6; margin: 0; font-size: 16px; line-height: 1; } .ind3tit>h5 { color: #333; margin: 0; font-size: 16px; line-height: 35px; margin-top: 20px; margin-bottom: 30px; min-height: 70px; font-weight: 400; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; } .ind3tit>div{ color: #333; margin: 0; font-size: 16px; line-height: 10px; -webkit-transition: 0.3s linear; transition: 0.3s linear; } .ind3tit>a>i{ margin-left: 10px; font-size: 18px; } .ind3tit>a:hover{ padding-left: 20px; } .ind3tit>a>img{ width: 7px; margin-left: 12px; position: relative; top:10px; } .ind3tita{ cursor: pointer; position: absolute; width: 40px; height: 210px; right: 0; bottom: 0; background: rgba(102,102,102,.5); padding: 30px 50px 0 0; box-sizing: border-box; } .ind3tita>p{ color: #fff; opacity: .5; font-size: 16px; margin: 0; padding-left: 30px; } .ind3tita>h5{ color: #fff; font-size: 20px; line-height: 30px; margin: 0; margin-top: 20px; margin-bottom: 40px; padding-left: 30px; } .ind3tita>div{ position: absolute; width: 100%; height: 60px; display: block; background: #e60012; bottom: 0; left: 0; padding-left: 30px; } .ind3tita>div>div{ line-height: 60px; font-size: 16px; color:#fff; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } .ind3tita>div>a>i{ margin-left: 10px; font-size: 18px; } .ind3tita>div>a:hover{ padding-left: 20px; } .xwhd{font-size:40px;color:#000000;} .ind3_txt { padding-right: 1.1rem; display: flex; justify-content: space-between; } .bjs{background-color:#ccc;} /* 鍐呴〉banner */ .ny_banner{width:100%;position:relative;} .ny_banner .wrap { width: 1500px; margin: auto; } .ny_banner .bj{width:100%;vertical-align:middle;} .ny_banner .rq{position:absolute;top:85%;left:50%; width: 1500px;transform:translate(-50%,-50%);} .ny_banner .rq .div{width:100%;padding-left:75px;position:relative;} .ny_banner .rq .div img{width:66px;position:absolute;left:0;top:26px;} .ny_banner .rq .p1{ font-family: "YouSheBiaoTiHei"; color: #ffffff; font-weight: bold; font-size: 45px; font-weight: normal; color: #FFFFFF; line-height: 92px;} .ny_banner .rq .p2{font-size:20px;color:#fffefe;line-height:32px;} .ny_banner .rq1{width:100%;position:absolute;left:0;bottom:0;} .ny_banner .rq1 .div{width:100%;height:66px;line-height:66px;border-top:1px solid rgba(255,255,255,.1);} .ny_banner .rq1 .lef{width:70%;float:left;} .ny_banner .rq1 .lef a{font-size:16px;color:#ffffff;margin-right:25px;display:inline-block;position:relative;} .ny_banner .rq1 .lef a:last-child{margin-right:0;} .ny_banner .rq1 .lef a::before{content:'';width:100%;height:2px;background:#9a0c0c;position:absolute;top:-1px;left:0;opacity:0;} .ny_banner .rq1 .lef a.on::before{opacity:1;} .ny_banner .rq1 .rig{width:30%;float:right;text-align:right;} .ny_banner .rq1 .rig a,.ny_banner .rq1 .rig span{font-size:16px;color:#ffffff;padding-right:18px;display:inline-block;position:relative;} .ny_banner .rq1 .rig span{padding-right:0;} .ny_banner .rq1 .rig a::before{content:'';width:4px;height:4px;background:#fff;border-radius:50%;position:absolute;right:7px;top:50%;transform:translateY(-50%);} .wrap,.qywh { width: 1500px; margin: auto; padding-top:0; } .title .lxmc{ font-size: 40px; color: #e2e2e2; text-transform: uppercase; font-family: "Oswald_Bold"; display: inline-block; position: relative; line-height: 1; font-weight: bold; } .title .lxmc:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 20; background-image: linear-gradient( 180deg,#fff,#ffffff 2px,transparent 2px,transparent 4px); background-repeat: repeat-y; background-size: auto 4px; } .title .lxmc_en{ font-size: 28px; color: #333333; line-height: 1; margin-top: 10px; } .gsjj01tp img{margin-bottom: 40px;cursor: pointer;} .loveList .item{align-items:center;padding:3% 5%;margin-bottom:50px;background:#f9f9f9;font-size:16px;color:#666;line-height:2; display: flex!important;} .loveList{counter-reset:index1;font-size:0;display:flex;flex-wrap:wrap;align-items:stretch;} .loveList .item .text{width:64%;padding-right:90px;} .loveList .item .tit{font-size:24px;color:#333;margin-bottom:10px;padding-left:35px;position:relative;font-weight: 500;} .loveList .item .tit:before{counter-increment:index1;content:"0"counter(index1);color:#9a0c0c;font-family:'OswaldRegular';font-weight:bold;font-size:24px;padding-right:10px;position:absolute;left:0;top:0;} .loveList .item .imgbox{position:relative;} .loveList .item .imgbox p{position:absolute;left:0;right:0;bottom:0;z-index:10;background:rgba(0,0,0,.2);text-align:center;font-size:16px;color:#fff;line-height:50px;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none;} .loveList .item:first-child .imgbox p{display:block;} .loveList .item:nth-child(2){flex-direction:row-reverse;} .loveList .item:nth-child(2) .text{padding-left:90px;padding-right:0;} .loveList .item:nth-child(3){display:block;} .loveList .item:nth-child(3) .text{width:64%;padding:0;margin-bottom:20px;} .loveList .item:nth-child(4){flex-direction:row-reverse;} .loveList .item:nth-child(4) .text{padding-left:90px;padding-right:0;} .loveList .item:nth-child(5){display:block;} .loveList .item:nth-child(5) .text{width:100%;padding:0;margin-bottom:20px;} .learningList .item{align-items:center;margin-bottom:50px;border-bottom:1px solid #eeeeee;font-size:16px;color:#666;line-height:2;flex-direction:row-reverse;justify-content:space-between;} .loveList .item .content{color:#333;width: 100%;} .loveList .item:nth-child(3) .content{color:#333;width: 90%;} .imgbox img, .imgbox .scale { transition: .6s; -webkit-transition: .6s; vertical-align: middle; max-width: 100%; width: 480px; height: 326px; } .imgbox:hover img, .imgbox:hover .scale { transform: scale(1.1); -webkit-transform: scale(1.1); } .videolist { position:relative; float:left; width:500px; height:300px; margin-right:50px; margin-top:15px; margin-bottom:30px; } .videolist:hover{ cursor: pointer; } .videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top:45%; z-index:99; border-radius:100%; } .videos{ position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; } .vclose { position:absolute;right:1%; top:70%; border-radius:100%; cursor: pointer; width: 40px; height: 40px;} .gywm_banner{ height: 655px;} .culture{justify-content:space-between;align-items:stretch;display:flex;padding:40px 0;} .culture .left{width:33.33%;padding-right:5%;flex:0 0 auto;} .culture .imgbox{max-height:none;} .culture .pic{position:relative;overflow:hidden;} .culture .pic img{display:block;width:100%;height:auto;} .cultureItems .item{position:relative;padding-left:100px;font-size:16px;color:#666;line-height:24px;padding-bottom:50px;} .cultureItems .item .icon{width:58px;height:58px;font-size:0;text-align:center;line-height:56px;border:1px solid #9a0c0c;border-radius:50%;position:absolute;left:20px;top:0;z-index:10;background:#fff;} .cultureItems .item .tit{font-size:20px;color:#333;margin-bottom:10px;} .cultureItems .item:first-child .icon,.cultureItems .item:nth-child(2) .icon{background:#9a0c0c;} .cultureItems .item:before{content:"";position:absolute;height:100%;left:50px;top:0;border-right:1px solid #d71414;} .culture .imgbox{flex:1 1 auto;position:relative;} .culture .imgbox .text{position:absolute;z-index:20;left:50px;bottom:60px;color:#fff;font-family:"YouSheBiaoTiHei";font-size:42px;line-height:1;} .culture .imgbox .text b{display:block;font-size:78px;font-weight:normal;} .culture .imgbox .text:after{content:"";display:inline-block;width:60px;height:6px;background:#fff;vertical-align:middle;} .cultureItems .item .tubiao{vertical-align: middle; max-width: 100%;} @media(max-width:768px){.culture{flex-wrap:wrap;padding-top:20px;padding-bottom:0;} .culture .left{width:100%;padding-right:0;margin-bottom:20px;} .cultureItems .item .tit{font-size:18px;} .culture .imgbox{width:100%;} .culture .imgbox .scale{position:absolute;left:0;top:0;} .culture .imgbox .text{left:30px;bottom:30px;font-size:18px;} .culture .imgbox .text b{font-size:44px;} .culture .imgbox .text:after{height:2px;} .cultureItems .item{padding-left:70px;} .cultureItems .item:before{left:29px;} .cultureItems .item .icon{left:0;} } .wrap{width:88%;} .wrap .rq{width:100%;background:#f4f4f4;margin-bottom:40px;} .wrap .rq .div{width:100%;height:560px;display:flex;} .wrap .rq .lef{width:36.8%;padding:50px 75px;position:relative;} .wrap .ny_bt .p1:after{display:none;} .wrap .rq .lef .p3{font-size:16px;color:#555555;line-height:32px;margin-top:30px;margin-bottom:40px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .wrap .rq .lef .p4{font-size:24px;color:#333333;border-top:1px solid #ececec;padding-top:45px;} .wrap .rq .rig{width:63.2%;background-size:cover;background-position:center;} .wrap .rq .lef .div1{width:115px;height:50px;position:absolute;left:100px;bottom:86px;} .wrap .rq .lef .div1 .swiper-button-next,.wrap .rq .lef .div1 .swiper-button-prev{width:50px;height:50px;background-image:url(../images/cw_img47.png);background-size:contain;background-repeat:no-repeat;right:0;top:0;transition:all .5s;margin-top:0;} .wrap .rq .lef .div1 .swiper-button-prev{left:0;transform:rotate(180deg);} .join2_con4 .swiper-button-next::after,.join2_con4 .swiper-button-prev::after,.join2_con3 .swiper-button-next::after,.join2_con3 .swiper-button-prev::after,.join2_con2 .swiper-button-next::after,.join2_con2 .swiper-button-prev::after,.wrap .rq .lef .div1 .swiper-button-next::after,.wrap .rq .lef .div1 .swiper-button-prev::after{display:none;} .wrap .rq .lef .div1 .swiper-button-next:hover,.wrap .rq .lef .div1 .swiper-button-prev:hover{background-image:url(../images/cw_img46.png);} @media(max-width:768px){.wrap .rq .lef{padding:40px 15px; width: 100%;} .wrap .rq .div{height:390px;display: block;} .wrap .rq .rig { width: 100%; } .ny_bt .p1 { font-size: 28px;} .ny_bt .p2{font-size:25px!important;} .wrap .rq .lef .p4{font-size:16px;padding-top:15px;} .wrap .rq .lef .div1 .swiper-button-next,.wrap .rq .lef .div1 .swiper-button-prev{width:40px;height:40px;} .wrap .rq .lef .div1{width:100px;height:40px;left:15px;bottom:-30px;} } .ryzz{text-align:center;} .ryzz ul {width:23%;float:left;box-shadow: 0px 2px 10px rgba(0,0,0,0.2);margin:1%;cursor: pointer;} .ryzz ul li{color:#000;} .ryzz ul li:nth-child(2){padding:0 0 20px 0;} .ryzz ul li img{width:100%;height:100%;padding:10px;} .ryzz ul:hover{ transform:scale(1.1);} .alzx{text-align:center;} .alzx ul {width:46%;float:left;box-shadow: 0px 2px 10px rgba(0,0,0,0.2);margin:2%;cursor: pointer;} .alzx ul li{color:#000;text-align:left;} .alzx .alzx-tp{height: 540px;overflow: hidden;} .alzx ul li img{width:100%;height:540px;cursor: pointer; transition: all 1s;} .alzx ul li img:hover{ transform:scale(1.1);} .alzx .alzx-bjs{ background-color: #97060a; padding: 20px; } .alzx .alzx-bjs li{color:#fff;font-size:20px;font-weight:400;} .alzx .alzx-bjs li a{color:#fff;font-size:16px;} .Detail *{color:#000;} .xwlb{width:60%;} .fort_bott{ width: 100%; } .fort_bott .li { width: 100%; border-bottom: 1px solid rgba(255,255,255,0.8); } .fort_bott .info{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #fff; } .info h3{ font-size: 15px; margin-top: 15px; margin-bottom: 15px; color: rgba(255,255,255,0.8); } .inf_img>img{ margin-top: 122%; } .foyu_opi2{ display: none; } .foty_over a{ color: rgba(255,255,255,0.8); width: 100%; display: inline-block; padding-left: 15px; border-bottom: 1px solid rgba(255,255,255,0.1); line-height: 40px; font-size: 14px; } .img_disp3 { display: none; } .ny_bt .p2 { font-size: 36px; color: #333333; line-height: 1; margin-top: 10px; } .fort_bott {display:none;} .lxwm2{width:100%;padding-top:80px;margin-bottom:130px; margin-top: -80px;} .lxwm2 .top{width:100%;margin-bottom:100px;} .lxwm2 .top .lef{width:33.4%;padding-right:20px;float:left;} .lxwm2 .top .lef .div{width:100%;margin-bottom: 60px;} .lxwm2 .top .lef .p{font-size:24px;color:#333333;margin-top:50px;} .lxwm2 .top .lef .div1{width:100%;margin-top:34px;padding-left:75px;position:relative;} .lxwm2 .top .lef .div1::before{content:'';width:2px;height:100%;background:#9a0c0c;position:absolute;left:0;top:50%;transform:translateY(-50%);} .lxwm2 .top .lef .div1 img{width:26px;position:absolute;left:26px;top:50%;transform:translateY(-50%);} .lxwm2 .top .lef .div1 .p2{font-size:16px;color:#333333;margin: 0!important;} .lxwm2 .top .lef .div1 .p3{font-size:20px;color:#333333;font-family:"Oswald_Regular";margin: 0!important;} .lxwm2 .top .rig{width:66.6%;height:560px;float:left;} .lxwm2 .bot{width:100%;} .lxwm2 .bot .div{width:24.4%;height:350px;margin-right:0.8%;background:#000;float:left;background:#f4f4f4;padding:60px 30px;} .lxwm2 .bot .div:nth-child(4){margin-right:0;} .lxwm2 .bot .div .p1{font-size:24px;color:#333333;} .lxwm2 .bot .div .p2{font-size:16px;color:#555555;} .lxwm2 .bot .div1{width:100%;margin-top:30px;font-size:16px;color:#555555;line-height:26px;} @media(max-width:1459px){.lxwm2{padding-top:60px;padding-bottom:70px;} .lxwm2 .top{margin-bottom:70px;} .lxwm2 .top .lef .p{font-size:18px;margin-top:30px;} .lxwm2 .top .lef .div1{padding-left:60px} .lxwm2 .top .lef .div1 .p2{font-size:15px;} .lxwm2 .top .lef .div1 .p3{font-size:18px;} .lxwm2 .top .lef .div1 img{width:24px;left:20px;} .lxwm2 .top .rig{height:440px;} .lxwm2 .bot .div{height:260px;padding:40px 20px;} .lxwm2 .bot .div .p1{font-size:18px;} .lxwm2 .bot .div .p2{font-size:13px;} .lxwm2 .bot .div1{margin-top:20px;font-size:14px;line-height:24px;} } @media(max-width:991px){.lxwm2 .top .lef{width:100%;} .lxwm2 .top .lef .div1{width:49%;margin-right:2%;float:left;} .lxwm2 .top .lef .div1:nth-child(2n){margin-right:0;} .lxwm2 .top .rig{width:100%;height: auto;margin-top:20px;} .lxwm2 .top{margin-bottom:40px; margin-top: 90px;} .lxwm2 .bot .div{height:300px;padding:30px 15px;} } @media(max-width:700px){.lxwm2 .bot .div{width:100%;height:auto;margin-right:0;margin-bottom:15px;} } @media(max-width:500px){.lxwm2{padding-top:40px;padding-bottom:40px;} .lxwm2 .top .lef .p{font-size:16px;margin-top:20px;} .lxwm2 .top .lef .div1{width:100%;margin-right:0;} } .cp-footer p span{color:#333;} @media(max-width:768px){ .tablist { padding: 0!important; } .tablist-top ul li { width: 100%; margin-bottom: 10px; /*background: url(../images/cpbj.png) no-repeat;*/ padding: 0; background-size: 100% 100%; } .main, .main__placeholder, .main__wrapper { height: 576px; } .tablist-toppic img { height: auto; padding-top: 20px; } .cpzhyztp{padding-top:0;} .tablist-bottom ul li{ width: 100%; padding: 0; background-color: #fff; /*background: url(../images/cpbj.png) no-repeat;*/ background-size: 100% 100%; height: auto; margin-bottom: 10px; } .cp_r { float: none!important; margin-top: 0; /*height: 665px!important;*/ /*background: url(../images/2_3tu.png) no-repeat!important;*/ text-align: center; /*padding-top: 60px!important;*/ background-size: 100% 100%!important; margin: 0 !important; height: 300px !important; } .tablist-bottom ul{margin-left:0;} .tablist-bottom { margin-top: 0px; } .tablist-bottompic { width: 100%; margin-top: 0px; margin-left: 0; text-align: center; } .ind1_left{text-align:center;width:100%;} .ind1_left>h5 { font-size: 25px; color: #222; line-height: 30px; margin: 0; padding-left: 0; padding-right: 0; font-weight: 500; width: :100%; text-align: left; padding: 0 20px;; } .ind1_left>p { line-height: 25px; margin-top: 18px; margin-bottom: 0; padding-left: 0; padding-right: 0; text-align: left; font-size: 14px; padding: 0 20px; } .ind1_con { padding-right: 0; padding-left: 0; padding: 0 20px; } .abmore { width: 100%; line-height: 50px; background: #aa0808; margin-top: 20px; display: block; padding-left: 0; box-sizing: border-box; } .ind1_right { float: left; width: 100%; } .ind1rimg>video { height: 220px; } .ind3{padding:20px;} .xwhd { font-size: 26px; color: #000000; width: 100%; text-align: center; font-weight: 500; text-align: left; } .ind3txt { margin-right: 0; width: 100%; margin-bottom: 30px; moz-box-shadow: 1px 6px 9px #ccc; -webkit-box-shadow: 1px 6px 9px #ccc; box-shadow: 1px 6px 9px #ccc; } .ind3 .more { color: #333; font-size: 18px; width: 220px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #e6e6e6; border-radius: 44px; outline: none; opacity: .8; -webkit-transition: 0.3s linear; transition: 0.3s linear; margin-right: 1px; margin-top: 5px; } .ind3tit { height: auto; padding: 20px; } .ind3tit>h5 { color: #333; margin: 0; font-size: 20px; line-height: 24px; margin-top: 10px; margin-bottom: 15px; } .ind3_con { padding-right: 0; display: inline-block; margin-top: 30px; } .cp-main-nav__content__top__menu ul{ padding: 10px; } .cp-main-nav__content__top__menu>ul>li>a { font-size: 18px; } .shuxian{top:175px;} .cp-main-nav__content__top__menu{display:none;} .fort_bott {display:block;} .fort_bott .info{ justify-content: flex-start; } .inf_img{margin-left:50%;} .gywm_banner { height: 300px; object-fit: cover; } .cpzxej ul { width: 100%; float: none; } .wrap{width:100%!important;} .ny_banner .rq .div{display:none;} .ny_banner .rq1 .lef{width: 93%; margin-left: 20px; margin-right: 20px;} .ny_banner .rq1 .lef a{margin-right:5px;} .ny_banner .rq1 .div{line-height:40px;} /* .fenlei,.title{display:none;}*/ .videos{ width: 95%; margin-left: 10px; left: 0; height: auto; margin-top: 0; } .gsjj01tp img { margin-bottom: 10px; height: auto; } .loveList .item{display:block!important;} .loveList .item .text{width:100%;padding-right:0px;} .loveList .item .content { width: 100%; } .loveList .item:nth-child(2) .text,.loveList .item:nth-child(4) .text { padding-left: 0; padding-right: 0; } .cp-main-nav__logo img, .cp-main-nav__logo svg{margin-left:0;} .ryzz ul { width: 98%;} .lightbox .btn-close{top:32%!important;} .alzx ul{width:96%;} .alzx .alzx-tp{height:300px;} .alzx ul li img{height:300px;} .cpzx ul { width: 100%; } .cpzx .cpzx-bt { margin-top: -50px; text-align: center; } .title{text-align:center; padding: 20px 0 20px 0;} .In-News-Show li{display:block; height: auto;} .In-News-Img{width:100%;} .In-News-Right{width:90%;} .In-News-Img img{padding:0 20px;} .DetailNext{display:block;} .formData .item{float:none;width:335px;} .formData { padding: 20px; } .formData .item .txt { width: 100%; } .cp-main-nav__region-caption{display:block;} .ind1_left{min-height:auto;} .ind1{height:auto;} .cpxq { display: block; } .cpxq-yc { width: 100%; padding: 20px;; } .cpxq-nr{ height: auto;} .cpxq-tpj{width:100%;padding:20px 20px 0 20px;} table { overflow-x: auto; display: -webkit-box; -webkit-overflow-scrolling: touch; white-space: nowrap; height: auto; padding: 0 10px; } table p{text-indent:1em!important;padding:0 20px!important;} .wxgzh{text-align:left;} .img-show img { height: 36%!important; margin: auto; padding: 40px!important; margin-top: 66%!important; } .loveList .item:nth-child(3) .text{width:100%;} .tablist-topwords h5{text-align:left;margin-top:0px!important;font-size:16px} .tablist-topwords a{ font-size: 14px; color: #fff; display: block; width: 100%; text-align: center; padding:0; margin-top:-10px; } .tablist-toppic a{display:block;height:180px} .tablist-toppic img{margin-top:0px !important;padding-top:0px;padding-bottom:10px} .tablist-toppic { width: 100%; margin-top: 0; margin-left:0; text-align: center; } .tablist-bottomwords h4{ font-size: 16px; text-align: left; margin-top: 0px; /*padding-bottom: 10px;*/ } .tablist-bottomwords a{ font-size: 14px; color: #fff; display: block; width: 100%; text-align: center; padding:0; margin-top:0px; } .tablist-bottomwords a{display:block;} .tablist-bottompic img { width: 150px; height: auto; padding-top: 0px; padding-bottom: 10px; } .ind1_con .counter{ font-size: 30px; color: #333; line-height: 1; font-weight: 500;} .Detail img{width:100%;} .Detail p{text-indent:0em!important;} } @media (max-width: 768px){ .inf_img { margin-left: 0%; margin-top: 5px; } .info h3 { width: 60%;} } @media screen and (orientation: portrait){ .pc_yc{display:block!important;} .m_dianhua{ display: flex; color: #333; font-size: 19px; justify-content: center; letter-spacing: 1px; background-color: #EDEDED; line-height: 60px; } }