/* SOLUZIONI DIGITALI 360 */
.to-soluzioni-digitali-360 {
    padding: 0 1.6rem 55px;
}

.to-soluzioni-digitali-360 h4{
    padding-top:35px;
    margin-bottom: 1.2rem;
}

.tm-soluzioni-digitali-360-title {
    text-align: center;
    margin-bottom: 35px;
}

.tm-soluzioni-digitali-360-box-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
}

.tm-soluzioni-digitali-360-box picture {
    display: block;
    position: relative;
    width: 100%;
    padding-top: calc(348 / 568 * 100%);
}

.tm-soluzioni-digitali-360-box picture img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.tm-soluzioni-digitali-360-box {
    display: flex;
    flex-direction: column;
}

.tm-soluzioni-digitali-360-box > div {
    height: 100%;
}

.tm-soluzioni-digitali-360-box h3,
.tm-soluzioni-digitali-360-box p {
    padding: 0 20px;
}

.tm-soluzioni-digitali-360-box a {
    width: max-content;
    justify-self: flex-end;
    margin: auto 0 0 20px;
}

.tm-soluzioni-digitali-360-box h3 {
    margin: 20px 0 10px 0;
}

.tm-soluzioni-digitali-360-box p {
    margin-bottom: 15px;
}

@media (min-width: 48rem) {
    .to-soluzioni-digitali-360 {
        padding: 0 calc(1/12*100vw) 55px;
    }

    .tm-soluzioni-digitali-360-box-container {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 35px;
        grid-column-gap: 35px;
    }
}

.tm__tile {
    height: 100%;
    align-content: space-between;
    display: grid;
}

.to-soluzioni-digitali-360.blu-porfolio .tm-tile.tm-tile--offerta.tm-tile--theme-light img {
    aspect-ratio: 16 / 9;
}

@media (min-width: 80em) {
    .to-soluzioni-digitali-360.blu-porfolio .tm-tile__body {
        padding: calc(100vw / 50) !important;
    }
}

.blu-porfolio .to-articoli-letti__wrap {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3.2rem;
}

.blu-porfolio .tm-tileoffertatv img {
    margin: 0;
}

.blu-porfolio .tm-tile__description .ta-button {
    width: 100%;
    max-width: inherit;
}

.blu-porfolio .tm-tile__description .ta-button.-secondary {
    margin-bottom: 1rem;
}

.to-soluzioni-digitali-360.blu-porfolio .tm-tile__body {
    padding: 3.2rem !important;
    height: 100%;
}

.blu-porfolio .tm-tile.tm-tile--offerta.tm-tile--theme-light {
    flex-direction: column;
    border: none;
}

.blu-porfolio .to-filtriNews__chips {
    margin-top: 1.6rem;
}

.blu-porfolio .tm-tile__tags {
    margin-top: 1rem;
}

#filter-wrap {
    padding: 3rem calc(1 / 12 * 100vw);
}

.blu-porfolio .ta-filter-tag {
    padding: 0
}

.blu-porfolio .ta-filter-tag > span {
    padding: 0 0.5rem
}

.blu-porfolio .tm-tile__description {
    margin-bottom: 0;
}

@media (min-width: 1440px) {
    .blu-porfolio .to-articoli-letti__wrap {
        grid-template-columns:1fr 1fr 1fr;
        grid-template-columns:repeat(3, 1fr);
        gap: 10px;
    }

    .blu-porfolio .ta-heading.ta-heading--h3 {
        font-size: 28px;
        line-height: 30px;
    }

    .filterDiv{
        width: calc(3.3 / 12 * 100vw) !important;
    }
}

@media (max-width: 1439px) {
    .blu-porfolio .to-articoli-letti__wrap {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 650px) {
    .blu-porfolio .to-articoli-letti__wrap {
        grid-template-columns: 1fr;
    }

    #filter-wrap {
        padding: 1.6rem;
    }

    .blu-porfolio .tm-filter-tags__list {
        justify-content: start;
    }

    .blu-porfolio .to-filtriNews {
        padding: 0;
    }

    .blu-porfolio .ta-tag.ta-tag--novita {
        height: 24px;
    }

    .blu-porfolio .tm-tile__tags {
        margin-top: 0;
    }

    .to-soluzioni-digitali-360.blu-porfolio .tm-tile__body {
        padding: 1.6rem !important;
    }
}

.scoprisoluzioni {
    width: 100%;
}

#connectivity-box {
    background-image: url(/content/dam/timenterprise/rework022024/images/Soluzioni_Connectivity-hover.jpg);
}

#cloud-box {
    background-image: url(/content/dam/timenterprise/rework022024/images/Soluzioni_Cloud-hover.jpg);
}

#cybersecurity-box {
    background-image: url(/content/dam/timenterprise/rework022024/images/Soluzioni_Cibersecurity-hover.jpg);
}

#iot-box {
    background-image: url(/content/dam/timenterprise/rework022024/images/Soluzioni_5g-IoT-hover.jpg);
}

@media (min-width: 950px) {
    #connectivity-box {
        background-image: url(/content/dam/timenterprise/rework022024/images/Soluzioni_Connectivity.jpg);
    }

    #connectivity-box:hover {
        background-image: url(/content/dam/timenterprise/rework022024/images/Soluzioni_Connectivity-hover.jpg);
    }

    #cloud-box {
        background-image: url(/content/dam/timenterprise/rework022024/images/Soluzioni_Cloud.jpg);
    }

    #cloud-box:hover {
        background-image: url(/content/dam/timenterprise/rework022024/images/Soluzioni_Cloud-hover.jpg);
    }

    #cybersecurity-box {
        background-image: url(/content/dam/timenterprise/rework022024/images/Soluzioni_Cibersecurity.jpg);
    }

    #cybersecurity-box:hover {
        background-image: url(/content/dam/timenterprise/rework022024/images/Soluzioni_Cibersecurity-hover.jpg);
    }

    #iot-box {
        background-image: url(/content/dam/timenterprise/rework022024/images/Soluzioni_5g-IoT.jpg);
    }

    #iot-box:hover {
        background-image: url(/content/dam/timenterprise/rework022024/images/Soluzioni_5g-IoT-hover.jpg);
    }
}

.clap8 {
    padding: 5rem 0;
}

.cc5.stack1.scroller1 {
    background: #efefef !important;
}

ul {
    border: none !important;
}

@media (max-width: 767px) {
    .clap-blade.contain {
        padding: 0 !important;
    }
}

@media (min-width: 550px) {
    .c7.stack1.equal1.border.expand1 li {
        height: 330px;
    }
}

@media (min-width: 950px) {

    .c7.stack1.equal1.border.expand1,
    .c7.stack1.equal1.border.expand1 li {
        max-height: 330px;
    }
}

@media (max-width: 949px) {
    .c7.stack1.equal1.border.expand1 {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .c7.stack1.equal1.border.expand1 li {
        width: 100%;
    }
}

@media (max-width: 550px) {
    .c7.stack1.equal1.border.expand1 {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1.8rem;
    }
}

.clap-blade.contain {
    max-width: inherit !important;
    padding: 0 calc(1 / 12 * 100vw);
}

@media (max-width: 768px) {
    .clap8 {
        padding: 2.4rem 1.6rem;
    }

    .clap-blade.contain {
        max-width: inherit !important;
        padding: 0 calc(1 / 12 * 100vw);
    }
}

body.complete {
    opacity: 1
}

@font-face {
    font-family: 'vesicons';
    src: url('css/resources/vesicons.eot') format('embedded-opentype'), url('css/resources/vesicons.woff') format('woff');
}

.cookie-notification.active {
    z-index: 6;
}

#main.x {
    overflow: hidden;
}

#main.fancybox-content {
    max-width: 1280px;
    min-width: 992px;
    display: inline-block;
}

.fancybox-content {
    max-height: 90vh;
}

.fancybox-content .clap-blade {
    min-width: 920px;
    min-height: 192px;
}

.fancybox-content .grid div.clap-blade {
    min-width: 320px;
    width: auto;
}

.fancybox-content .narrow .clap-blade {
    min-width: 720px;
}

.clap-blade {
    margin-top: 42px;
    margin-bottom: 42px;
}

.shaded > .clap-blade {
    margin-top: 36px;
    margin-bottom: 36px;
}

.clap-blade::after {
    content: "";
    display: block;
    clear: both;
}

.clap-blade.contain {
    margin-left: auto;
    margin-right: auto;
    max-width: 1272px;
    position: relative;
}

.clap-blade.contain.indent,
.clap-blade .contain.indent {
    padding: 0 24px;
}

.clap-blade.contain.fullheight {
    min-height: calc(100vh - 288px);
}

.clap-blade.contain.fullheightdev {
    min-height: calc(75vw - 288px);
    max-height: calc(100vh - 200px);
}

.clap-blade.contain.next {
    padding: 34px 24px 42px;
    margin-bottom: 0;
}

.clap-blade.next .clap-blade {
    margin: 0;
    padding: 0;
}

.clap-blade.nogap,
.nogap > .clap-blade {
    margin-top: 0;
    margin-bottom: 0
}

div:first-child > .clap-blade {
    margin-top: 0;
}

.inset > .clap-blade.contain,
.clap-blade.contain.inset {
    max-width: 992px;
}

.center > .clap-blade {
    text-align: center;
}

.hasSecondaryNav .clap-blade > a[name] {
    scroll-margin-top: 60px;
}

li.clapImg,
li.cappromo2 {
    list-style: none;
    position: relative;
}

.clap-blade .text {
    margin: 12px 0;
}

.clap-blade .text.align-center {
    margin: 12px auto;
}

.clap-blade h1 {
    font-size: 16px;
    line-height: 108%;
    margin: 20px 0;
    float: none;
    font-weight: bold;
}

.clap-blade h1.title {
    font-size: 64px;
    line-height: 64px;
}

.clap-blade .subhead {
    font-size: 24px;
    line-height: 112%;
    font-weight: bold;
    font-family: NHGeDS, NeueHaasGroteskDisplayBold, NeueHaasGrotesk, Arial;
    margin: 18px 0 24px;
    page-break-after: avoid;
}

.clap-blade h2 {
    font-size: 48px;
    line-height: 100%;
    margin-bottom: 6px;
    max-width: 720px;
    page-break-after: avoid;
}

.clap-blade h2.short,
.clap-blade h1.short {
    font-size: 64px;
}

.clap-blade h2.large,
.clap-blade h1.large {
    font-size: 64px;
}

.clap-blade h3 {
    font-size: 20px;
    line-height: 112%;
    max-width: 720px;
    page-break-after: avoid;
}

.clap-blade .c3 > li:not(.double) h2,
.clap-blade .c7 > li:not(.double) h2 {
    font-size: 32px;
}

.clap-blade .c3 > li:not(.double) h2.short,
.clap-blade .c7 > li:not(.double) h2.short {
    font-size: 48px;
}

.clap-blade .c7 > li:not(.double) h2:not(.short),
.tab-content .clap-blade .c3 > li:not(.double) h2:not(.short) {
    font-size: 24px;
}

.clap-blade .c7 h3 {
    font-size: 24px;
}

.clap-blade .double > h3 {
    font-size: 32px;
}

.clap-blade sup {
    position: static;
    vertical-align: super;
}

.clap-blade h3 + .subhead,
.clap-blade h1 + .subhead,
.clap-blade h3 + h2 {
    margin-top: 9px;
}

.clap-blade p {
    font-size: 18px;
    line-height: 125%;
    max-width: 780px;
    margin: 12px 0;
}

.clap-blade ul {
    font-size: 16px;
    line-height: 125%;
    list-style: disc;
    padding-left: 24px;
    margin: 12px 0;
}

.clap-blade ol {
    font-size: 16px;
    line-height: 125%;
    margin: 12px 0;
}

.clap-blade ul.plain {
    list-style: none;
    padding-left: 0;
}

.clap-blade li {
    margin-bottom: 6px;
}

.clap-blade ul.large {
    font-size: 20px;
}

.clap-blade ul.large > li {
    margin: 12px 0;
}

.clap-blade p.disclaimer {
    font-size: 12px;
    padding: 0
}

.clap-blade p.disclaimer.bottom {
    position: absolute;
    bottom: 6px;
}

.clap-blade p.small {
    font-size: 12px;
}

.clap-blade p.right {
    text-align: right;
}

.clap-blade p a,
.clap-blade li > a,
.clap-blade xa.vz-text-link:not(.button):not(.thumb) {
    color: inherit;
    text-decoration: underline;
    outline-offset: 3px;
}

.clap-blade li.double li {
    max-width: 780px;
}

.clap-blade h2 > u {
    line-height: calc(100% + 12px);
    text-underline-offset: 8px;
    display: inline-block;
    padding-bottom: 12px;
}

.clap-blade h2.short > u,
.clap-blade h2.large > u {
    text-underline-offset: 12px;
}

