
@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; display:inline-block; }

.clap-blade { margin-top: 54px; margin-bottom: 54px; }
.shaded>.clap-blade { margin-top: 42px; margin-bottom: 42px; }
.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.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; }

li.clapImg, li.clappromo { list-style: none; position:relative; }
.clap-blade .text { margin: 12px 0; }

.clap-blade h1 { font-size: 16px; line-height: 108%; margin: 20px 0; float: none; font-weight: bold; }
.clap-blade .subhead { font-size: 24px; line-height:112%; font-family: "Neue Haas Grotesk Text Std",NHaasGroteskTXW01-75Bd,NeueHaasGrotesk,Arial; margin: 18px 0 24px; page-break-after:avoid;}
.clap-blade h2 { font-size: 48px; line-height: 96%; max-width: 720px; page-break-after:avoid;}
.clap-blade h2.short { font-size: 64px; }
.clap-blade h2.large { font-size: 64px; }
.clap-blade h3 { font-size: 16px; line-height: 112%; max-width: 720px; page-break-after:avoid; }
.clap-blade .c4>li:not(.double) h2 { font-size: 32px; }
.clap-blade .c4 h3 { font-size: 14px; }

.clap-blade h3+.subhead, .clap-blade h1+.subhead, .clap-blade h3+h2 { margin-top: 9px; }
.clap-blade p { font-size: 19.8px; line-height: 112%; max-width: 780px; margin: 12px 0;}
.clap-blade ul { font-size: 19.8px; line-height: 112%; list-style: disc; padding-left: 32px; 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.small { font-size: 12px; }
.clap-blade p.right { text-align: right; }
.clap-blade p a, .clap-blade li>a, .clap-blade a.vz-text-link { color:inherit; text-decoration:underline; }
.clap-blade li.double li { max-width: 780px; }

.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; }
.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; }
.clap-blade>div.fbg+div { position:relative; }
@media (min-width: 1920px) {
.clap-blade>div.fbg { left: calc(50% - 960px); right: calc(50% - 960px); }
}


article.padded { padding: 12px 0; }
article.shaded { background-color: #f6f6f6; padding: 12px 0;}
article.shaded.dark { background-color: #000; }
article.dark *, .clap-blade .dark *, .clap-blade.dark * { color: #fff; }
article.divided:before { content:""; display:block; border-top: solid 1px #ddd; margin:0 auto; max-width:1280px }
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; }

.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; }



.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;}


@media all and (max-width: 1278px) {
	.clap-blade p, .clap-blade ul { font-size: 18px; }
    .clap-blade h2 { font-size: 36px; }
    .clap-blade h2.short, .clap-blade h2.large { font-size: 56px; }
    .clap-blade .c4 h2 { font-size: 30px; }
    .clap-blade .c4 h4 { font-size: 16px; }
	#main.fancybox-content { max-width: 92vw; padding:0; }
}
@media all and (max-width: 992px) {
	.clap-blade p, .clap-blade ul { font-size: 16px; }
	.clap-blade h2 { font-size: 32px; }
    .clap-blade h2.short,.clap-blade h2.large { font-size: 48px; }
    .clap-blade .c4>li:not(.double) h2 { font-size: 26px; }

}
@media screen and (max-width: 992px) {
	.clap9 .mainleft { width: auto; float:none;}
	.clap9 .rightcol { width: auto; float:none;}
}
@media all and (max-width: 760px) {
.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; }

}
@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 print {
    .clap2>article { padding: 1px 0; margin: -1px 0; page-break-inside: avoid;}
	.clap-blade .border a.thumb.noimg { min-height:60px; }
    .clap-blade .c4>li:not(.double) h2 { font-size: 20px; }
    .clap-blade .c4>li:not(.double) h3 { font-size: 18px; }
    .clap-blade .c4 h4,.clap-blade .c4 p { font-size: 12px; }
}