.clap-blade .colorHeat1 {
    background: linear-gradient(to right, #FFC60F 0%, #E9070B 80%, #7F1583 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    padding-bottom: 0.2em;
    margin-bottom: 0;
}

.clap-blade .colorHeat {
    background: linear-gradient(to right, #FBC90C 0%, #FABA0F 21%, #FC8710 38.5%, #FD6F0F 57%, #F0110B 71.5%, #E30512 86%, #DE061D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    padding-bottom: 0.2em;
    margin-bottom: 0;
}


.center > .clap-blade p,
.center > .clap-blade h2,
.center > .clap-blade h3 {
    margin-left: auto;
    margin-right: auto;
}

.clap-blade form.error {
    border-top: dashed 2px #f90;
}

.clap-blade .xlang::before {
    display: none;
    position: absolute;
    font-size: 11px;
    line-height: normal;
    text-align: center;
    font-family: Arial;
}

.clap-blade .button.xlang {
    padding: 6px 24px 14px;
    position: relative;
    top: -4px;
}

.clap-blade a.link.xlang,
.clap-blade a > span.xlang {
    position: relative;
}

.clap-blade .button.xlang::before {
    display: block;
    left: 0;
    right: 0;
    bottom: 6px;
}

.clap-blade a.link.xlang::before {
    display: block;
    left: 0;
    right: 24px;
    top: 100%;
}

.clap-blade a > span.xlang::before {
    display: block;
    left: 0;
    right: 0;
    top: 100%;
}

.clap-blade .border a.link::before {
    text-align: inherit;
}

[lang="fr"] .clap-blade .xlang::before {
    content: "en anglais";
}

[lang="de"] .clap-blade .xlang::before {
    content: "auf Englisch";
}

[lang="ja"] .clap-blade .xlang::before {
    content: "英語";
}

.clap-blade .sharepage > span {
    color: inherit;
    float: none;
    display: inline-block;
    font-weight: 300;
    text-transform: none;
    padding-right: 12px;
}

.clap-blade .sharepage > a {
    float: none;
    display: inline-block;
    border: none;
    font-size: 26px;
    line-height: 26px;
    width: 26px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    margin: 0 6px;
}

.clap-blade .sharepage > a::after {
    display: none;
}

.clap-blade .sharepage > a.vzi-envelope {
    border-radius: 16px;
    font-size: 20px
}

.sharepage > a.vzi-facebook-square:hover {
    color: #3a5795
}

.sharepage > a.vzi-twitter:hover {
    color: #55acee
}

.sharepage > a.vzi-linkedin-square:hover {
    color: #1b86bc
}

.sharepage > a.vzi-googleplus-square:hover {
    color: #d73d32
}

.sharepage > a.vzi-envelope:hover {
    color: #999
}

.clap-blade a.img > img,
.clap-blade a.img > picture,
.clap-blade a.img > picture > img,
.clapImg img {
    display: block;
    max-width: 100%;
    max-height: 100vw;
}

.clap-blade img.rounded {
    border-radius: 12px;
}

.clapImg img[src*=".svg"] {
    width: 100%;
}

.clap-blade a.cq-dd-asset {
    display: block;
}

.clap-blade a.img > .drop {
    display: block;
    border: dashed 1px #aac;
    color: #999;
    width: 80%;
    text-align: center;
    line-height: 102px;
}

.clap-blade a.img::after {
    display: none;
}

.clap-blade > div.fbg {
    position: absolute;
    z-index: 0;
    top: 0;
    right: calc(50% - 50vw);
    bottom: 0;
    left: calc(50% - 50vw);
    margin: -54px 0;
    background-size: cover;
    background-repeat: no-repeat;
}

.clap-blade > div.fbg.contain {
    right: 0;
    left: 0;
    overflow: hidden
}

.clap-blade > div.fbg.bleed {
    background-size: 150% auto !important;
    right: calc(50% - 50vw + 8px)
}

.clap-blade > div.fbg + div {
    position: relative;
}

.clap-blade > div.fbg > video {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

body:not(.complete) .clap-blade:not(.hero) div.fbg:not(.inview) {
    background-image: none !important;
}

@media (min-width: 1280px) {
    .clap-blade > div.fbg.bleed {
        background-size: 1920px auto !important;
        background-position-x: center !important;
    }
}

@media (min-width: 1920px) {
    .clap-blade > div.fbg.bleed {
        background-position-x: center !important;
    }

    .clap-blade > div.fbg:not(.bleed) {
        left: calc(50% - 960px);
        right: calc(50% - 960px);
    }

    .clap-blade > div.fbg.contain {
        right: 0;
        left: 0;
    }
}

@media (max-width: 949px) {
    .clap-blade > div.fbg.detach {
        position: relative;
        margin: 0 -48px 0 -24px;
        padding-top: 45%;
    }

    .clap-blade > div.fbg.detach > video {
        position: absolute;
    }

    .shaded .clap-blade > div.fbg.detach {
        margin: -48px -48px 0 -24px;
    }

    .clap-blade > div.fbg.detach + ul > li.hasbg {
        display: none;
    }
}


article.padded {
    padding: 12px 0;
}

article.shaded {
    background-color: #f6f6f6;
    padding: 12px 0;
}

article.shaded.dark {
    background-color: #000;
}

article.shaded.contain,
article.dark.contain {
    max-width: 1272px;
    margin: 0 auto;
}

article.dark *,
.clap-blade .dark *,
.clap-blade.dark * {
    color: #fff;
    outline-color: #ccc;
}

article.divided:before {
    content: "";
    display: block;
    border-top: solid 1px #ddd;
    margin: 0 auto;
    max-width: 1280px
}

article.reddiv {
    padding: 6px 0;
    border-top: solid 2px #d52b1e;
}

article.disabled {
    background-image: repeating-linear-gradient(-30deg, transparent, transparent 18px, rgba(255, 255, 90, 0.25) 18px, rgba(240, 240, 90, 0.25) 24px);
}

article.disabled > .clap-blade {
    opacity: 0.75;
}

article.shaded.rounded {
    border-radius: 8px;
}

.shaded.aCinema > .clap-blade {
    min-height: calc(37vw - 96px);
}

.shaded.aLarge > .clap-blade {
    min-height: calc(47vw - 96px);
}

@media (min-width: 1280px) {
    .shaded.aCinema > .clap-blade {
        min-height: 378px;
    }

    .shaded.aLarge > .clap-blade {
        min-height: 504px;
    }
}

@media (max-width: 949px) {
    .shaded.aCinema:not(.center) div.fbg + ul {
        padding-right: 25%;
    }
}

.clap8 div.newpar {
    clear: left;
}

.clap9 .mainleft {
    position: relative;
    width: 65%;
    float: left;
    clear: right;
    padding-bottom: 12px;
}

.clap9 .rightcol {
    display: block;
    float: right;
    padding-top: 0;
    padding-bottom: 12px;
    width: 31.5%;
    position: relative;
}

.clap9 section::after {
    content: " ";
    display: block;
    clear: both;
}

.clap-blade .rightcol > ul > li,
.clap-blade .rightcol > ul > div {
    margin-bottom: 24px;
    position: relative;
}

.clap-blade .rightcol > ul.shaded > li {
    list-style: none;
    background: #f6f6f6;
    padding: 24px;
}

.clap-blade .rightcol .clap-blade {
    margin: 12px 0;
}

.clap9 .mainleft .clap-blade.indent {
    padding: 0;
    margin-top: 24px;
}

.clap9 .rightcol h4 {
    font-size: 20px
}

.clap9 .rightcol ul,
.clap9 .rightcol p {
    font-size: 16px;
}

.clap9 .rightcol ul {
    padding-left: 0;
    list-style: none;
}


.clapflipcard .flip-card {
    background-color: transparent;
    border: 0px solid #f1f1f1;
    perspective: 1000px;
}

.c2 .clapflipcard .flTall .flip-card {
    height: 802px;
    width: 602px;
}

.c3 .clapflipcard .flTall .flip-card {
    height: 520px;
    width: 390px;
}

.c7 .clapflipcard .flTall .flip-card {
    height: 380px;
    width: 285px;
}

.c2 .clapflipcard .flWide .flip-card {
    height: 447px;
    width: 596px;
}

.c3 .clapflipcard .flWide .flip-card {
    height: 288px;
    width: 384px;
}

.c7 .clapflipcard .flWide .flip-card {
    height: 209px;
    width: 278px;
}

.c2 .clapflipcard .flSquare .flip-card {
    height: 596px;
    width: 596px;
}

.c3 .clapflipcard .flSquare .flip-card {
    height: 384px;
    width: 384px;
}

.c7 .clapflipcard .flSquare .flip-card {
    height: 278px;
    width: 278px;
}

.c3 .clapflipcard .promo.flTall::before {
    padding-top: calc(100% - 48px) !important;
}

.c7 .clapflipcard .promo.flTall::before {
    padding-top: calc(100% - 48px) !important;
}

.clapflipcard .flip-card-inner {
    position: relative;
    width: calc(100% - 24px) !important;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.clapflipcard .turnaround {
    transform: rotateY(180deg);
}

.clapflipcard .flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.clapflipcard .flip-card-front {
    overflow: hidden;
}

.clapflipcard .flip-card-back {
    overflow: auto;
}

.clapflipcard .flip-card-front {
    background-color: #bbb;
    color: black;
    padding: 32px;
    z-index: 1;
}

.clapflipcard .flip-card-back {
    background-color: #F6F6F6;
    color: black !important;
    transform: rotateY(180deg);
    padding: 32px;
    z-index: 2;
    display: flex;
    flex-direction: column;
}

.clapflipcard .flip-card-back.rounded,
.clapflipcard .flip-card-front.rounded {
    border-radius: 8px;
}

.clapflipcard .flip-card-back p,
.clapflipcard .flip-card-back h2,
.clapflipcard .flip-card-back h3,
.clapflipcard .flip-card-back a {
    color: black !important;
    max-width: 90%;
}

.clapflipcard .flip-card-back a.primary {
    color: white !important;
}

.clapflipcard .flip-card-back a.link::after {
    color: black !important;
    filter: none !important;
}

.clap-blade .dark .flip-card-back * {
    color: black !important;
}

.clapflipcard .flip-card-back .button {
    width: max-content;
}

.clapflipcard .flip-card-front h2 {
    position: absolute !important;
    left: 32px;
    width: calc(100% - 32px);
    margin-bottom: 0 !important;
}

.clapflipcard div.flip-card-front h2.hxl {
    font-size: 64px;
}

.clapflipcard div.flip-card-front h2.hl {
    font-size: 48px;
}

.clapflipcard div.flip-card-front h2.hm {
    font-size: 32px;
}

.clapflipcard div.flip-card-front h2.hs {
    font-size: 24px;
}

.clapflipcard div.flip-card-back h3.hxl {
    font-size: 64px;
    max-width: 90%;
}

.clapflipcard div.flip-card-back h3.hl {
    font-size: 48px;
    max-width: 90%;
}

.clapflipcard div.flip-card-back h3.hm {
    font-size: 32px;
    max-width: 90%;
}

.clapflipcard div.flip-card-back h3.hs {
    font-size: 24px;
    max-width: 90%;
}

.clapflipcard .flip-card-front h2.top {
    top: 32px;
}

.clapflipcard .flip-card-front h2.center {
    top: calc(50% - 16px);
    text-align: left;
}

.clapflipcard .flip-card-front h2.bottom {
    bottom: 32px;
}

.clapflipcard .opacity0 {
    opacity: 0;
}

.clapflipcard .flip-card-none {
    display: none !important;
}

.clapflipcard .turn {
    z-index: 1;
    position: absolute !important;
    bottom: 32px;
    right: 32px;
    height: 32px;
    width: 32px;
}

.clapflipcard .flip-card input:checked + .flip-card-inner {
    transform: rotateY(180deg);
}

.clapflipcard .flip-card input[id^=toggle] {
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.clapflipcard .flip-card .turn label {
    width: 32px;
    height: 32px;
    position: absolute;
    bottom: 0;
    right: 0px;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTggOFYyNy45NTYyWiIgZmlsbD0id2hpdGUiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDE4LjEyNTlIMjhaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTggOFYyNy45NTYyTTggMTguMTI1OUgyOCIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=) no-repeat center center/32px;
}

.clapflipcard .flip-card .turn label.on {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTEzIDEybDUtNS0xLTEtNSA1LTUtNS0xIDEgNSA1LTUgNSAxIDEgNS01IDUgNSAxLTF6Ij48L3BhdGg+PC9zdmc+) no-repeat center center/32px;
}

/
/
.clapflipcard .flip-card .turn label.on {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzUiIGhlaWdodD0iMzQiIHZpZXdCb3g9IjAgMCAzNSAzNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTM1IDE3QzM1IDI2LjM4ODggMjcuMTY1IDM0IDE3LjUgMzRDNy44MzUwMiAzNCAwIDI2LjM4ODggMCAxN0MwIDcuNjExMTYgNy44MzUwMiAwIDE3LjUgMEMyNy4xNjUgMCAzNSA3LjYxMTE2IDM1IDE3WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik04IDdMMjggMjdaIiBmaWxsPSJibGFjayIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTggMjdMMjggN1oiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik04IDdMMjggMjdNOCAyN0wyOCA3IiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==) no-repeat center center/32px;
}

.clap-blade .dark .flip-card-back .button.primary {
    color: #fff;
    background-color: #000;
}

.clap-blade .dark .flip-card-back .button.secondary {
    color: #000;
    background-color: transparent;
    border: #000 solid 2px;
}

.clapflipcard .turn.on {
    z-index: 1;
    top: 24px;
    right: 24px;
}

/
/
.clapflipcard .turn.on {
    z-index: 1;
    position: sticky !important;
    bottom: 0px;
    right: 32px;
    height: inherit;
    width: inherit;
    flex-grow: 1;
}

@media (max-width: 949px) {
    .clapflipcard div.flip-card-front h2.hxl {
        font-size: 36px;
    }

    .clapflipcard div.flip-card-front h2.hl {
        font-size: 32px;
    }

    .clapflipcard div.flip-card-front h2.hm {
        font-size: 24px;
    }

    .clapflipcard div.flip-card-front h2.hs {
        font-size: 20px;
    }

    div.fbg.flipbg,
    div.fbg.flipbg {
        margin-left: 0 !important;
    }

    .clapflipcard .flTall .flip-card {
        height: 458px !important;
        width: 344px !important;
    }

    .clapflipcard .flWide .flip-card {
        height: 259px !important;
        width: 344px !important;
    }

    .clapflipcard .flSquare .flip-card {
        height: 344px !important;
        width: 344px !important;
    }

    .clapflipcard .flip-card-back {
        overflow: scroll;
    }

    .clapflipcard .turn.on {
        position: sticky !important;
        bottom: 0px;
        right: 32px;
        height: 32px;
        width: inherit;
    }

    .clapflipcard .flip-card-front h2.hxl.center {
        top: calc(50% - 36px);
    }

    .clapflipcard .flip-card-front h2.hl.center {
        top: calc(50% - 32px);
    }

    .clapflipcard .flip-card-front h2.hm.center {
        top: calc(50% - 24px);
    }

    .clapflipcard .flip-card-front h2.hs.center {
        top: calc(50% - 20px);
    }
}

.clap-blade h3[class*=" vzi-"] {
    padding: 0;
    margin: 0 12px 6px 0;
    position: relative;
}

.clap-blade h3[class*=" vzi-"] .img {
    float: left;
    margin: -6px 18px 18px 0;
    width: 102px;
    height: 102px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}

.clap-blade h3[class*=" vzi-"] + *,
.clap-blade h3[class*=" vzi-"] + .subhead + * {
    clear: left;
}

.clap-blade h3[class*=" vzi-"] + .subhead,
.clap-blade h3[class*=" vzi-"] + h2 {
    clear: none;
    margin-left: 132px;
    margin-top: 6px;
    line-height: 105%;
    display: table-cell;
    vertical-align: middle;
    height: 64px;
}

.clap-blade .related li > a {
    text-decoration: underline;
}

.clap-blade .related a + p {
    margin-top: 2px;
    font-size: 14px;
}

.clap-blade .related li.hide {
    display: none;
}

.clap-blade figure {
    margin: 0;
    position: relative;
}

.clap-blade figure > video {
    max-width: 100%;
    display: block;
}

.clap-blade figcaption {
    padding: 1px 12px;
}

.clap-blade figcaption p {
    font-size: 16px;
}

.clap-blade figure *[data-fancybox] {
    cursor: zoom-in;
}

.fancybox-slide .fancybox-image {
    background-color: #fff;
}

.lightbox-buttons {
    float: right;
    margin: 0 -24px -24px 0;
}

div.lightbox-buttons > button.fancybox-button {
    margin-left: 6px;
    padding: 0;
    background: none;
    color: #000;
    position: static;
    width: 20px;
    height: 20px;
}

div.lightbox-buttons > button.fancybox-button[disabled] {
    opacity: 0.25;
}

@media (min-width: 992px) {
    article.inset div.text {
        margin-left: calc(496px - 50vw);
    }
}

@media (min-width: 1278px) {
    article.inset div.text {
        margin-left: -143px;
    }

    .fancybox-content .clap-blade.contain {
        width: 1272px;
    }

    .fancybox-content .narrow .clap-blade.contain {
        width: 720px;
    }
}

@media all and (max-width: 1278px) {
    .clap-blade h2 {
        font-size: 36px;
    }

    .clap-blade h2.short,
    .clap-blade h2.large {
        font-size: 56px;
    }

    .clap-blade .c7 > li:not(.double) h2.short {
        font-size: 30px;
    }

    .clap-blade .c7 h4 {
        font-size: 16px;
    }

    .clap-blade .c3 > li:not(.double) h2.short {
        font-size: 30px;
    }

    .clap-blade .double > h3 {
        font-size: 24px;
    }

    #main.fancybox-content {
        max-width: 92vw;
        min-width: 77vw;
        padding: 0;
    }

    .fancybox-content .clap-blade.contain {
        max-width: 992px;
    }
}

@media all and (max-width: 992px) {

    .clap-blade p,
    .clap-blade ul {
        font-size: 16px;
    }

    .clap-blade h1.title,
    .clap-blade h1.short {
        font-size: 48px;
        line-height: 46px;
    }

    .clap-blade h2 {
        font-size: 32px;
    }

    .clap-blade h2.short,
    .clap-blade h2.large {
        font-size: 48px;
    }

    .clap-blade .c7 > li:not(.double) h2 {
        font-size: 24px;
    }

    .clap-blade .c3 > li:not(.double) h2 {
        font-size: 24px;
    }

    .fancybox-content .clap-blade {
        min-width: 90vw;
    }
}

@media screen and (max-width: 992px) {
    .clap9 .mainleft {
        width: auto;
        float: none;
    }

    .clap9 .rightcol {
        width: auto;
        float: none;
    }
}

@media all and (max-width: 949px) {
    .clap-blade h3[class*=" vzi-"] .img {
        width: 80px;
        height: 80px;
        background-size: contain;
    }

    .clap-blade h3[class*=" vzi-"] + .subhead {
        margin-left: 92px;
        height: 40px
    }

    .clapImg img {
        max-height: 150vh;
    }

    .clap-blade h1.title,
    .clap-blade h1.short {
        font-size: 36px;
        line-height: 34px;
    }

    .clap-blade h2.short,
    .clap-blade h2.large {
        font-size: 36px;
    }

    .fancybox-content .narrow .clap-blade {
        min-width: 90vw;
    }
}

@media all and (max-width: 489px) {
    .clap-blade h3[class*=" vzi-"] .img {
        width: 64px;
        height: 64px;
        margin-right: 12px;
    }

    .clap-blade h3[class*=" vzi-"] + .subhead {
        margin-left: 76px;
        height: 40px
    }
}

@media all and (max-width: 1020px) {
    .clap-blade.contain.fullheight {
        min-height: calc(100vh - 248px)
    }
}

@media all and (max-height: 520px) {
    .clap-blade.contain.fullheight {
        min-height: 240px;
    }
}

@media print {
    .clap2 > article {
        padding: 1px 0;
        margin: -1px 0;
        page-break-inside: avoid;
    }

    .clap-blade .border a.thumb.noimg {
        min-height: 60px;
    }

    .clap-blade .c7 > li:not(.double) h2 {
        font-size: 20px;
    }

    .clap-blade.sticky .c3 > li h2 {
        font-size: 20px;
    }

    .clap-blade .c7 > li:not(.double) h3 {
        font-size: 18px;
    }

    .clap-blade .c7 h4,
    .clap-blade .c7 p {
        font-size: 12px;
    }
}

.clap-blade a.link {
    display: inline-block;
    text-decoration: none;
    margin-right: 12px;
    padding-right: 16px;
    outline-offset: 3px;
    font-size: 16px;
    font-weight: bold;
    font-family: NHGeDS, "NeueHaasGroteskDisplayBold", Arial, Sans-Serif;
}

.xclap-blade a.link::after {
    content: "\f054";
    font-family: vesicons;
    display: inline-block;
    margin-right: -24px;
    padding-left: 15px;
    font-size: 14px;
    vertical-align: middle;
}

.xclap-blade a.link::after {
    content: "";
    display: inline-block;
    margin: -1px -.6em 0 0;
    width: .6em;
    height: .6em;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: rotate(-45deg);
}

.clap-blade a.link::after {
    content: "";
    display: inline-block;
    margin: -1px -18px 0 6px;
    width: 12px;
    height: 12px;
    background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE0IDE0Ij48cG9seWdvbiBwb2ludHM9IjEuNywxMy43IDAuMywxMi4zIDUuNiw3IDAuMywxLjcgMS43LDAuMyA4LjQsNyIvPjwvc3ZnPgo=) no-repeat center center/12px;
}

.clap-blade.dark a.link::after,
.dark .clap-blade a.link::after,
.clap-blade .dark a.link::after {
    border-right-color: #fff;
    border-bottom-color: #fff;
    filter: invert(1);
}

.clap-blade a.link[href^="tel:"]::after {
    display: none;
}

.clap-blade a.link:active {
    color: #747676;
}

.clap-blade a.link:active:after {
    opacity: 0.5;
}

.clap-blade a.link.back {
    position: relative;
    padding-left: 16px;
    padding-right: 6px;
}

.clap-blade a.link.back::after {
    position: absolute;
    left: 0;
    top: 6px;
    margin-left: 0;
    transform: scaleX(-1);
}

.clap-blade .button,
.clap-blade button.primary {
    display: inline-block;
    position: relative;
    width: auto;
    min-width: 96px;
    padding: 10px 24px;
    margin: 6px 12px 6px 0;
    outline-offset: 3px;
    border: solid 1px #000;
    border-radius: 24px;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-family: NHGeDS, "NeueHaasGroteskDisplayBold", NeueHaasGrotesk, Arial, Sans-Serif;
}

.clap-blade .button.primary,
.clap-blade button.primary {
    color: #fff;
    background-color: #000;
}

.clap-blade .button.secondary,
.clap-blade button.secondary {
    color: #000;
    background-color: transparent;
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.5);
}

.clap-blade.dark .button.primary,
.clap-blade .dark .button.primary,
.dark .clap-blade .button.primary {
    color: #000;
    background-color: #fff;
    border-color: #fff;
}

.clap-blade.dark .button.secondary,
.clap-blade .dark .button.secondary,
.dark .clap-blade .button.secondary {
    color: #fff;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    border-color: #fff;
}

.clap-blade .right .button {
    margin-right: 0;
}

.clap-blade .button:hover:before {
    content: "";
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px;
    border: solid 2px #000;
    border-color: inherit;
    border-radius: 24px;
}

.clap-blade .button:active,
.dark .clap-blade .button:active,
.clap-blade .dark .button:active {
    border-color: #747676;
}

.clap-blade .button.primary:active {
    background: #747676;
}

.clap-blade .button.secondary:active {
    color: #747676;
}

.clap-blade.dark .button.primary:active,
.dark .clap-blade .button.primary:active {
    background: #747676;
}

@media (min-width: 992px) {

    .clap-blade .button,
    .clap-blade button.primary {
        padding: 10px 48px;
    }

    .c7 .button,
    .c5 .button,
    .c6 .button {
        padding: 10px 24px;
    }
}

.clap-blade blockquote {
    position: relative;
    font-size: 24px;
    line-height: 108%;
    font-weight: 300;
    margin: 24px 24px 24px 0;
    padding-left: 102px;
    color: #000;
}

.clap-blade blockquote:before {
    content: '\e903';
    font-family: vesicons;
    font-size: 52px;
    color: #ccc;
    position: absolute;
    left: 12px;
}

.clap-blade blockquote b {
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-top: 12px;
}

.clap-blade blockquote b:before {
    content: "\2014";
}

.clap-blade .c3 blockquote {
    padding-left: 24px;
    margin-left: 12px;
    margin-top: 54px;
    font-size: 18px;
}

.clap-blade .c3 blockquote:before {
    left: -24px;
    font-size: 32px;
}

.clap-blade blockquote.small {
    font-size: 16px;
    border-left: solid 12px #e8f6fe;
    padding-left: 24px;
}

.clap-blade blockquote.small.green {
    border-left: solid 12px #e9f8e9;
}

.clap-blade blockquote.small.yellow {
    border-left: solid 12px #feffe4;
}

.clap-blade blockquote.small.orange {
    border-left: solid 12px #fef0e8;
}

.clap-blade blockquote.small:before {
    display: none;
}

.clap-blade blockquote.small b:before {
    content: "\2014";
}

.clap-blade blockquote.small b {
    font-size: 12px;
    font-weight: 500;
}

.clap-blade blockquote p {
    font-size: inherit;
}

.clap-blade blockquote.line {
    border-top: solid 4px #000;
    border-bottom: solid 4px #000;
    font-size: 44px;
    line-height: 112%;
    font-weight: bold;
    padding: 24px 0;
}

.clap-blade .dark blockquote.line,
.dark .clap-blade blockquote {
    border-color: #fff;
}

.clap-blade blockquote.line::before {
    display: none;
}

.clap-blade div.video {
    display: block;
    max-width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.clap-blade div.video > video {
    max-width: 100%;
    display: block;
}

.clap-blade div.video > iframe {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
}

.clap-blade div.video::before {
    content: "";
    padding-top: 55%;
    float: left;
    width: 1px;
    margin-left: -1px;
}

.clap-blade div.video.a4-3::before {
    padding-top: 75%;
}

.clap-blade div.video.a8-3::before {
    padding-top: 37.5%;
}

.clap-blade div.video.aNone::before {
    padding-top: 0;
}

.clap-blade div.video::after {
    content: "";
    clear: left;
    display: block;
}

.clap-blade div.video > img {
    display: block;
    max-width: 100%;
    margin: auto;
}

.clap-blade div.video > a.poster {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.clap-blade div.video > a.poster svg {
    width: 64px;
    height: 64px;
    stroke: #000;
    stroke-width: 0;
    position: absolute;
    left: calc(50% - 32px);
    top: calc(50% - 32px);
}

.clap-blade div.video > a.poster svg.dark {
    fill: #fff;
    stroke: #fff;
}

.clap-blade div.video > a.poster svg:hover path {
    stroke-width: 1px;
}

.clap-blade div.video > iframe.poster {
    background: none !important;
}

.clap-blade [data-tip] {
    position: relative;
    z-index: 9;
}

.clap-blade [data-tip]::before {
    display: none;
    content: attr(data-tip);
    position: absolute;
    bottom: calc(100% + 4px);
    left: -12px;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    font-family: Arial;
    line-height: normal;
    min-width: 220px;
    max-width: 50vw;
    max-height: 212px;
    overflow-y: scroll;
    background: #fff;
    color: #000;
    border: solid 1px #000;
}

.clap-blade .tip-right[data-tip]::before {
    left: auto;
    right: -12px;
}

.clap-blade [data-tip]::after {
    display: none;
    content: "";
    position: absolute;
    bottom: 100%;
    left: 0px;
    width: 9px;
    height: 9px;
    background: #fff;
    border-left: solid 1px #000;
    border-bottom: solid 1px #000;
    transform: rotateZ(-45deg);
}

.clap-blade [data-tip].tip-down::before {
    bottom: auto;
    top: calc(100% + 4px)
}

.clap-blade [data-tip].tip-down::after {
    bottom: auto;
    top: 100%;
    transform: rotateZ(135deg);
}

.clap-blade [data-tip]:hover:before,
.clap-blade [data-tip]:hover:after {
    display: block;
}

.clap-blade [data-tip] > i {
    font-size: 12px;
}

.xclap-blade span.tooltip {
    border: solid 1px #000;
    border-radius: 24px;
    position: relative;
    display: inline-block;
    float: right;
    width: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    vertical-align: top;
    cursor: pointer;
}

.xclap-blade.dark span.tooltip {
    border-color: #fff;
}

.xclap-blade span.tooltip::before {
    content: "i";
}

.xclap-blade span.tooltip + fieldset {
    display: none;
    position: absolute;
    z-index: 5;
    font-size: 14px;
    margin-left: 12px;
    margin-top: -12px;
    width: 220px;
    background: #f7f7f7;
}

.xclap-blade .tooltip + fieldset::before {
    content: "i";
    position: absolute;
    top: -11px;
    left: -13px;
    border: solid 1px #999;
    border-radius: 24px;
    width: 20px;
    text-align: center;
    line-height: 18px;
    background: #000;
    color: #fff;
}

.xclap-blade span.tooltip:hover + fieldset,
.clap-blade span.tooltip + fieldset:hover {
    display: block;
}

.clap-blade fieldset.tooltip {
    position: absolute;
    z-index: 1;
    bottom: 32px;
    right: 12px;
    text-indent: -2000px;
    width: 20px;
    border: solid 1px transparent;
    padding: 0;
    margin: 0;
    line-height: 0;
    font-size: 0;
}

.clap-blade .shaded div > fieldset.tooltip {
    bottom: 42px;
}

.clap-blade fieldset.tooltip::before {
    content: "i";
    font-size: 12px;
    position: absolute;
    right: 8px;
    bottom: -24px;
    text-indent: 0;
    width: 16px;
    line-height: 16px;
    text-align: center;
    background-color: inherit;
    border: solid 1px #000;
    border-radius: 16px;
    box-sizing: content-box;
}

.dark .clap-blade fieldset.tooltip::before,
.clap-blade.dark fieldset.tooltip::before,
.clap-blade .dark fieldset.tooltip::before {
    border-color: #fff;
}

.clap-blade fieldset.tooltip > * {
    display: none;
}

.clap-blade fieldset.tooltip:not(.touched):hover,
.clap-blade fieldset.tooltip:not(.touched):focus,
.clap-blade fieldset.tooltip.open {
    z-index: 5;
    text-indent: 0;
    width: 280px;
    border-color: #000;
    background: #fff;
    color: #000;
    padding: 12px;
    font-size: 14px;
    line-height: normal;
}

.clap-blade fieldset.tooltip:hover:before {
    border-width: 2px;
    margin: -1px
}

.clap-blade fieldset.tooltip > div:first-child {
    display: block;
    max-height: 160px;
    overflow-y: scroll;
    -ms-overflow-style: none;
}

.clap-blade fieldset.tooltip > div::-webkit-scrollbar {
    display: none;
}

.clap-blade fieldset.tooltip:not(.touched):hover::after,
.clap-blade fieldset.tooltip:not(.touched):focus::after,
.clap-blade fieldset.tooltip.open::after {
    content: "";
    position: absolute;
    display: block;
    width: 9px;
    height: 9px;
    bottom: -5px;
    right: 12px;
    background: #fff;
    border-right: solid 1px #000;
    border-bottom: solid 1px #000;
    transform: rotateZ(45deg);
}

.clap-blade fieldset.tooltip:first-child {
    bottom: auto;
    top: 100%;
}

.clap-blade fieldset.tooltip:first-child::before {
    bottom: auto;
    top: -24px;
}

.clap-blade fieldset.tooltip:first-child:hover:after {
    bottom: auto;
    top: -5px;
    transform: rotateZ(-135deg);
}

.clap-blade fieldset.tooltip > * {
    display: initial;
}

.clap-blade .border .asset div > fieldset.tooltip {
    right: auto;
    left: 6px;
}

.clap-blade .border .asset div > fieldset.tooltip::before {
    right: auto;
    left: 8px;
}

.clap-blade .border .asset div > fieldset.tooltip:hover::after {
    right: auto;
    left: 12px;
}

.clap-blade p > fieldset.tooltip {
    display: inline-block;
    position: relative;
    right: auto;
    top: auto;
    bottom: auto;
    width: 18px !important;
    height: 18px;
    border: none !important;
    padding: 0 !important;
}

.clap-blade p > fieldset.tooltip::before {
    right: -6px;
    top: 0 !important;
    bottom: auto;
}

.clap-blade p > fieldset.tooltip::after {
    top: -12px !important;
    right: -1px !important;
    transform: rotateZ(45deg) !important;
}

.clap-blade p > fieldset.tooltip > span {
    display: none;
    position: absolute;
    left: -32px;
    background: #fff;
    color: #000;
    font-size: 14px;
    bottom: calc(100% + 7px);
    width: 240px;
    border: solid 1px #333;
    padding: 12px;
    text-align: left;
}

.clap-blade p > fieldset.tooltip.long > span {
    width: 320px;
}

.clap-blade p > fieldset.tooltip.down::after {
    top: auto !important;
    bottom: -12px !important;
    transform: rotateZ(-135deg) !important;
}

.clap-blade p > fieldset.tooltip.down > span {
    bottom: auto;
    top: calc(100% + 7px);
}

.clap-blade p > fieldset.tooltip:not(.touched):hover,
.clap-blade p > fieldset.tooltip:not(.touched):focus,
.clap-blade p > fieldset.tooltip.open {
    background: inherit;
    color: inherit;
}

.clap-blade p > fieldset.tooltip:not(.touched):hover > span,
.clap-blade p > fieldset.tooltip:not(.touched):focus > span,
.clap-blade p > fieldset.tooltip.open > span {
    display: block;
}

.clap-blade .cup p > fieldset.tooltip {
    top: 3px !important;
    border: solid 1px #000 !important;
}

.clap-blade .cup p > fieldset.tooltip::before {
    top: -6px !important;
    border: none;
}

.clapdynamic:not(.dynDone) {
    visibility: hidden;
}

.clapdynamic.cq-Editable-dom {
    visibility: visible;
}

.clapdynamic > div {
}

.clapdynamic.cq-Editable-dom > div:first-child {
    display: block;
}

.clapdynamic > div:nth-child(n+2) {
    display: none;
}

.clapblock .text.indent {
    padding: 88px 25% 48px 7.75%;
    position: relative;
}

.clapblock .text > * {
    position: relative;
}

.clapblock .text .fbg {
    position: absolute;
    z-index: 0;
    top: -12px;
    bottom: -12px;
    right: 0;
    left: 0;
    margin: 0;
}

.clapblock .block {
    display: flex;
    list-style: none;
}

.clapblock .block.right {
    flex-direction: row-reverse;
}

.clapblock .text {
    flex-basis: 66.6%;
    position: relative;
    min-height: 480px;
}

.clapblock .blocks {
    display: flex;
    list-style: none;
    flex-basis: 33.3%;
    margin: 0;
    flex-direction: column;
}

.clapblock .blocks > li {
    float: none;
    width: auto;
    margin: 0;
}

.clapblock .blocks > li + li::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 24px;
    border-top: solid 1px #999;
}

.clapblock .block.right .blocks > li::before {
    right: 24px;
}

.clapblock div.promo .fbg + div.ribbon {
    left: 24px;
    width: auto;
    padding: 6px 12px;
}

.clapblock .ribbon + div {
    margin-top: 12px;
}

@media (max-width: 1020px) {
    .clapblock .block {
        display: block;
    }

    .clapblock .text {
        flex-basis: 100%;
        min-height: 37.5vw;
    }
}

@media (max-width: 1020px) and (min-width: 949px) {
    .clapblock .text.indent {
        padding-right: 33%;
    }

    .clapblock .blocks {
        flex-direction: row;
    }

    .clapblock .blocks > li {
        flex-basis: 33.3%;
    }

    .clapblock .blocks > li + li::before {
        right: auto !important;
        left: 0px;
        bottom: 0;
        border-left: solid 1px #999;
    }
}

@media (max-width: 949px) {
    .clapblock .text.indent {
        padding: 37.5vw 24px 24px 24px;
    }

    .clapblock .text .fbg {
        bottom: auto;
        height: 37.5vw;
    }

    .clapblock .text.dark > * {
        color: inherit;
    }

    .clap-blade blockquote.line {
        font-size: 32px;
    }
}

.clap8 .filter {
    margin: 6px 0 24px;
    position: relative;
}

.clap8 .filter input {
    display: none;
}

.clap8 .filter label {
    display: block;
    position: relative;
    z-index: 2;
    cursor: pointer;
    min-height: 32px;
}

.clap8 .filter label::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 7;
    right: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIiBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGQ9Ik0yMiw3TDEyLDE3TDIsNyI+PC9wYXRoPjwvc3ZnPg==) no-repeat center center/12px
}

.clap8 .filter input:checked + label::after {
    transform: scaleY(-1);
}

.clap8 .filter input:checked + label::before {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.clap8 .filter label > span {
    width: 33%;
    padding-right: 12px;
    display: inline-block;
    font-weight: bold;
    font-size: 19.8px;
    text-align: right;
}

.clap8 .filter ul {
    list-style-type: none;
    border: solid 1px #eee;
    border-bottom-color: #000;
    background: #fff;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 1;
    top: -6px;
    left: calc(33% + 12px);
    right: 0;
}

.clap8 .shaded .filter ul {
    background: #f6f6f6;
}

.clap8 .filter ul.full {
    left: 0px;
}

.clap8 .filter input:checked ~ ul.tall {
    max-height: 320px;
    overflow-y: scroll;
}

.clap8 .filter ul.tall:focus-within {
    max-height: 320px;
    overflow-y: scroll;
}

.clap8 .filter li {
    margin: 0;
}

.clap8 .filter li:not(.on) {
    display: none;
}

.clap8 .filter input:checked ~ ul {
    z-index: 6;
    border-color: #000;
}

.clap8 .filter ul:focus-within {
    z-index: 6;
    border-color: #000;
}

.clap8 .filter input:checked ~ ul li {
    display: block;
}

.clap8 .filter ul:focus-within li {
    display: block;
}

.clap8 .filter li > a {
    display: block;
    padding: 9px 12px;
    color: #000;
    text-decoration: none;
}

.clap8 .filter input:checked ~ ul li > a:hover {
    background-color: #eee;
}

.clap8 .filter ul:focus-within li > a:focus {
    background-color: #eee;
}

@media (max-width: 1024px) {
    .clap8 .filter label > span {
        font-size: 16px;
    }
}

@media (max-width: 949px) {
    .clap8 .filter label {
        padding-bottom: 40px;
    }

    .clap8 .filter label > span {
        width: auto;
        font-size: 16px;
    }

    .clap8 .filter label::after {
        top: 24px;
    }

    .clap8 .filter ul {
        top: 24px;
        left: 0;
    }

    .clap8 .filter li > a {
        padding: 6px 12px;
    }

    #countryf + label {
        padding: 0;
    }

    #countryf + label + ul,
    #countryf + label::after {
        top: 0;
    }
}

.hotgrid article {
    position: relative;
}

.hotgrid .clap-blade::before {
    content: "";
    display: block;
    float: right;
    width: 1px;
    padding-top: 50%;
}

.hotgrid .clap-blade.aThin::before {
    padding-top: calc(25% - 36px);
}

.hotgrid .clap-blade.aCinema::before {
    padding-top: calc(37% - 36px);
}

.hotgrid .clap-blade.aLarge::before {
    padding-top: calc(47% - 36px);
}

.hotgrid .clap-blade.aWide::before {
    padding-top: calc(56.25% - 36px);
}

.hotgrid .clap-blade.aTV::before {
    padding-top: calc(75% - 36px);
}

.hotgrid .clap-blade.aSquare::before {
    padding-top: calc(100% - 36px);
}

.hotgrid .clap-blade::after {
    content: "";
    clear: right;
}

.hotgrid ul.c2 {
    clear: left;
    z-index: 1;
}

div.hotGrid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 24px;
    right: 24px;
    height: 100%;
}

div.hotGrid > div {
    flex-basis: calc(33.3% - 16px);
    position: relative;
    min-height: 0;
}

div.hotGrid.edit > div {
    border: dotted 1px #ccc;
}

.hotgrid .item {
    display: flex;
    align-items: center;
    height: 100%;
}

.hotgrid .item.right {
    flex-direction: row-reverse;
}

.hotgrid .item.top {
    align-items: flex-start;
}

.hotgrid .item.bottom {
    align-items: flex-end;
}

.hotgrid input.hotitem {
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background: none;
    z-index: 1;
}

.hotgrid input.hotitem::before {
    content: "+";
    display: inline-block;
    color: #fff;
    background: #00AC3E;
    font-size: 32px;
    border-radius: 24px;
    width: 44px;
    text-align: center;
    line-height: 40px;
    padding-bottom: 4px;
    padding-right: 1px;
    margin: 12px 0;
    cursor: pointer;
}

.hotgrid input.hotitem:checked:before {
    content: "-";
}

.hotgrid .item.black .hotitem::before {
    background-color: #000;
}

.hotgrid .item.white .hotitem::before {
    background-color: #fff;
    color: #000;
}

.hotgrid .item.red .hotitem::before {
    background-color: #D52B1E;
}

.hotgrid .item.orange .hotitem::before {
    background-color: #ED7000;
}

.hotgrid .item.green .hotitem::before {
    background-color: #00AC3E;
}

.hotgrid .item.yellow .hotitem::before {
    background-color: #FFBC3D;
}

.hotgrid .item.blue .hotitem::before {
    background-color: #0088CE;
}

.hotgrid input + div {
    background: #ffffffcc;
    color: #000;
    padding: 6px 24px;
    position: absolute;
    margin: 0 24px;
    min-height: 64px;
}

.hotgrid .item * {
    color: #000;
    font-size: 16px;
}

.hotgrid .item p,
.hotgrid .item ul {
    margin: 6px 0;
}

.hotgrid .item h4,
.hotgrid .item h2 {
    font-size: 20px;
}

.hotgrid input.hotitem:not(:checked) + div {
    display: none;
}

.hotgrid input.hotitem:focus + div {
    display: block;
    outline: dotted 1px #999;
}

@media (max-width: 949px),
(max-height: 420px) {
    .hotgrid div.hotGrid {
        display: block;
        position: relative;
        left: 0;
        height: auto;
    }

    .hotgrid .item {
        height: auto;
        align-items: flex-start !important;
        flex-direction: row !important;
    }

    .hotgrid input.hotitem::before {
        content: "";
        border-radius: 0;
        width: 4px;
        height: 32px;
        margin-bottom: 0;
    }

    .hotgrid input.hotitem + div {
        display: block !important;
        background: none;
        position: static;
    }

    .hotgrid .clap-blade > div.fbg {
        position: relative;
        padding-top: 50%;
        margin: 0;
        width: calc(100% + 48px)
    }

    .hotgrid .clap-blade.aThin > div.fbg {
        padding-top: 25%;
    }

    .hotgrid .clap-blade.aCinema > div.fbg {
        padding-top: 35%;
    }

    .hotgrid article.dark *,
    article.hotgrid.dark * {
        color: #000;
    }
}

.clap-blade span.asset::after {
    content: "";
    display: block;
    clear: left;
}

.clap-blade .asset h4 {
    font-size: 20px;
    padding-top: 12px;
    min-height: 48px;
}

.clap-blade .asset h3 {
    font-size: 32px;
    margin: 12px 0 0;
}

.clap-blade .c1 .asset.wide h4,
.clap-blade .c2 .asset.wide h4 {
    font-size: 32px;
    line-height: 108%;
}

.clap-blade .c3 .asset.wide h4,
.clap-blade .c7 .asset.wide h4 {
    font-size: 24px;
    line-height: 108%;
}

.clap-blade .border .asset h3 {
    margin: 12px 18px 0;
    min-height: 3em;
}

.clap-blade .border a.thumb {
    height: auto;
    min-height: 130px;
}

.clap-blade .border a.thumb > img,
.clap-blade .border a.thumb > picture > img {
    margin: 0 auto;
}

span.asset > a.thumb + span {
    margin-right: 18px;
    display: block;
    flex-grow: 1;
}

.clap-blade .border.c7 .asset > a.thumb + span,
.clap-blade .border.c3 .asset > a.thumb + span,
.clap-blade .border.c2 .asset > a.thumb.noimg + span,
.clap-blade.sticky .border.c2 .asset > a.thumb + span {
    clear: left;
    border-top: solid 2px #000;
    margin-top: 6px;
    margin-left: 18px;
}

.clap-blade .border.c7 .asset > a.noimg + span,
.clap-blade .border.c3 .asset > a.noimg + span {
    border-top-width: 1px;
}

.clap-blade .border .asset > a + span.noline {
    border: none !important
}

.clap-blade .shaded .asset h3:first-child {
    margin-top: 0;
}

.clap-blade .double-asset {
    padding: 24px 0;
}

.clap-blade .double-asset > ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.clap-blade .double-asset > ul > li {
    position: relative;
}

.clap-blade .double-asset + .dots {
    display: none;
}

.clap-blade .double-asset > ul > li:nth-child(2) {
    margin-top: 12px;
    padding-top: 24px;
}

.clap-blade .double-asset > ul > li:nth-child(2):before {
    content: "";
    display: block;
    border-top: solid 1px #ccc;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.clap-blade .border .double-asset > ul > li:nth-child(2):before {
    left: 12px;
    right: 12px;
}

.clap-blade .border .doubleasset .asset > a.thumb + span {
    border: none;
}

.clap-blade .border.dark .asset > a.thumb + span,
.clap-blade .border .asset.dark > a.thumb + span {
    border-top-color: #fff;
}

.clap-blade .border .asset div.summary {
    min-height: 92px;
}

.clap-blade .border .asset h4 + div.summary {
    min-height: 56px;
}

.clap-blade .border .asset a.link {
    display: block;
    text-align: right;
    margin-right: 0;
    font-family: inherit;
}

.clap-blade .asset .summary a {
    position: relative;
    z-index: 1;
}

.clap-blade .c2.border .asset a.link {
    text-align: left;
}

.clap-blade .c1.border a.thumb,
.clap-blade:not(.sticky) .c2.border a.thumb {
    max-width: 50%;
}

.clap-blade .c1.border .asset > span,
clap-blade .c2.border .asset > span {
    margin-left: 50%;
}

.clap-blade ul.split .asset.wide > a.thumb {
    padding: 0 18px;
}

.clap-blade .asset.wide > a.thumb {
    width: 100%;
}

.clap-blade .asset.tall > a.thumb {
    min-height: 320px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.clap-blade .asset.tall > a.thumb img {
    max-height: 320px;
}

.clap-blade .asset .bluebar,
.clap-blade .asset .greenbar,
.clap-blade .asset .orangebar,
.clap-blade .asset .yellowbar {
    margin: 0;
}

.clap-blade .bluebar > a,
.clap-blade .greenbar > a,
.clap-blade .orangebar > a,
.clap-blade .yellowbar > a {
    height: 0;
    text-decoration: none;
    font-weight: normal;
    text-align: left !important;
}

.clap-blade .bluebar a::after,
.clap-blade .greenbar a::after,
.clap-blade .orangebar a::after,
.clap-blade .yellowbar a::after {
    display: none;
}

.clap-blade .asset .bluebar span {
    display: block;
    transform: translateY(-32px);
    background: #0088CE;
    color: #fff;
    padding: 3px 12px;
    font-size: 14px;
}

.clap-blade .asset .greenbar span {
    display: block;
    transform: translateY(-32px);
    background: #00AC3E;
    color: #fff;
    padding: 3px 12px;
    font-size: 14px;
}

.clap-blade .asset .orangebar span {
    display: block;
    transform: translateY(-32px);
    background: #ED7000;
    color: #fff;
    padding: 3px 12px;
    font-size: 14px;
}

.clap-blade .asset .yellowbar span {
    display: block;
    transform: translateY(-32px);
    background: #FFBC3D;
    padding: 3px 12px;
    font-size: 14px;
}

.clap-blade .asset a.full::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.clap-blade .asset ul {
    padding-left: 18px;
}

.clap-blade .asset .tip {
    font-size: 12px;
    text-align: left;
    position: relative;
    display: block;
    padding: 6px 12px;
}

.clap-blade ul.shaded:not(.border) > .asset .tip {
    margin-top: -18px;
}

.clap-blade .asset .tip.tip-bottom {
    position: absolute;
    bottom: 0;
    right: 6px;
    left: 6px;
}

.clap-blade .asset .tip > span > div {
    position: absolute;
    display: none;
    bottom: 100%;
    right: -4px;
    margin-bottom: 6px;
    padding: 0 12px;
    background: #fff;
    border: solid 1px #666;
    text-align: left;
    max-width: 240px;
}

.clap-blade .c2 .asset .tip > span > div {
    max-width: 320px;
}

.clap-blade .scroll .asset .tip:not(.tip-bottom) > span > div,
.clap-blade .asset .tip.tip-down > span > div {
    bottom: auto;
}

.clap-blade .asset .tip > span > div::before {
    content: "";
    position: absolute;
    display: block;
    top: 100%;
    right: 12px;
    border-left: solid 9px transparent;
    border-right: solid 9px transparent;
    border-top: solid 9px #666;
}

.clap-blade .asset .tip > span > div::after {
    content: "";
    position: absolute;
    display: block;
    top: 100%;
    margin: -1px 0;
    right: 12px;
    border-left: solid 9px transparent;
    border-right: solid 9px transparent;
    border-top: solid 9px #fff;
}

.clap-blade .scroll .asset .tip:not(.tip-bottom) > span > div::before,
.clap-blade .asset .tip.tip-down > span > div::before {
    top: auto;
    bottom: 100%;
    border-bottom: solid 9px #666;
    border-top: none;
}

.clap-blade .scroll .asset .tip:not(.tip-bottom) > span > div::after,
.clap-blade .asset .tip.tip-down > span > div::after {
    top: auto;
    bottom: 100%;
    border-bottom: solid 9px #fff;
    border-top: none;
}

.clap-blade .asset .tip:hover > span > div {
    display: block;
}

.clap-blade .asset .tip p {
    font-size: 14px;
    line-height: 108%;
}

.clap-blade .asset .tip.black {
    background: #000;
    color: #fff;
    margin: 0 12px 12px;
}

.clap-blade .asset .tip.black a {
    color: #fff;
}

.aem-AuthorLayer-Preview .clap-blade .asset[data-error] {
    background: repeating-linear-gradient(-30deg, transparent, transparent 12px, transparent 20px, rgba(240, 0, 0, 0.25) 24px);
}

.aem-AuthorLayer-Edit .clap-blade .asset[data-error] {
    background: repeating-linear-gradient(-30deg, transparent, transparent 12px, transparent 20px, rgba(240, 0, 0, 0.25) 24px);
}

.deviceTile .asset > a.thumb {
    margin: 18px;
}

.c2 > .deviceTile .asset > a.thumb {
    margin: 6px 12px;
    width: calc(50% - 24px);
}

.clap-blade a.thumb.rounded img,
.clap-blade a.thumb.rounded > video,
.clap-blade img.rounded {
    border-radius: 8px;
}

.clap-blade .asset.expand1 a.thumb img {
    max-height: 108px;
}

.clap-blade .asset.expand1 .thumb + span h4 {
    position: absolute;
    bottom: calc(100% - 130px);
    min-height: 12px;
}

.clap-blade .asset input.expand1 {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    background: none;
    cursor: pointer;
}

.clap-blade .asset input.expand1::ms-check {
    display: none;
}

.clap-blade .asset input.expand1 + input:checked {
    display: none;
}

.clap-blade .asset input.expand1 + input:not(:checked) ~ .summary {
    display: none;
}

.clap-blade .asset input.expand1 + label:focus + .summary {
    display: block;
}

.clap-blade .asset input.expand1 + label.arrow {
    display: block;
    position: relative;
    z-index: 0;
    height: 18px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIiBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGQ9Ik0yMiw3TDEyLDE3TDIsNyI+PC9wYXRoPjwvc3ZnPg==) no-repeat right center/18px;
}

.clap-blade .asset input.expand1:checked + label.arrow,
.clap-blade .asset input.expand1 + label.arrow:focus {
    transform: scaleY(-1);
}

.clap-blade .asset input.expand1 ~ .summary a {
    z-index: 2;
    position: relative;
}

.clap-blade .cappromo2 {
    padding: 24px;
}

.clap-blade .promo.nobg {
    margin: -24px;
}

.clap-blade .shaded .promo.nobg {
    margin: 0;
}

.clap-blade .promo::before {
    content: "";
    display: block;
    float: right;
    width: 1px;
    margin-left: -1px;
}

.clap-blade .promo::after {
    content: "";
    display: block;
    clear: right;
}

.clap-blade .promo.aThin::before {
    padding-top: calc(25% - 48px);
}

.clap-blade.sticky .promo.aThin::before {
    padding-top: calc(33% - 48px);
}

.clap-blade .promo.aCinema::before {
    padding-top: calc(37% - 48px);
}

.clap-blade.sticky .promo.aCinema::before {
    padding-top: calc(48% - 48px);
}

.clap-blade .promo.aLarge::before {
    padding-top: calc(47% - 48px);
}

.clap-blade.sticky .promo.aLarge::before {
    padding-top: calc(60% - 48px);
}

.clap-blade .promo.aWide::before {
    padding-top: calc(56.25% - 48px);
}

.clap-blade.sticky .promo.aWide::before {
    padding-top: calc(74% - 48px);
}

.clap-blade .promo.aTV::before {
    padding-top: calc(75% - 48px);
}

.clap-blade.sticky .promo.aTV::before {
    padding-top: calc(75% - 48px);
}

.clap-blade .promo.aSquare::before {
    padding-top: calc(100% - 48px);
}

.clap-blade.sticky .promo.aSquare::before {
    padding-top: calc(133% - 48px);
}

.clap-blade .promo.aTall::before {
    padding-top: calc(200% - 48px);
}

.clap-blade.sticky .promo.aTall::before {
    padding-top: calc(150% - 48px);
}

.clap-blade .promo > ul {
    clear: none;
}

.clap-blade .promo div.fbg {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    margin: 0 !important;
    background-repeat: no-repeat;
    overflow: hidden;
}

.clap-blade .promo div.fbg.rounded {
    border-radius: 8px;
}

.clap-blade .promo.aCinema .fbg + div.c1 > .double::after {
    content: "";
    display: block;
    clear: right;
}

.clap-blade .promo div.c1::after {
    content: "";
    display: block;
    clear: right;
}

.complete .clap-blade .promo div.fbg {
    bottom: 0;
}

.clap-blade div.fbg > video,
.clap-blade .promo figure video {
    max-width: 100%;
    display: block;
}

.clap-blade div.fbg.bleed > video {
    margin: 0 auto;
}

.clap-blade div.fbg > video.contain {
    max-height: 100%;
}

.clap-blade div.fbg > img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.clap-blade .c1x .promo div.fbg::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    left: auto;
    width: calc(50vw - 50%);
    background-color: inherit
}

.clap-blade .c1x .promo div.fbg::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: auto;
    left: 100%;
    width: calc(50vw - 50%);
    background-color: inherit
}

.clap-blade .promo a.full {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-decoration: none;
}

.clap-blade .promo .c7 h3 {
    font-size: 19.8px;
}

.clap-blade .promo .icon {
    float: left;
    width: 58px;
    height: 58px;
    margin-right: 12px;
}

.clap-blade .promo .icon img {
    max-width: 100%;
    align-self: center;
    min-height: 12px;
}

.clap-blade .promo .icon + p::after {
    content: "";
    display: block;
    clear: left;
}

.clap-blade .promo .ribbon {
    background: #000;
    color: #fff;
    padding: 6px 18px;
    font-size: 16px;
}

.clap-blade .promo .ribbon a {
    color: #fff;
}

.clap-blade .promo .fbg + .ribbon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.clap-blade .cappromo2icon {
    padding-bottom: 18px;
}

.clap-blade .cappromo2icon .promo.nobg .icon {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-top: -6px;
    margin-bottom: 0;
}

.clap-blade .cappromo2icon .icon + a {
    max-width: calc(100% - 84px);
}

.clap-blade .cappromo2icon:hover .fbg.hosha:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #dad8d840;
}

.clap-blade .promo .center h2,
.clap-blade .promo .center p {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 1278px) {
    .clap-blade .asset h4 {
        font-size: 18px;
    }

    .clap-blade .asset h3 {
        font-size: 28px;
    }

    .clap-blade .c1 .asset.wide h4,
    .clap-blade .c2 .asset.wide h4 {
        font-size: 24px;
    }

    .clap-blade .asset.tall > a.thumb {
        min-height: 25vw;
    }
}