.clap-blade a.link { display:inline-block; text-decoration:none; margin-right: 12px; padding-right: 24px; font-size: 18px; font-family:NHaasGroteskTXW01-75Bd,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; }
.clap-blade a.link::after { content:""; display:inline-block; margin: -1px -.8em -1px 0; width: .8em; height:.8em; border-right: 2px solid #000; border-bottom: 2px solid #000; transform:rotate(-45deg); }
.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;}


.clap-blade .button, .clap-blade button.primary { display:inline-block;width:auto; min-width:96px;padding: 10px 24px; margin:6px 12px 6px 0; border: solid 1px #000; border-radius: 24px; font-size: 14px; text-decoration: none; font-family:NHaasGroteskTXW01-75Bd,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 blockquote { position:relative; font-size: 24px; 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 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::after { content:""; clear:left;display:block;}

.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; 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; }


.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 .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; }
.clap-blade .border.c4 .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; }
.clap-blade .border.c4 .asset>a.noimg+span,.clap-blade .border.c3 .asset>a.noimg+span { border-top-width: 1px; }
.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 .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 .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:right; 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[data-error] { display:block; background: repeating-linear-gradient(-30deg,transparent,transparent 12px,transparent 20px,rgba(240,0,0,0.25) 24px); }

.clap-blade .clappromo { padding: 24px; }
.clap-blade .promo.nobg { margin: -24px; }
.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.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; background-repeat:no-repeat; overflow:hidden;}
.clap-blade div.fbg>video { max-width: 100%; display:block;}
.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; }
.clap-blade .promo .c1 { x-padding-top: 24px; }
.clap-blade .border .promo>.c1 { padding:12px 18px; }


@media all and (max-width: 1278px) {
    .clap-blade .asset h4 { font-size: 18px; }
    .clap-blade .asset h3 { font-size: 30px; }
}
@media all and (max-width: 992px) {
    .clap-blade .asset h3 { font-size: 26px; }
}
@media all and (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-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%; }
	.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.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>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 .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 h1.licon + p.title { padding-top: 28px; padding-bottom: 12px; }

@keyframes HeroFade { 0% { opacity: 0;} 100% { opacity: 1;} }
.clap-blade.hero div.video { display: block; animation: HeroFade 1s ease-in;animation-iteration-count: 1; }
.clap-blade.hero video { transition: opacity .5s 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 1s 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 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;}
.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>div::before { content:" "; display: block; padding-top: 30%; float:right; width: 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 p { font-size: 20px; 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-family:"Neue Haas Grotesk Text Std",NHaasGroteskTXW01-75Bd,NeueHaasGrotesk,Arial;}
.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; }

@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 .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>div:first-child, .clap-blade.hero.hasbg>div:first-child { padding: 42px 12px 32px; 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::before { display: none; }
 .clap-blade.hero.left { background-image: none !important; }
 .clap-blade.hero .img { display: none; }
 .clap-blade.hero.full .img { display: block; x-opacity: 0.5; }
 .clap-blade.hero.full.dark .img { opacity: 1; x-filter: brightness(0.5); }
 .limp div.leftindent { margin-left: 24px; }
}
@media screen and (max-width: 760px) {
.clap-blade.hero .title { font-size: 32px; padding: 0; }
.clap-blade.hero.carousel>div:first-child { margin: 0;}
}
ul.c1, ul.c2, ul.c3, ul.c4, ul.c5 { margin:0; padding:0; clear:both; position: relative; }
ul.c1>li, ul.c2>li, ul.c3>li, ul.c4>li, ul.c5>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;}
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: #d21; }