@media (max-width: 992px) {
    .clap-blade:not(.sticky) .asset h3 {
        font-size: 24px;
    }

    .clap-blade div.fbg > video {
        width: 100%;
        max-width: 150%;
        min-height: 100%;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

    .clap-blade div.fbg > video.contain {
        max-width: 100%;
        min-height: fit-content;
    }

    .xclap-blade .border .cappromo2 .promo > .c1 {
        padding: 0;
    }
}

@media (max-width: 949px) {
    .clap-blade .asset.mside {
        display: flex;
    }

    .clap-blade .asset.mside a.thumb {
        margin-right: 12px;
        flex-basis: calc(50% - 24px);
        align-items: normal;
    }

    .clap-blade .asset.mside a.thumb:not(.noimg) + span {
        margin-left: 12px !important;
        flex-basis: 50%;
    }

    .clap-blade .asset.tall > a.thumb {
        min-height: 320px;
    }
}

@media (max-width: 489px) {
    .clap-blade .double-asset {
        position: relative;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scrollbar-height: none;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
    }

    .clap-blade .double-asset::-webkit-scrollbar {
        width: 0 !important;
        height: 0 !important;
    }

    .clap-blade .double-asset > ul.scroll {
        width: 180%;
    }

    .clap-blade .double-asset ul.scroll > li {
        float: left;
        width: 45%;
        scroll-snap-align: start;
    }

    .clap-blade .double-asset ul.scroll::after {
        content: "";
        clear: left;
    }

    .clap-blade .double-asset ul.scroll > li + li {
        width: 50%;
        margin-left: 5%;
    }

    .clap-blade .double-asset > ul > li:nth-child(2):before {
        left: -5%;
        right: auto;
        bottom: 0px;
        border-left: solid 1px #ccc;
    }

    .clap-blade .double-asset + .dots {
        display: block;
        text-align: center;
    }

    .clap-blade .double-asset + .dots > a {
        display: inline;
    }

    .clap-blade .asset.tall > a.thumb {
        min-height: 50vw;
    }
}

.clap-blade.hero {
    position: relative;
    float: none;
    min-height: 160px;
    margin-bottom: 72px;
}

.clap-blade.hero.left,
.clap-blade.hero.noshare {
    margin-bottom: 54px;
}

.clap-blade.hero.nogap {
    margin-bottom: 0;
}

.clap-blade.hero > div:first-child {
    padding: 24px 30% 42px 0;
    min-height: 240px;
    box-sizing: content-box;
}

.clap-blade.hero.carousel > div:first-child {
    padding: 0;
    margin: 0 -24px;
}

.clap-blade.hero.hasbg > div:first-child {
    min-height: 360px;
    padding-top: 24px;
    padding-right: 38%;
}

.clap-blade.hero > div.short,
.clap-blade.hero.short > div {
    padding-bottom: 40px;
    min-height: 120px;
}

.clap-blade.hero.hasbg > div.short:first-child,
.clap-blade.hero.short.hasbg > div:first-child {
    min-height: 240px;
}

.clap-blade.hero > div.inset {
    padding-left: 76px;
}

.clap-blade.hero > div.center {
    padding-right: 0;
    margin: 0 auto;
    max-width: 760px;
    text-align: center;
}

.clap-blade.hero.hasbg > div.inset {
    min-height: 284px;
    padding-top: 100px;
}

.clap-blade.hero.hasbg > div.center {
    padding-right: 0;
    margin: 0 auto;
    max-width: 760px;
    text-align: center;
}

.clap-blade.hero > ul {
    padding: 42px 0 24px;
}

.clap-blade.hero.carousel .scroll > li:nth-child(n+2) > div {
    padding-left: 42px;
}

.clap-blade.hero.carousel .dots {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.clap-blade.hero.hasbg.half > div {
    padding: 94px 54% 94px 0;
    margin-bottom: 0;
}

.clap-blade.hero.hasbg.wide > div {
    padding-right: 70%;
}

.clap-blade.hero .img,
.limp .hero .video {
    display: none;
}

.clap-blade.hero.hidden {
    visibility: hidden;
}

.clap-blade.hero .title {
    font-weight: bold;
    font-size: 64px;
    line-height: 60px;
    margin: 0;
    padding-bottom: 12px;
}

.clap-blade.hero .title.long {
    font-size: 48px;
    line-height: 100%;
}

.clap-blade.hero h1.licon + p.title {
    padding-top: 28px;
    padding-bottom: 12px;
}

@keyframes HeroFade {
    0% {
        opacity: 0.25;
    }

    100% {
        opacity: 1;
    }
}

.clap-blade.hero div.video {
    display: block;
    animation: HeroFade .5s ease-in;
    animation-iteration-count: 1;
}

.clap-blade.hero video {
    transition: opacity .3s ease-in;
}

.clap-blade.hero video[data-autoplay] {
    opacity: 0;
}

.clap-blade.hero video::cue {
    background: rgba(0, 0, 0, 0.5);
}

.clap-blade.hero .img {
    position: absolute;
    display: block;
    top: 54px;
    right: 50px;
    bottom: 54px;
    width: 32%;
    max-width: 300px;
    background: no-repeat center top;
    background-size: 100% auto;
    animation: HeroFade .2s ease-in;
    animation-iteration-count: 1;
}

.clap-blade.hero .short .img {
    top: 42px;
    bottom: 42px;
}

.clap-blade.hero .sharepage {
    position: absolute;
    top: 100%;
    color: #333;
    padding: 24px 0 12px;
    margin-left: 24px;
    min-height: 12px;
}

.clap-blade.hero.inshare {
    margin-bottom: -20px;
}

.clap-blade.hero.half .img {
    top: 0;
    right: -50px;
    bottom: 0;
    width: 50%;
    max-width: 640px;
    background-size: cover;
}

.clap-blade.hero.full p,
.clap-blade.hero.full a,
.clap-blade.hero.full h1,
.clap-blade.hero.full h2,
.clap-blade.hero.full h3,
.clap-blade.hero.full h4,
.clap-blade.hero.full ul {
    position: relative;
}

.clap-blade.hero.full a.img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(50% - 50vw + 12px);
    left: calc(50% - 50vw + 12px);
    width: auto;
    max-width: none;
    background-size: cover;
    overflow: hidden;
}

.clap-blade.hero.full a.img.mask::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.25);
}

.clap-blade.hero.full.dark a.img.mask::before {
    background: rgba(0, 0, 0, 0.25);
}

.clap-blade.hero.full.noBleed a.img {
    right: 0;
    left: 0;
}

.clap-blade.hero.full a.img > video {
    width: 100%;
    min-height: 100%;
    display: block;
    position: relative;
    background-color: inherit;
    top: 50%;
    transform: translateY(-50%);
}

.clap-blade.hero.full p.bottom {
    position: absolute;
}

.clap-blade.hero.full > div::before {
    content: " ";
    display: block;
    padding-top: 30%;
    float: right;
    width: 1px;
    margin-right: -1px;
}

.clap-blade.hero.full > div::after {
    content: " ";
    display: block;
    clear: right;
}

.clap-blade.hero.full.short > div::before {
    display: none;
}

.clap-blade.hero.containbg .img {
    background-size: contain;
}

.clap-blade.hero.noscale .img {
    background-size: auto;
}

.clap-blade.hero a.heroimg {
    display: block;
    max-height: 320px;
    overflow: hidden;
}

.clap-blade.hero::before {
    content: " ";
    display: block;
    float: right;
    width: 1px;
    margin-right: -1px;
    padding-top: 10%;
}

.clap-blade.hero::after {
    content: " ";
    display: block;
    height: 0px;
    clear: right;
}

.clap-blade.hero > ul {
    clear: left;
}

.clap-blade.hero h1 {
    margin: 0 0 6px;
}

.clap-blade.hero > div:first-child p:not(.title):not(.disclaimer) {
    font-size: 19.8px;
    margin: 12px 0 20px;
}

.clap-blade.hero p.larger {
    font-size: 24px;
}

.clap-blade.hero.light p.title,
.clap-blade.hero.light p,
.clap-blade.hero.light h1 {
    color: #000;
    text-shadow: 0 0 1px rgba(240, 240, 240, 0.3)
}

.clap-blade.hero.dark p,
.clap-blade.hero.dark h1,
.clap-blade.hero.dark a.link,
.clap-blade.hero.dark li {
    color: #fff;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.2)
}

.clap-blade.hero .title {
    text-transform: none;
    max-width: 760px;
    font-weight: bold;
    font-family: NHGeDS, "NeueHaasGroteskDisplayBold", NeueHaasGrotesk, Arial, Sans-Serif;
}

.clap-blade.hero li {
    font-size: 16px;
}

.clap-blade.hero a.button.red {
    margin: 12px 18px 16px 0;
    padding: 18px 24px;
}

.clap-blade.hero.fullheight {
    min-height: calc(100vh - 320px);
    display: table;
    width: 100%;
}

.clap-blade.hero.fullheight > div {
    display: table-cell;
    vertical-align: middle;
}

.clap-blade.hero.fullheight:before {
    display: none;
}

.clap-blade.hero.fullheight .img {
    background-position: center center;
}

.clap-blade.hero.hasfeature {
    display: flex;
}

.clap-blade.hero.hasfeature > div:first-child {
    padding-right: 24px;
    flex-grow: 2;
}

.clap-blade.hero.wide.hasfeature > div:first-child {
    flex-basis: 33.3%;
    margin-right: 33.3%;
    padding-right: 0;
}

.clap-blade.hero.hasfeature > div.feature {
    flex-basis: 33.3%;
    padding: 0;
    margin: 24px 0;
    position: relative;
    color: #000;
}

.clap-blade.hero.hasfeature > div.feature.wide {
    flex-basis: 42%;
}

.clap-blade.hero.hasfeature > div.feature:hover {
    z-index: 3;
}

.clap-blade.hero > div.feature::before {
    display: none;
}

.clap-blade.hero > div.feature .clap-blade {
    margin: 0;
}

.clap-blade.hero > div.feature .clap-blade > .contain,
.clap-blade.hero > div.feature article {
    padding: 0;
}

.clap-blade.hero > div.feature > article:not(.shaded) {
    background: #fff;
}

.clap-blade.hero > div.feature > article.shaded {
    padding: 12px 0;
}

.clap-blade.hero > div.feature .text.cc1 {
    background: #f6f6f6;
    color: #000;
    margin: 0;
    padding: 12px 24px;
}

.clap-blade.hero > div.feature .text.cc1 * {
    color: inherit;
}

.clap-blade.hero > div.feature .text.cc1.dark {
    background: #000;
    color: #fff;
    margin: 0;
    padding: 12px 24px;
}

.clap-blade.hero.dark > div.feature * {
    color: #000;
}

.clap-blade.hero.dark > div.feature .button {
    text-shadow: none;
    border-color: #000;
}

.clap-blade.hero.dark > div.feature .button.primary {
    background: #000;
    color: #fff;
}

.clap-blade.hero.dark > div.feature fieldset.tooltip::before {
    border-color: #000;
}

.clap-blade.hero.dark > div.feature .scroller1 > a > svg {
    filter: none;
}

.clap-blade.hero.dark > div.feature a.link:after {
    filter: none;
}

.clap-blade.hero div.scroller1 > a {
    position: absolute;
}

.clap-blade.hero > div.feature div.scroller1.scroll::before,
.clap-blade.hero > div.feature div.scroller1.scroll::after {
    display: none;
}

.clap-blade.hero > div.feature div.scroller1 {
    background-color: transparent;
}

.clap-blade.hero > div.feature ul.c1 > li {
    width: auto;
    min-width: calc(100% - 24px);
}

.clap-blade.hero.wide > div > fieldset.tooltip {
    right: 70%;
}

.clap-blade.hero a.showAddress {
    position: absolute;
    bottom: 6px;
    left: 24px;
    text-decoration: underline
}

.clap-blade.hero a.targettest {
    animation: HeroTest 3s;
}

@keyframes HeroTest {
    0% {
        background-image: none !important;
        z-index: 1;
    }

    90% {
        background-image: none !important;
        z-index: 1;
    }

    100% {
        opacity: 1;
        z-index: 0
    }
}

@media all and (min-width: 1600px) {
    .clap-blade.hero.full:not(.noBleed) a.img.cover {
        background-size: 1600px auto !important;
    }

    .clap-blade.hero.full.fullheight a.img {
        background-size: cover;
    }
}

@media all and (max-width: 1278px) {
    .clap-blade.hero > div {
        padding: 54px 40% 38px 0;
        min-height: 240px;
    }

    .clap-blade.hero.hasbg.half > div {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .clap-blade.hero.full.noBleed a.img {
        right: 0;
        left: 0;
    }

    .clap-blade.hero .title {
        font-size: 48px;
        line-height: 102%;
    }

    .clap-blade.hero .img {
        right: 24px;
    }

    .clap-blade.hero p.larger {
        font-size: 20px;
    }

}

@media all and (max-width: 992px) {
    .clap-blade.hero .title {
        font-size: 36px;
    }

    .clap-blade.hero .title.long {
        font-size: 32px;
    }

    .clap-blade.hero > div:first-child,
    .clap-blade.hero.hasbg > div:first-child {
        padding: 42px 12px 32px 0;
        min-height: 90px;
    }

    .clap-blade.hero.hasbg > div.short:first-child {
        min-height: 90px;
    }

    .clap-blade.hero.half > div {
        padding-right: 24px;
    }

    .clap-blade.hero.hasbg.wide > div {
        padding-right: 50%;
    }

    .clap-blade.hero::before {
        display: none;
    }

    .clap-blade.hero.left {
        background-image: none !important;
    }

    .clap-blade.hero .img {
        display: none;
    }

    .clap-blade.hero.full .img {
        display: block;
    }

    .clap-blade.hero.full.dark .img {
        opacity: 1;
    }

    .limp div.leftindent {
        margin-left: 24px;
    }

    .clap-blade.hero.hasfeature {
        padding-right: 0;
    }

    .clap-blade.hero.wide.hasfeature > div:first-child {
        flex-basis: 50%;
        margin: 0;
        padding-right: 24px;
    }

    .clap-blade.hero.hasfeature > div.feature {
        margin: 12px;
        flex-basis: 50%;
        padding: 0;
    }

    .clap-blade.hero.wide > div > fieldset.tooltip {
        right: 50%;
        bottom: auto;
    }
}

@media screen and (max-width: 949px) {
    .clap-blade.hero .img {
        animation: none;
    }

    .clap-blade.hero .title {
        font-size: 32px;
        padding: 0;
    }

    .clap-blade.hero.carousel > div:first-child {
        margin: 0;
    }

    .clap-blade.hero.hasfeature {
        display: block;
        flex-direction: column;
    }

    .clap-blade.hero.hasfeature > div.feature {
        margin: 0 0 0 -24px;
        min-height: 120px;
        border-bottom: solid 1px #d8dada;
    }

    .clap-blade.hero.wide p + fieldset.tooltip {
        right: 24px;
    }

    .clap-blade.hero.full.hasfeature a.img {
        bottom: 40%;
    }

    .clap-blade.hero.full a.img > video {
        top: 0;
        transform: none;
    }

    .clap-blade.hero.hasfeature .showAddress {
        position: relative;
        display: block;
        margin-top: -12px;
        bottom: 6px;
        left: 0;
        font-size: 12px
    }

    .clap-blade.hero.stack1.hasbg > div:first-child {
        padding-right: 12px;
    }

    .clap-blade.hero.stack1 a.img {
        position: relative;
        margin: -42px -32px 12px -24px;
        overflow: visible;
    }

    .clap-blade.hero.stack1 a.img::after {
        content: " ";
        display: block;
        clear: right;
    }

    .clap-blade.hero.stack1 .title {
        margin: 20px 0;
    }
}

@media (max-width: 640px) {
    .clap-blade.hero.hasbg.wide > div:first-child {
        padding-right: 25%;
    }

    .clap-blade.hero.hasbg.stack1 > div:first-child {
        padding-right: 12px;
    }

    .clap-blade.hero.wide > div > fieldset.tooltip {
        right: 25%;
    }
}

.heroimg h2 {
    animation: FXslidel 0.75s ease-in;
}

.heroimg h2.short {
    font-size: 64px;
}

.clap-blade img.heroimg {
    animation: FXslideu 1.5s ease-in-out;
    margin-left: 25%;
    max-width: 75%;
    max-height: 90%;
    position: absolute;
    bottom: 24px;
}

.heroimg .clap-blade ul {
    z-index: 1;
}

.clap-blade a.scrolldown {
    display: block;
    position: absolute;
    transition: transform 0.5s;
    animation: FXslowfade 3s;
    bottom: 0;
    left: calc(50% - 24px);
    z-index: 0;
    width: 48px;
    height: 32px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIiBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGQ9Ik0yMiw3TDEyLDE3TDIsNyI+PC9wYXRoPjwvc3ZnPg==) no-repeat bottom center/32px;
}

.dark .clap-blade a.scrolldown {
    filter: invert(1);
}

.clap-blade a.scrolldown:hover {
    transform: translateY(12px);
    height: 48px;
}

.clap-blade a.backarrow {
    position: absolute;
    bottom: 0;
    font-weight: bold;
    animation: FXslowfade 3s;
}

.clap-blade a.backarrow::before {
    content: "\2190";
    display: inline-block;
    border: solid 1px #000;
    border-radius: 24px;
    font-size: 12px;
    width: 32px;
    line-height: 30px;
    text-align: center;
    margin-right: 12px;
}

.dark .clap-blade a.backarrow::before {
    border-color: #fff;
}

@media (min-width: 992px) {
    .heroimg h2 {
        font-size: 64px;
    }

    .heroimg h2.short {
        font-size: 96px;
    }

    .clap-blade img.heroimg {
        margin-left: 33.3%;
        max-width: 66%;
    }
}

@media (max-height: 840px) {
    .heroimg .shaded > .clap-blade {
        margin-top: 24px;
    }

    .heroimg .shaded > .clap-blade div.fbg {
        margin-top: -24px;
    }

    .heroimg h2.short {
        font-size: 80px;
        line-height: 97%;
    }

    .clap-blade img.heroimg {
        margin-left: calc(50% - 24px);
        margin-bottom: -32px;
    }

    .clap-blade.fullheight a.scrolldown,
    .clap-blade.fullheight a.backarrow {
        bottom: -32px;
    }
}

@media (max-width: 949px) {
    .heroimg h2.short {
        font-size: 48px;
    }

    .clap-blade img.heroimg {
        margin-left: 14%;
        max-width: 86%;
        bottom: 10vh;
    }

    .heroimg div.fbg > video {
        display: none;
    }
}

@media (max-width: 640px) and (min-height: 840px) {
    .clap-blade img.heroimg {
        margin-left: 8%;
        max-width: 92%;
        bottom: 20vh;
        right: 12px;
    }
}


ul.c1,
ul.c2,
ul.c3,
ul.c7,
ul.c5,
ul.c6 {
    margin: 0 0 0 -24px;
    padding: 0;
    clear: both;
    position: relative;
}

ul.c1 > li,
ul.c2 > li,
ul.c3 > li,
ul.c7 > li,
ul.c5 > li,
ul.c6 > li {
    list-style: none;
    display: block;
    position: relative;
    float: left;
    padding: 0;
    margin: 0 0 0 24px;
    min-height: 2px;
}

ul.border {
    border-left: solid 1px #d8dada;
    margin-left: 0;
}

ul.border > li {
    box-sizing: border-box;
    position: relative;
    margin: 0;
    border: solid 1px #d8dada;
    border-left: none;
    border-collapse: collapse;
}

ul.border > li:focus-within {
    border-color: #999;
}

ul.border.spaced {
    border: none;
}

ul.border.spaced > li {
    border-left: solid 1px #d8dada;
    margin-left: 12px !important;
    margin-bottom: 12px;
}

ul.border.split,
ul.border.split > li,
ul.border.overline,
ul.border.overline > li {
    border-color: transparent;
}

ul.notdivided,
ul.scroll {
    margin-left: 0;
}

ul.border.overline {
    margin-left: 6px;
}

ul.border.overline > li::before {
    content: "";
    display: block;
    position: absolute;
    border-top: solid 3px #000;
    left: 18px;
    right: 18px;
    top: 0;
}

.dark ul.border.overline > li::before {
    border-top-color: #fff;
}

ul.equal1 > li {
    position: relative;
    z-index: 2;
}

ul.equal1 > li:hover {
    z-index: 3;
}

ul.c1 > li {
    width: calc(100% - 24px);
}

ul.border.c1 > li {
    width: 100%;
}

ul.c1 > li.clap2 {
    width: 100%;
}

ul.c2,
ul.c3,
ul.c7 {
    page-break-inside: avoid;
}

ul.c2 > li,
ul.scroll.c2 > li {
    width: calc(50% - 24px);
}

ul.border.c2 > li {
    width: 50%;
}

ul.c2.spaced.border > li {
    width: calc(50% - 24px);
}

ul.c3 > li,
ul.scroll.c3 > li,
ul.c3.spaced.border > li {
    width: calc(33.3% - 24px);
}

ul.border.c3 > li {
    width: 33.3%;
}

ul.c3 > li.double,
ul.scroll.c3 > li.double {
    width: calc(66.5% - 24px);
}

ul.border.c3 > li.double {
    width: 66.6%;
}

ul.c7 > li,
ul.scroll.c7 > li {
    width: calc(25% - 24px);
}

ul.border.c7 > li {
    width: 25%;
}

ul.c7.spaced.border > li {
    width: calc(25% - 15px);
}

ul.c7 > li.double,
ul.scroll.c7 > li.double {
    width: calc(50% - 24px);
}

ul.border.c7 > li.double {
    width: 50%;
}

ul.c7 > li:first-child + li.double:last-child,
ul.c7 > li.double:first-child {
    width: calc(75% - 24px);
}

ul.c5 > li,
ul.scroll.c5 > li,
ul.c5.spaced.border > li {
    width: calc(20% - 24px);
}

ul.border.c5 > li {
    width: 20%;
}

ul.c6 > li,
ul.scroll.c6 > li {
    width: calc(16.6% - 24px);
}

ul.border.c6 > li {
    width: 16.6%;
}

ul.c2 > li:nth-child(2n+1),
ul.c3 > li:nth-child(3n+1),
ul.c7 > li:nth-child(4n+1),
ul.c5 > li:nth-child(5n+1),
ul.c6 > li:nth-child(6n+1) {
    clear: left;
}

ul.c1::after,
ul.c2::after,
ul.c3::after,
ul.c7::after,
ul.c5::after {
    content: " ";
    clear: left;
    display: block;
    height: 0;
}

ul.c1.shaded > li,
ul.c2.shaded > li,
ul.c3.shaded > li,
ul.c7.shaded > li,
ul.c1 > li.shaded,
ul.c2 > li.shaded {
    background-color: #f6f6f6;
    box-sizing: border-box;
    padding: 24px;
    margin-bottom: 24px;
}

ul.filtered > li.on {
    clear: none;
}

ul.shaded > li:focus-within {
    background-color: #fafafa;
}

ul.c1.padded > li,
ul.c2.padded > li,
ul.c1 > li.padded,
ul.c2 > li.padded,
ul.c3 > li.padded {
    box-sizing: border-box;
    padding: 42px 42px 24px;
}

ul.c3.padded > li,
ul.c7.padded > li,
ul.c3 > li.padded {
    box-sizing: border-box;
    padding: 32px 32px 24px;
}

ul.shaded.dark > li,
ul > li.shaded.dark,
ul > li > span.shaded.dark {
    background-color: #000;
    color: #fff;
}

ul > li > span.shaded.dark:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    background-color: #000;
    color: #fff;
}