ul.equal>li { position: relative; z-index:2;}
ul.c1>li { width: 100%; margin:0; }
ul.c2,ul.c3,ul.c4 { page-break-inside:avoid;}
ul.c2>li, ul.scroll.c2>li { width: calc(50% - 12px); } ul.border.c2>li {width: 50%;}
ul.c3>li, ul.scroll.c3>li { width: calc(33% - 16px); } ul.border.c3>li {width:33.3%;}
ul.c3>li.double, ul.scroll.c3>li.double { width: calc(66.5% - 8px); } ul.border.c3>li.double {width:66.6%;}
ul.c4>li, ul.scroll.c4>li { width: calc(25% - 18px); } ul.border.c4>li {width:25%;}
ul.c4>li.double, ul.scroll.c4>li.double { width: calc(50% - 12px); } ul.border.c4>li.double { width: 50%; }
ul.c4>li:first-child+li.double:last-child, ul.c4>li.double:first-child { width: calc(75% - 6px);}
ul.c5>li,ul.scroll.c5>li {width: calc(20% - 19px);}
ul.c2>li:nth-child(2n+1), ul.c3>li:nth-child(3n+1), ul.c4>li:nth-child(4n+1) { margin-left:0; clear:left; }
ul.c1::after, ul.c2::after, ul.c3::after, ul.c4::after, ul.c5::after { content:" ";clear:left;display:block;height:0;}
ul.c1.shaded>li, ul.c2.shaded>li, ul.c3.shaded>li, ul.c4.shaded>li, ul.c1>li.shaded, ul.c2>li.shaded { background-color: #f6f6f6; color:#333;box-sizing: border-box; padding: 24px; margin-bottom: 24px; }
ul.shaded>li:focus-within { background-color: #fafafa; }
ul.c1.padded>li, ul.c2.padded>li, ul.c3.padded>li, ul.c4.padded>li, ul.c1>li.padded, ul.c2>li.padded { box-sizing: border-box; padding: 42px 42px 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, .c4>li img { max-width: 100%; display: block; }
ul.c4.scroll>li:nth-child(n+5) { display: none;}
ul.c1.scroll>li+li { display: none; }
ul.shaded.border>li { padding:0; margin-bottom:-1px;}

.c1 a.thumb, .c2 a.thumb { float: left; }
ul a.thumb.noimg { float:none; text-decoration:none;}
.c4 a.thumb, .c3 a.thumb, .mainleft .c2 a.thumb { display: block; height: 186px; overflow: hidden; float:none; text-decoration:none;}
.c4 a.thumb>img, .c3 a.thumb>img, .mainleft .c2 a.thumb>img { margin: 0; max-width: 100%; width: auto; max-height: 190px; float:none;}
.c4 a.thumb>picture>img, .c3 a.thumb>picture>img { margin: 0; max-width: 100%; width: auto; max-height: 190px; float:none;}
.c2 a.thumb>img, .c1 a.thumb>img { max-width: 240px; }
.c2 a.thumb>picture>img, .c1 a.thumb>picture>img { max-width: 240px; }
.c2 a.thumb+span, ul.c1 a.thumb+span { display:block; margin-left: 256px; }
ul a.thumb.noimg+span { margin-left: 0;}
.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 12px; display:block; }
ul.divided>li+li:before { content:""; display:block; position: absolute; top:0; bottom:0; left: -12px; border-left: solid 1px #999;}
ul.c4.divided.stack>li:nth-child(4n+5)::before,ul.c3.divided.stack>li:nth-child(3n+4)::before,ul.c2.divided.stack>li:nth-child(2n+3)::before { display: none; }
ul.c2 h2.large { font-size: 40px; }
ul.c3 h2.large,ul.c4 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; }
.c4 a.thumb+h4 { margin: 18px 0; min-height:40px; }
.c1+div.dots, .c2+div.dots, .c3+div.dots, .c4+div.dots, .c5+div.dots { text-align: center; padding: 12px;}
div.scroller>div.dots.abottom, div.scroller>div.dots.dinside { position: absolute; bottom:0; width: 100%; z-index:4; }
div.dots>a { display: none; position:relative; background-color: #ccc; margin: 4px; padding: 0 9px; font-size: 2px; color: transparent; cursor: pointer}
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; }
.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; }
.c4+div.dots>a:nth-child(4n+1) { display: inline; }
.c5+div.dots>a:nth-child(5n+1) { display: inline; }
.c5.scroll>li,.c4.scroll>li, .c3.scroll>li, .c2.scroll>li, .c1.scroll>li { left: 100%; }
.c5>li:first-child,.c4>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%; }
.c4.scroll>li:nth-child(2) { left: 25%; } .c4.scroll>li:nth-child(3) { left: 50%; }.c4.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.c4>li.right { float: right; }
ul.c2>li.right+li, ul.c3>li.right+li, ul.c4>li.right+li { margin-left: 0; }
ul.c2>li+li.padded { padding-right: 0; }
ul.c2>li.padded:first-child, ul.c2>li.right+li.padded { padding-left: 0; padding-right: 12px;}
ul.c1 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.c4 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;}
ul.c2>li.right div.fbg, ul.c3>li.right div.fbg, ul.c4>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: 640px; }
ul.c3 div.fbg.contain { max-width: 426px;}
ul.c3 li.double div.fbg { width: 66vw; max-width: 1280px; }
ul.c3 div.fbg>.edge { width: calc(33vw - 640px);}
ul.c4 div.fbg { width: 25vw; max-width: 480px; }
ul.c4 div.fbg.contain { max-width: 320px;}
ul.expand div.fbg { max-width: 100%; }
.clap-blade ul div.fbg~* { position: relative; }
.clap-blade div.fbg { margin: -54px 0; background-repeat:no-repeat;}
.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); }