.c2 > li > img,
.c3 > li img,
.c7 > li img {
    max-width: 100%;
    display: block;
}

ul.c7.scroll > li:nth-child(n+5) {
    display: none;
}

ul.c1.scroll > li + li {
    display: none;
}

ul.shaded.border > li {
    padding: 0;
    margin-bottom: -1px;
}

ul.c1.teaser > li:not(:last-child) {
    width: 90%;
}

ul.c2.teaser > li:not(:last-child) {
    width: 45%;
}

.c2.scroll.teaser > li:nth-child(2),
.c7.scroll.teaser > li:nth-child(3) {
    left: 45%;
}

ul.c3.teaser > li:not(:last-child) {
    width: 30%;
}

.c3.scroll.teaser > li:nth-child(2) {
    left: 30%;
}

.c3.scroll.teaser > li:nth-child(3) {
    left: 60%;
}

ul.c7.teaser > li:not(:last-child) {
    width: 22.5%;
}

.c7.scroll.teaser > li:nth-child(2) {
    left: 22.5%;
}

.c7.scroll.teaser > li:nth-child(4) {
    left: 67.5%;
}

ul.c2.spaced.border.teaser > li:not(:last-child) {
    width: calc(46% - 18px);
}

ul.c3.spaced.border.teaser > li:not(:last-child) {
    width: calc(33.3% - 16px);
}

ul.c7.teaser:not(.border) > li:not(:last-child) {
    width: calc(22.5% - 12px);
}

.c1 a.thumb,
.c2 a.thumb {
    float: left;
    width: calc(50% - 12px);
}

.c2 span.wide a.thumb {
    float: none;
    width: 100%;
}

ul a.thumb.noimg {
    float: none;
    text-decoration: none;
}

.c7 a.thumb,
.c3 a.thumb,
.mainleft .c2 a.thumb,
.c5 a.thumb {
    display: block;
    height: 186px;
    overflow: hidden;
    float: none;
    text-decoration: none;
}

.c7 a.thumb > img,
.c3 a.thumb > img,
.mainleft .c2 a.thumb > img {
    margin: 0;
    max-width: 100%;
    width: auto;
    max-height: 186px;
    float: none;
}

.c7 a.thumb > picture > img,
.c3 a.thumb > picture > img,
.c5 a.thumb > picture > img {
    margin: 0;
    max-width: 100%;
    width: auto;
    max-height: 186px;
    float: none;
}

.c5 a.thumb img,
.c6 a.thumb img {
    margin: 0;
    max-width: 100%;
}

.c2 a.thumb > img,
.c1 a.thumb > img {
    max-width: 240px;
}

.c2 a.thumb > picture > img,
.c1 a.thumb > picture > img {
    max-width: 100%;
}

ul.c2 > li a.thumb:not(.noimg) + span {
    display: block;
    margin-left: calc(50% + 12px);
}

ul.c1 > li span.wide a.thumb + span {
    margin-left: calc(50% + 24px);
}

ul.c2 > li span.wide a.thumb + span {
    margin-left: 0;
}

ul.c1 span.wide a.thumb > picture > img,
ul.c2 span.wide a.thumb > picture > img {
    max-width: 100%;
    width: 100%;
}

.clap-blade a.thumb > .drop {
    display: block;
    border: dashed 1px #aac;
    color: #999;
    width: 238px;
    text-align: center;
    line-height: 102px;
}

ul.border span.asset > span {
    margin: 0 18px 16px;
    display: block;
}

ul.divided > li + li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -12px;
    border-left: solid 1px #999;
}

ul.c1.divided > li + li:before {
    bottom: auto;
    left: 12px;
    right: 0;
    border-top: solid 1px #999;
    border-left: none;
}

ul.divided.thick > li + li:before {
    border-left: solid 2px #000;
}

ul.c7.divided.stack1 > li:nth-child(4n+5)::before,
ul.c3.divided.stack1 > li:nth-child(3n+4)::before,
ul.c2.divided.stack1 > li:nth-child(2n+3)::before {
    display: none;
}

ul.c2 h2.large {
    font-size: 40px;
}

ul.c3 h2.large,
ul.c7 h2.large {
    font-size: 32px;
}

.leftindent .c2 a.thumb > img,
.leftindent .c2 a.thumb > picture > img {
    display: block;
    min-height: 186px;
}

.leftindent .c2 a.thumb + span {
    margin: 0;
    clear: left;
}

.mainleft .c2 a.thumb + span {
    margin-left: 0;
}

.c3 .double a.thumb > img,
.c3 .double a.thumb > picture > img {
    margin: 0;
}

.c7 a.thumb + h4 {
    margin: 18px 0;
    min-height: 40px;
}

.c1 + div.dots,
.c2 + div.dots,
.c3 + div.dots,
.c7 + div.dots,
.c5 + div.dots {
    text-align: center;
    padding: 12px;
}

div.scroller1 > div.dots.abottom,
div.scroller1 > div.dots.dinside {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 4;
    padding: 0 12px;
}

div.dots > a {
    display: none;
    position: relative;
    background-color: #ccc;
    margin: 4px;
    padding: 0 9px;
    font-size: 2px;
    color: transparent;
    border-top: solid 1px transparent;
    cursor: pointer
}

div.dots.abottom > a,
div.dots.dinside > a {
    top: -12px;
}

div.dots > a::before {
    content: "";
    position: absolute;
    top: -4px;
    bottom: -4px;
    left: 0;
    right: 0
}

.shaded div.dots > a {
    border-color: #f6f6f6;
}

div.dots::after {
    content: " ";
}

div.dots > a:hover {
    background-color: #666;
}

div.dots > a.on {
    background-color: #222;
    padding-top: 1px;
}

.shaded.dark div.dots > a.on {
    background-color: #fff;
}

.c1 + div.dots > a {
    display: inline;
}

.c2 + div.dots > a:nth-child(2n+1) {
    display: inline;
}

.c3 + div.dots > a:nth-child(3n+1) {
    display: inline;
}

.c7 + div.dots > a:nth-child(4n+1) {
    display: inline;
}

.c5 + div.dots > a:nth-child(5n+1) {
    display: inline;
}

ul.c1.scroll.border:not(.split) > li {
    border-left: solid 1px #d8dada;
}

.c5.scroll > li,
.c7.scroll > li,
.c3.scroll > li,
.c2.scroll > li,
.c1.scroll > li {
    left: 100%;
}

.c5 > li:first-child,
.c7 > li:first-child,
.c3 > li:first-child,
.c2 > li:first-child,
.c1 > li:first-child {
    left: 0px;
}

.c5.scroll > li:nth-child(2) {
    left: 20%;
}

.c5.scroll > li:nth-child(3) {
    left: 40%;
}

.c5.scroll > li:nth-child(4) {
    left: 60%;
}

.c5.scroll > li:nth-child(5) {
    left: 80%;
}

.c7.scroll > li:nth-child(2) {
    left: 25%;
}

.c7.scroll > li:nth-child(3) {
    left: 50%;
}

.c7.scroll > li:nth-child(4) {
    left: 75%;
}

.c3.scroll > li:nth-child(2) {
    left: 33.3%;
}

.c3.scroll > li:nth-child(3) {
    left: 66.7%;
}

.c2.scroll > li:nth-child(2) {
    left: 50%;
}

ul.c2 > li.right,
ul.c3 > li.right,
ul.c7 > li.right {
    float: right;
}

ul.c2 > li.right + li,
ul.c3 > li.right + li,
ul.c7 > li.right + li {
    margin-left: 24px;
}

ul.c2 > li + li.padded,
ul.c3 > li + li.padded {
    padding-right: 0;
}

ul.c2 > li.padded:first-child,
ul.c2 > li.right + li.padded,
ul.c3 > li.right + li.padded {
    padding-left: 0;
    padding-right: 12px;
}

ul.c1 > li > div.fbg {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    margin: 0 -24px;
}

ul.c2 div.fbg,
ul.c3 div.fbg,
ul.c7 div.fbg {
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    right: -12px;
    background-size: cover;
    width: 50vw;
    max-width: 960px;
}

ul.c2 div.fbg.contain {
    max-width: 640px;
}

div.scroller1 ul.c2 div.fbg,
.contain ul.c2 div.fbg.contain {
    max-width: 636px;
}

ul.c2 > li.right div.fbg,
ul.c3 > li.right div.fbg,
ul.c7 > li.right div.fbg,
ul.c2 > li.left + li div.fbg,
ul.c3 > li.left + li div.fbg {
    right: auto;
    left: -12px;
}

.fixed-width ul.c2 div.fbg {
    left: -24px;
    width: auto;
}

.fixed-width ul.c2 > li.right div.fbg {
    right: -24px;
    width: auto;
}

ul.c2 div.fbg > .edge,
ul.c3 div.fbg > .edge {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: calc(50vw - 960px);
}

ul.c2 .right div.fbg > .edge,
ul.c3 .right div.fbg > .edge {
    right: auto;
    left: 100%
}

ul.c3 div.fbg {
    width: 33vw;
    max-width: 634px;
}

ul.c3 div.fbg.contain {
    max-width: 426px;
}

ul.c3 li.double div.fbg {
    width: 66vw;
    max-width: 1280px;
}

ul.c3 li.double div.fbg.contain {
    max-width: 848px;
}

div.scroller1 ul.c3 li.double div.fbg {
    max-width: 840px;
}

ul.c3 div.fbg > .edge {
    width: calc(33vw - 640px);
}

ul.c7 div.fbg {
    width: 25vw;
    max-width: 480px;
}

ul.c7 div.fbg.contain {
    max-width: 322px;
}

ul.c7 li.double div.fbg {
    width: 75vw;
    max-width: 1440px;
}

ul.c7 li.double div.fbg.contain {
    max-width: 948px;
}

div.scroller1 ul.c7 li.double div.fbg {
    max-width: 948px;
}

ul.expand1 div.fbg {
    max-width: 100%;
}

.clap-blade ul div.fbg ~ * {
    position: relative;
}

.clap-blade div.fbg {
    margin: -42px 0;
    background-repeat: no-repeat;
}

.shaded .clap-blade div.fbg {
    margin: -48px 0;
}

.shaded.nogap .clap-blade div.fbg {
    margin-top: -13px;
    margin-bottom: -13px;
}

.clap-blade div.fbg.contain.rounded {
    border-radius: 8px;
}

@media (min-width: 992px) {
    .shaded.inset .clap-blade div.fbg {
        margin-left: calc(496px - 50vw);
        margin-right: calc(496px - 50vw);
    }
}

@media (min-width: 1280px) {
    .shaded.inset .clap-blade div.fbg {
        margin-left: -140px;
        margin-right: -140px;
    }
}

.clap-blade div.fbg > a:empty {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.nogap ul > li.padded,
.nogap ul.padded > li {
    padding-bottom: 54px;
}

ul div.fbg.mask::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.25);
}

ul .dark div.fbg.mask::before {
    background: rgba(0, 0, 0, 0.25);
}

.c1 > li.center,
.c2 > li.center,
.c3 > li.center {
    text-align: center;
}

div.scroller1 {
    position: relative;
    z-index: 1;
    background-color: #fff;
}

.fixed-width div.scroller1.scroll,
.tab-content div.scroller1.scroll {
    overflow: hidden;
}

.shaded div.scroller1 {
    background-color: #f6f6f6;
}

.dark div.scroller1 {
    background-color: #000;
}

div.scroller1.scroll::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 4;
    background-color: inherit;
    top: 0;
    bottom: 0;
    right: 100%;
    width: calc(50vw - 50%);
    transition: background-color .5s
}

div.scroller1.scroll::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 4;
    background-color: inherit;
    top: 0;
    bottom: 0;
    left: 100%;
    width: calc(50vw - 50% - 12px);
    transition: background-color .5s
}

div.scroller1.indent::after {
    left: calc(100% - 24px);
    width: calc(50vw - 50% + 24px);
}

.fixed-width div.scroller1.scroll::before,
.fixed-width div.scroller1.scroll::after {
    display: none;
}

article.contain div.scroller1.scroll::before,
article.contain div.scroller1.scroll::after {
    display: none;
}

div.scroller1.scroll.teaser::before,
div.scroller1.scroll.teaser::after {
    display: none;
}

div.scroller1 a.left,
.scroller1 a.right {
    position: absolute;
    z-index: 5;
    bottom: 6px;
    right: 80px;
    margin-top: -32px;
    border-radius: 16px;
    width: 42px;
    font-size: 24px;
    line-height: 30px;
    padding-top: 2px;
    text-align: right;
    cursor: pointer;
    opacity: 1;
    transition: opacity 1s
}

div.scroller1 a.right {
    right: 24px;
    text-align: left;
}

div.scroller1 a.left.atop,
div.scroller1 a.right.atop {
    bottom: auto;
    top: 12px;
    margin-top: 0;
}

div.scroller1 a.left.abottom,
div.scroller1 a.right.abottom {
    bottom: 6px;
    top: auto;
}

div.scroller1 a.left.ahide,
div.scroller1 a.right.ahide {
    display: none;
}

div.scroller1.cc1.first.last li:nth-child(n+2) div.fbg {
    background-image: none !important;
}

div.scroller1.first.last li:nth-child(n+5) a.thumb > picture {
    visibility: hidden !important;
}

div.scroller1 > a > svg {
    vertical-align: top;
    transition: color 0.5s;
    filter: drop-shadow(1px 0 0 #ffffff99) drop-shadow(0 1px 0 #ffffff99) drop-shadow(-1px 0 0 #ffffff99) drop-shadow(0 -1px 0 #ffffff99)
}

.dark div.scroller1 > a > svg,
div.dark.scroller1 > a:not(.aunder) > svg {
    filter: drop-shadow(1px 0 0 #00000066) drop-shadow(0 1px 0 #00000066) drop-shadow(-1px 0 0 #00000066) drop-shadow(0 -1px 0 #00000066)
}

article:not(.dark) div.scroller1.dark > a.aunder > svg * {
    color: #000;
}

div.scroller1.first a.left,
.scroller1.last a.right {
    opacity: 0.25;
    z-index: 3;
}

div.scroller1.first.last a.left,
div.scroller1.first.last a.right {
    opacity: 0;
    z-index: -1;
}

div.scroller1.first.last div.dots {
    display: none
}

div.scroller1 > ul.scroll,
div.scroller1 > div > ul.scroll {
    left: 0;
    transition: left 0.5s;
}

div.scroller1 > ul.scroll.drag {
    transition: none;
}

div.scroller1 > ul.scroll > li,
div.scroll > ul.scroll > li {
    margin: 0;
    box-sizing: border-box;
    float: none;
    scroll-snap-align: start;
}

div.scroller1 > ul.scroll > li:nth-child(n+2),
div.scroll > ul.scroll > li:nth-child(n+2) {
    position: absolute;
    top: 0;
    display: block
}

div.scroller1 li.hide {
    display: none !important;
}

div.scroller1.dark li.clapSharable > :not(.dark) * {
    color: #000;
}

div.scroller1.scroll > div.scroll {
    overflow-y: hidden;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scrollbar-height: none;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
}

div.scroller1.scroll > div.scroll::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
}

div.scroller1 ul .clap-blade.contain.indent {
    margin: 0;
    padding: 24px;
}

@media (min-width: 949px) {

    ul.c1 > li.inset,
    ul.c2 > li.inset,
    ul.c3 > li.inset.double,
    ul.c7 > li.inset.double {
        padding-left: 6% !important;
        padding-top: 42px;
        padding-bottom: 42px;
    }

    div.scroller1 ul.expand1 > li {
        transition: width 0.3s;
        border: none;
        overflow: hidden;
    }

    div.scroller1 ul.expand1 > li::before {
        content: " ";
        display: block;
        float: left;
        margin-right: -1px;
        min-height: 420px;
    }

    div.scroller1 ul.expand1.c3:hover > li {
        width: 25%;
    }

    div.scroller1 ul.expand1.c7:hover > li,
    div.scroller1 ul.expand1.c7.touch > li {
        width: 16.6%;
    }

    div.scroller1:not(:hover) ul.expand1.c7:focus-within > li {
        width: 16.6%;
    }

    div.scroller1 ul.expand1.equal1 > li:hover,
    div.scroller1 ul.expand1.equal1 > li.touch {
        width: 50%;
    }

    div.scroller1:not(:hover) ul.expand1.equal1 > li:focus-within {
        width: 50%;
    }

    div.scroller1 ul.expand1 > li div.promo::before {
        display: none;
    }

    div.scroller1 ul.expand1 > li .fbg::before {
        opacity: 0;
        transition: opacity 1s;
    }

    div.scroller1 ul.expand1 > li:hover .fbg::before {
        opacity: 1;
    }

    div.scroller1 ul.expand1 > li div.promo > div.wide {
        transition: opacity 0.5s;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 24px;
        right: 24px;
    }

    div.scroller1 ul.expand1:hover > li div.promo > div.wide,
    div.scroller1 ul.expand1.touch > li div.promo > div.wide {
        opacity: 0;
        min-width: 152px;
    }

    div.scroller1:not(:hover) ul.expand1:focus-within > li div.promo > div.wide {
        opacity: 0;
        min-width: 152px;
    }

    div.scroller1 ul.expand1 > li:hover div.promo > div.wide,
    div.scroller1 ul.expand1 > li.touch div.promo > div.wide {
        opacity: 1;
    }

    div.scroller1:not(:hover) ul.expand1 > li:focus-within div.promo > div.wide {
        opacity: 1;
    }

    div.scroller1 ul.expand1 > li div.promo .top {
        max-width: 270px;
    }

    div.scroller1 ul.expand1 > li div.promo .center .top {
        margin: 0 auto 0 0;
    }

    div.scroller1 ul.expand1 > li div.promo .double {
        opacity: 0;
        min-width: 152px;
        position: static;
    }

    div.scroller1 ul.expand1 > li:hover div.promo .double,
    div.scroller1 ul.expand1 > li.touch div.promo .double {
        opacity: 1;
        transition: opacity 0.5s;
    }

    div.scroller1 ul.expand1 > li:focus-within div.promo .double {
        opacity: 1;
        transition: opacity 0.5s;
    }

    div.scroller1 ul.expand1 > li div.promo a.button {
        position: absolute;
        top: auto;
        bottom: 24px;
        right: 0;
    }

    div.scroller1 ul.expand1 > li div.promo a.button + a.button {
        top: auto;
        bottom: 72px;
    }

    div.scroller1 ul.expand1.active > li {
        width: 0;
    }

    div.scroller1 ul.expand1.active > li.on {
        width: 100%;
    }

}

@media (max-width: 1280px) {
    div.scroller1 ul.expand1 > li::before {
        min-height: 32vw;
    }
}


.clap2 input.expand1 {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    display: block;
    margin: 0;
    height: 0;
    z-index: -1;
    position: fixed;
    top: -12px;
}

.clap2 input.expand1::-ms-check {
    display: none;
}

.clap2 input.expand1 + ul {
    perspective: 500px;
}

.clap2 ul.c2 > li.expand1ed {
    position: absolute;
    z-index: 0;
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    opacity: 0;
    transform: scale(.75);
    transition: transform 1s, opacity 1s ease-in;
}

.clap2 ul.c2 > li.expand1ed.edit {
    position: relative;
    opacity: 1;
    transform: none;
    border: dashed 1px #9cf;
}

.clap2 li.expand1ed > article {
    margin: -30px 0;
}

.clap2 li.expand1ed.edit > article {
    margin: 30px 0 0;
}

.clap2 input.expand1 + ul > li {
    transition: transform 1s, opacity .5s;
    backface-visibility: hidden;
    background-color: #fff;
}

.clap2 input.expand1 + ul > li:first-child,
.clap2 input.expand1 + ul > li.right + li {
    transform-origin: left center;
}

.clap2 input.expand1 + ul > li:nth-child(2),
.clap2 input.expand1 + ul > li.right {
    transform-origin: right center;
}

.clap2 input.expand1:checked + ul > li.expand1ed {
    opacity: 1;
    z-index: 4;
    transform: none;
    bottom: 0;
}

.clap2 input.expand1:checked + ul > li:first-child,
.clap2 input.expand1:checked + ul > li.right + li {
    transform: translateX(-50vw);
}

.clap2 input.expand1:checked + ul > li:nth-child(2),
.clap2 input.expand1:checked + ul > li.right {
    transform: translateX(50vw);
}

.clap2 label div.icon {
    width: 40px;
    line-height: 40px;
    background: #000;
    color: #fff;
    position: absolute;
    right: -20px;
    top: calc(50% - 20px);
    text-align: center;
    font-size: 18px;
    cursor: pointer;
}

.clap2 li.right label div.icon {
    right: auto;
    left: -20px;
    cursor: pointer;
}

.clap2 label div.fbg + div.icon {
    right: -24px;
}

.clap2 li.right label div.fbg + div.icon {
    left: -24px;
}

.clap2 input.expand1:checked + ul div.icon {
    left: 104%;
    right: auto;
    z-index: 5;
}

.clap2 input.expand1:checked + ul li.right div.icon {
    right: 104%;
    left: auto;
    z-index: 5;
}

.clap2 input.expand1:checked + ul div.icon::before {
    content: "\f069";
}

.clap2 li.expand1ed .clap-blade {
    margin: 24px auto 12px;
}

.clap8 .text.shaded {
    background-color: #eeeeee99;
    padding: 24px;
}

.clap8 .text.dark {
    background-color: #000;
    color: #fff;
    padding: 24px;
}

.clap8 li.newpar {
    min-height: 32px !important;
}

@media (min-width: 992px) {
    .clap8 .text .right {
        position: absolute;
        right: 18px;
        top: 0;
    }

    .clap8 .sticky .text {
        position: absolute;
        z-index: 5;
        top: 0;
        bottom: 0;
        width: 25%;
        box-sizing: border-box;
        padding: 12px 24px 0;
        margin: 0;
    }

    .clap8 .sticky.right .text {
        right: 0;
    }

    .clap8 .sticky .text.dark.full {
        top: -54px;
        bottom: -54px;
        padding: 24px;
    }

    .clap8 .sticky .text h2.long {
        font-size: 32px;
    }

    .clap8 .sticky .text > div.divider {
        min-height: calc(50% - 18px);
        margin-top: 18px;
        border-bottom: solid 1px #000;
    }

    .clap8 .sticky .text.dark > div.divider {
        border-bottom-color: #fff;
    }

    .clap8 .sticky .text.border {
        border: solid 1px #d8dada;
    }

    .xclap8 .sticky div.scroller1 a.left:not(.aunder),
    .xclap8 .sticky div.scroller1 a.right:not(.aunder) {
        bottom: auto;
        top: 12px;
        margin-top: 0;
    }

    .clap8 .shaded .sticky div.scroller1.cc1 {
        margin-top: -12px;
        margin-bottom: -12px;
    }

    .clap8 .sticky div.scroller1 {
        margin-left: 25%;
    }

    .clap8 .sticky.right div.scroller1:not(.cc1) {
        margin-left: 0;
        margin-right: 25%;
    }

    .clap8 .sticky div.scroller1.cc1 {
        margin-left: 0;
    }

    .clap8 .sticky div.scroller1 > ul.c1 > li,
    .clap8 .sticky div.scroller1 > div > ul.c1 > li {
        padding-top: 56px;
        padding-bottom: 6px;
    }

    .clap8 .sticky div.scroller1 > ul.c1 > li > *,
    .clap8 .sticky div.scroller1 > div > ul.c1 > li > * {
        padding-left: 25%;
        display: block;
    }

    .clap8 .sticky div.scroller1 > ul.c1 > li::before,
    .clap8 .sticky div.scroller1 > div > ul.c1 > li::before {
        content: "";
        display: block;
        position: absolute;
        z-index: 6;
        border-left: solid 1px #000;
        top: 80px;
        bottom: 0;
        left: calc(25% - 12px);
    }

    .clap8 .dark .sticky div.scroller1 > ul.c1 > li::before,
    .clap8 .dark .sticky div.scroller1 > div > ul.c1 > li::before {
        border-left: solid 1px #fff;
    }

    .clap8 .sticky.right div.scroller1 > ul.c1 > li > * {
        padding-left: 0;
        padding-right: 25%;
        display: block;
    }

    .clap8 .sticky.right div.scroller1 > ul.c1 > li::before {
        left: calc(75% - 12px)
    }

    .clap8 .sticky div.scroller1.scroll:not(.cc1)::before {
        width: calc(50vw - 33%);
    }

    .clap8 .sticky div.scroller1.scroll:not(.cc1)::after {
        width: calc(50vw - 68%);
    }

    .clap8 .sticky > .disclaimer {
        margin-left: 25%;
    }

    .sticky div.scroller1.teaser > div.scroll {
        perspective: 6px;
    }

    .sticky div.scroller1.cc1.teaser .promo > :not(.fbg) {
        transform: translateZ(-2px) scale(1.3);
        transform-origin: center top;
        -moz-transform: none;
    }

    .sticky div.scroller1 > div > ul.c1 > li:not(:last-child):before {
        left: calc(27% - 12px);
    }

    .sticky div.scroller1 > div > ul.c1 > li:not(:last-child) > * {
        padding-left: 27%;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .sticky div.scroller1.cc1.teaser .promo > :not(.fbg) {
        transform: none;
    }
}

@media (min-width: 992px) and (max-width: 1020px) {
    .clap8 .sticky .text.cc3 {
        position: relative;
        z-index: 1;
        width: auto;
        padding: 24px;
    }

    .clap8 .sticky .text.border {
        border-bottom: none;
    }

    .clap8 .sticky div.scroller1.cc3 {
        margin-left: 0;
    }

    .clap8 .sticky.right div.scroller1:not(.cc1) {
        margin-right: 0;
    }
}

@media (max-width: 992px) {
    .clap8 .sticky .text.full {
        position: relative;
        top: -54px;
    }

    .clap8 .sticky .text.border {
        padding: 0 18px 24px;
    }
}

@media all and (max-width: 1278px) {

    ul.c3.shaded > li,
    ul.c7.shaded > li {
        padding: 16px;
    }

    ul.c1.padded > li,
    ul.c2.padded > li,
    ul.c3.padded > li,
    ul.c7.padded > li,
    ul.c2 > li.padded,
    ul.c3 > li.padded,
    ul.c7 > li.padded {
        padding: 24px 24px 12px;
    }

    ul.scroll.c7 {
        width: 133%;
    }

    .scroll.c7 + div.dots > a:nth-child(4n+1) {
        display: none;
    }

    .scroll.c7 + div.dots > a:nth-child(3n+1) {
        display: inline;
    }

    ul.shaded.border > li {
        padding: 0;
    }
}

@media screen and (max-width: 992px) {
    ul.c2.wide > li {
        float: none;
        width: auto;
        min-height: auto !important;
    }

    ul.c3.wide:not(.scroll) > li {
        float: none;
        width: auto;
        min-height: auto !important;
    }

    ul.scroll.c3.wide {
        width: 150%;
    }

    ul.scroll.c2.wide,
    ul.scroll.c7 {
        width: 200%;
    }

    ul.scroll.c5 {
        width: 125%;
    }

    ul.c1.padded > li,
    ul.c2.padded > li,
    ul.c3.padded > li,
    ul.c7.padded > li {
        padding: 12px;
    }

    ul.c2 > li.padded {
        padding: 42px 0 12px;
    }

    ul.c3 > li.padded,
    ul.c7 > li.padded {
        padding-top: 24px;
        padding-left: 24px;
    }

    ul.border.c7.wide > li {
        width: 50%;
    }

    .scroll.c7 + div.dots > a:nth-child(3n+1) {
        display: none;
    }

    .scroll.c7 + div.dots > a:nth-child(2n+1) {
        display: inline;
    }
}

@media (max-width: 992px) {

    .c2 a.thumb > img,
    .c1:not(.tab-content) a.thumb > img {
        max-width: 180px;
    }

    .c2 a.thumb > picture > img,
    .c1:not(.tab-content) a.thumb > picture > img {
        max-width: 100%;
    }

    xul.c2 > li a.thumb:not(.noimg) + span,
    .c1:not(.tab-content) a.thumb:not(.noimg) + span {
        display: block;
        margin-left: 192px;
    }

    ul.c6:not(.scroll) > li {
        width: calc(33.3% - 24px);
    }

    .c1.tab-content .c2 a.thumb {
        width: calc(33.3% - 12px);
    }

    .c1.tab-content .c2 a.thumb:not(.noimg) + span {
        margin-left: calc(33.3% + 12px);
    }
}

@media (max-width: 949px) {
    ul.scroll.c2 {
        width: 200%;
    }

    ul.scroll.c3 {
        width: 150%;
    }

    ul.scroll.c3.wide {
        width: 300%;
    }

    ul.c1,
    ul.c2,
    ul.c3,
    ul.c7,
    ul.c5,
    ul.c6 {
        margin-left: 0;
    }

    ul.c2 > li.right,
    ul.c3 > li.right,
    ul.c2 > li.left,
    ul.c3 > li.left {
        float: none;
        min-height: 40vw !important;
    }

    ul.c2 > li.right + li,
    ul.c3 > li.right + li,
    ul.c7 > li.right + li {
        margin-left: 0;
    }

    ul.c1:not(.scroll) > li,
    ul.c2:not(.scroll) > li,
    ul.c3:not(.scroll) > li,
    ul.c3 > li.double,
    ul.c2.border:not(.scroll) > li,
    ul.c3.border:not(.scroll) > li,
    ul.c3.border > li.double,
    ul.c3 > li.right {
        float: none;
        margin-left: 0;
        margin-bottom: 24px;
        width: auto;

    }

    ul.c2 > li.hasbg {
        min-height: calc(40vw - 96px) !important;
    }

    ul.c2.border > li,
    ul.c3.border > li {
        margin-bottom: 0;
    }

    ul.c3 > li.hasbg {
        min-height: calc(40vw - 96px) !important;
    }

    ul.c7 > li.hasbg {
        min-height: calc(33vw - 96px) !important;
    }

    ul.c7:not(.scroll) > li,
    ul.c7:not(.scroll) > li.double,
    ul.c7 > li:first-child + li.double:last-child {
        width: calc(50% - 24px);
    }

    ul.c7 > li.hasbg:first-child + li.double:last-child {
        width: auto;
    }

    ul.c7.stack1:not(.border) > li:nth-child(n+3) {
        margin-top: 24px;
    }

    ul.c7 > li:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
    }

    ul.c5 > li:nth-child(2n+1) {
        clear: left;
        margin-left: 0;
    }

    ul.c5:not(.scroll) > li,
    ul.c5.border:not(.scroll) > li {
        width: calc(100% - 24px);
    }

    ul.c6:not(.scroll) > li,
    ul.c6.border:not(.scroll) > li {
        width: calc(33.3% - 32px);
    }

    ul.scroll.c2.narrow {
        width: 100%;
    }

    ul.c2.narrow > li {
        float: left;
        width: 50%;
    }

    ul.c2.reverse:not(.narrow),
    ul.c3.reverse,
    ul.c7.reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    ul.reverse > li.hasbg:first-child {
        margin-top: 24px;
    }

    input.expand1 + ul.c2 > li {
        min-height: 33vw;
    }

    .indent ul.c2:not(.spaced) div.fbg,
    .indent ul.c3:not(.spaced) div.fbg {
        width: auto;
        right: -24px !important;
        left: -24px !important;
    }

    .indent ul.c2:not(.spaced) div.fbg.flipbg,
    .indent ul.c3:not(.spaced) div.fbg.flipbg {
        left: 0 !important;
    }

    .clap-blade:not(.sticky) .c2.border a.thumb {
        width: 33%;
    }

    xul.c2 > li a.thumb:not(.noimg) + span,
    .c1:not(.tab-content) a.thumb:not(.noimg) + span {
        display: block;
        margin-left: calc(33% + 24px);
    }

    ul.border.stack1.c7 > li {
        width: 50%;
    }

    ul.border.spaced > li {
        margin-right: 12px;
    }

    ul.divided > li + li:before {
        display: none;
        margin: 6px 0;
        border-top: solid 1px #999;
        border-left: none;
        bottom: auto;
        left: 0;
        right: 0;
        position: static;
    }

    ul.c7.divided.stack1 > li:nth-child(2):before {
        display: none;
    }

    .scroll.c3 + div.dots > a:nth-child(2n+1) {
        display: inline;
    }

    .scroll.c2 + div.dots > a {
        display: inline;
    }

    ul.c2 div.fbg.contain,
    ul.c3 div.fbg,
    div.scroller1 ul.c2 div.fbg,
    div.scroller1 ul.c3 div.fbg {
        max-width: 949px;
    }

    ul.c2.shaded,
    ul.c3.shaded,
    ul.c7.shaded {
        margin: 0 24px;
    }

    .shaded.nogap .clap-blade div.fbg {
        margin-top: -36px;
        margin-bottom: -37px;
    }

    .clap2 ul.c2 > li.expand1ed {
        bottom: 0;
    }

    .clap2 label div.icon,
    .clap2 li.right label div.icon {
        top: auto;
        bottom: 0;
        left: calc(50% - 20px);
        right: auto;
    }

    .clap2 input.expand1:checked + ul div.icon {
        left: calc(50% - 20px) !important;
        right: auto !important;
    }

    .clap2 input.expand1:checked + ul > li:first-child,
    .clap2 input.expand1:checked + ul > li.right {
        transform: translateY(-50vw);
    }

    .clap2 input.expand1:checked + ul > li:nth-child(2),
    .clap2 input.expand1:checked + ul > li.right + li {
        transform: translateY(50vw);
        opacity: 0;
    }

    .clap2 input.expand1:checked + ul div.icon::after {
        color: #fff;
        top: auto;
        bottom: 0;
    }

}

@media (max-width: 640px) {
    ul.scroll.c5 {
        width: 166.6%;
    }
}

@media (max-width: 560px) {
    ul.scroll.c2.narrow {
        width: 200%;
    }

    ul.c2.narrow:not(.scroll) > li {
        float: none;
        width: auto;
    }

    ul.scroll.c3 {
        width: 300%;
    }

    .scroll.c3 + div.dots > a {
        display: inline;
    }
}

@media (max-width: 489px) {

    ul.c1,
    ul.c2,
    ul.c3,
    ul.c7,
    ul.c5,
    ul.c6 {
        margin-left: 0;
    }

    ul.c7.stack1 > li,
    ul.border.stack1.c7 > li,
    ul.c7:not(.scroll) > li {
        float: none;
        margin-left: 0;
        margin-bottom: 12px;
        width: auto !important;
    }

    ul.border.stack1.c7 > li {
        margin: 0;
    }

    ul.divided.stack1.equal1 > li:nth-child(n):before {
        display: none;
    }

    ul.scroll.c7 {
        width: 400%;
    }

    .scroll + div.dots > a {
        display: inline;
    }

    .scroll.c7 + div.dots > a {
        display: inline !important;
    }
}

.clap-blade div.left-tabs {
    position: relative;
    padding-left: 25%;
}

.clap-blade div.left-tabs.top {
    padding-left: 0;
    margin-top: 3px;
}

.clap-blade .contain + div.left-tabs {
    margin-top: 24px;
}

.claphero + .tabs .left-tabs.top {
    margin-top: -54px;
}

.clap-blade div.left-tabs::after {
    display: block;
    content: " ";
    clear: left;
}

.clap-blade div.left-tabs > div.tabs {
    position: absolute;
    z-index: 4;
    left: 0;
    top: 0;
    width: 25%;
    bottom: 0;
    border: none 1px #eee;
    border-right: none;
}

.clap-blade div.left-tabs.top > div.tabs {
    position: relative;
    width: auto;
    border: none;
    top: auto;
    bottom: -1px;
}

.clap-blade div.left-tabs .tabs > h4 {
    margin: 0;
    padding: 24px 12px 24px 24px;
}

.clap-blade div.left-tabs fieldset.tabs {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 24px;
    right: 32px;
    border: none;
}

.clap-blade div.left-tabs fieldset.tabs.shaded {
    right: 0;
}

.clap-blade div.left-tabs.left fieldset.tabs {
    border-bottom: solid 1px #eee;
}

.clap-blade div.left-tabs.top ul.tabs {
    position: relative;
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    color: #777;
}

.clap-blade div.left-tabs.top ul.tabs:after {
    content: " ";
    display: block;
    clear: left;
}

.clap-blade div.left-tabs h4 + fieldset.tabs,
.clap-blade div.left-tabs h4 + input + fieldset.tabs {
    top: 72px;
    border-bottom: solid 1px #eee;
}

.clap-blade div.left-tabs ul.tabs.scroll {
    bottom: 0;
    overflow-y: scroll;
}

.clap-blade div.left-tabs ul.tabs::-webkit-scrollbar {
    display: none;
}

.clap-blade div.left-tabs fieldset.tabs > label {
    list-style: none;
    display: block;
    cursor: pointer;
    padding: 12px;
    margin: 0px;
    font-weight: normal;
    border-left: solid 4px transparent;
    border-top: solid 1px #eee;
}

.clap-blade div.left-tabs.top fieldset.tabs {
    position: relative;
    border: none;
    border-bottom: solid 1px #eee;
}

.clap-blade div.left-tabs.top fieldset.tabs > label {
    float: left;
    margin-right: 12px;
    padding-left: 12px;
    border-left: none;
    border-top: none;
    border-bottom: solid transparent 2px;
}

.clap-blade div.left-tabs.top > h4 {
    float: left;
    position: relative;
    min-width: 200px;
    padding: 12px 0;
    margin-right: 24px;
    font-size: 16px;
}

.clap-blade div.left-tabs.top > h4.long {
    max-width: 240px;
    padding: 0;
}

.clap-blade div.left-tabs.top > h4 > a {
    display: block;
}

.clap-blade div.left-tabs.top > h4 > a::before {
    content: "";
    display: none;
    position: absolute;
    left: 100%;
    top: 22px;
    width: .5em;
    height: .5em;
    border-left: solid 2px #000;
    border-bottom: solid 2px #000;
    transform: rotate(45deg);
}

.clap-blade div.left-tabs fieldset.tabs > label:hover {
    background: #f6f6f6;
    border-right-color: #f6f6f6;
}

.clap-blade div.left-tabs div.tab-content {
    margin: 0;
    padding: 0;
}

.clap-blade div.left-tabs div.tab-content::after {
    content: " ";
    display: block;
    clear: left;
}

.clap-blade div.left-tabs.top ul.tabs > li {
    float: left;
    margin-right: 12px;
    border-bottom: solid transparent 2px;
    border-right: none;
}

.clap-blade div.left-tabs.top ul.tabs > li.on {
    color: #000;
    border-left-color: #E00;
    border-bottom-color: #E00;
}

.clap-blade div.left-tabs.top ul.tabs > li > a {
    display: block;
    padding: 12px;
    text-decoration: none
}

.clap-blade div.left-tabs.top ul.tabs > li > a:hover {
    text-decoration: underline;
}

.clap-blade div.left-tabs.top.center fieldset.tabs {
    display: flex;
    justify-content: center;
    left: auto;
    right: auto;
    text-align: center;
}

.xclap-blade div.left-tabs > ul > li::before {
    content: " ";
    display: block;
    float: right;
    width: 1px;
    margin-right: -1px;
    height: 272px;
}

.clap-blade div.left-tabs > ul > li > ul {
    clear: left;
}

.clap-blade .left-tabs ul ul li {
    list-style: disc;
}

.clap-blade div.left-tabs .c3 a > img {
    max-width: 100%;
    max-height: 320px;
}

.clap-blade .left-tabs ul.c2 div.fbg,
.clap-blade .left-tabs ul.c3:not(.scroll) div.fbg {
    left: -24px;
    width: auto;
}

.clap-blade .left-tabs ul.c2 .right div.fbg,
.clap-blade .left-tabs ul.c3:not(.scroll) .right div.fbg {
    right: -24px;
}

.clap-blade div.left-tabs > input,
.clap-blade div.left-tabs .tabs > input {
    display: none;
    appearance: none;
    -webkit-appearance: none;
    border: none;
    border-radius: 0;
}

.clap-blade div.left-tabs .tab-content.shaded {
    background: #F6F6F6;
    padding: 24px 0 0;
}

.clap-blade div.left-tabs .tab-content.unshaded {
    background: #fff;
    padding: 1px 0;
    border: none 1px #eee;
}

.clap-blade div.left-tabs.left .tab-content.unshaded {
    border-left: none;
}

.clap-blade div.left-tabs.top .tab-content {
    background: none;
}

.clap-blade div.left-tabs .unshaded div.scroller1 {
    background: none;
}

.tab-content.unshaded ul.contain.indent {
    padding: 0;
}

@media (min-width: 949px) {
    div.left-tabs.left .tab-content.n2 {
        min-height: 135px;
    }

    div.left-tabs.left .tab-content.n3 {
        min-height: 180px;
    }

    div.left-tabs.left .tab-content.n4 {
        min-height: 225px;
    }

    div.left-tabs.left .tab-content.n5 {
        min-height: 270px;
    }

    div.left-tabs.left .tab-content.n6 {
        min-height: 315px;
    }

    div.left-tabs.left .tab-content.n7 {
        min-height: 360px;
    }

    div.left-tabs.left .tab-content.n8 {
        min-height: 405px;
    }

    div.left-tabs.left .tab-content.n9 {
        min-height: 450px;
    }

    div.left-tabs.left .tab-content.n10 {
        min-height: 495px;
    }

    div.left-tabs.left .tab-content.n11 {
        min-height: 540px;
    }

    div.left-tabs.left .tab-content.n12 {
        min-height: 585px;
    }

    div.left-tabs.left .tab-content > div .clap-blade {
        margin-top: 0;
    }
}

.clap-blade div.tab-content > div {
    display: none;
}

.clap-blade div.tab-content > div.newpar {
    display: block;
}

.clap-blade div.left-tabs.edit .tab-content > div {
    display: block;
    border-bottom: dotted 1px #9cf;
}

.clap-blade div.left-tabs input.ltab1:checked ~ .tabs label:nth-child(1),
.clap-blade div.left-tabs input.ltab2:checked ~ .tabs label:nth-child(2),
.clap-blade div.left-tabs input.ltab3:checked ~ .tabs label:nth-child(3),
.clap-blade div.left-tabs input.ltab4:checked ~ .tabs label:nth-child(4),
.clap-blade div.left-tabs input.ltab5:checked ~ .tabs label:nth-child(5),
.clap-blade div.left-tabs input.ltab6:checked ~ .tabs label:nth-child(6),
.clap-blade div.left-tabs input.ltab7:checked ~ .tabs label:nth-child(7),
.clap-blade div.left-tabs input.ltab8:checked ~ .tabs label:nth-child(8),
.clap-blade div.left-tabs input.ltab9:checked ~ .tabs label:nth-child(9),
.clap-blade div.left-tabs input.ltab10:checked ~ .tabs label:nth-child(10),
.clap-blade div.left-tabs input.ltab11:checked ~ .tabs label:nth-child(11),
.clap-blade div.left-tabs input.ltab12:checked ~ .tabs label:nth-child(12) {
    border-left-color: #E00;
    border-bottom-color: #E00;
    background-color: #fff;
    display: block;
    font-weight: bold;
    margin-bottom: auto;
}

.clap-blade div.left-tabs input.ltab1:checked ~ .tab-content > div:nth-child(1),
.clap-blade div.left-tabs input.ltab2:checked ~ .tab-content > div:nth-child(2),
.clap-blade div.left-tabs input.ltab3:checked ~ .tab-content > div:nth-child(3),
.clap-blade div.left-tabs input.ltab4:checked ~ .tab-content > div:nth-child(4),
.clap-blade div.left-tabs input.ltab5:checked ~ .tab-content > div:nth-child(5),
.clap-blade div.left-tabs input.ltab6:checked ~ .tab-content > div:nth-child(6),
.clap-blade div.left-tabs input.ltab7:checked ~ .tab-content > div:nth-child(7),
.clap-blade div.left-tabs input.ltab8:checked ~ .tab-content > div:nth-child(8),
.clap-blade div.left-tabs input.ltab9:checked ~ .tab-content > div:nth-child(9),
.clap-blade div.left-tabs input.ltab10:checked ~ .tab-content > div:nth-child(10),
.clap-blade div.left-tabs input.ltab11:checked ~ .tab-content > div:nth-child(11),
.clap-blade div.left-tabs input.ltab12:checked ~ .tab-content > div:nth-child(12) {
    display: block;
}

.clap-blade div.left-tabs.left input.ltab1:checked ~ .tabs .shaded label:nth-child(1),
.clap-blade div.left-tabs.left input.ltab2:checked ~ .tabs .shaded label:nth-child(2),
.clap-blade div.left-tabs.left input.ltab3:checked ~ .tabs .shaded label:nth-child(3),
.clap-blade div.left-tabs.left input.ltab4:checked ~ .tabs .shaded label:nth-child(4),
.clap-blade div.left-tabs.left input.ltab5:checked ~ .tabs .shaded label:nth-child(5),
.clap-blade div.left-tabs.left input.ltab6:checked ~ .tabs .shaded label:nth-child(6),
.clap-blade div.left-tabs.left input.ltab7:checked ~ .tabs .shaded label:nth-child(7),
.clap-blade div.left-tabs.left input.ltab8:checked ~ .tabs .shaded label:nth-child(8),
.clap-blade div.left-tabs.left input.ltab9:checked ~ .tabs .shaded label:nth-child(9),
.clap-blade div.left-tabs.left input.ltab10:checked ~ .tabs .shaded label:nth-child(10),
.clap-blade div.left-tabs.left input.ltab11:checked ~ .tabs .shaded label:nth-child(11),
.clap-blade div.left-tabs.left input.ltab12:checked ~ .tabs .shaded label:nth-child(12) {
    background-color: #F6F6F6;
}


.clap-blade div.left-tabs div.tabs fieldset + label {
    background: none !important;
}

.dark .clap-blade div.left-tabs .tabs label {
    background-color: transparent !important;
}

@media (max-width: 1280px) {
    .clap-blade div.left-tabs fieldset.tabs {
        left: 0;
        right: 12px;
    }
}

@media (max-width: 992px) and (min-width: 949px) {
    .clap-blade div.left-tabs.left {
        padding-left: 240px;
    }

    .clap-blade div.left-tabs.left div.tabs {
        width: 240px;
    }
}

@media (max-width: 949px) {
    .clap-blade div.left-tabs:not(.moflo) {
        padding: 0;
    }

    .clap-blade .contain.indent + div.left-tabs.top {
        margin-top: 6px;
    }

    .clap-blade div.left-tabs:not(.moflo) .tabs > input {
        display: block;
        position: absolute;
        right: 0;
        width: 100%;
        height: 45px;
        border: none;
        background: none;
    }

    .clap-blade div.left-tabs:not(.moflo) > div.tabs {
        position: relative;
        width: auto;
        border: none;
        min-height: 45px;
        background: #000;
    }

    .clap-blade div.left-tabs:not(.moflo) > div.tabs {
        margin: 0;
    }

    .clap-blade div.left-tabs:not(.moflo) .tabs h4 {
        padding: 12px 12px 12px 24px;
        float: left;
        width: 50%;
        font-size: 16px;
        min-width: 240px;
        margin: 0;
        color: #fff;
    }

    .clap-blade div.left-tabs:not(.moflo) > h4 {
        padding: 12px 0 6px;
        font-size: 16px;
        min-width: 240px;
        margin: 0;
    }

    .clap-blade div.left-tabs:not(.moflo) fieldset.tabs {
        position: relative;
        background: #000;
        border: solid 1px #000;
        top: auto !important;
        left: auto;
        right: auto;
        width: 100%;
        min-width: 240px;
    }

    .clap-blade div.left-tabs:not(.moflo) ul.tabs {
        position: relative;
        background: #fff;
        border: solid 1px #ccc;
        top: auto !important;
        left: auto;
        right: auto;
        width: 50%;
        min-width: 240px;
    }

    .clap-blade div.left-tabs:not(.moflo) fieldset.tabs::before {
        content: "";
        position: absolute;
        right: 24px;
        top: 18px;
        width: 12px;
        height: 12px;
        filter: invert(1);
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIiBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGQ9Ik0yMiw3TDEyLDE3TDIsNyI+PC9wYXRoPjwvc3ZnPg==) no-repeat center center/12px;
    }

    .clap-blade div.left-tabs:not(.moflo) input.open:checked + fieldset.tabs::before {
        transform: scaleY(-1);
    }

    .clap-blade div.left-tabs:not(.moflo) h4 + input + fieldset.tabs {
        right: 0;
        width: 50%;
        border: none;
    }

    .clap-blade div.left-tabs:not(.moflo) div.tabs fieldset.tabs > label {
        display: none;
        float: none !important;
        margin: 0;
        border: none !important;
        background: #000 !important;
        color: #fff;
        padding-left: 24px;
    }

    .clap-blade div.left-tabs:not(.moflo) ul.tabs > li {
        display: none;
        float: none !important;
        margin: 0;
        border-top: none;
        border-left: solid transparent 2px;
    }

    .clap-blade div.left-tabs:not(.moflo) input.open:checked + fieldset.tabs,
    .clap-blade div.left-tabs.top input.open:checked + ul.tabs {
        position: absolute;
        display: block;
        z-index: 9;
        border-bottom: solid 1px #666 !important;
    }

    .clap-blade div.left-tabs:not(.moflo) ul.tabs > li.on {
        display: block;
        position: relative;
    }

    .clap-blade div.left-tabs:not(.moflo) fieldset.tabs + label,
    .clap-blade div.left-tabs:not(.moflo) > label {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        bottom: 0;
    }

    .clap-blade div.left-tabs:not(.moflo) input.open:checked ~ label {
        position: fixed;
        z-index: 1;
        left: 0;
    }

    .clap-blade div.left-tabs:not(.moflo) input.open:checked + fieldset.tabs > label,
    .clap-blade div.left-tabs:not(.moflo) input.open:checked + ul.tabs > li {
        display: block;
    }


    .clap-blade div.left-tabs.moflo {
        padding-left: 12px;
    }

    .clap-blade div.left-tabs.moflo::after {
        padding-top: 1px;
    }

    .clap-blade div.left-tabs.moflo > div.tabs {
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
    }

    .clap-blade div.left-tabs.moflo div.tabs > h4 {
        display: none;
    }

    .clap-blade div.left-tabs.moflo fieldset.tabs {
        top: 0;
        height: 100%;
        position: absolute;
        display: flex;
        flex-direction: column;
    }

    .clap-blade div.left-tabs.moflo fieldset.tabs > label {
        bottom: 0;
        position: relative;
        width: 100%;
        padding: 12px 24px;
        background: #fff;
        border-top: solid 1px #eee;
    }

    .clap-blade div.left-tabs.moflo fieldset.tabs > label::after,
    .clap-blade div.left-tabs.moflo input.ltab0::after {
        content: "";
        display: block;
        position: absolute;
        top: 12px;
        right: 12px;
        width: 12px;
        height: 12px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIiBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGQ9Ik0yMiw3TDEyLDE3TDIsNyI+PC9wYXRoPjwvc3ZnPg==) no-repeat center center/12px;
    }

    .clap-blade div.left-tabs.moflo fieldset.tabs > label:first-child {
        position: static;
    }

    .clap-blade div.left-tabs.moflo > div.tab-content {
        position: relative;
        z-index: 5;
        background: none;
        top: 48px;
        padding: 0;
        margin-bottom: 48px;
        width: 100%;
        max-height: calc(100vh - 248px);
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
        scrollbar-height: none;
    }

    .clap-blade div.left-tabs.moflo > div.tab-content::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
    }

    .clap-blade div.left-tabs.moflo input {
        display: revert;
    }

    .clap-blade div.left-tabs.moflo input.ltab0:checked ~ div.tabs,
    .clap-blade div.left-tabs.moflo input.ltab0:checked ~ div.tabs > fieldset {
        height: auto;
    }

    .clap-blade div.left-tabs.moflo input.ltab0::after {
        transform: scaleY(-1);
        background-color: #fff;
        right: 24px;
    }

    .clap-blade div.left-tabs.moflo input:checked ~ .ltab0 {
        display: block;
        position: absolute;
        z-index: 5;
        top: 0;
        left: 0;
        width: 100%;
        height: 48px;
    }

    .clap-blade div.left-tabs.moflo input.ltab1:checked ~ .tab-content,
    .clap-blade div.left-tabs.moflo input.ltab2:checked ~ .ltab0 {
        top: 48px;
    }

    .clap-blade div.left-tabs.moflo input.ltab2:checked ~ .tab-content,
    .clap-blade div.left-tabs.moflo input.ltab3:checked ~ .ltab0 {
        top: 96px;
    }

    .clap-blade div.left-tabs.moflo input.ltab3:checked ~ .tab-content,
    .clap-blade div.left-tabs.moflo input.ltab4:checked ~ .ltab0 {
        top: 144px;
    }

    .clap-blade div.left-tabs.moflo input.ltab4:checked ~ .tab-content,
    .clap-blade div.left-tabs.moflo input.ltab5:checked ~ .ltab0 {
        top: 192px;
    }

    .clap-blade div.left-tabs.moflo input.ltab5:checked ~ .tab-content,
    .clap-blade div.left-tabs.moflo input.ltab6:checked ~ .ltab0 {
        top: 240px;
    }

    .clap-blade div.left-tabs.moflo input.ltab6:checked ~ .tab-content,
    .clap-blade div.left-tabs.moflo input.ltab7:checked ~ .ltab0 {
        top: 288px;
    }

    .clap-blade div.left-tabs.moflo input.ltab7:checked ~ .tab-content,
    .clap-blade div.left-tabs.moflo input.ltab8:checked ~ .ltab0 {
        top: 336px;
    }

    .clap-blade div.left-tabs.moflo input.ltab8:checked ~ .tab-content {
        top: 384px;
    }

    .clap-blade div.left-tabs.moflo input.ltab2 ~ div.tab-content {
        margin-bottom: 96px
    }

    .clap-blade div.left-tabs.moflo input.ltab3 ~ div.tab-content {
        margin-bottom: 144px
    }

    .clap-blade div.left-tabs.moflo input.ltab4 ~ div.tab-content {
        margin-bottom: 192px
    }

    .clap-blade div.left-tabs.moflo input.ltab5 ~ div.tab-content {
        margin-bottom: 240px
    }

    .clap-blade div.left-tabs.moflo input.ltab6 ~ div.tab-content {
        margin-bottom: 288px
    }

    .clap-blade div.left-tabs.moflo input.ltab7 ~ div.tab-content {
        margin-bottom: 336px
    }

    .clap-blade div.left-tabs.moflo input.ltab8 ~ div.tab-content {
        margin-bottom: 384px
    }
}