div.scroller {position:relative;xoverflow:hidden;z-index:1;background-color:#fff;}
div.scroller.scroll, li.expanded div.scroller { xoverflow:hidden; }
.fixed-width div.scroller.scroll, .tab-content div.scroller.scroll { overflow:hidden; }
.shaded div.scroller { background-color:#f6f6f6; } .dark div.scroller { background-color:#000; }
div.scroller.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.scroller.scroll::after  { content:""; display:block; position: absolute; z-index:4; background-color:inherit; top:0; bottom:0; left:100%;  width:calc(50vw - 50%); transition:background-color .5s }
div.scroller.indent::after { left: calc(100% - 24px); width:calc(50vw - 50% + 24px); }
div.scroller a.left, .scroller 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.scroller a.right {right:24px; text-align:left;}
div.scroller a.left.atop,div.scroller a.right.atop { bottom: auto; top: 12px; margin-top:0;}
div.scroller a.left.abottom,div.scroller a.right.abottom { bottom: 6px; top: auto;}
div.scroller a.left.ahide,div.scroller a.right.ahide { display:none; }
div.scroller.cc1.first.last li:nth-child(n+2) div.fbg { background-image:none !important; }
div.scroller.first.last li:nth-child(n+5) a.thumb>picture { visibility:hidden !important; }

div.scroller>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.scroller>a>svg, div.dark.scroller>a>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) }
div.scroller.first a.left, .scroller.last a.right {opacity:0;z-index:-1}
div.scroller.first.last div.dots {display:none}
div.scroller>ul.scroll,div.scroller>div>ul.scroll {left:0; transition:left 0.5s;}
div.scroller>ul.scroll.drag { transition:none;}
div.scroller>ul.scroll>li,div.scroll>ul.scroll>li {margin:0;box-sizing:border-box;float:none;}
div.scroller>ul.scroll>li:nth-child(n+2),div.scroll>ul.scroll>li:nth-child(n+2) {position:absolute;top:0;display:block}
div.scroller li.hide { display:none !important;}
div.scroller.dark li.clapSharable>:not(.dark) * { color: #000; }

div.scroller.scroll>div.scroll { overflow-y: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; scrollbar-width: none; scrollbar-height: none; scroll-behavior: smooth;}
div.scroller.scroll>div.scroll::-webkit-scrollbar { width: 0 !important; height:0 !important;}

@media (min-width: 760px) {
div.scroller ul.expand>li { transition: width 0.3s; border:none; overflow:hidden; }
div.scroller ul.expand>li::before { content:" "; display: block; float:left; margin-right:-1px; min-height: 420px; }

div.scroller ul.expand.c3:hover>li { width: 25%; }
div.scroller ul.expand.c4:hover>li, div.scroller ul.expand.c4.touch>li, div.scroller ul.expand.c4:focus-within>li { width: 16.6%; }
div.scroller ul.expand.equal>li:hover, div.scroller ul.expand.equal>li.touch, div.scroller ul.expand.equal>li:focus-within { width: 50%; }
div.scroller ul.expand>li div.promo::before { display:none; }
div.scroller ul.expand>li .fbg::before { opacity: 0; transition: opacity 1s;}
div.scroller ul.expand>li:hover .fbg::before { opacity: 1; }
div.scroller ul.expand>li div.promo>div.wide { transition: opacity 0.5s; position: absolute; top:0; bottom:0; left:24px; right:24px; }
div.scroller ul.expand:hover>li div.promo>div.wide, div.scroller ul.expand.touch>li div.promo>div.wide, div.scroller ul.expand:focus-within>li div.promo>div.wide { opacity:0; min-width: 152px; }
div.scroller ul.expand>li:hover div.promo>div.wide, div.scroller ul.expand>li.touch div.promo>div.wide, div.scroller ul.expand>li:focus-within div.promo>div.wide { opacity:1; }
div.scroller ul.expand>li div.promo .top { max-width: 270px;}
div.scroller ul.expand>li div.promo .double { opacity:0; min-width: 152px; position:static; }
div.scroller ul.expand>li:hover div.promo .double, div.scroller ul.expand>li.touch div.promo .double, div.scroller ul.expand>li:focus-within div.promo .double { opacity:1; transition: opacity 0.5s; transition-delay:0.5s}
div.scroller ul.expand>li div.promo a.button { position: absolute; top:auto; bottom: 24px; right: 0; }
div.scroller ul.expand>li div.promo a.button+a.button { top:auto; bottom: 72px; }
}
@media (max-width: 1280px) { div.scroller ul.expand>li::before { min-height: 32vw; } }


.clap2 input.expand { 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.expand::-ms-check { display: none; }
.clap2 input.expand+ul { perspective: 500px; }
.clap2 ul.c2>li.expanded { 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.expanded.edit { position: relative; opacity:1; transform:none; border: dashed 1px #9cf;}
.clap2 li.expanded>article { margin: -30px 0; }
.clap2 li.expanded.edit>article { margin: 30px 0 0; }
.clap2 input.expand+ul>li { transition: transform 1s,opacity .5s; backface-visibility: hidden; background-color: #fff; }
.clap2 input.expand+ul>li:first-child, .clap2 input.expand+ul>li.right+li { transform-origin: left center; }
.clap2 input.expand+ul>li:nth-child(2), .clap2 input.expand+ul>li.right { transform-origin: right center; }
.clap2 input.expand:checked+ul>li.expanded { opacity:1; z-index: 4; transform: none; bottom:0;}
.clap2 input.expand:checked+ul>li:first-child,.clap2 input.expand:checked+ul>li.right+li {  transform: translateX(-50vw); x-transform: rotateY(-45deg) translateX(-100%); }
.clap2 input.expand:checked+ul>li:nth-child(2),.clap2 input.expand:checked+ul>li.right { transform: translateX(50vw); x-transform: rotateY(45deg) translateX(105%); }
.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.expand:checked+ul div.icon { left:104%; right:auto; z-index: 5;  }
.clap2 input.expand:checked+ul li.right div.icon { right:104%; left: auto; z-index: 5;  }
.clap2 input.expand:checked+ul div.icon::before { content:"\f069";}
.clap2 li.expanded .clap-blade { margin:24px auto 12px; }

.clap8 { x-overflow:hidden; }
.clap8 .text.shaded { background-color: #eeeeee99;padding: 24px;}
.clap8 .text.dark { background-color: #000; color:#fff;padding: 24px;}
@media (min-width:760px) {
.clap8 .sticky .text {position: absolute; z-index:5; top:0; bottom:0; width: 25%; box-sizing:border-box; padding: 0 24px; margin:0;}
.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; }
.xclap8 .sticky div.scroller a.left:not(.aunder),.xclap8 .sticky div.scroller a.right:not(.aunder) { bottom: auto; top: 12px; margin-top:0;}
.clap8 .sticky div.scroller { margin-left: 25%; }
.clap8 .sticky div.scroller.cc1 { margin-left: 0; }
.clap8 .sticky div.scroller>ul.c1>li, .clap8 .sticky div.scroller>div>ul.c1>li { padding-top: 56px; padding-bottom:6px; }
.clap8 .sticky div.scroller>ul.c1>li>*, .clap8 .sticky div.scroller>div>ul.c1>li>* { padding-left: 25%; display:block; }
.clap8 .sticky div.scroller>ul.c1>li::before, .clap8 .sticky div.scroller>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.scroller>ul.c1>li::before, .clap8 .dark .sticky div.scroller>div>ul.c1>li::before { border-left: solid 1px #fff; }
.clap8 .sticky div.scroller.scroll:not(.cc1)::before { width:calc(50vw - 33%); }
.clap8 .sticky div.scroller.scroll:not(.cc1)::after { width:calc(50vw - 68%); }
}

@media all and (max-width: 1278px) {
 ul.c3.shaded>li, ul.c4.shaded>li { padding: 16px; }
 ul.c1.padded>li, ul.c2.padded>li, ul.c3.padded>li, ul.c4.padded>li, ul.c2>li.padded { padding: 24px 24px 12px; }
 ul.scroll.c4 { width: 133%; }
 .scroll.c4+div.dots>a:nth-child(4n+1) { display: none; }
 .scroll.c4+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; margin-left:0; width: auto; min-height: auto !important;}
ul.scroll.c3.wide { width: 150%; }
ul.scroll.c2.wide, ul.scroll.c4 { width: 200%; }
ul.scroll.c5 { width: 125%; }
ul.c1.padded>li, ul.c2.padded>li, ul.c3.padded>li, ul.c4.padded>li { padding: 12px; }
ul.c2>li.padded { padding: 42px 0 12px; }
ul.border.c4.wide>li {width:50%;}
 .scroll.c4+div.dots>a:nth-child(3n+1) { display: none; }
 .scroll.c4+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: 180px; }
.c2 a.thumb+span, .c1:not(.tab-content) a.thumb+span { display:block; margin-left: 192px; }

}

@media screen and (max-width: 760px) {
 ul.scroll.c2 { width: 200%; }
 ul.scroll.c3 { width: 150%; }
 ul.scroll.c3.wide { width: 300%; }
 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;min-height: auto !important;}
 ul.c2.border>li, ul.c3.border>li { margin-bottom:0; }
 ul.c4:not(.scroll)>li,ul.c4:not(.scroll)>li.double,ul.c4>li:first-child+li.double:last-child { width: calc(50% - 12px); }
 ul.c4.stack:not(.border)>li:nth-child(n+3) { margin-top: 24px; }
 ul.c4>li:nth-child(2n+1) { clear: left; margin-left:0; }
 ul.scroll.c2.narrow { width: 100%; }
 ul.c2.narrow>li { float:left; width: 50%; }
 ul.c2>li.right, ul.c3>li.right,ul.c2>li.left, ul.c3>li.left { float: none; min-height: 40vw !important;}
 input.expand+ul.c2>li { min-height: 33vw; }
 ul.c2 div.fbg, ul.c3 div.fbg { x-margin:0; width: auto; right:-24px !important; left:-24px !important; }
 ul.border.stack.c4>li {width:50%;}
 ul.divided>li+li:before { margin: 6px 0; border-top: solid 1px #999; border-left:none; bottom: auto; left:0;right:0; position:static;}
 ul.c4.divided.stack>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; }

 .clap2 ul.c2>li.expanded { bottom:0; }
 .clap2 label div.icon,.clap2 li.right label div.icon { top: auto; bottom:0; left: calc(50% - 20px); right:auto;}
 .clap2 input.expand:checked+ul div.icon { left: calc(50% - 20px) !important; right:auto !important; }
 .clap2 input.expand:checked+ul>li:first-child,.clap2 input.expand:checked+ul>li.right {  transform: translateY(-50vw); }
 .clap2 input.expand:checked+ul>li:nth-child(2),.clap2 input.expand:checked+ul>li.right+li { transform: translateY(50vw); opacity:0;}
 .clap2 input.expand:checked+ul div.icon::after { color:#fff; top: auto; bottom:0;}

}

@media all and (max-width: 640px) {
ul.scroll.c5 { width: 166.6%; }
.c2 a.thumb>img, .c1:not(.tab-content) a.thumb>img { max-width: 120px; }
.c2 a.thumb>picture>img, .c1:not(.tab-content) a.thumb>picture>img { max-width: 120px; }
.c2 a.thumb+span, .c1:not(.tab-content) a.thumb+span { display:block; margin-left: 132px; }

}

@media all and (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 all and (max-width: 489px) {
 ul.c4.stack>li,ul.border.stack.c4>li,ul.c4:not(.scroll)>li { float:none; margin-left:0; margin-bottom:12px; width: auto !important;}
 ul.border.stack.c4>li { margin:0; }
 ul.divided.stack.equal>li:nth-child(n):before { display:block;}
 ul.scroll.c4 { width: 400%; }
 .scroll+div.dots>a { display: inline; }
}
.clap-blade div.left-tabs { position: relative; padding-left: 20%; }
.clap-blade div.left-tabs.top { padding-left: 0; margin-top:3px; }
.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: 20%; bottom:0; border: solid 1px #eee; border-right: none; }
.clap-blade div.left-tabs.top > div.tabs { position: relative; width: auto; border:none; top: auto; bottom:-1px; margin-left: 12px;}
.clap-blade div.left-tabs h4 { margin:0; padding: 24px 12px; }
.clap-blade div.left-tabs fieldset.tabs { padding:0; margin:0; position: absolute; top: 0; left:0; right:0; border:none; }
.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+input+fieldset.tabs { top: 72px; border-top: 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 12px 12px 24px; margin: 0px; font-weight: 400; border-left: solid 4px transparent; border-bottom: solid 1px #eee; }
.clap-blade div.left-tabs.top fieldset.tabs { position: relative; border: none;}
.clap-blade div.left-tabs.top fieldset.tabs>label { float:left; margin-right: 12px; padding-left: 12px; border-left: none; border-top: 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-top: solid transparent 2px; border-right:none; }
.clap-blade div.left-tabs.top ul.tabs>li.on { color:#000; border-left-color: #cd040b; border-top-color: #cd040b; }
.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; }

.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 div.fbg { left: -24px; width: auto;}

.clap-blade div.left-tabs>input, .clap-blade div.left-tabs .tabs>input { display: none; appearance:none;}
.clap-blade div.left-tabs .tab-content.shaded { background: #e4e5e6; padding: 1px 0; }
.clap-blade div.left-tabs.top .tab-content { background:none; }

.clap-blade .tab-content>div { display: none;}
.clap-blade .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) { border-left-color: #cd040b; border-top-color: #cd040b; display:block;}
.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) { display: block; }

@media all and (max-width: 760px) {
    .clap-blade div.left-tabs { padding:0; }
	.clap-blade div.left-tabs>div.tabs { position: relative; width: auto; border:none; min-height:45px;}
	.clap-blade div.left-tabs .tabs h4, .clap-blade div.left-tabs.top>h4 { padding: 12px; float:left; width: 50%; min-width: 280px; margin:0; }
	.clap-blade div.left-tabs fieldset.tabs, .clap-blade div.left-tabs ul.tabs { position: relative; background:#fff; border:solid 1px #ccc; top:auto !important; left:auto; right:auto; width: 50%; min-width: 280px; }
	.clap-blade div.left-tabs h4+input+fieldset.tabs { right:0; }
	.clap-blade div.left-tabs div.tabs fieldset.tabs>label, .clap-blade div.left-tabs.top ul.tabs>li { display:none; float:none !important; margin:0;border-top: none; border-left: solid transparent 2px;}
	.clap-blade div.left-tabs input.open:checked+fieldset.tabs, .clap-blade div.left-tabs.top input.open:checked+ul.tabs { position: absolute; z-index:9; border:solid 1px #000;}
	.clap-blade div.left-tabs.top ul.tabs>li.on { display: block; position: relative; }
	.clap-blade div.left-tabs fieldset.tabs+label, .clap-blade div.left-tabs.top>label { content:""; position: absolute; top:0; width: 100%; bottom:0; }
	.clap-blade div.left-tabs input.open:checked~label { position: fixed; z-index:1; left:0; }
	.clap-blade div.left-tabs input.open:checked+fieldset.tabs>label, .clap-blade div.left-tabs.top input.open:checked+ul.tabs>li { display:block; border-bottom: solid 1px #ccc;}
}
@media all and (max-width: 630px) {
	.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; }
}
@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 #cd040b; 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: -72px; }

.clap-blade div.anchors { margin:0; padding:0; background: none; position: relative; z-index:9; 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; }
.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; top: 0; bottom:0; left:calc(50% - 50vw); background:#fff; width: 100vw; }

.clap-blade .anchors.top ul { display: block; margin:0 auto; padding:0; width: 100%; height: 50px; max-width: 1280px;}
.clap-blade .anchors.top li { display: inline-block; list-style: none; position: relative; min-height: 32px; padding:0; margin:0 12px 0; text-align:center; vertical-align: middle; border-top:solid 4px #fff; background: #fff;transition: background-color .25s}
.clap-blade .anchors.top.full ul { display:table; }
.clap-blade .anchors.top.full li { display: table-cell; width: 20%; margin:0; }
.clap-blade .anchors.top li.scroll { display: none; }
.clap-blade .anchors.top li:hover { color:#000; border-top-color: #f7f7f7; }
.clap-blade .anchors.top li.on { color:#000; border-top-color: #cd040b; }
.clap-blade .anchors.top li.on::before { position: absolute; display: block; 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: block; 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: 500; outline:none; text-decoration: none !important;text-transform:capitalize;font-family: NHaasGroteskTXW01-75Bd,Arial,Sans-Serif;}
.clap-blade .anchors li span { color: inherit }
.clap-blade .anchors.top li.on a { color: #000; }

.clap-blade .anchors.top li.red { background-color: #cd040b !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 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; }
.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: #cd040b; border-left-color: #cd040b;}

.primary-nav-hidden .clap-blade div.anchors.scroll { margin-top: 0px; transition: margin-top linear .25s;}

@media all and (max-width: 992px) {
    .clap-blade div.anchors.left { display: none; }
    .clap-blade .anchors.left+div.leftindent { margin-left:0; width: auto;}
}




.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: 760px) {
 .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.equal>li { min-height: auto !important; display:table; width: 100%;}
.stickyfoot.stuck ul.equal>li:before { display: none; }
.stickyfoot.stuck ul.equal>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.c4 a.thumb { perspective: 200px; }
.vesfx ul.c4 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.c4 img.thumb { opacity:1; }
.vesfx.inview ul.c4 li:nth-child(1) img.thumb { animation: c4img 1s; }
.vesfx.inview ul.c4 li:nth-child(2) img.thumb { animation: c4img2 1s; }
.vesfx.inview ul.c4 li:nth-child(3) img.thumb { animation: c4img3 1s; }
.vesfx.inview ul.c4 li:nth-child(4) img.thumb { animation: c4img4 1s; }
@keyframes c4img { 0% {opacity:0; transform: rotateY(90deg);} 40% { opacity:1; transform: rotateY(0);} }
@keyframes c4img2 { 0%, 20% {opacity:0; transform: rotateY(90deg);} 60% { opacity:1; transform: rotateY(0);} }
@keyframes c4img3 { 0%, 40% {opacity:0; transform: rotateY(90deg);} 80% { opacity:1; transform: rotateY(0);} }
@keyframes c4img4 { 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 }