@media (max-width: 480px) {

    .clap-blade div.left-tabs .tabs h4,
    .clap-blade div.left-tabs.top > h4 {
        width: 100%;
    }

    .clap-blade div.left-tabs h4 + input + fieldset.tabs,
    .clap-blade div.left-tabs.top ul.tabs,
    .clap-blade div.left-tabs > label {
        right: auto;
        left: 0;
        width: 100%;
    }
}

@media print {
    .clap-blade div.left-tabs.top ul.tabs {
        display: none;
    }

    .clap-blade div.left-tabs fieldset.tabs {
        display: none;
    }

    .clap-blade .left-tabs a[title] {
        border-bottom: solid 2px #D52B1E;
        margin-bottom: 6px;
        position: absolute;
        bottom: 100%;
        min-width: 180px;
        page-break-after: avoid;
    }

    .clap-blade .left-tabs a[title]::before {
        content: attr(title);
    }

    .clap-blade .left-tabs div.tab-content.shaded {
        background: none;
        margin-top: -24px;
    }

    .clap-blade div.left-tabs .tab-content > div {
        display: block;
        border-bottom: solid 1px #ccc;
    }

    .clap-blade div.left-tabs .tab-content > div .clap-blade {
        margin: 42px 0 24px;
        overflow: visible;
    }
}

.clap-blade .anchors.left + div.leftindent {
    margin-left: 320px;
    width: calc(100% - 320px);
    padding-top: 12px;
    position: relative;
    z-index: 1;
}

.clap-blade .leftindent > * {
    max-width: 680px;
}

.clap-blade .leftindent img {
    max-width: 100%;
    display: block;
}

.clap-blade .leftindent > div {
    max-width: 100%;
}

.clap-blade .leftindent > div:first-child .clap-blade {
    margin-top: 12px;
}

.clap-blade.anchor {
    margin-top: 0;
}

.claphero + div .clap-blade .anchors.top {
    margin-top: -54px;
}

.claphero.noshare + div .clap-blade .anchors.top {
    margin-top: -54px;
}

.claphero + div.anchor .anchors,
.claphero + div.anchorblade {
    margin-top: -54px;
}

.clap-blade div.anchors {
    margin: 0;
    padding: 0;
    background: none;
    position: relative;
    z-index: 1;
    border-bottom: solid 1px #ddd;
}

.clap-blade div.anchors.all {
    padding-left: 0;
}

.clap-blade div.anchors.off {
    opacity: 0;
}

.clap-blade div.anchors.top.scroll {
    position: fixed;
    top: 0;
    left: 0 !important;
    width: 100%;
    margin-top: 130px;
    padding-left: 0;
    z-index: 9;
    opacity: 1;
}

.complete .clap-blade div.anchors.top.scroll {
    transition: margin-top ease-in-out .25s;
}

.hasSecondaryNav .clap-blade div.anchors.top.scroll {
    margin-top: 186px;
}

.clap-blade div.anchors.bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    width: 100%;
    padding-left: 0;
    z-index: 9;
    border-top: solid 1px #666;
    border-bottom: none;
    opacity: 1;
    transition: opacity .5s ease-in;
}

.clap-blade .anchors.top::before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
}

.clap-blade .anchors.dark::before {
    background: #000;
}

.clap-blade .anchors.top.scroll::before {
    height: 80px;
}

.clap-blade .anchors.top ul {
    display: flex;
    margin: 0 auto;
    padding: 0 12px;
    width: 100%;
    height: 50px;
    max-width: 1280px;
}

.clap-blade .anchors.top li {
    display: inline-block;
    list-style: none;
    position: relative;
    align-self: flex-end;
    padding: 0;
    margin: 2px 12px 0px;
    text-align: left;
    vertical-align: middle;
    border-bottom: solid 4px transparent;
    background: #fff;
    transition: background-color .25s
}

.clap-blade .anchors.top.full ul {
    display: flex;
}

.clap-blade .anchors.top.full li {
    flex-grow: 1;
    text-align: center;
    margin: 0;
}

.clap-blade .anchors.top li.scroll {
    display: none;
}

.clap-blade .anchors.top li.on {
    color: #000;
    border-bottom-color: #D52B1E;
}

.clap-blade .anchors.top:hover li.on:not(:hover) {
    border-bottom-color: #d8dada;
}

.clap-blade .anchors.top li:hover {
    color: #000;
    border-bottom-color: #D52B1E;
}

.clap-blade .anchors.top:focus-within li.on:not(:focus-within) {
    border-bottom-color: #d8dada;
}

.clap-blade .anchors.top li:focus-within > a {
    color: #000;
}

.clap-blade .anchors.top li.on::before {
    position: absolute;
    display: none;
    content: " ";
    bottom: -12px;
    left: 45%;
    border-top: solid 12px #ddd;
    border-left: solid 12px transparent;
    border-right: solid 12px transparent;
}

.clap-blade .anchors.top li.on::after {
    position: absolute;
    display: none;
    content: " ";
    bottom: -12px;
    left: 45%;
    margin-bottom: 1px;
    border-top: solid 12px #fff;
    border-left: solid 12px transparent;
    border-right: solid 12px transparent;
}

.clap-blade .anchors a {
    display: block;
    padding: 12px;
    color: #666;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none !important;
    font-family: "NHGeDS", Arial, Sans-Serif;
}

.clap-blade .anchors.top a {
    padding: 2px 0 10px;
    line-height: 100%;
}

.clap-blade .anchors li span {
    color: inherit
}

.clap-blade .anchors.top li.on a,
.clap-blade .anchors.top li:hover a {
    color: #000;
}

.clap-blade .anchors.top label {
    display: block;
    position: absolute;
    width: 25%;
    left: 0;
    top: 16px;
    padding-left: 24px;
    box-sizing: border-box;
}

.clap-blade .anchors.top label.mobile {
    display: none;
}

.clap-blade .anchors label > a,
.clap-blade .anchors label > span > a {
    margin-top: -12px;
}

@media (min-width: 1280px) {
    .clap-blade .anchors.top:not(.scroll) label {
        left: calc(50vw - 640px);
        width: 320px;
    }
}

@media (min-width: 992px) {
    .clap-blade .anchors.top label:not(.mobile) + ul {
        padding-left: 25% !important;
    }

    .secondarynav.fixed + div .anchors.top.scroll {
        z-index: 999;
        height: 52px;
    }

    .secondarynav.fixed + div .anchors.top.scroll:not(.dark)::before {
        width: 50vw;
    }
}

.secondarynav.fixed.dark + div .anchors.top.scroll {
    border-bottom: none;
}

.secondarynav.fixed.dark + div .anchors.top.scroll li {
    background: #000;
    color: #fff;
}

.primary-nav-hidden .secondarynav.fixed.dark + div .anchors.top.scroll:before {
    background: #000;
}

.secondarynav.fixed.dark + div .anchors.top.scroll li > a {
    color: #fff;
}

.clap-blade .anchors.top li.red {
    background-color: #D52B1E !important;
}

.clap-blade .anchors.top li.red a {
    color: #fff;
}

.clap-blade .anchors.top li.scroll {
    display: none;
}

x.clap-blade .anchors.top.scroll li.scroll {
    display: table-cell;
}

.clap-blade .anchors.dark.top li {
    background: none;
}

.clap-blade .anchors.dark.top li.on {
    border-top-color: #fff;
}

.clap-blade .anchors.dark.top li.on::before {
    display: none;
}

.clap-blade .anchors.dark.top li.on::after {
    display: none;
}

.clap-blade .anchors.dark.top li > a {
    color: #fff;
}

.clap-blade div.anchors.left {
    float: left;
    padding-top: 6px;
    padding-left: 24px;
    top: 0;
    left: 0;
    width: 226px;
    border: none;
    position: absolute;
    z-index: 6;
}

.clap-blade div.anchors.left.scroll {
    position: fixed;
    top: 0;
    margin-top: 120px;
    padding-left: 0;
    transition: margin-top ease-in-out .25s;
}

.primary-nav-hidden .clap-blade div.anchors.left.scroll {
    margin-top: 0;
}

.clap-blade div.anchors.left ul {
    display: block;
    width: 226px;
    border: none;
    height: auto;
    padding: 0;
    margin: 32px 0;
    border-top: none;
}

.clap-blade div.anchors.left ul::after {
    content: " ";
    display: block;
    clear: left;
}

.clap-blade div.anchors.left li {
    display: block;
    float: none;
    width: auto;
    text-align: left;
    border: none;
    margin: 0 2px;
    background: #fff;
    padding-bottom: 4px;
}

.clap-blade div.anchors.left a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 12px 6px;
    background: #fff;
    border-left: solid 3px #fff;
}

.clap-blade div.anchors.left .on a {
    background: #fff;
    color: #D52B1E;
    border-left-color: #D52B1E;
}

@media (max-height: 680px) {
    .clap-blade div.anchors.left li {
        padding-bottom: 1px;
    }

    .clap-blade div.anchors.left a {
        padding-top: 6px;
    }
}

.clap-blade div.anchors.select {
    border: none;
}

.clap-blade .anchors.select.scroll {
    position: fixed;
    top: 0;
    z-index: 999;
    margin-top: 12px;
    margin-left: 12px
}

.clap-blade .anchors.select.scroll p {
    display: none;
}

.clap-blade .anchors.select label {
    display: inline-block;
    position: relative;
    border: solid 1px #ccc;
    border-bottom-color: #000;
    background: #fff;
    padding: 6px 32px 6px 12px;
    min-width: 320px;
    cursor: pointer;
}

.clap-blade .anchors.select label::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 32px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIiBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGQ9Ik0yMiw3TDEyLDE3TDIsNyI+PC9wYXRoPjwvc3ZnPg==) no-repeat center center/12px
}

.clap-blade .anchors.select input:checked + label {
    border-color: #000;
}

.clap-blade .anchors.select input:checked + label::after {
    transform: scaleY(-1);
}

.clap-blade .anchors.select ul {
    display: none;
    position: absolute;
    min-width: 320px;
    margin: 0;
    padding: 0;
    border: solid 1px #000;
    border-top: none;
    background: #fff;
}

.clap-blade .anchors.select ul > li {
    display: block;
    border-top: solid 1px #ccc;
    margin: 0;
    padding: 0;
}

.clap-blade .anchors.select ul > li:first-child {
    border: none;
}

.clap-blade .anchors.select a {
    padding: 6px 12px 6px 9px;
    border-left: solid 3px #fff;
}

.clap-blade .anchors.select a:hover {
    border-left-color: #000;
}

.clap-blade .anchors > input {
    display: none;
}

.clap-blade .anchors.select input:checked ~ ul {
    display: block;
}

.primary-nav-hidden .clap-blade div.anchors.top.scroll {
    z-index: 999;
    margin-top: 8px;
    left: 0;
    width: 100%;
    overflow: hidden;
    transition: margin-top linear .25s;
}

.primary-nav-hidden .ribbon + div .clap-blade div.anchors.top.scroll {
    margin-top: 25px;
    height: 43px;
}

.primary-nav-hidden.hasSecondaryNav .clap-blade div.anchors.top.scroll {
    width: calc(100% - 378px);
}

@media (min-width: 1280px) {
    .primary-nav-hidden.hasSecondaryNav .clap-blade div.anchors.top.scroll {
        left: calc(50vw - 640px) !important;
        width: 896px;
    }

    .primary-nav-hidden.hasSecondaryNav .clap-blade div.anchors.top.scroll::before {
        background: #fff;
    }

    .primary-nav-hidden.hasSecondaryNav .clap-blade div.anchors.top.scroll > ul {
        margin-left: 0;
        padding: 0;
        color: #000;
    }

    .primary-nav-hidden.hasSecondaryNav .clap-blade div.anchors.top.scroll.dark a {
        color: #000;
    }
}


@media (max-width: 992px) {
    .clap-blade div.anchors.top.scroll {
        margin-top: 82px;
        border: none;
    }

    .hasSecondaryNav .clap-blade div.anchors.top.scroll {
        margin-top: 138px;
    }

    .primary-nav-hidden .clap-blade div.anchors.top.scroll {
        margin: 6px 12px;
        overflow: visible;
    }

    .clap-blade div.anchors.left {
        display: none;
    }

    .clap-blade .anchors.left + div.leftindent {
        margin-left: 0;
        width: auto;
    }

    .clap-blade .anchors.top {
        min-height: 45px;
        margin: 6px 0 0;
        z-index: 2;
    }

    .clap-blade .anchors.top.dark {
        margin: 0;
        padding-top: 0;
    }

    .clap-blade .anchors.top:hover,
    .clap-blade .anchors.top:focus-within {
        z-index: 6;
    }

    .clap-blade .anchors.top > input:checked {
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        appearance: none;
        -webkit-appearance: none;
    }

    .clap-blade div.anchors.top::before {
        display: none;
    }

    .clap-blade .anchors.top label {
        position: relative;
        width: auto;
        top: 0;
        min-height: 40px;
        border: solid 1px #ccc;
        border-bottom-color: #000;
        background: #fff;
        padding: 6px 32px 6px 12px;
        min-width: 280px;
        cursor: pointer;
    }

    .clap-blade .anchors.top label::after {
        content: "";
        display: block;
        position: absolute;
        z-index: 4;
        right: 0;
        top: 0;
        bottom: 0;
        width: 32px;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggdmVjdG9yLWVmZmVjdD0ibm9uLXNjYWxpbmctc3Ryb2tlIiBzdHJva2U9IiMwMDAiIGZpbGw9Im5vbmUiIGQ9Ik0yMiw3TDEyLDE3TDIsNyI+PC9wYXRoPjwvc3ZnPg==) no-repeat center center/12px
    }

    .clap-blade .anchors.top.dark label::after {
        filter: invert(1);
    }

    .clap-blade .anchors.top input:checked + label {
        border-color: #000;
    }

    .clap-blade .anchors.top input:checked + label::after {
        transform: scaleY(-1);
        width: 24px;
    }

    .clap-blade .anchors.top label.mobile {
        display: block;
        padding: 12px 32px 18px 24px;
        border: none;
    }

    .clap-blade .anchors.top.scroll label.mobile {
        padding-left: 12px;
    }

    .clap-blade .anchors.top label.mobile::before {
        content: "Jump to:";
        font-weight: bold;
    }

    .clap-blade .anchors.top label.mobile::after {
        width: calc(100% - 24px);
        right: 24px;
        background-position: center right;
    }

    .clap-blade .anchors.top label:not(.mobile) + ul {
        display: none;
    }

    .secondarynav.fixed.dark + div .anchors.top.scroll label.mobile {
        background: #000;
        color: #fff;
    }

    .secondarynav.fixed.dark + div .anchors.top.scroll label.mobile::after {
        filter: invert(1);
    }

    .clap-blade .anchors.top ul {
        position: absolute;
        display: block;
        padding: 0 !important;
        border: solid 1px #ccc;
        border-bottom-color: #000;
        background: #fff;
        height: auto;
    }

    .clap-blade .anchors.top label.mobile + ul {
        top: 8px;
        z-index: 3;
        left: 25%;
        width: calc(75% - 12px);
    }

    .clap-blade .anchors.top label.mobile + ul a {
        padding: 9px 12px;
    }

    .clap-blade .anchors.top input:not(:checked) + label.mobile + ul > li:not(.on) {
        display: none;
    }

    .clap-blade .anchors.top.dark label,
    .clap-blade .anchors.top.dark ul {
        background: #000;
    }

    .clap-blade .anchors.top ul > li {
        display: block;
        margin: 0;
        border-bottom: solid 1px #ccc !important;
        text-align: left;
    }

    .clap-blade .anchors.top input:checked ~ ul {
        display: block;
    }

    .clap-blade .anchors.top li > a {
        padding-left: 24px;
    }
}

@media (max-width: 949px) {
    .primary-nav-hidden.hasSecondaryNav .clap-blade div.anchors.top.scroll {
        width: calc(100% - 260px);
    }
}

@media (max-width: 640px) {
    .clap-blade .anchors.top label {
        min-width: 160px;
    }

    .hasSecondaryNav .clap-blade div.anchors.top.scroll {
        display: none;
    }

    .clap-blade .anchors.top label.mobile {
        padding-left: 16px;
    }

    .primary-nav-hidden .clap-blade div.anchors.top.scroll {
        width: 100%;
    }
}


.stickyfoot {
    clear: both;
    background: #fff;
    padding-top: 20px;
    margin-top: 30px;
}

.stickyfoot::after {
    content: " ";
    display: block;
    clear: right;
}

.stickyfoot > section {
    background: #e4e5e3;
    margin-bottom: 0;
}

.stickyfoot .contact {
    width: 50%;
    float: right;
}

.stickyfoot a.button {
    text-align: center;
}

.stickyfoot p.stuck,
.stickyfoot a.stuck {
    display: none;
}

.stickyfoot .contain div.sharepage {
    position: absolute;
    left: 12px;
    top: -52px;
    padding-top: 6px;
}


@media all and (max-width: 990px) {
    .stickyfoot .contact {
        width: 70%;
    }

    .stickyfoot .links {
        width: 30%;
    }

    .stickyfoot.stuck .contain .sharepage {
        display: none;
        top: 12px;
        margin-top: -12px;
        max-width: 140px;
    }

    .stickyfoot.stuck .sharepage > span {
        padding: 12px 0;
        float: left;
    }

    .stickyfoot.stuck .sharepage > a {
        margin-top: 0;
    }

}

@media all and (max-width: 949px) {

    .stickyfoot .contact,
    .stickyfoot .links {
        float: none;
        width: auto;
        margin: 0 24px;
    }
}

@media all and (min-width: 320px) and (min-height: 420px) {
    div.stickyfoot.stuck {
        position: fixed;
        z-index: 7;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0;
        padding: 0;
        border-top: solid 2px #ccc;
        border-bottom: solid 1px #ccc;
    }

    .stickyfoot.stuck > section {
        background: #fff;
        margin: 0;
    }

    .stickyfoot.stuck div.next {
        display: table;
        width: 100%;
        box-sizing: border-box;
    }

    .stickyfoot.stuck ul.equal1 > li {
        min-height: auto !important;
        display: table;
        width: 100%;
    }

    .stickyfoot.stuck ul.equal1 > li:before {
        display: none;
    }

    .stickyfoot.stuck ul.equal1 > li:nth-child(n+2) {
        display: none;
    }

    .stickyfoot.stuck h2,
    .stickyfoot.stuck p {
        display: none;
        margin: 0;
        max-width: 60%;
        float: none;
        color: #000;
        font-size: 16px;
        line-height: 18px;
        font-weight: normal;
        vertical-align: middle;
    }

    .stickyfoot.stuck a.stuck {
        vertical-align: middle;
        padding-left: 24px;
        white-space: nowrap;
    }

    .stickyfoot.stuck .stuck {
        display: table-cell;
        vertical-align: middle;
    }

    .stickyfoot.stuck .chat {
        display: table-cell;
        vertical-align: middle;
        margin-left: 12px;
    }

    .stickyfoot.stuck #aimsChatIcon > a:after {
        content: "Chat now"
    }

    .stickyfoot.stuck .nostuck {
        display: none;
    }

    .stickyfoot.stuck .contact a {
        color: #fff;
        display: table-cell;
        vertical-align: middle;
    }

    .stickyfoot.stuck .contact a::before {
        content: ">";
    }

    .limp .stuck .next {
        margin: 0 auto;
        padding: 18px 24px;
        background: #fff;
    }

    .stickyfoot.stuck a.button {
        float: right;
        margin: 0;
    }

    .stickyfoot.stuck .contain .sharepage {
        display: none;
        top: 12px;
        padding-left: 12px;
    }

    .stickyfoot.stuck ul.icons {
        display: none;
    }
}

@media all and (max-width: 640px) {
    .stickyfoot a.button {
        float: none;
    }

    .stickyfoot.stuck #aimsChatIcon > a:after {
        display: none;
    }

    .stickyfoot.stuck a.sales {
        text-align: center;
        font-size: 9px;
        color: #333;
        width: 80px;
    }

    .stickyfoot.stuck a.sales::after {
        display: none;
    }

    .stickyfoot.stuck a.sales::before {
        content: "\e025";
        display: block;
        font-family: vesicons;
        color: #999;
        font-size: 38px;
    }
}

[class^="vzi-"]::before,
[class*=" vzi-"]::before {
    font-family: 'vesicons' !important;
    text-decoration: none;
    font-style: normal;
}

.vzi-space:before {
    content: "\a0";
}

.vzi-arrowleft:before {
    content: "\f053";
}

.vzi-arrowright:before {
    content: "\f054";
}

.vzi-arrowup:before {
    content: "\f077";
}

.vzi-arrowdown:before {
    content: "\f078";
}

.vzi-arrow-left:before {
    content: "\f060";
}

.vzi-arrow-right:before {
    content: "\f061";
}

.vzi-arrow-up:before {
    content: "\f062";
}

.vzi-arrow-down:before {
    content: "\f063";
}

.vzi-arrow-left-c:before {
    content: "\f0a8";
}

.vzi-arrow-right-c:before {
    content: "\f0a9";
}

.vzi-arrow-up-c:before {
    content: "\f0aa";
}

.vzi-arrow-down-c:before {
    content: "\f0ab";
}

.vzi-left:before {
    content: "\f0d9";
}

.vzi-right:before {
    content: "\f0da";
}

.vzi-up:before {
    content: "\f0d8";
}

.vzi-down:before {
    content: "\f0d7";
}

.vzi-plus-c:before {
    content: "\f055";
}

.vzi-minus-c:before {
    content: "\f056";
}

.vzi-check-c:before {
    content: "\f058";
}

.vzi-cross-c:before {
    content: "\f057";
}

.vzi-plus:before {
    content: "\f068";
}

.vzi-minus:before {
    content: "\f069";
}

.vzi-check:before {
    content: "\f00c";
}

.vzi-cross:before {
    content: "\f00d";
}

.vzi-sort:before {
    content: "\f0dc";
}

.vzi-triangle:before {
    content: "\e014";
}

.vzi-support:before {
    content: "\e025";
}

.vzi-find:before {
    content: "\f002";
}

.vzi-envelope:before {
    content: "\f003";
}

.vzi-mail:before {
    content: "\e04f";
}

.vzi-home:before {
    content: "\f015";
}

.vzi-linkedin-square:before {
    content: "\f08d";
}

.vzi-twitter:before {
    content: "\f099";
}

.vzi-facebook:before {
    content: "\f09a";
}

.vzi-googleplus-square:before {
    content: "\f0d4";
}

.vzi-googleplus:before {
    content: "\f0d5";
}

.vzi-linkedin:before {
    content: "\f0e1";
    margin-left: 4px;
}

.vzi-rss-square:before {
    content: "\f145";
}

.vzi-youtube2:before {
    content: "\f167";
    margin-left: 4px;
}

.vzi-slideshare:before {
    content: "\e60f";
}

.vzi-gear:before {
    content: "\e00d";
}

.vzi-menu:before {
    content: "\e015";
}

.vzi-calendar:before {
    content: "\f073";
}

.vzi-grid:before {
    content: "\f00a";
}

.vzi-alert:before {
    content: "\e02d";
}

.vzi-signin:before {
    content: "\e034";
}

.vzi-thumbup:before {
    content: "\e037";
}

.vzi-thumbdown:before {
    content: "\e038";
}

.vzi-search:before {
    content: "\e043";
}

.vzi-dot:before {
    content: "\e048";
}

.vzi-cright:before {
    content: "\e049";
}

.vzi-cleft:before {
    content: "\e04a";
}

.vzi-globe:before {
    content: "\e053";
}

.vzi-close:before {
    content: "\e063";
}

.vzi-star:before {
    content: "\e075";
}

.vzi-facebook-square:before {
    content: "\f082";
}

.vzi-twitter-square:before {
    content: "\f081";
}

.vzi-twitter-circle:before {
    content: "\e091";
}

.vzi-facebook-circle:before {
    content: "\e092";
}

.vzi-googleplus-circle:before {
    content: "\e093";
}

.vzi-youtube:before {
    content: "\e095";
}

.vzi-uniE096:before {
    content: "\e096";
}

.vzi-arrow:before {
    content: "\e0af";
}

.vzi-chat:before {
    content: "\e600";
}

.vzi-searchcircle:before {
    content: "\e604";
}

.vzi-mobile:before {
    content: "\e601";
}

.vzi-phone:before {
    content: "\e602";
}

.vzi-envelope:before {
    content: "\e603";
}

.vzi-print:before {
    content: "\e605";
}

.vzi-flag:before {
    content: "\e607";
}

.vzi-warning:before {
    content: "\e608";
}

.vzi-question:before {
    content: "\e609";
}

.vzi-info:before {
    content: "\e60a";
}

.vzi-share:before {
    content: "\e60b";
}

.vzi-ellipsis:before {
    content: "\f141";
}

.vzi-ellipsis-v:before {
    content: "\f142";
}

.vzi-checked:before {
    content: "\f046";
}

.vzi-unchecked:before {
    content: "\f096";
}

.vzi-checkon:before {
    content: "\f14a";
}

.vzi-checkna:before {
    content: "\f146";
}

.vzi-unselected:before {
    content: "\f10c";
}

.vzi-selected:before {
    content: "\f192";
}

.vzi-locked:before {
    content: "\e60c";
}

.vzi-unlocked:before {
    content: "\e60d";
}

.vzi-mailbox:before {
    content: "\e60e";
}

.vzi-flyout:before {
    content: "\e613";
}

.vzi-overlay:before {
    content: "\e900";
}

.vzi-video:before {
    content: "\e901";
}

.vzi-pdf:before {
    content: "\e902";
}

.vzi-quote:before {
    content: "\e903";
}

/* animation effects */
@keyframes FXfade {
    0% {
        opacity: 0.1;
    }

    25% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes FXslide {
    0% {
        opacity: 0;
        transform: translateX(15%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes FXslidel {
    0% {
        opacity: 0;
        transform: translateX(-15%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes FXflip {
    0% {
        opacity: 0;
        transform: rotateX(90deg);
    }

    100% {
        opacity: 1;
        transform: rotateX(0);
    }
}

@keyframes FXvflip {
    0% {
        opacity: 0;
        transform: rotateY(90deg);
    }

    100% {
        opacity: 1;
        transform: rotateY(0);
    }
}

@keyframes FXspin {
    0% {
        opacity: 0;
        transform: rotateZ(180deg) scale(0.25);
    }

    100% {
        opacity: 1;
        transform: rotateZ(0) scale(1);
    }
}

@keyframes FXzoom {

    0%,
    30% {
        opacity: 0;
        transform: scale(0.125);
    }

    60% {
        opacity: 1;
        transform: scale(1.25);
    }

    100% {
        transform: scale(1);
    }
}

.anchornav.vesfx .inview h3 > span.img {
    opacity: 1;
    animation: FXfade .5s;
}

.anchornav.vesfx .inview h3[class*=" vzi-"] + p.subhead {
    transform: none;
    animation: FXslide 0.5s
}

.vesfx img.fade,
.vesfx img.flip,
.vesfx img.vflip,
.vesfx img.spin,
.vesfx img.zoom {
    opacity: 0;
}

.vesfx .fade > img,
.vesfx .flip > img,
.vesfx .vflip > img,
.vesfx .spin > img,
.vesfx .zoom > img {
    opacity: 0;
}

.vesfx.inview img.fade,
.vesfx.inview a.fade > img {
    animation: FXfade 1s;
    opacity: 1;
}

.vesfx.inview img.flip,
.vesfx.inview a.flip > img {
    animation: FXflip 1s ease-out;
    opacity: 1;
}

.vesfx.inview img.vflip,
.vesfx.inview a.vflip > img {
    animation: FXvflip 1s ease-out;
    opacity: 1;
}

.vesfx.inview img.spin,
.vesfx.inview a.spin > img {
    animation: FXspin 1s;
    opacity: 1;
}

.vesfx.inview img.zoom,
.vesfx.inview a.zoom > img {
    animation: FXzoom 1s;
    opacity: 1;
}

.vesfx ul.c7 a.thumb {
    perspective: 200px;
}

.vesfx ul.c7 img.thumb {
    transform-origin: left center;
    opacity: 0;
}

.vesfx ul.shaded > li {
    transition: background-color 0.5s;
}

.xvesfx ul.shaded > li:hover {
    background-color: #eaebea;
}

.vesfx li:hover a.link::after,
.vesfx.hero:hover p + a.link:after {
    animation: FXlink 0.25s ease-in-out;
    display: inline-block;
}

@keyframes FXlink {
    0% {
        transform: none;
    }

    50% {
        transform: translateX(12px);
    }

    100% {
        transform: none;
    }
}

.vesfx.inview ul.c7 img.thumb {
    opacity: 1;
}

.vesfx.inview ul.c7 li:nth-child(1) img.thumb {
    animation: c7img 1s;
}

.vesfx.inview ul.c7 li:nth-child(2) img.thumb {
    animation: c7img2 1s;
}

.vesfx.inview ul.c7 li:nth-child(3) img.thumb {
    animation: c7img3 1s;
}

.vesfx.inview ul.c7 li:nth-child(4) img.thumb {
    animation: c7img4 1s;
}

@keyframes c7img {
    0% {
        opacity: 0;
        transform: rotateY(90deg);
    }

    40% {
        opacity: 1;
        transform: rotateY(0);
    }
}

@keyframes c7img2 {

    0%,
    20% {
        opacity: 0;
        transform: rotateY(90deg);
    }

    60% {
        opacity: 1;
        transform: rotateY(0);
    }
}

@keyframes c7img3 {

    0%,
    40% {
        opacity: 0;
        transform: rotateY(90deg);
    }

    80% {
        opacity: 1;
        transform: rotateY(0);
    }
}

@keyframes c7img4 {

    0%,
    60% {
        opacity: 0;
        transform: rotateY(90deg);
    }

    100% {
        opacity: 1;
        transform: rotateY(0);
    }
}

.vesfx.inview a.button,
.vesfx.hero a.button {
    animation: FXbtn 0.25s ease-in-out;
    animation-delay: 1s;
}

@keyframes FXbtn {
    50% {
        transform: scale(1.25);
    }

    100% {
        transform: none;
    }
}

.vesfx h2,
.vesfx p.subhead {
    opacity: 0;
}

.vesfx.inview h2,
.vesfx.inview p.subhead {
    animation: FXslide .5s;
    opacity: 1
}

.vesfx.inview li.right + li h2,
.vesfx.inview li.right + li p.subhead {
    animation: FXslidel .5s;
}

.vesfx.inview .c2 li:first-child h2,
.vesfx.inview .c3 li:first-child p.subhead,
.vesfx.inview .c2 li:first-child p.subhead {
    animation: FXslidel .5s;
    animation-delay: .25s
}

.clap-blade.detail {
    display: flex;
    flex-direction: row-reverse;
}

.clap-blade.detail > h1 {
    display: none;
}

.clap-blade.detail div.img {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.clap-blade.detail > div {
    flex-basis: 50%;
    padding: 64px 0 84px;
}

.clap-blade.detail fieldset {
    margin: 12px 0;
    max-width: 420px;
}

.clap-blade.detail fieldset p {
    margin-left: 24px;
}

.clap-blade.detail p.price {
    margin: 32px 0 18px;
}

.clap-blade.detail p.price b {
    font-size: 32px;
    display: block;
    font-weight: bold;
    vertical-align: baseline;
    line-height: 100%;
}

.clap-blade.detail p.price span {
    white-space: nowrap;
}

.clap-blade.detail p.price > span.x {
    font-size: 19.8px;
    vertical-align: top;
    line-height: normal;
}

.clap-blade.detail fieldset ~ div {
    float: left;
    margin-right: 42px;
}

@media (max-width: 949px) {
    .clap-blade.detail {
        flex-direction: column;
    }

    .clap-blade.detail > h1 {
        display: block;
    }

    .clap-blade.detail > div {
        flex-basis: 100%;
        padding: 0;
    }

    .clap-blade.detail div.img {
        padding-top: 50%;
        margin-bottom: 12px;
    }

    .clap-blade.detail .details > h2 {
        display: none;
    }

    .clap-blade.detail p.price b {
        font-size: 24px;
    }
}

.clap-blade h2.specs {
    margin-left: calc(25%);
}

.clap-blade > .deviceSpecs {
    display: flex;
    margin-top: 24px;
}

.clap-blade > .deviceSpecs > div {
    flex-basis: 25%;
}

.clap-blade > .deviceSpecs > ul {
    flex-basis: 50%;
}

.clap-blade .deviceSpecs .device div.img {
    width: 100%;
    padding-top: 100%;
    margin-bottom: 24px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}

.clap-blade .deviceSpecs a.remove {
    display: none;
    float: right;
    cursor: pointer;
    color: #999;
}

.clap-blade ul.specs {
    margin: 0 0 0 -12px;
    padding: 0;
}

.clap-blade ul.specs > li {
    display: block;
    list-style: none;
    padding: 12px;
}

.clap-blade ul.specs > li:nth-child(2n+1) {
    background: #f6f6f6;
}

.clap-blade ul.specs > li::after {
    content: "";
    display: block;
    clear: both;
}

.clap-blade ul.specs .l {
    float: left;
    clear: left;
    min-width: 33%;
    font-weight: bold;
}

.clap-blade ul.specs .v {
    float: left;
    max-width: calc(67% - 12px);
    margin-left: 12px;
    text-align: left;
}

.clap-blade ul.space h4 + .v {
    margin-top: 4px;
}

.deviceSpecs ul.specs div.color {
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 24px;
    border: solid 1px #d8dada;
    margin-left: 6px;
}

.clap-blade > .deviceSpecs .compare ul.shaded {
    border: solid 1px #000;
}

.clap-blade > .deviceSpecs .compare .indent {
    padding-right: 0;
    margin-right: -24px;
}

.deviceSpecs > .device {
    padding-bottom: 6px;
    padding-right: 12px;
    margin-top: -72px;
}

.deviceSpecs p.price,
.deviceTile p.price {
    font-size: 12px;
}

.deviceSpecs p.price b,
.deviceTile p.price b {
    font-size: 19.8px;
}

div.deviceSpecs a.detail {
    display: none;
}

.c7.compare .selection select {
    display: block;
    width: 100%;
    border-radius: 0;
    background: #fff;
    border-color: #ccc;
    border-bottom-color: #000;
    padding: 9px 12px;
}

.c7.compare a.remove {
    display: block;
    text-decoration: none;
}

.c7.compare a.remove:hover {
    color: #000;
}

.c7.compare ul.specs h4 {
    font-size: 18px;
}

.c7.compare ul.specs span {
    font-size: 14px;
}

.c7.compare > li {
    padding: 24px;
    min-height: 192px;
}

.c7.compare > li.r2 {
    min-height: 88px;
}

.c7.compare > li.r3 {
    min-height: 108px;
}

ul.compare > li:nth-child(n+5) {
    display: none !important;
}

.deviceSpecs div.compare .button {
    padding: 10px 24px;
}

ul.compare > li.loading::after {
    content: "";
    position: absolute;
    left: calc(50% - 20px);
    width: 40px;
    height: 40px;
    border: solid 4px;
    border-color: transparent #000 #000;
    border-radius: 20px;
    animation: 0.5s linear infinite loadingloop
}

@keyframes loadingloop {
    0% {
        transform: rotateZ(0);
    }

    100% {
        transform: rotateZ(360deg);
    }

}

@media (max-width: 1024px) and (min-width: 949px) {
    .clap-blade > .deviceSpecs {
        display: block;
    }

    .clap-blade h2.specs {
        margin-left: calc(34% + 24px);
    }

    .clap-blade > .deviceSpecs > div {
        float: left;
        width: 33%;
    }

    .clap-blade > .deviceSpecs > ul {
        float: right;
        width: calc(66% - 24px);
    }

    .clap-blade > .deviceSpecs .compare .indent {
        margin: 12px 0;
        padding-left: 0;
    }
}

@media (max-width: 949px) {
    .clap-blade h2.specs {
        margin-left: 0;
    }

    .deviceSpecs > .device {
        margin-top: 0;
    }

    .clap-blade > .deviceSpecs {
        display: block;
    }

    .clap-blade > .deviceSpecs div.device::after {
        content: "";
        display: block;
        clear: left;
    }

    .clap-blade > .deviceSpecs .device div.img {
        float: left;
        width: 25%;
        padding-top: 25%;
    }

    .clap-blade > .deviceSpecs .compare .indent {
        margin-right: 0;
        padding-left: 0;
        margin-top: 12px;
    }
}

@media (max-width: 489px) {
    ul.scroll.c7.compare {
        width: 300%;
    }

    ul.scroll.c7.compare > li {
        padding: 12px 0 0 12px;
    }
}
.to-soluzioni-digitali-360 {
    padding: 0 1.6rem 3.2rem;
}

.tm-soluzioni-digitali-360-box > div {
    padding-bottom: 15px;
    background: white;
}

.tm-soluzioni-digitali-360-title {
    text-align: center;
    margin-bottom: 35px;
}

.tm-soluzioni-digitali-360-box h2, .tm-soluzioni-digitali-360-box h4 {
    margin: 20px 0 10px 20px;
}

.tm-soluzioni-digitali-360-box-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
}

.tm-soluzioni-digitali-360-box picture {
    display: block;
    position: relative;
    width: 100%;
    padding-top: calc(348 / 568 * 100%);
}

.tm-soluzioni-digitali-360-box picture img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.tm-soluzioni-digitali-360-box {
    display: flex;
    flex-direction: column;
    border-radius: 8px !important;
    overflow: hidden;
}


.tm-soluzioni-digitali-360-box > div {
    height: 100%;
}

.tm-soluzioni-digitali-360-box h3,
.tm-soluzioni-digitali-360-box p {
    padding: 0 20px;
}

.tm-soluzioni-digitali-360-box a {
    width: max-content;
    justify-self: flex-end;
    margin: auto 0 0 20px;
}

.tm-soluzioni-digitali-360-box h3 {
    margin: 20px 0 10px 0;
}

.tm-soluzioni-digitali-360-box p {
    margin-bottom: 15px;
}

@media (min-width: 48rem) {
    .to-soluzioni-digitali-360 {
        padding: 0 calc(1/12*100vw) 55px;
    }

    .tm-soluzioni-digitali-360-box-container {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 35px;
        grid-column-gap: 35px;
    }
}
/* SOLUZIONI DIGITALI 360 END */
@media (min-width: 651px) and (max-width: 1439px) {
    .blu-porfolio .to-articoli-letti__wrap {
        width: 100% !important;
        grid-template-columns: clamp(200px, 48%, 700px) clamp(200px, 48%, 700px) !important;

    }
}