[data-theme]{background-color:#fff;background-color:var(--color-bg,#fff);color:#303035;color:var(--color-contrast-high,#313135)} :root{--space-unit:1em;--space-xxxxs:calc(0.125*var(--space-unit));--space-xxxs:calc(0.25*var(--space-unit));--space-xxs:calc(0.375*var(--space-unit));--space-xs:calc(0.5*var(--space-unit));--space-sm:calc(0.75*var(--space-unit));--space-md:calc(1.25*var(--space-unit));--space-lg:calc(2*var(--space-unit));--space-xl:calc(3.25*var(--space-unit));--space-xxl:calc(5.25*var(--space-unit));--space-xxxl:calc(8.5*var(--space-unit));--space-xxxxl:calc(13.75*var(--space-unit));--component-padding:var(--space-md)} :root{--max-width-xxs:32rem;--max-width-xs:38rem;--max-width-sm:48rem;--max-width-md:64rem;--max-width-lg:80rem;--max-width-xl:90rem;--max-width-xxl:120rem} .container{width:calc(100% - 1.25em);width:calc(100% - 2*var(--component-padding));margin-left:auto;margin-right:auto} .max-width-xxs{max-width:32rem;max-width:var(--max-width-xxs)} .max-width-xs{max-width:38rem;max-width:var(--max-width-xs)} .max-width-sm{max-width:48rem;max-width:var(--max-width-sm)} .max-width-md{max-width:64rem;max-width:var(--max-width-md)} .max-width-lg{max-width:80rem;max-width:var(--max-width-lg)} .max-width-xl{max-width:90rem;max-width:var(--max-width-xl)} .max-width-xxl{max-width:120rem;max-width:var(--max-width-xxl)} .max-width-adaptive-sm{max-width:38rem;max-width:var(--max-width-xs)} @media (min-width:64rem){ .max-width-adaptive-sm{max-width:48rem;max-width:var(--max-width-sm)} } .max-width-adaptive-md{max-width:38rem;max-width:var(--max-width-xs)} @media (min-width:64rem){ .max-width-adaptive-md{max-width:64rem;max-width:var(--max-width-md)} } .max-width-adaptive,.max-width-adaptive-lg{max-width:38rem;max-width:var(--max-width-xs)} @media (min-width:64rem){ .max-width-adaptive,.max-width-adaptive-lg{max-width:64rem;max-width:var(--max-width-md)} } @media (min-width:90rem){ .max-width-adaptive,.max-width-adaptive-lg{max-width:80rem;max-width:var(--max-width-lg)} } .max-width-adaptive-xl{max-width:38rem;max-width:var(--max-width-xs)} @media (min-width:64rem){ .max-width-adaptive-xl{max-width:64rem;max-width:var(--max-width-md)} } @media (min-width:90rem){ .max-width-adaptive-xl{max-width:90rem;max-width:var(--max-width-xl)} } .grid{--grid-gap:0px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap} .grid>*{-ms-flex-preferred-size:100%;flex-basis:100%} [class*=grid-gap]{margin-bottom:1em * -1;margin-bottom:calc(var(--grid-gap,1em)*-1);margin-right:1em * -1;margin-right:calc(var(--grid-gap,1em)*-1)} [class*=grid-gap]>*{margin-bottom:1em;margin-bottom:var(--grid-gap,1em);margin-right:1em;margin-right:var(--grid-gap,1em)} .grid-gap-xxxxs{--grid-gap:var(--space-xxxxs)} .grid-gap-xxxs{--grid-gap:var(--space-xxxs)} .grid-gap-xxs{--grid-gap:var(--space-xxs)} .grid-gap-xs{--grid-gap:var(--space-xs)} .grid-gap-sm{--grid-gap:var(--space-sm)} .grid-gap-md{--grid-gap:var(--space-md)} .grid-gap-lg{--grid-gap:var(--space-lg)} .grid-gap-xl{--grid-gap:var(--space-xl)} .grid-gap-xxl{--grid-gap:var(--space-xxl)} .grid-gap-xxxl{--grid-gap:var(--space-xxxl)} .grid-gap-xxxxl{--grid-gap:var(--space-xxxxl)} .col{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%} .col-1{-ms-flex-preferred-size:calc(8.33% - .01px - 1em);-ms-flex-preferred-size:calc(8.33% - .01px - var(--grid-gap,1em));flex-basis:calc(8.33% - .01px - 1em);flex-basis:calc(8.33% - .01px - var(--grid-gap,1em));max-width:calc(8.33% - .01px - 1em);max-width:calc(8.33% - .01px - var(--grid-gap,1em))} .col-2{-ms-flex-preferred-size:calc(16.66% - .01px - 1em);-ms-flex-preferred-size:calc(16.66% - .01px - var(--grid-gap,1em));flex-basis:calc(16.66% - .01px - 1em);flex-basis:calc(16.66% - .01px - var(--grid-gap,1em));max-width:calc(16.66% - .01px - 1em);max-width:calc(16.66% - .01px - var(--grid-gap,1em))} .col-3{-ms-flex-preferred-size:calc(25% - .01px - 1em);-ms-flex-preferred-size:calc(25% - .01px - var(--grid-gap,1em));flex-basis:calc(25% - .01px - 1em);flex-basis:calc(25% - .01px - var(--grid-gap,1em));max-width:calc(25% - .01px - 1em);max-width:calc(25% - .01px - var(--grid-gap,1em))} .col-4{-ms-flex-preferred-size:calc(33.33% - .01px - 1em);-ms-flex-preferred-size:calc(33.33% - .01px - var(--grid-gap,1em));flex-basis:calc(33.33% - .01px - 1em);flex-basis:calc(33.33% - .01px - var(--grid-gap,1em));max-width:calc(33.33% - .01px - 1em);max-width:calc(33.33% - .01px - var(--grid-gap,1em))} .col-5{-ms-flex-preferred-size:calc(41.66% - .01px - 1em);-ms-flex-preferred-size:calc(41.66% - .01px - var(--grid-gap,1em));flex-basis:calc(41.66% - .01px - 1em);flex-basis:calc(41.66% - .01px - var(--grid-gap,1em));max-width:calc(41.66% - .01px - 1em);max-width:calc(41.66% - .01px - var(--grid-gap,1em))} .col-6{-ms-flex-preferred-size:calc(50% - .01px - 1em);-ms-flex-preferred-size:calc(50% - .01px - var(--grid-gap,1em));flex-basis:calc(50% - .01px - 1em);flex-basis:calc(50% - .01px - var(--grid-gap,1em));max-width:calc(50% - .01px - 1em);max-width:calc(50% - .01px - var(--grid-gap,1em))} .col-7{-ms-flex-preferred-size:calc(58.33% - .01px - 1em);-ms-flex-preferred-size:calc(58.33% - .01px - var(--grid-gap,1em));flex-basis:calc(58.33% - .01px - 1em);flex-basis:calc(58.33% - .01px - var(--grid-gap,1em));max-width:calc(58.33% - .01px - 1em);max-width:calc(58.33% - .01px - var(--grid-gap,1em))} .col-8{-ms-flex-preferred-size:calc(66.66% - .01px - 1em);-ms-flex-preferred-size:calc(66.66% - .01px - var(--grid-gap,1em));flex-basis:calc(66.66% - .01px - 1em);flex-basis:calc(66.66% - .01px - var(--grid-gap,1em));max-width:calc(66.66% - .01px - 1em);max-width:calc(66.66% - .01px - var(--grid-gap,1em))} .col-9{-ms-flex-preferred-size:calc(75% - .01px - 1em);-ms-flex-preferred-size:calc(75% - .01px - var(--grid-gap,1em));flex-basis:calc(75% - .01px - 1em);flex-basis:calc(75% - .01px - var(--grid-gap,1em));max-width:calc(75% - .01px - 1em);max-width:calc(75% - .01px - var(--grid-gap,1em))} .col-10{-ms-flex-preferred-size:calc(83.33% - .01px - 1em);-ms-flex-preferred-size:calc(83.33% - .01px - var(--grid-gap,1em));flex-basis:calc(83.33% - .01px - 1em);flex-basis:calc(83.33% - .01px - var(--grid-gap,1em));max-width:calc(83.33% - .01px - 1em);max-width:calc(83.33% - .01px - var(--grid-gap,1em))} .col-11{-ms-flex-preferred-size:calc(91.66% - .01px - 1em);-ms-flex-preferred-size:calc(91.66% - .01px - var(--grid-gap,1em));flex-basis:calc(91.66% - .01px - 1em);flex-basis:calc(91.66% - .01px - var(--grid-gap,1em));max-width:calc(91.66% - .01px - 1em);max-width:calc(91.66% - .01px - var(--grid-gap,1em))} .col-12{-ms-flex-preferred-size:calc(100% - .01px - 1em);-ms-flex-preferred-size:calc(100% - .01px - var(--grid-gap,1em));flex-basis:calc(100% - .01px - 1em);flex-basis:calc(100% - .01px - var(--grid-gap,1em));max-width:calc(100% - .01px - 1em);max-width:calc(100% - .01px - var(--grid-gap,1em))} @media (min-width:32rem){ .col\@xs{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%} .col-1\@xs{-ms-flex-preferred-size:calc(8.33% - .01px - 1em);-ms-flex-preferred-size:calc(8.33% - .01px - var(--grid-gap,1em));flex-basis:calc(8.33% - .01px - 1em);flex-basis:calc(8.33% - .01px - var(--grid-gap,1em));max-width:calc(8.33% - .01px - 1em);max-width:calc(8.33% - .01px - var(--grid-gap,1em))} .col-2\@xs{-ms-flex-preferred-size:calc(16.66% - .01px - 1em);-ms-flex-preferred-size:calc(16.66% - .01px - var(--grid-gap,1em));flex-basis:calc(16.66% - .01px - 1em);flex-basis:calc(16.66% - .01px - var(--grid-gap,1em));max-width:calc(16.66% - .01px - 1em);max-width:calc(16.66% - .01px - var(--grid-gap,1em))} .col-3\@xs{-ms-flex-preferred-size:calc(25% - .01px - 1em);-ms-flex-preferred-size:calc(25% - .01px - var(--grid-gap,1em));flex-basis:calc(25% - .01px - 1em);flex-basis:calc(25% - .01px - var(--grid-gap,1em));max-width:calc(25% - .01px - 1em);max-width:calc(25% - .01px - var(--grid-gap,1em))} .col-4\@xs{-ms-flex-preferred-size:calc(33.33% - .01px - 1em);-ms-flex-preferred-size:calc(33.33% - .01px - var(--grid-gap,1em));flex-basis:calc(33.33% - .01px - 1em);flex-basis:calc(33.33% - .01px - var(--grid-gap,1em));max-width:calc(33.33% - .01px - 1em);max-width:calc(33.33% - .01px - var(--grid-gap,1em))} .col-5\@xs{-ms-flex-preferred-size:calc(41.66% - .01px - 1em);-ms-flex-preferred-size:calc(41.66% - .01px - var(--grid-gap,1em));flex-basis:calc(41.66% - .01px - 1em);flex-basis:calc(41.66% - .01px - var(--grid-gap,1em));max-width:calc(41.66% - .01px - 1em);max-width:calc(41.66% - .01px - var(--grid-gap,1em))} .col-6\@xs{-ms-flex-preferred-size:calc(50% - .01px - 1em);-ms-flex-preferred-size:calc(50% - .01px - var(--grid-gap,1em));flex-basis:calc(50% - .01px - 1em);flex-basis:calc(50% - .01px - var(--grid-gap,1em));max-width:calc(50% - .01px - 1em);max-width:calc(50% - .01px - var(--grid-gap,1em))} .col-7\@xs{-ms-flex-preferred-size:calc(58.33% - .01px - 1em);-ms-flex-preferred-size:calc(58.33% - .01px - var(--grid-gap,1em));flex-basis:calc(58.33% - .01px - 1em);flex-basis:calc(58.33% - .01px - var(--grid-gap,1em));max-width:calc(58.33% - .01px - 1em);max-width:calc(58.33% - .01px - var(--grid-gap,1em))} .col-8\@xs{-ms-flex-preferred-size:calc(66.66% - .01px - 1em);-ms-flex-preferred-size:calc(66.66% - .01px - var(--grid-gap,1em));flex-basis:calc(66.66% - .01px - 1em);flex-basis:calc(66.66% - .01px - var(--grid-gap,1em));max-width:calc(66.66% - .01px - 1em);max-width:calc(66.66% - .01px - var(--grid-gap,1em))} .col-9\@xs{-ms-flex-preferred-size:calc(75% - .01px - 1em);-ms-flex-preferred-size:calc(75% - .01px - var(--grid-gap,1em));flex-basis:calc(75% - .01px - 1em);flex-basis:calc(75% - .01px - var(--grid-gap,1em));max-width:calc(75% - .01px - 1em);max-width:calc(75% - .01px - var(--grid-gap,1em))} .col-10\@xs{-ms-flex-preferred-size:calc(83.33% - .01px - 1em);-ms-flex-preferred-size:calc(83.33% - .01px - var(--grid-gap,1em));flex-basis:calc(83.33% - .01px - 1em);flex-basis:calc(83.33% - .01px - var(--grid-gap,1em));max-width:calc(83.33% - .01px - 1em);max-width:calc(83.33% - .01px - var(--grid-gap,1em))} .col-11\@xs{-ms-flex-preferred-size:calc(91.66% - .01px - 1em);-ms-flex-preferred-size:calc(91.66% - .01px - var(--grid-gap,1em));flex-basis:calc(91.66% - .01px - 1em);flex-basis:calc(91.66% - .01px - var(--grid-gap,1em));max-width:calc(91.66% - .01px - 1em);max-width:calc(91.66% - .01px - var(--grid-gap,1em))} .col-12\@xs{-ms-flex-preferred-size:calc(100% - .01px - 1em);-ms-flex-preferred-size:calc(100% - .01px - var(--grid-gap,1em));flex-basis:calc(100% - .01px - 1em);flex-basis:calc(100% - .01px - var(--grid-gap,1em));max-width:calc(100% - .01px - 1em);max-width:calc(100% - .01px - var(--grid-gap,1em))} } @media (min-width:48rem){ .col\@sm{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%} .col-1\@sm{-ms-flex-preferred-size:calc(8.33% - .01px - 1em);-ms-flex-preferred-size:calc(8.33% - .01px - var(--grid-gap,1em));flex-basis:calc(8.33% - .01px - 1em);flex-basis:calc(8.33% - .01px - var(--grid-gap,1em));max-width:calc(8.33% - .01px - 1em);max-width:calc(8.33% - .01px - var(--grid-gap,1em))} .col-2\@sm{-ms-flex-preferred-size:calc(16.66% - .01px - 1em);-ms-flex-preferred-size:calc(16.66% - .01px - var(--grid-gap,1em));flex-basis:calc(16.66% - .01px - 1em);flex-basis:calc(16.66% - .01px - var(--grid-gap,1em));max-width:calc(16.66% - .01px - 1em);max-width:calc(16.66% - .01px - var(--grid-gap,1em))} .col-3\@sm{-ms-flex-preferred-size:calc(25% - .01px - 1em);-ms-flex-preferred-size:calc(25% - .01px - var(--grid-gap,1em));flex-basis:calc(25% - .01px - 1em);flex-basis:calc(25% - .01px - var(--grid-gap,1em));max-width:calc(25% - .01px - 1em);max-width:calc(25% - .01px - var(--grid-gap,1em))} .col-4\@sm{-ms-flex-preferred-size:calc(33.33% - .01px - 1em);-ms-flex-preferred-size:calc(33.33% - .01px - var(--grid-gap,1em));flex-basis:calc(33.33% - .01px - 1em);flex-basis:calc(33.33% - .01px - var(--grid-gap,1em));max-width:calc(33.33% - .01px - 1em);max-width:calc(33.33% - .01px - var(--grid-gap,1em))} .col-5\@sm{-ms-flex-preferred-size:calc(41.66% - .01px - 1em);-ms-flex-preferred-size:calc(41.66% - .01px - var(--grid-gap,1em));flex-basis:calc(41.66% - .01px - 1em);flex-basis:calc(41.66% - .01px - var(--grid-gap,1em));max-width:calc(41.66% - .01px - 1em);max-width:calc(41.66% - .01px - var(--grid-gap,1em))} .col-6\@sm{-ms-flex-preferred-size:calc(50% - .01px - 1em);-ms-flex-preferred-size:calc(50% - .01px - var(--grid-gap,1em));flex-basis:calc(50% - .01px - 1em);flex-basis:calc(50% - .01px - var(--grid-gap,1em));max-width:calc(50% - .01px - 1em);max-width:calc(50% - .01px - var(--grid-gap,1em))} .col-7\@sm{-ms-flex-preferred-size:calc(58.33% - .01px - 1em);-ms-flex-preferred-size:calc(58.33% - .01px - var(--grid-gap,1em));flex-basis:calc(58.33% - .01px - 1em);flex-basis:calc(58.33% - .01px - var(--grid-gap,1em));max-width:calc(58.33% - .01px - 1em);max-width:calc(58.33% - .01px - var(--grid-gap,1em))} .col-8\@sm{-ms-flex-preferred-size:calc(66.66% - .01px - 1em);-ms-flex-preferred-size:calc(66.66% - .01px - var(--grid-gap,1em));flex-basis:calc(66.66% - .01px - 1em);flex-basis:calc(66.66% - .01px - var(--grid-gap,1em));max-width:calc(66.66% - .01px - 1em);max-width:calc(66.66% - .01px - var(--grid-gap,1em))} .col-9\@sm{-ms-flex-preferred-size:calc(75% - .01px - 1em);-ms-flex-preferred-size:calc(75% - .01px - var(--grid-gap,1em));flex-basis:calc(75% - .01px - 1em);flex-basis:calc(75% - .01px - var(--grid-gap,1em));max-width:calc(75% - .01px - 1em);max-width:calc(75% - .01px - var(--grid-gap,1em))} .col-10\@sm{-ms-flex-preferred-size:calc(83.33% - .01px - 1em);-ms-flex-preferred-size:calc(83.33% - .01px - var(--grid-gap,1em));flex-basis:calc(83.33% - .01px - 1em);flex-basis:calc(83.33% - .01px - var(--grid-gap,1em));max-width:calc(83.33% - .01px - 1em);max-width:calc(83.33% - .01px - var(--grid-gap,1em))} .col-11\@sm{-ms-flex-preferred-size:calc(91.66% - .01px - 1em);-ms-flex-preferred-size:calc(91.66% - .01px - var(--grid-gap,1em));flex-basis:calc(91.66% - .01px - 1em);flex-basis:calc(91.66% - .01px - var(--grid-gap,1em));max-width:calc(91.66% - .01px - 1em);max-width:calc(91.66% - .01px - var(--grid-gap,1em))} .col-12\@sm{-ms-flex-preferred-size:calc(100% - .01px - 1em);-ms-flex-preferred-size:calc(100% - .01px - var(--grid-gap,1em));flex-basis:calc(100% - .01px - 1em);flex-basis:calc(100% - .01px - var(--grid-gap,1em));max-width:calc(100% - .01px - 1em);max-width:calc(100% - .01px - var(--grid-gap,1em))} } @media (min-width:64rem){ .col\@md{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%} .col-1\@md{-ms-flex-preferred-size:calc(8.33% - .01px - 1em);-ms-flex-preferred-size:calc(8.33% - .01px - var(--grid-gap,1em));flex-basis:calc(8.33% - .01px - 1em);flex-basis:calc(8.33% - .01px - var(--grid-gap,1em));max-width:calc(8.33% - .01px - 1em);max-width:calc(8.33% - .01px - var(--grid-gap,1em))} .col-2\@md{-ms-flex-preferred-size:calc(16.66% - .01px - 1em);-ms-flex-preferred-size:calc(16.66% - .01px - var(--grid-gap,1em));flex-basis:calc(16.66% - .01px - 1em);flex-basis:calc(16.66% - .01px - var(--grid-gap,1em));max-width:calc(16.66% - .01px - 1em);max-width:calc(16.66% - .01px - var(--grid-gap,1em))} .col-3\@md{-ms-flex-preferred-size:calc(25% - .01px - 1em);-ms-flex-preferred-size:calc(25% - .01px - var(--grid-gap,1em));flex-basis:calc(25% - .01px - 1em);flex-basis:calc(25% - .01px - var(--grid-gap,1em));max-width:calc(25% - .01px - 1em);max-width:calc(25% - .01px - var(--grid-gap,1em))} .col-4\@md{-ms-flex-preferred-size:calc(33.33% - .01px - 1em);-ms-flex-preferred-size:calc(33.33% - .01px - var(--grid-gap,1em));flex-basis:calc(33.33% - .01px - 1em);flex-basis:calc(33.33% - .01px - var(--grid-gap,1em));max-width:calc(33.33% - .01px - 1em);max-width:calc(33.33% - .01px - var(--grid-gap,1em))} .col-5\@md{-ms-flex-preferred-size:calc(41.66% - .01px - 1em);-ms-flex-preferred-size:calc(41.66% - .01px - var(--grid-gap,1em));flex-basis:calc(41.66% - .01px - 1em);flex-basis:calc(41.66% - .01px - var(--grid-gap,1em));max-width:calc(41.66% - .01px - 1em);max-width:calc(41.66% - .01px - var(--grid-gap,1em))} .col-6\@md{-ms-flex-preferred-size:calc(50% - .01px - 1em);-ms-flex-preferred-size:calc(50% - .01px - var(--grid-gap,1em));flex-basis:calc(50% - .01px - 1em);flex-basis:calc(50% - .01px - var(--grid-gap,1em));max-width:calc(50% - .01px - 1em);max-width:calc(50% - .01px - var(--grid-gap,1em))} .col-7\@md{-ms-flex-preferred-size:calc(58.33% - .01px - 1em);-ms-flex-preferred-size:calc(58.33% - .01px - var(--grid-gap,1em));flex-basis:calc(58.33% - .01px - 1em);flex-basis:calc(58.33% - .01px - var(--grid-gap,1em));max-width:calc(58.33% - .01px - 1em);max-width:calc(58.33% - .01px - var(--grid-gap,1em))} .col-8\@md{-ms-flex-preferred-size:calc(66.66% - .01px - 1em);-ms-flex-preferred-size:calc(66.66% - .01px - var(--grid-gap,1em));flex-basis:calc(66.66% - .01px - 1em);flex-basis:calc(66.66% - .01px - var(--grid-gap,1em));max-width:calc(66.66% - .01px - 1em);max-width:calc(66.66% - .01px - var(--grid-gap,1em))} .col-9\@md{-ms-flex-preferred-size:calc(75% - .01px - 1em);-ms-flex-preferred-size:calc(75% - .01px - var(--grid-gap,1em));flex-basis:calc(75% - .01px - 1em);flex-basis:calc(75% - .01px - var(--grid-gap,1em));max-width:calc(75% - .01px - 1em);max-width:calc(75% - .01px - var(--grid-gap,1em))} .col-10\@md{-ms-flex-preferred-size:calc(83.33% - .01px - 1em);-ms-flex-preferred-size:calc(83.33% - .01px - var(--grid-gap,1em));flex-basis:calc(83.33% - .01px - 1em);flex-basis:calc(83.33% - .01px - var(--grid-gap,1em));max-width:calc(83.33% - .01px - 1em);max-width:calc(83.33% - .01px - var(--grid-gap,1em))} .col-11\@md{-ms-flex-preferred-size:calc(91.66% - .01px - 1em);-ms-flex-preferred-size:calc(91.66% - .01px - var(--grid-gap,1em));flex-basis:calc(91.66% - .01px - 1em);flex-basis:calc(91.66% - .01px - var(--grid-gap,1em));max-width:calc(91.66% - .01px - 1em);max-width:calc(91.66% - .01px - var(--grid-gap,1em))} .col-12\@md{-ms-flex-preferred-size:calc(100% - .01px - 1em);-ms-flex-preferred-size:calc(100% - .01px - var(--grid-gap,1em));flex-basis:calc(100% - .01px - 1em);flex-basis:calc(100% - .01px - var(--grid-gap,1em));max-width:calc(100% - .01px - 1em);max-width:calc(100% - .01px - var(--grid-gap,1em))} } @media (min-width:80rem){ .col\@lg{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%} .col-1\@lg{-ms-flex-preferred-size:calc(8.33% - .01px - 1em);-ms-flex-preferred-size:calc(8.33% - .01px - var(--grid-gap,1em));flex-basis:calc(8.33% - .01px - 1em);flex-basis:calc(8.33% - .01px - var(--grid-gap,1em));max-width:calc(8.33% - .01px - 1em);max-width:calc(8.33% - .01px - var(--grid-gap,1em))} .col-2\@lg{-ms-flex-preferred-size:calc(16.66% - .01px - 1em);-ms-flex-preferred-size:calc(16.66% - .01px - var(--grid-gap,1em));flex-basis:calc(16.66% - .01px - 1em);flex-basis:calc(16.66% - .01px - var(--grid-gap,1em));max-width:calc(16.66% - .01px - 1em);max-width:calc(16.66% - .01px - var(--grid-gap,1em))} .col-3\@lg{-ms-flex-preferred-size:calc(25% - .01px - 1em);-ms-flex-preferred-size:calc(25% - .01px - var(--grid-gap,1em));flex-basis:calc(25% - .01px - 1em);flex-basis:calc(25% - .01px - var(--grid-gap,1em));max-width:calc(25% - .01px - 1em);max-width:calc(25% - .01px - var(--grid-gap,1em))} .col-4\@lg{-ms-flex-preferred-size:calc(33.33% - .01px - 1em);-ms-flex-preferred-size:calc(33.33% - .01px - var(--grid-gap,1em));flex-basis:calc(33.33% - .01px - 1em);flex-basis:calc(33.33% - .01px - var(--grid-gap,1em));max-width:calc(33.33% - .01px - 1em);max-width:calc(33.33% - .01px - var(--grid-gap,1em))} .col-5\@lg{-ms-flex-preferred-size:calc(41.66% - .01px - 1em);-ms-flex-preferred-size:calc(41.66% - .01px - var(--grid-gap,1em));flex-basis:calc(41.66% - .01px - 1em);flex-basis:calc(41.66% - .01px - var(--grid-gap,1em));max-width:calc(41.66% - .01px - 1em);max-width:calc(41.66% - .01px - var(--grid-gap,1em))} .col-6\@lg{-ms-flex-preferred-size:calc(50% - .01px - 1em);-ms-flex-preferred-size:calc(50% - .01px - var(--grid-gap,1em));flex-basis:calc(50% - .01px - 1em);flex-basis:calc(50% - .01px - var(--grid-gap,1em));max-width:calc(50% - .01px - 1em);max-width:calc(50% - .01px - var(--grid-gap,1em))} .col-7\@lg{-ms-flex-preferred-size:calc(58.33% - .01px - 1em);-ms-flex-preferred-size:calc(58.33% - .01px - var(--grid-gap,1em));flex-basis:calc(58.33% - .01px - 1em);flex-basis:calc(58.33% - .01px - var(--grid-gap,1em));max-width:calc(58.33% - .01px - 1em);max-width:calc(58.33% - .01px - var(--grid-gap,1em))} .col-8\@lg{-ms-flex-preferred-size:calc(66.66% - .01px - 1em);-ms-flex-preferred-size:calc(66.66% - .01px - var(--grid-gap,1em));flex-basis:calc(66.66% - .01px - 1em);flex-basis:calc(66.66% - .01px - var(--grid-gap,1em));max-width:calc(66.66% - .01px - 1em);max-width:calc(66.66% - .01px - var(--grid-gap,1em))} .col-9\@lg{-ms-flex-preferred-size:calc(75% - .01px - 1em);-ms-flex-preferred-size:calc(75% - .01px - var(--grid-gap,1em));flex-basis:calc(75% - .01px - 1em);flex-basis:calc(75% - .01px - var(--grid-gap,1em));max-width:calc(75% - .01px - 1em);max-width:calc(75% - .01px - var(--grid-gap,1em))} .col-10\@lg{-ms-flex-preferred-size:calc(83.33% - .01px - 1em);-ms-flex-preferred-size:calc(83.33% - .01px - var(--grid-gap,1em));flex-basis:calc(83.33% - .01px - 1em);flex-basis:calc(83.33% - .01px - var(--grid-gap,1em));max-width:calc(83.33% - .01px - 1em);max-width:calc(83.33% - .01px - var(--grid-gap,1em))} .col-11\@lg{-ms-flex-preferred-size:calc(91.66% - .01px - 1em);-ms-flex-preferred-size:calc(91.66% - .01px - var(--grid-gap,1em));flex-basis:calc(91.66% - .01px - 1em);flex-basis:calc(91.66% - .01px - var(--grid-gap,1em));max-width:calc(91.66% - .01px - 1em);max-width:calc(91.66% - .01px - var(--grid-gap,1em))} .col-12\@lg{-ms-flex-preferred-size:calc(100% - .01px - 1em);-ms-flex-preferred-size:calc(100% - .01px - var(--grid-gap,1em));flex-basis:calc(100% - .01px - 1em);flex-basis:calc(100% - .01px - var(--grid-gap,1em));max-width:calc(100% - .01px - 1em);max-width:calc(100% - .01px - var(--grid-gap,1em))} } @media (min-width:90rem){ .col\@xl{-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%} .col-1\@xl{-ms-flex-preferred-size:calc(8.33% - .01px - 1em);-ms-flex-preferred-size:calc(8.33% - .01px - var(--grid-gap,1em));flex-basis:calc(8.33% - .01px - 1em);flex-basis:calc(8.33% - .01px - var(--grid-gap,1em));max-width:calc(8.33% - .01px - 1em);max-width:calc(8.33% - .01px - var(--grid-gap,1em))} .col-2\@xl{-ms-flex-preferred-size:calc(16.66% - .01px - 1em);-ms-flex-preferred-size:calc(16.66% - .01px - var(--grid-gap,1em));flex-basis:calc(16.66% - .01px - 1em);flex-basis:calc(16.66% - .01px - var(--grid-gap,1em));max-width:calc(16.66% - .01px - 1em);max-width:calc(16.66% - .01px - var(--grid-gap,1em))} .col-3\@xl{-ms-flex-preferred-size:calc(25% - .01px - 1em);-ms-flex-preferred-size:calc(25% - .01px - var(--grid-gap,1em));flex-basis:calc(25% - .01px - 1em);flex-basis:calc(25% - .01px - var(--grid-gap,1em));max-width:calc(25% - .01px - 1em);max-width:calc(25% - .01px - var(--grid-gap,1em))} .col-4\@xl{-ms-flex-preferred-size:calc(33.33% - .01px - 1em);-ms-flex-preferred-size:calc(33.33% - .01px - var(--grid-gap,1em));flex-basis:calc(33.33% - .01px - 1em);flex-basis:calc(33.33% - .01px - var(--grid-gap,1em));max-width:calc(33.33% - .01px - 1em);max-width:calc(33.33% - .01px - var(--grid-gap,1em))} .col-5\@xl{-ms-flex-preferred-size:calc(41.66% - .01px - 1em);-ms-flex-preferred-size:calc(41.66% - .01px - var(--grid-gap,1em));flex-basis:calc(41.66% - .01px - 1em);flex-basis:calc(41.66% - .01px - var(--grid-gap,1em));max-width:calc(41.66% - .01px - 1em);max-width:calc(41.66% - .01px - var(--grid-gap,1em))} .col-6\@xl{-ms-flex-preferred-size:calc(50% - .01px - 1em);-ms-flex-preferred-size:calc(50% - .01px - var(--grid-gap,1em));flex-basis:calc(50% - .01px - 1em);flex-basis:calc(50% - .01px - var(--grid-gap,1em));max-width:calc(50% - .01px - 1em);max-width:calc(50% - .01px - var(--grid-gap,1em))} .col-7\@xl{-ms-flex-preferred-size:calc(58.33% - .01px - 1em);-ms-flex-preferred-size:calc(58.33% - .01px - var(--grid-gap,1em));flex-basis:calc(58.33% - .01px - 1em);flex-basis:calc(58.33% - .01px - var(--grid-gap,1em));max-width:calc(58.33% - .01px - 1em);max-width:calc(58.33% - .01px - var(--grid-gap,1em))} .col-8\@xl{-ms-flex-preferred-size:calc(66.66% - .01px - 1em);-ms-flex-preferred-size:calc(66.66% - .01px - var(--grid-gap,1em));flex-basis:calc(66.66% - .01px - 1em);flex-basis:calc(66.66% - .01px - var(--grid-gap,1em));max-width:calc(66.66% - .01px - 1em);max-width:calc(66.66% - .01px - var(--grid-gap,1em))} .col-9\@xl{-ms-flex-preferred-size:calc(75% - .01px - 1em);-ms-flex-preferred-size:calc(75% - .01px - var(--grid-gap,1em));flex-basis:calc(75% - .01px - 1em);flex-basis:calc(75% - .01px - var(--grid-gap,1em));max-width:calc(75% - .01px - 1em);max-width:calc(75% - .01px - var(--grid-gap,1em))} .col-10\@xl{-ms-flex-preferred-size:calc(83.33% - .01px - 1em);-ms-flex-preferred-size:calc(83.33% - .01px - var(--grid-gap,1em));flex-basis:calc(83.33% - .01px - 1em);flex-basis:calc(83.33% - .01px - var(--grid-gap,1em));max-width:calc(83.33% - .01px - 1em);max-width:calc(83.33% - .01px - var(--grid-gap,1em))} .col-11\@xl{-ms-flex-preferred-size:calc(91.66% - .01px - 1em);-ms-flex-preferred-size:calc(91.66% - .01px - var(--grid-gap,1em));flex-basis:calc(91.66% - .01px - 1em);flex-basis:calc(91.66% - .01px - var(--grid-gap,1em));max-width:calc(91.66% - .01px - 1em);max-width:calc(91.66% - .01px - var(--grid-gap,1em))} .col-12\@xl{-ms-flex-preferred-size:calc(100% - .01px - 1em);-ms-flex-preferred-size:calc(100% - .01px - var(--grid-gap,1em));flex-basis:calc(100% - .01px - 1em);flex-basis:calc(100% - .01px - var(--grid-gap,1em));max-width:calc(100% - .01px - 1em);max-width:calc(100% - .01px - var(--grid-gap,1em))} } :root{--radius-sm:calc(var(--radius, 0.25em)/2);--radius-md:var(--radius, 0.25em);--radius-lg:calc(var(--radius, 0.25em)*2);--shadow-sm:0 1px 2px rgba(0, 0, 0, .085),0 1px 8px rgba(0, 0, 0, .1);--shadow-md:0 1px 8px rgba(0, 0, 0, .1),0 8px 24px rgba(0, 0, 0, .15);--shadow-lg:0 1px 8px rgba(0, 0, 0, .1),0 16px 48px rgba(0, 0, 0, .1),0 24px 60px rgba(0, 0, 0, .1);--bounce:cubic-bezier(0.175, 0.885, 0.32, 1.275);--ease-in-out:cubic-bezier(0.645, 0.045, 0.355, 1);--ease-in:cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-out:cubic-bezier(0.215, 0.61, 0.355, 1)} :root{--body-line-height:1.4;--heading-line-height:1.2} body{font-size:1em;font-size:var(--text-base-size,1em);font-family:'Fira Sans',sans-serif;font-family:var(--font-primary,sans-serif);color:#303035;color:var(--color-contrast-high,#313135)} h1,h2,h3,h4{color:#1c1c21;color:var(--color-contrast-higher,#1c1c21);line-height:1.2;line-height:var(--heading-line-height,1.2)} .text-xxxl{font-size:2.48832em;font-size:var(--text-xxxl,2.488em)} .text-xxl,h1{font-size:2.0736em;font-size:var(--text-xxl,2.074em)} .text-xl,h2{font-size:1.728em;font-size:var(--text-xl,1.728em)} .text-lg,h3{font-size:1.44em;font-size:var(--text-lg,1.44em)} .text-md,h4{font-size:1.2em;font-size:var(--text-md,1.2em)} .text-sm,small{font-size:.83333em;font-size:var(--text-sm,.833em)} .text-xs{font-size:.69444em;font-size:var(--text-xs,.694em)} .link,a{color:#296df3;color:var(--color-primary,#2a6df4);text-decoration:underline} .text-bold,strong{font-weight:700} s{text-decoration:line-through} .text-underline,u{text-decoration:underline} .text-component{--component-body-line-height:calc(var(--body-line-height)*var(--line-height-multiplier, 1));--component-heading-line-height:calc(var(--heading-line-height)*var(--line-height-multiplier, 1))} .text-component h1,.text-component h2,.text-component h3,.text-component h4{line-height:1.2;line-height:var(--component-heading-line-height,1.2);margin-bottom:.25em;margin-bottom:calc(var(--space-xxxs)*var(--text-vspace-multiplier,1))} .text-component h2,.text-component h3,.text-component h4{margin-top:.75em;margin-top:calc(var(--space-sm)*var(--text-vspace-multiplier,1))} .text-component blockquote,.text-component ol li,.text-component p,.text-component ul li{line-height:1.4;line-height:var(--component-body-line-height)} .text-component .text-component__block,.text-component blockquote,.text-component ol,.text-component p,.text-component ul{margin-bottom:.75em;margin-bottom:calc(var(--space-sm)*var(--text-vspace-multiplier,1))} .text-component ol,.text-component ul{padding-left:1em} .text-component ul{list-style-type:disc} .text-component ol{list-style-type:decimal} .text-component img{display:block;margin:0 auto} .text-component figcaption{text-align:center;margin-top:.5em;margin-top:var(--space-xs)} .text-component em{font-style:italic} .text-component hr{margin-top:2em;margin-top:calc(var(--space-lg)*var(--text-vspace-multiplier,1));margin-bottom:2em;margin-bottom:calc(var(--space-lg)*var(--text-vspace-multiplier,1));margin-left:auto;margin-right:auto} .text-component>:first-child{margin-top:0} .text-component>:last-child{margin-bottom:0} .text-component__block--full-width{width:100vw;margin-left:calc(50% - 50vw)} @media (min-width:48rem){ .text-component__block--left,.text-component__block--right{width:45%} .text-component__block--left img,.text-component__block--right img{width:100%} .text-component__block--left{float:left;margin-right:.75em;margin-right:calc(var(--space-sm)*var(--text-vspace-multiplier,1))} .text-component__block--right{float:right;margin-left:.75em;margin-left:calc(var(--space-sm)*var(--text-vspace-multiplier,1))} } @media (min-width:90rem){ .text-component__block--outset{width:calc(100% + 10.5em);width:calc(100% + 2*var(--space-xxl))} .text-component__block--outset img{width:100%} .text-component__block--outset:not(.text-component__block--right){margin-left:-5.25em;margin-left:calc(-1*var(--space-xxl))} .text-component__block--left,.text-component__block--right{width:50%} .text-component__block--right.text-component__block--outset{margin-right:-5.25em;margin-right:calc(-1*var(--space-xxl))} } :root{--icon-xxs:12px;--icon-xs:16px;--icon-sm:24px;--icon-md:32px;--icon-lg:48px;--icon-xl:64px;--icon-xxl:128px} .icon{display:inline-block;color:inherit;fill:currentColor;height:1em;width:1em;line-height:1;-ms-flex-negative:0;flex-shrink:0} .icon--xxs{font-size:12px;font-size:var(--icon-xxs)} .icon--xs{font-size:16px;font-size:var(--icon-xs)} .icon--sm{font-size:24px;font-size:var(--icon-sm)} .icon--md{font-size:32px;font-size:var(--icon-md)} .icon--lg{font-size:48px;font-size:var(--icon-lg)} .icon--xl{font-size:64px;font-size:var(--icon-xl)} .icon--xxl{font-size:128px;font-size:var(--icon-xxl)} .icon--is-spinning{-webkit-animation:icon-spin 1s infinite linear;animation:icon-spin 1s infinite linear} @-webkit-keyframes icon-spin{ 0%{-webkit-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes icon-spin{ 0%{-webkit-transform:rotate(0);transform:rotate(0)} 100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)} } .icon use{color:inherit;fill:currentColor} .btn{position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;white-space:nowrap;text-decoration:none;line-height:1;font-size:1em;font-size:var(--btn-font-size,1em);padding-top:.5em;padding-top:var(--btn-padding-y,.5em);padding-bottom:.5em;padding-bottom:var(--btn-padding-y,.5em);padding-left:.75em;padding-left:var(--btn-padding-x,.75em);padding-right:.75em;padding-right:var(--btn-padding-x,.75em);border-radius:.25em;border-radius:var(--btn-radius,.25em)} .btn--primary{background-color:#296df3;background-color:var(--color-primary,#2a6df4);color:#fff;color:var(--color-white,#fff)} .btn--subtle{background-color:#d3d3d4;background-color:var(--color-contrast-low,#d3d3d4);color:#1c1c21;color:var(--color-contrast-higher,#1c1c21)} .btn--accent{background-color:#f54250;background-color:var(--color-accent,#f54251);color:#fff;color:var(--color-white,#fff)} .btn--disabled{cursor:not-allowed} .btn--sm{font-size:.8em;font-size:var(--btn-font-size-sm,.8em)} .btn--md{font-size:1.2em;font-size:var(--btn-font-size-md,1.2em)} .btn--lg{font-size:1.4em;font-size:var(--btn-font-size-lg,1.4em)} .btn--icon{padding:.5em;padding:var(--btn-padding-y,.5em)} .form-control{background-color:#fff;background-color:var(--color-bg,#f2f2f2);padding-top:.5em;padding-top:var(--form-control-padding-y,.5em);padding-bottom:.5em;padding-bottom:var(--form-control-padding-y,.5em);padding-left:.75em;padding-left:var(--form-control-padding-x,.75em);padding-right:.75em;padding-right:var(--form-control-padding-x,.75em);border-radius:.25em;border-radius:var(--form-control-radius,.25em)} .form-control::-webkit-input-placeholder{color:#79797b;color:var(--color-contrast-medium,#79797c)} .form-control::-moz-placeholder{opacity:1;color:#79797b;color:var(--color-contrast-medium,#79797c)} .form-control:-ms-input-placeholder{color:#79797b;color:var(--color-contrast-medium,#79797c)} .form-control:-moz-placeholder{color:#79797b;color:var(--color-contrast-medium,#79797c)} .form-control[disabled],.form-control[readonly]{cursor:not-allowed} .form-legend{color:#1c1c21;color:var(--color-contrast-higher,#1c1c21);line-height:1.2;font-size:1.2em;font-size:var(--text-md,1.2em);margin-bottom:.375em;margin-bottom:var(--space-xxs)} .form-label{display:inline-block} .form__msg-error{background-color:#f54250;background-color:var(--color-error,#f54251);color:#fff;color:var(--color-white,#fff);font-size:.83333em;font-size:var(--text-sm,.833em);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:.5em;padding:var(--space-xs);margin-top:.75em;margin-top:var(--space-sm);border-radius:.25em;border-radius:var(--radius-md,.25em);position:absolute;clip:rect(1px,1px,1px,1px)} .form__msg-error::before{content:'';position:absolute;left:.75em;left:var(--space-sm);top:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);width:0;height:0;border:8px solid transparent;border-bottom-color:#f54250;border-bottom-color:var(--color-error)} .form__msg-error--is-visible{position:relative;clip:auto} .checkbox-list>*,.radio-list>*{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;margin-bottom:.375em;margin-bottom:var(--space-xxs)} .checkbox-list>:last-of-type,.radio-list>:last-of-type{margin-bottom:0} .checkbox-list label,.radio-list label{line-height:1.4;line-height:var(--body-line-height);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .checkbox-list input,.radio-list input{vertical-align:top;margin-right:.25em;margin-right:var(--space-xxxs);-ms-flex-negative:0;flex-shrink:0} :root{--zindex-header:2;--zindex-popover:5;--zindex-fixed-element:10;--zindex-overlay:15} @media not all and (min-width:32rem){ .display\@xs{display:none!important} } @media (min-width:32rem){ .hide\@xs{display:none!important} } @media not all and (min-width:48rem){ .display\@sm{display:none!important} } @media (min-width:48rem){ .hide\@sm{display:none!important} } @media not all and (min-width:64rem){ .display\@md{display:none!important} } @media (min-width:64rem){ .hide\@md{display:none!important} } @media not all and (min-width:80rem){ .display\@lg{display:none!important} } @media (min-width:80rem){ .hide\@lg{display:none!important} } @media not all and (min-width:90rem){ .display\@xl{display:none!important} } @media (min-width:90rem){ .hide\@xl{display:none!important} } :root{--display:block} .is-visible{display:block!important;display:var(--display)!important} .is-hidden{display:none!important} .sr-only{position:absolute;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;border:0;white-space:nowrap} .flex{display:-ms-flexbox;display:flex} .inline-flex{display:-ms-inline-flexbox;display:inline-flex} .flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap} .flex-column{-ms-flex-direction:column;flex-direction:column} .flex-row{-ms-flex-direction:row;flex-direction:row} .flex-center{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center} .justify-start{-ms-flex-pack:start;justify-content:flex-start} .justify-end{-ms-flex-pack:end;justify-content:flex-end} .justify-center{-ms-flex-pack:center;justify-content:center} .justify-between{-ms-flex-pack:justify;justify-content:space-between} .items-center{-ms-flex-align:center;align-items:center} .items-start{-ms-flex-align:start;align-items:flex-start} .items-end{-ms-flex-align:end;align-items:flex-end} @media (min-width:32rem){ .flex-wrap\@xs{-ms-flex-wrap:wrap;flex-wrap:wrap} .flex-column\@xs{-ms-flex-direction:column;flex-direction:column} .flex-row\@xs{-ms-flex-direction:row;flex-direction:row} .flex-center\@xs{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center} .justify-start\@xs{-ms-flex-pack:start;justify-content:flex-start} .justify-end\@xs{-ms-flex-pack:end;justify-content:flex-end} .justify-center\@xs{-ms-flex-pack:center;justify-content:center} .justify-between\@xs{-ms-flex-pack:justify;justify-content:space-between} .items-center\@xs{-ms-flex-align:center;align-items:center} .items-start\@xs{-ms-flex-align:start;align-items:flex-start} .items-end\@xs{-ms-flex-align:end;align-items:flex-end} } @media (min-width:48rem){ .flex-wrap\@sm{-ms-flex-wrap:wrap;flex-wrap:wrap} .flex-column\@sm{-ms-flex-direction:column;flex-direction:column} .flex-row\@sm{-ms-flex-direction:row;flex-direction:row} .flex-center\@sm{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center} .justify-start\@sm{-ms-flex-pack:start;justify-content:flex-start} .justify-end\@sm{-ms-flex-pack:end;justify-content:flex-end} .justify-center\@sm{-ms-flex-pack:center;justify-content:center} .justify-between\@sm{-ms-flex-pack:justify;justify-content:space-between} .items-center\@sm{-ms-flex-align:center;align-items:center} .items-start\@sm{-ms-flex-align:start;align-items:flex-start} .items-end\@sm{-ms-flex-align:end;align-items:flex-end} } @media (min-width:64rem){ .flex-wrap\@md{-ms-flex-wrap:wrap;flex-wrap:wrap} .flex-column\@md{-ms-flex-direction:column;flex-direction:column} .flex-row\@md{-ms-flex-direction:row;flex-direction:row} .flex-center\@md{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center} .justify-start\@md{-ms-flex-pack:start;justify-content:flex-start} .justify-end\@md{-ms-flex-pack:end;justify-content:flex-end} .justify-center\@md{-ms-flex-pack:center;justify-content:center} .justify-between\@md{-ms-flex-pack:justify;justify-content:space-between} .items-center\@md{-ms-flex-align:center;align-items:center} .items-start\@md{-ms-flex-align:start;align-items:flex-start} .items-end\@md{-ms-flex-align:end;align-items:flex-end} } @media (min-width:80rem){ .flex-wrap\@lg{-ms-flex-wrap:wrap;flex-wrap:wrap} .flex-column\@lg{-ms-flex-direction:column;flex-direction:column} .flex-row\@lg{-ms-flex-direction:row;flex-direction:row} .flex-center\@lg{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center} .justify-start\@lg{-ms-flex-pack:start;justify-content:flex-start} .justify-end\@lg{-ms-flex-pack:end;justify-content:flex-end} .justify-center\@lg{-ms-flex-pack:center;justify-content:center} .justify-between\@lg{-ms-flex-pack:justify;justify-content:space-between} .items-center\@lg{-ms-flex-align:center;align-items:center} .items-start\@lg{-ms-flex-align:start;align-items:flex-start} .items-end\@lg{-ms-flex-align:end;align-items:flex-end} } @media (min-width:90rem){ .flex-wrap\@xl{-ms-flex-wrap:wrap;flex-wrap:wrap} .flex-column\@xl{-ms-flex-direction:column;flex-direction:column} .flex-row\@xl{-ms-flex-direction:row;flex-direction:row} .flex-center\@xl{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center} .justify-start\@xl{-ms-flex-pack:start;justify-content:flex-start} .justify-end\@xl{-ms-flex-pack:end;justify-content:flex-end} .justify-center\@xl{-ms-flex-pack:center;justify-content:center} .justify-between\@xl{-ms-flex-pack:justify;justify-content:space-between} .items-center\@xl{-ms-flex-align:center;align-items:center} .items-start\@xl{-ms-flex-align:start;align-items:flex-start} .items-end\@xl{-ms-flex-align:end;align-items:flex-end} } .flex-grow{-ms-flex-positive:1;flex-grow:1} .flex-shrink-0{-ms-flex-negative:0;flex-shrink:0} .flex-gap-xxxs{margin-bottom:-.25em;margin-bottom:calc(-1*var(--space-xxxs));margin-right:-.25em;margin-right:calc(-1*var(--space-xxxs))} .flex-gap-xxxs>*{margin-bottom:.25em;margin-bottom:var(--space-xxxs);margin-right:.25em;margin-right:var(--space-xxxs)} .flex-gap-xxs{margin-bottom:-.375em;margin-bottom:calc(-1*var(--space-xxs));margin-right:-.375em;margin-right:calc(-1*var(--space-xxs))} .flex-gap-xxs>*{margin-bottom:.375em;margin-bottom:var(--space-xxs);margin-right:.375em;margin-right:var(--space-xxs)} .flex-gap-xs{margin-bottom:-.5em;margin-bottom:calc(-1*var(--space-xs));margin-right:-.5em;margin-right:calc(-1*var(--space-xs))} .flex-gap-xs>*{margin-bottom:.5em;margin-bottom:var(--space-xs);margin-right:.5em;margin-right:var(--space-xs)} .flex-gap-sm{margin-bottom:-.75em;margin-bottom:calc(-1*var(--space-sm));margin-right:-.75em;margin-right:calc(-1*var(--space-sm))} .flex-gap-sm>*{margin-bottom:.75em;margin-bottom:var(--space-sm);margin-right:.75em;margin-right:var(--space-sm)} .flex-gap-md{margin-bottom:-1.25em;margin-bottom:calc(-1*var(--space-md));margin-right:-1.25em;margin-right:calc(-1*var(--space-md))} .flex-gap-md>*{margin-bottom:1.25em;margin-bottom:var(--space-md);margin-right:1.25em;margin-right:var(--space-md)} .flex-gap-lg{margin-bottom:-2em;margin-bottom:calc(-1*var(--space-lg));margin-right:-2em;margin-right:calc(-1*var(--space-lg))} .flex-gap-lg>*{margin-bottom:2em;margin-bottom:var(--space-lg);margin-right:2em;margin-right:var(--space-lg)} .flex-gap-xl{margin-bottom:-3.25em;margin-bottom:calc(-1*var(--space-xl));margin-right:-3.25em;margin-right:calc(-1*var(--space-xl))} .flex-gap-xl>*{margin-bottom:3.25em;margin-bottom:var(--space-xl);margin-right:3.25em;margin-right:var(--space-xl)} .flex-gap-xxl{margin-bottom:-5.25em;margin-bottom:calc(-1*var(--space-xxl));margin-right:-5.25em;margin-right:calc(-1*var(--space-xxl))} .flex-gap-xxl>*{margin-bottom:5.25em;margin-bottom:var(--space-xxl);margin-right:5.25em;margin-right:var(--space-xxl)} .margin-xxxxs{margin:.125em;margin:var(--space-xxxxs)} .margin-xxxs{margin:.25em;margin:var(--space-xxxs)} .margin-xxs{margin:.375em;margin:var(--space-xxs)} .margin-xs{margin:.5em;margin:var(--space-xs)} .margin-sm{margin:.75em;margin:var(--space-sm)} .margin-md{margin:1.25em;margin:var(--space-md)} .margin-lg{margin:2em;margin:var(--space-lg)} .margin-xl{margin:3.25em;margin:var(--space-xl)} .margin-xxl{margin:5.25em;margin:var(--space-xxl)} .margin-xxxl{margin:8.5em;margin:var(--space-xxxl)} .margin-xxxxl{margin:13.75em;margin:var(--space-xxxxl)} .margin-auto{margin:auto} .margin-top-xxxxs{margin-top:.125em;margin-top:var(--space-xxxxs)} .margin-top-xxxs{margin-top:.25em;margin-top:var(--space-xxxs)} .margin-top-xxs{margin-top:.375em;margin-top:var(--space-xxs)} .margin-top-xs{margin-top:.5em;margin-top:var(--space-xs)} .margin-top-sm{margin-top:.75em;margin-top:var(--space-sm)} .margin-top-md{margin-top:1.25em;margin-top:var(--space-md)} .margin-top-lg{margin-top:2em;margin-top:var(--space-lg)} .margin-top-xl{margin-top:3.25em;margin-top:var(--space-xl)} .margin-top-xxl{margin-top:5.25em;margin-top:var(--space-xxl)} .margin-top-xxxl{margin-top:8.5em;margin-top:var(--space-xxxl)} .margin-top-xxxxl{margin-top:13.75em;margin-top:var(--space-xxxxl)} .margin-top-auto{margin-top:auto} .margin-bottom-xxxxs{margin-bottom:.125em;margin-bottom:var(--space-xxxxs)} .margin-bottom-xxxs{margin-bottom:.25em;margin-bottom:var(--space-xxxs)} .margin-bottom-xxs{margin-bottom:.375em;margin-bottom:var(--space-xxs)} .margin-bottom-xs{margin-bottom:.5em;margin-bottom:var(--space-xs)} .margin-bottom-sm{margin-bottom:.75em;margin-bottom:var(--space-sm)} .margin-bottom-md{margin-bottom:1.25em;margin-bottom:var(--space-md)} .margin-bottom-lg{margin-bottom:2em;margin-bottom:var(--space-lg)} .margin-bottom-xl{margin-bottom:3.25em;margin-bottom:var(--space-xl)} .margin-bottom-xxl{margin-bottom:5.25em;margin-bottom:var(--space-xxl)} .margin-bottom-xxxl{margin-bottom:8.5em;margin-bottom:var(--space-xxxl)} .margin-bottom-xxxxl{margin-bottom:13.75em;margin-bottom:var(--space-xxxxl)} .margin-bottom-auto{margin-bottom:auto} .margin-right-xxxxs{margin-right:.125em;margin-right:var(--space-xxxxs)} .margin-right-xxxs{margin-right:.25em;margin-right:var(--space-xxxs)} .margin-right-xxs{margin-right:.375em;margin-right:var(--space-xxs)} .margin-right-xs{margin-right:.5em;margin-right:var(--space-xs)} .margin-right-sm{margin-right:.75em;margin-right:var(--space-sm)} .margin-right-md{margin-right:1.25em;margin-right:var(--space-md)} .margin-right-lg{margin-right:2em;margin-right:var(--space-lg)} .margin-right-xl{margin-right:3.25em;margin-right:var(--space-xl)} .margin-right-xxl{margin-right:5.25em;margin-right:var(--space-xxl)} .margin-right-xxxl{margin-right:8.5em;margin-right:var(--space-xxxl)} .margin-right-xxxxl{margin-right:13.75em;margin-right:var(--space-xxxxl)} .margin-right-auto{margin-right:auto} .margin-left-xxxxs{margin-left:.125em;margin-left:var(--space-xxxxs)} .margin-left-xxxs{margin-left:.25em;margin-left:var(--space-xxxs)} .margin-left-xxs{margin-left:.375em;margin-left:var(--space-xxs)} .margin-left-xs{margin-left:.5em;margin-left:var(--space-xs)} .margin-left-sm{margin-left:.75em;margin-left:var(--space-sm)} .margin-left-md{margin-left:1.25em;margin-left:var(--space-md)} .margin-left-lg{margin-left:2em;margin-left:var(--space-lg)} .margin-left-xl{margin-left:3.25em;margin-left:var(--space-xl)} .margin-left-xxl{margin-left:5.25em;margin-left:var(--space-xxl)} .margin-left-xxxl{margin-left:8.5em;margin-left:var(--space-xxxl)} .margin-left-xxxxl{margin-left:13.75em;margin-left:var(--space-xxxxl)} .margin-left-auto{margin-left:auto} .margin-x-xxxxs{margin-left:.125em;margin-left:var(--space-xxxxs);margin-right:.125em;margin-right:var(--space-xxxxs)} .margin-x-xxxs{margin-left:.25em;margin-left:var(--space-xxxs);margin-right:.25em;margin-right:var(--space-xxxs)} .margin-x-xxs{margin-left:.375em;margin-left:var(--space-xxs);margin-right:.375em;margin-right:var(--space-xxs)} .margin-x-xs{margin-left:.5em;margin-left:var(--space-xs);margin-right:.5em;margin-right:var(--space-xs)} .margin-x-sm{margin-left:.75em;margin-left:var(--space-sm);margin-right:.75em;margin-right:var(--space-sm)} .margin-x-md{margin-left:1.25em;margin-left:var(--space-md);margin-right:1.25em;margin-right:var(--space-md)} .margin-x-lg{margin-left:2em;margin-left:var(--space-lg);margin-right:2em;margin-right:var(--space-lg)} .margin-x-xl{margin-left:3.25em;margin-left:var(--space-xl);margin-right:3.25em;margin-right:var(--space-xl)} .margin-x-xxl{margin-left:5.25em;margin-left:var(--space-xxl);margin-right:5.25em;margin-right:var(--space-xxl)} .margin-x-xxxl{margin-left:8.5em;margin-left:var(--space-xxxl);margin-right:8.5em;margin-right:var(--space-xxxl)} .margin-x-xxxxl{margin-left:13.75em;margin-left:var(--space-xxxxl);margin-right:13.75em;margin-right:var(--space-xxxxl)} .margin-x-auto{margin-left:auto;margin-right:auto} .margin-y-xxxxs{margin-top:.125em;margin-top:var(--space-xxxxs);margin-bottom:.125em;margin-bottom:var(--space-xxxxs)} .margin-y-xxxs{margin-top:.25em;margin-top:var(--space-xxxs);margin-bottom:.25em;margin-bottom:var(--space-xxxs)} .margin-y-xxs{margin-top:.375em;margin-top:var(--space-xxs);margin-bottom:.375em;margin-bottom:var(--space-xxs)} .margin-y-xs{margin-top:.5em;margin-top:var(--space-xs);margin-bottom:.5em;margin-bottom:var(--space-xs)} .margin-y-sm{margin-top:.75em;margin-top:var(--space-sm);margin-bottom:.75em;margin-bottom:var(--space-sm)} .margin-y-md{margin-top:1.25em;margin-top:var(--space-md);margin-bottom:1.25em;margin-bottom:var(--space-md)} .margin-y-lg{margin-top:2em;margin-top:var(--space-lg);margin-bottom:2em;margin-bottom:var(--space-lg)} .margin-y-xl{margin-top:3.25em;margin-top:var(--space-xl);margin-bottom:3.25em;margin-bottom:var(--space-xl)} .margin-y-xxl{margin-top:5.25em;margin-top:var(--space-xxl);margin-bottom:5.25em;margin-bottom:var(--space-xxl)} .margin-y-xxxl{margin-top:8.5em;margin-top:var(--space-xxxl);margin-bottom:8.5em;margin-bottom:var(--space-xxxl)} .margin-y-xxxxl{margin-top:13.75em;margin-top:var(--space-xxxxl);margin-bottom:13.75em;margin-bottom:var(--space-xxxxl)} .margin-y-auto{margin-top:auto;margin-bottom:auto} @media not all and (min-width:32rem){ .has-margin\@xs{margin:0!important} } @media not all and (min-width:48rem){ .has-margin\@sm{margin:0!important} } @media not all and (min-width:64rem){ .has-margin\@md{margin:0!important} } @media not all and (min-width:80rem){ .has-margin\@lg{margin:0!important} } @media not all and (min-width:90rem){ .has-margin\@xl{margin:0!important} } .padding-md{padding:1.25em;padding:var(--space-md)} .padding-xxxxs{padding:.125em;padding:var(--space-xxxxs)} .padding-xxxs{padding:.25em;padding:var(--space-xxxs)} .padding-xxs{padding:.375em;padding:var(--space-xxs)} .padding-xs{padding:.5em;padding:var(--space-xs)} .padding-sm{padding:.75em;padding:var(--space-sm)} .padding-lg{padding:2em;padding:var(--space-lg)} .padding-xl{padding:3.25em;padding:var(--space-xl)} .padding-xxl{padding:5.25em;padding:var(--space-xxl)} .padding-xxxl{padding:8.5em;padding:var(--space-xxxl)} .padding-xxxxl{padding:13.75em;padding:var(--space-xxxxl)} .padding-component{padding:1.25em;padding:var(--component-padding)} .padding-top-md{padding-top:1.25em;padding-top:var(--space-md)} .padding-top-xxxxs{padding-top:.125em;padding-top:var(--space-xxxxs)} .padding-top-xxxs{padding-top:.25em;padding-top:var(--space-xxxs)} .padding-top-xxs{padding-top:.375em;padding-top:var(--space-xxs)} .padding-top-xs{padding-top:.5em;padding-top:var(--space-xs)} .padding-top-sm{padding-top:.75em;padding-top:var(--space-sm)} .padding-top-lg{padding-top:2em;padding-top:var(--space-lg)} .padding-top-xl{padding-top:3.25em;padding-top:var(--space-xl)} .padding-top-xxl{padding-top:5.25em;padding-top:var(--space-xxl)} .padding-top-xxxl{padding-top:8.5em;padding-top:var(--space-xxxl)} .padding-top-xxxxl{padding-top:13.75em;padding-top:var(--space-xxxxl)} .padding-top-component{padding-top:1.25em;padding-top:var(--component-padding)} .padding-bottom-md{padding-bottom:1.25em;padding-bottom:var(--space-md)} .padding-bottom-xxxxs{padding-bottom:.125em;padding-bottom:var(--space-xxxxs)} .padding-bottom-xxxs{padding-bottom:.25em;padding-bottom:var(--space-xxxs)} .padding-bottom-xxs{padding-bottom:.375em;padding-bottom:var(--space-xxs)} .padding-bottom-xs{padding-bottom:.5em;padding-bottom:var(--space-xs)} .padding-bottom-sm{padding-bottom:.75em;padding-bottom:var(--space-sm)} .padding-bottom-lg{padding-bottom:2em;padding-bottom:var(--space-lg)} .padding-bottom-xl{padding-bottom:3.25em;padding-bottom:var(--space-xl)} .padding-bottom-xxl{padding-bottom:5.25em;padding-bottom:var(--space-xxl)} .padding-bottom-xxxl{padding-bottom:8.5em;padding-bottom:var(--space-xxxl)} .padding-bottom-xxxxl{padding-bottom:13.75em;padding-bottom:var(--space-xxxxl)} .padding-bottom-component{padding-bottom:1.25em;padding-bottom:var(--component-padding)} .padding-right-md{padding-right:1.25em;padding-right:var(--space-md)} .padding-right-xxxxs{padding-right:.125em;padding-right:var(--space-xxxxs)} .padding-right-xxxs{padding-right:.25em;padding-right:var(--space-xxxs)} .padding-right-xxs{padding-right:.375em;padding-right:var(--space-xxs)} .padding-right-xs{padding-right:.5em;padding-right:var(--space-xs)} .padding-right-sm{padding-right:.75em;padding-right:var(--space-sm)} .padding-right-lg{padding-right:2em;padding-right:var(--space-lg)} .padding-right-xl{padding-right:3.25em;padding-right:var(--space-xl)} .padding-right-xxl{padding-right:5.25em;padding-right:var(--space-xxl)} .padding-right-xxxl{padding-right:8.5em;padding-right:var(--space-xxxl)} .padding-right-xxxxl{padding-right:13.75em;padding-right:var(--space-xxxxl)} .padding-right-component{padding-right:1.25em;padding-right:var(--component-padding)} .padding-left-md{padding-left:1.25em;padding-left:var(--space-md)} .padding-left-xxxxs{padding-left:.125em;padding-left:var(--space-xxxxs)} .padding-left-xxxs{padding-left:.25em;padding-left:var(--space-xxxs)} .padding-left-xxs{padding-left:.375em;padding-left:var(--space-xxs)} .padding-left-xs{padding-left:.5em;padding-left:var(--space-xs)} .padding-left-sm{padding-left:.75em;padding-left:var(--space-sm)} .padding-left-lg{padding-left:2em;padding-left:var(--space-lg)} .padding-left-xl{padding-left:3.25em;padding-left:var(--space-xl)} .padding-left-xxl{padding-left:5.25em;padding-left:var(--space-xxl)} .padding-left-xxxl{padding-left:8.5em;padding-left:var(--space-xxxl)} .padding-left-xxxxl{padding-left:13.75em;padding-left:var(--space-xxxxl)} .padding-left-component{padding-left:1.25em;padding-left:var(--component-padding)} .padding-x-md{padding-left:1.25em;padding-left:var(--space-md);padding-right:1.25em;padding-right:var(--space-md)} .padding-x-xxxxs{padding-left:.125em;padding-left:var(--space-xxxxs);padding-right:.125em;padding-right:var(--space-xxxxs)} .padding-x-xxxs{padding-left:.25em;padding-left:var(--space-xxxs);padding-right:.25em;padding-right:var(--space-xxxs)} .padding-x-xxs{padding-left:.375em;padding-left:var(--space-xxs);padding-right:.375em;padding-right:var(--space-xxs)} .padding-x-xs{padding-left:.5em;padding-left:var(--space-xs);padding-right:.5em;padding-right:var(--space-xs)} .padding-x-sm{padding-left:.75em;padding-left:var(--space-sm);padding-right:.75em;padding-right:var(--space-sm)} .padding-x-lg{padding-left:2em;padding-left:var(--space-lg);padding-right:2em;padding-right:var(--space-lg)} .padding-x-xl{padding-left:3.25em;padding-left:var(--space-xl);padding-right:3.25em;padding-right:var(--space-xl)} .padding-x-xxl{padding-left:5.25em;padding-left:var(--space-xxl);padding-right:5.25em;padding-right:var(--space-xxl)} .padding-x-xxxl{padding-left:8.5em;padding-left:var(--space-xxxl);padding-right:8.5em;padding-right:var(--space-xxxl)} .padding-x-xxxxl{padding-left:13.75em;padding-left:var(--space-xxxxl);padding-right:13.75em;padding-right:var(--space-xxxxl)} .padding-x-component{padding-left:1.25em;padding-left:var(--component-padding);padding-right:1.25em;padding-right:var(--component-padding)} .padding-y-md{padding-top:1.25em;padding-top:var(--space-md);padding-bottom:1.25em;padding-bottom:var(--space-md)} .padding-y-xxxxs{padding-top:.125em;padding-top:var(--space-xxxxs);padding-bottom:.125em;padding-bottom:var(--space-xxxxs)} .padding-y-xxxs{padding-top:.25em;padding-top:var(--space-xxxs);padding-bottom:.25em;padding-bottom:var(--space-xxxs)} .padding-y-xxs{padding-top:.375em;padding-top:var(--space-xxs);padding-bottom:.375em;padding-bottom:var(--space-xxs)} .padding-y-xs{padding-top:.5em;padding-top:var(--space-xs);padding-bottom:.5em;padding-bottom:var(--space-xs)} .padding-y-sm{padding-top:.75em;padding-top:var(--space-sm);padding-bottom:.75em;padding-bottom:var(--space-sm)} .padding-y-lg{padding-top:2em;padding-top:var(--space-lg);padding-bottom:2em;padding-bottom:var(--space-lg)} .padding-y-xl{padding-top:3.25em;padding-top:var(--space-xl);padding-bottom:3.25em;padding-bottom:var(--space-xl)} .padding-y-xxl{padding-top:5.25em;padding-top:var(--space-xxl);padding-bottom:5.25em;padding-bottom:var(--space-xxl)} .padding-y-xxxl{padding-top:8.5em;padding-top:var(--space-xxxl);padding-bottom:8.5em;padding-bottom:var(--space-xxxl)} .padding-y-xxxxl{padding-top:13.75em;padding-top:var(--space-xxxxl);padding-bottom:13.75em;padding-bottom:var(--space-xxxxl)} .padding-y-component{padding-top:1.25em;padding-top:var(--component-padding);padding-bottom:1.25em;padding-bottom:var(--component-padding)} @media not all and (min-width:32rem){ .has-padding\@xs{padding:0!important} } @media not all and (min-width:48rem){ .has-padding\@sm{padding:0!important} } @media not all and (min-width:64rem){ .has-padding\@md{padding:0!important} } @media not all and (min-width:80rem){ .has-padding\@lg{padding:0!important} } @media not all and (min-width:90rem){ .has-padding\@xl{padding:0!important} } .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .text-replace{overflow:hidden;color:transparent;text-indent:100%;white-space:nowrap} .text-center{text-align:center} .text-left{text-align:left} .text-right{text-align:right} @media (min-width:32rem){ .text-center\@xs{text-align:center} .text-left\@xs{text-align:left} .text-right\@xs{text-align:right} } @media (min-width:48rem){ .text-center\@sm{text-align:center} .text-left\@sm{text-align:left} .text-right\@sm{text-align:right} } @media (min-width:64rem){ .text-center\@md{text-align:center} .text-left\@md{text-align:left} .text-right\@md{text-align:right} } @media (min-width:80rem){ .text-center\@lg{text-align:center} .text-left\@lg{text-align:left} .text-right\@lg{text-align:right} } @media (min-width:90rem){ .text-center\@xl{text-align:center} .text-left\@xl{text-align:left} .text-right\@xl{text-align:right} } .color-inherit{color:inherit} .color-contrast-medium{color:#79797b;color:var(--color-contrast-medium,#79797c)} .color-contrast-high{color:#303035;color:var(--color-contrast-high,#313135)} .color-contrast-higher{color:#1c1c21;color:var(--color-contrast-higher,#1c1c21)} .color-primary{color:#296df3;color:var(--color-primary,#2a6df4)} .color-accent{color:#f54250;color:var(--color-accent,#f54251)} .color-success{color:#87c458;color:var(--color-success,#88c559)} .color-warning{color:#fed038;color:var(--color-warning,#ffd138)} .color-error{color:#f54250;color:var(--color-error,#f54251)} .width-100\%{width:100%} .height-100\%{height:100%} .media-wrapper{position:relative;height:0;padding-bottom:56.25%} .media-wrapper iframe,.media-wrapper img,.media-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%} .media-wrapper img,.media-wrapper video{-o-object-fit:cover;object-fit:cover} .media-wrapper--4\:3{padding-bottom:75%} :root,[data-theme=default]{--color-primary-darker:hsl(220, 90%, 36%);--color-primary-darker-h:220;--color-primary-darker-s:90%;--color-primary-darker-l:36%;--color-primary-dark:hsl(220, 90%, 46%);--color-primary-dark-h:220;--color-primary-dark-s:90%;--color-primary-dark-l:46%;--color-primary:hsl(220, 90%, 56%);--color-primary-h:220;--color-primary-s:90%;--color-primary-l:56%;--color-primary-light:hsl(220, 90%, 66%);--color-primary-light-h:220;--color-primary-light-s:90%;--color-primary-light-l:66%;--color-primary-lighter:hsl(220, 90%, 76%);--color-primary-lighter-h:220;--color-primary-lighter-s:90%;--color-primary-lighter-l:76%;--color-accent-darker:hsl(355, 90%, 41%);--color-accent-darker-h:355;--color-accent-darker-s:90%;--color-accent-darker-l:41%;--color-accent-dark:hsl(355, 90%, 51%);--color-accent-dark-h:355;--color-accent-dark-s:90%;--color-accent-dark-l:51%;--color-accent:hsl(355, 90%, 61%);--color-accent-h:355;--color-accent-s:90%;--color-accent-l:61%;--color-accent-light:hsl(355, 90%, 71%);--color-accent-light-h:355;--color-accent-light-s:90%;--color-accent-light-l:71%;--color-accent-lighter:hsl(355, 90%, 81%);--color-accent-lighter-h:355;--color-accent-lighter-s:90%;--color-accent-lighter-l:81%;--color-black:hsl(240, 8%, 12%);--color-black-h:240;--color-black-s:8%;--color-black-l:12%;--color-white:hsl(0, 0%, 100%);--color-white-h:0;--color-white-s:0%;--color-white-l:100%;--color-success-darker:hsl(94, 48%, 36%);--color-success-darker-h:94;--color-success-darker-s:48%;--color-success-darker-l:36%;--color-success-dark:hsl(94, 48%, 46%);--color-success-dark-h:94;--color-success-dark-s:48%;--color-success-dark-l:46%;--color-success:hsl(94, 48%, 56%);--color-success-h:94;--color-success-s:48%;--color-success-l:56%;--color-success-light:hsl(94, 48%, 66%);--color-success-light-h:94;--color-success-light-s:48%;--color-success-light-l:66%;--color-success-lighter:hsl(94, 48%, 76%);--color-success-lighter-h:94;--color-success-lighter-s:48%;--color-success-lighter-l:76%;--color-error-darker:hsl(355, 90%, 41%);--color-error-darker-h:355;--color-error-darker-s:90%;--color-error-darker-l:41%;--color-error-dark:hsl(355, 90%, 51%);--color-error-dark-h:355;--color-error-dark-s:90%;--color-error-dark-l:51%;--color-error:hsl(355, 90%, 61%);--color-error-h:355;--color-error-s:90%;--color-error-l:61%;--color-error-light:hsl(355, 90%, 71%);--color-error-light-h:355;--color-error-light-s:90%;--color-error-light-l:71%;--color-error-lighter:hsl(355, 90%, 81%);--color-error-lighter-h:355;--color-error-lighter-s:90%;--color-error-lighter-l:81%;--color-warning-darker:hsl(46, 100%, 41%);--color-warning-darker-h:46;--color-warning-darker-s:100%;--color-warning-darker-l:41%;--color-warning-dark:hsl(46, 100%, 51%);--color-warning-dark-h:46;--color-warning-dark-s:100%;--color-warning-dark-l:51%;--color-warning:hsl(46, 100%, 61%);--color-warning-h:46;--color-warning-s:100%;--color-warning-l:61%;--color-warning-light:hsl(46, 100%, 71%);--color-warning-light-h:46;--color-warning-light-s:100%;--color-warning-light-l:71%;--color-warning-lighter:hsl(46, 100%, 81%);--color-warning-lighter-h:46;--color-warning-lighter-s:100%;--color-warning-lighter-l:81%;--color-bg:hsl(0, 0%, 100%);--color-bg-h:0;--color-bg-s:0%;--color-bg-l:100%;--color-contrast-lower:hsl(0, 0%, 95%);--color-contrast-lower-h:0;--color-contrast-lower-s:0%;--color-contrast-lower-l:95%;--color-contrast-low:hsl(240, 1%, 83%);--color-contrast-low-h:240;--color-contrast-low-s:1%;--color-contrast-low-l:83%;--color-contrast-medium:hsl(240, 1%, 48%);--color-contrast-medium-h:240;--color-contrast-medium-s:1%;--color-contrast-medium-l:48%;--color-contrast-high:hsl(240, 4%, 20%);--color-contrast-high-h:240;--color-contrast-high-s:4%;--color-contrast-high-l:20%;--color-contrast-higher:hsl(240, 8%, 12%);--color-contrast-higher-h:240;--color-contrast-higher-s:8%;--color-contrast-higher-l:12%} @supports (--css:variables){ @media (min-width:64rem){ :root{--space-unit:1.25em} } } :root{--radius:0.25em} :root{--font-primary:sans-serif;--text-base-size:1em;--text-scale-ratio:1.2;--text-xs:calc(1em/var(--text-scale-ratio)/var(--text-scale-ratio));--text-sm:calc(var(--text-xs)*var(--text-scale-ratio));--text-md:calc(var(--text-sm)*var(--text-scale-ratio)*var(--text-scale-ratio));--text-lg:calc(var(--text-md)*var(--text-scale-ratio));--text-xl:calc(var(--text-lg)*var(--text-scale-ratio));--text-xxl:calc(var(--text-xl)*var(--text-scale-ratio));--text-xxxl:calc(var(--text-xxl)*var(--text-scale-ratio));--body-line-height:1.4;--heading-line-height:1.2;--font-primary-capital-letter:1} @supports (--css:variables){ @media (min-width:64rem){ :root{--text-base-size:1.25em;--text-scale-ratio:1.25} } } mark{background-color:hsla(355,90%,61%,.2);background-color:hsla(var(--color-accent-h),var(--color-accent-s),var(--color-accent-l),.2);color:inherit} .text-component{--line-height-multiplier:1;--text-vspace-multiplier:1} .text-component blockquote{padding-left:1em;border-left:4px solid #d3d3d4;border-left:4px solid var(--color-contrast-low)} .text-component hr{background:#d3d3d4;background:var(--color-contrast-low);height:1px} .text-component figcaption{font-size:.83333em;font-size:var(--text-sm);color:#79797b;color:var(--color-contrast-medium)} .article.text-component{--line-height-multiplier:1.13;--text-vspace-multiplier:1.2} :root{--btn-font-size:1em;--btn-font-size-sm:calc(var(--btn-font-size) - 0.2em);--btn-font-size-md:calc(var(--btn-font-size) + 0.2em);--btn-font-size-lg:calc(var(--btn-font-size) + 0.4em);--btn-radius:0.25em;--btn-padding-x:var(--space-sm);--btn-padding-y:var(--space-xs)} .btn{--color-shadow:hsla(240, 8%, 12%, 0.15);--color-shadow:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.15);box-shadow:0 4px 16px hsla(240,8%,12%,.15);box-shadow:0 4px 16px hsla(var(--color-black-h),var(--color-black-s),var(--color-black-l),.15);cursor:pointer} .btn--primary{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .btn--accent{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .btn--disabled{opacity:.6} :root{--form-control-padding-x:var(--space-sm);--form-control-padding-y:var(--space-xs);--form-control-radius:0.25em} .form-control{border:2px solid #d3d3d4;border:2px solid var(--color-contrast-low)} .form-control:focus{outline:0;border-color:#296df3;border-color:var(--color-primary);--color-shadow:hsla(220, 90%, 56%, 0.2);--color-shadow:hsla(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l), 0.2);box-shadow:undefined;box-shadow:0 0 0 3px var(--color-shadow)} .form-control:focus:focus{box-shadow:0 0 0 3px hsla(220,90%,56%,.2);box-shadow:0 0 0 3px var(--color-shadow)} .form-control[aria-invalid=true]{border-color:#f54250;border-color:var(--color-error)} .form-control[aria-invalid=true]:focus{--color-shadow:hsla(355, 90%, 61%, 0.2);--color-shadow:hsla(var(--color-error-h), var(--color-error-s), var(--color-error-l), 0.2);box-shadow:undefined;box-shadow:0 0 0 3px var(--color-shadow)} .form-control[aria-invalid=true]:focus:focus{box-shadow:0 0 0 3px hsla(355,90%,61%,.2);box-shadow:0 0 0 3px var(--color-shadow)} .form-label{font-size:.83333em;font-size:var(--text-sm)} :root{--cd-color-1:hsl(0, 0%, 22%);--cd-color-1-h:0;--cd-color-1-s:0%;--cd-color-1-l:22%;--cd-color-2:hsl(74, 93%, 32%);--cd-color-2-h:74;--cd-color-2-s:93%;--cd-color-2-l:32%;--cd-color-3:hsl(0, 0%, 97%);--cd-color-3-h:0;--cd-color-3-s:0%;--cd-color-3-l:97%;--font-primary:'Fira Sans',sans-serif;--font-secondary:'Playfair Display',serif} body{color:#383838;color:var(--cd-color-1);background-color:#f7f7f7;background-color:var(--cd-color-3)} .js .cd-h-timeline{opacity:0;transition:opacity .2s} .js .cd-h-timeline--loaded{opacity:1} .js .cd-h-timeline__container{position:relative;height:100px;max-width:800px} .js .cd-h-timeline__dates{position:relative;height:100%;margin:0 40px;overflow:hidden} .js .cd-h-timeline__dates::after,.js .cd-h-timeline__dates::before{content:'';position:absolute;z-index:2;top:0;height:100%;width:20px} .js .cd-h-timeline__dates::before{left:0;background:linear-gradient(to right,#f7f7f7,hsla(0,0%,97%,0));background:linear-gradient(to right,var(--cd-color-3),hsla(var(--cd-color-3-h),var(--cd-color-3-s),var(--cd-color-3-l),0))} .js .cd-h-timeline__dates::after{right:0;background:linear-gradient(to left,#f7f7f7,hsla(0,0%,97%,0));background:linear-gradient(to left,var(--cd-color-3),hsla(var(--cd-color-3-h),var(--cd-color-3-s),var(--cd-color-3-l),0))} .js .cd-h-timeline__line{position:absolute;z-index:1;left:0;top:49px;height:2px;background-color:hsl(0,0%,87.3%);background-color:hsl(var(--cd-color-3-h),var(--cd-color-3-s),calc(var(--cd-color-3-l)*.9));transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s} .js .cd-h-timeline__filling-line{position:absolute;z-index:1;left:0;top:0;height:100%;width:100%;background-color:#7a9d05;background-color:var(--cd-color-2);-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s} .js .cd-h-timeline__date{position:absolute;bottom:0;z-index:2;text-align:center;font-size:.8em;padding-bottom:.75em;padding-bottom:var(--space-sm);color:#383838;color:var(--cd-color-1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none} .js .cd-h-timeline__date::after{content:'';position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:-5px;height:12px;width:12px;border-radius:50%;border-width:2px;border-style:solid;border-color:hsl(0,0%,87.3%);border-color:hsl(var(--cd-color-3-h),var(--cd-color-3-s),calc(var(--cd-color-3-l)*.9));background-color:#f7f7f7;background-color:var(--cd-color-3);transition:background-color .3s,border-color .3s} .js .cd-h-timeline__date:hover::after{background-color:#7a9d05;background-color:var(--cd-color-2);border-color:#7a9d05;border-color:var(--cd-color-2)} @media (min-width:64rem){ .js .cd-h-timeline__date{font-size:.7em} } .js .cd-h-timeline__date--selected{pointer-events:none} .js .cd-h-timeline__date--selected::after{background-color:#7a9d05;background-color:var(--cd-color-2);border-color:#7a9d05;border-color:var(--cd-color-2)} .js .cd-h-timeline__date--older-event::after{border-color:#7a9d05;border-color:var(--cd-color-2)} .js .cd-h-timeline__navigation{position:absolute;z-index:1;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);height:34px;width:34px;border-radius:50%;border-width:2px;border-style:solid;border-color:hsl(0,0%,87.3%);border-color:hsl(var(--cd-color-3-h),var(--cd-color-3-s),calc(var(--cd-color-3-l)*.9));transition:border-color .3s} .js .cd-h-timeline__navigation::after{content:'';position:absolute;height:16px;width:16px;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:url(../../files/cto_layout/scripts/horizontal-timeline/img/cd-arrow.svg) no-repeat 0 0} .js .cd-h-timeline__navigation:hover{border-color:#7a9d05;border-color:var(--cd-color-2)} .js .cd-h-timeline__navigation--prev{left:0;-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)} .js .cd-h-timeline__navigation--next{right:0} .js .cd-h-timeline__navigation--inactive{cursor:not-allowed} .js .cd-h-timeline__navigation--inactive::after{background-position:0 -16px} .js .cd-h-timeline__navigation--inactive:hover{border-color:hsl(0,0%,87.3%);border-color:hsl(var(--cd-color-3-h),var(--cd-color-3-s),calc(var(--cd-color-3-l)*.9))} .js .cd-h-timeline__events{position:relative;width:100%;overflow:hidden;transition:height .4s} .js .cd-h-timeline__event{position:absolute;z-index:1;width:100%;left:0;top:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);padding:1px 5%;opacity:0;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} .js .cd-h-timeline__event--selected{position:relative;z-index:2;opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} .js .cd-h-timeline__event--enter-right,.js .cd-h-timeline__event--leave-right{-webkit-animation-name:cd-enter-right;animation-name:cd-enter-right} .js .cd-h-timeline__event--enter-left,.js .cd-h-timeline__event--leave-left{-webkit-animation-name:cd-enter-left;animation-name:cd-enter-left} .js .cd-h-timeline__event--leave-left,.js .cd-h-timeline__event--leave-right{animation-direction:reverse} .js .cd-h-timeline__event-content{max-width:800px} .js .cd-h-timeline__event-title{color:#383838;color:var(--cd-color-1);font-family:'Playfair Display',serif;font-family:var(--font-secondary);font-weight:700;font-size:2.48832em;font-size:var(--text-xxxl)} .js .cd-h-timeline__event-date{display:block;font-style:italic;margin:.5em auto;margin:var(--space-xs) auto} .js .cd-h-timeline__event-date::before{content:'- '} @-webkit-keyframes cd-enter-right{ 0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)} 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes cd-enter-right{ 0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)} 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} } @-webkit-keyframes cd-enter-left{ 0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)} 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} } @keyframes cd-enter-left{ 0%{opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%)} 100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)} } html:not(.js) .cd-h-timeline__dates,html:not(.js) .cd-h-timeline__navigation{display:none} /* -------------------------------- Main Components -------------------------------- */ .cd-horizontal-timeline { opacity: 0; margin: 2em auto; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; } .cd-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'mobile'; display: none; } .cd-horizontal-timeline.loaded { /* show the timeline after events position has been set (using JavaScript) */ opacity: 1; } .cd-horizontal-timeline .timeline { position: relative; height: 100px; width: 90%; max-width: 800px; margin: 0 auto; } .cd-horizontal-timeline .events-wrapper { position: relative; height: 100%; margin: 0 40px; overflow: hidden; } .cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before { /* these are used to create a shadow effect at the sides of the timeline */ content: ''; position: absolute; z-index: 2; top: 0; height: 100%; width: 20px; } .cd-horizontal-timeline .events-wrapper::before { left: 0; background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0)); background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0)); } .cd-horizontal-timeline .events-wrapper::after { right: 0; background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0)); background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0)); } .cd-horizontal-timeline .events { /* this is the grey line/timeline */ position: absolute; z-index: 1; left: 0; top: 49px; height: 2px; /* width will be set using JavaScript */ background: #dfdfdf; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .cd-horizontal-timeline .filling-line { /* this is used to create the green line filling the timeline */ position: absolute; z-index: 1; left: 0; top: 0; height: 100%; width: 100%; background-color: #7b9d6f; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .cd-horizontal-timeline .events a { position: absolute; bottom: 0; z-index: 2; text-align: center; font-size: 1.3rem; padding-bottom: 15px; color: #383838; /* fix bug on Safari - text flickering while timeline translates */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .cd-horizontal-timeline .events a::after { /* this is used to create the event spot */ content: ''; position: absolute; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); bottom: -5px; height: 12px; width: 12px; border-radius: 50%; border: 2px solid #dfdfdf; background-color: #f8f8f8; -webkit-transition: background-color 0.3s, border-color 0.3s; -moz-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; } .no-touch .cd-horizontal-timeline .events a:hover::after { background-color: #7b9d6f; border-color: #7b9d6f; } .cd-horizontal-timeline .events a.selected { pointer-events: none; } .cd-horizontal-timeline .events a.selected::after { background-color: #7b9d6f; border-color: #7b9d6f; } .cd-horizontal-timeline .events a.older-event::after { border-color: #7b9d6f; } @media only screen and (min-width: 1100px) { .cd-horizontal-timeline { margin: 6em auto; } .cd-horizontal-timeline::before { /* never visible - this is used in jQuery to check the current MQ */ content: 'desktop'; } } .cd-timeline-navigation a { /* these are the left/right arrows to navigate the timeline */ position: absolute; z-index: 1; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 34px; width: 34px; border-radius: 50%; border: 2px solid #dfdfdf; /* replace text with an icon */ overflow: hidden; color: transparent; text-indent: 100%; white-space: nowrap; -webkit-transition: border-color 0.3s; -moz-transition: border-color 0.3s; transition: border-color 0.3s; } .cd-timeline-navigation a::after { /* arrow icon */ content: ''; position: absolute; height: 16px; width: 16px; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background: url(../../files/cto_layout/scripts/horizontal-timeline/img/cd-arrow.svg) no-repeat 0 0; } .cd-timeline-navigation a.prev { left: 0; -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); } .cd-timeline-navigation a.next { right: 0; } .no-touch .cd-timeline-navigation a:hover { border-color: #7b9d6f; } .cd-timeline-navigation a.inactive { cursor: not-allowed; } .cd-timeline-navigation a.inactive::after { background-position: 0 -16px; } .no-touch .cd-timeline-navigation a.inactive:hover { border-color: #dfdfdf; } .cd-horizontal-timeline .events-content { position: relative; width: 100%; margin: 2em 0; overflow: hidden; -webkit-transition: height 0.4s; -moz-transition: height 0.4s; transition: height 0.4s; } .cd-horizontal-timeline .events-content li { position: absolute; z-index: 1; width: 100%; left: 0; top: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); padding: 0 5%; opacity: 0; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .cd-horizontal-timeline .events-content li.selected { /* visible event content */ position: relative; z-index: 2; opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right { -webkit-animation-name: cd-enter-right; -moz-animation-name: cd-enter-right; animation-name: cd-enter-right; } .cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-name: cd-enter-left; -moz-animation-name: cd-enter-left; animation-name: cd-enter-left; } .cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left { -webkit-animation-direction: reverse; -moz-animation-direction: reverse; animation-direction: reverse; } @-webkit-keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-right { 0% { opacity: 0; -moz-transform: translateX(100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-right { 0% { opacity: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } @-webkit-keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); } } @-moz-keyframes cd-enter-left { 0% { opacity: 0; -moz-transform: translateX(-100%); } 100% { opacity: 1; -moz-transform: translateX(0%); } } @keyframes cd-enter-left { 0% { opacity: 0; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } 100% { opacity: 1; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } } /** grid presets **/ .d_100 {grid-template-columns: 100%;} .d_25_25_25_25 {grid-template-columns: 25% 25% 25% 25%;} .d_33_33_33 {grid-template-columns: 33.3333% 33.3333% 33.3333%;} .d_50_25_25 {grid-template-columns: 50% 25% 25%;} .d_25_50_25 {grid-template-columns: 25% 50% 25%;} .d_25_25_50 {grid-template-columns: 25% 25% 50%;} .d_40_30_30 {grid-template-columns: 40% 30% 30%;} .d_30_40_30 {grid-template-columns: 30% 40% 30%;} .d_30_30_40 {grid-template-columns: 30% 30% 40%;} .d_20_40_40 {grid-template-columns: 20% 40% 40%;} .d_40_20_40 {grid-template-columns: 40% 20% 40%;} .d_40_40_20 {grid-template-columns: 40% 40% 20%;} .d_50_50 {grid-template-columns: 50% 50%;} .d_85_15 {grid-template-columns: 85% 15%;} .d_15_85 {grid-template-columns: 15% 85%;} .d_80_20 {grid-template-columns: 80% 20%;} .d_20_80 {grid-template-columns: 20% 80%;} .d_75_25 {grid-template-columns: 75% 25%;} .d_25_75 {grid-template-columns: 25% 75%;} .d_70_30 {grid-template-columns: 70% 30%;} .d_30_70 {grid-template-columns: 30% 70%;} .d_66_33 {grid-template-columns: 66.6667% 33.3333%;} .d_33_66 {grid-template-columns: 33.3333% 66.6667%;} .d_60_40 {grid-template-columns: 60% 40%;} .d_40_60 {grid-template-columns: 40% 60%;} @media only screen and (min-width : 768px) and (max-width : 1024px) { .t_100 {grid-template-columns: 100%;} .t_50_50 {grid-template-columns: 50% 50%;} } @media only screen and (max-width: 767px) { .m_100 {grid-template-columns: 100%;} .m_50_50 {grid-template-columns: 50% 50%;} } /*----------------------------------------------------------------------------- - Revolution Slider 4.1 Captions - Screen Stylesheet version: 1.4.5 date: 27/11/13 author: themepunch email: info@themepunch.com website: http://www.themepunch.com -----------------------------------------------------------------------------*/ /************************* - CAPTIONS - **************************/ .tp-static-layers { position:absolute; z-index:505; top:0px;left:0px} .tp-hide-revslider,.tp-caption.tp-hidden-caption { visibility:hidden !important; display:none !important} .tp-caption { z-index:1; white-space:nowrap} .tp-caption-demo .tp-caption { position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important} .tp-caption.whitedivider3px { color: #000000; text-shadow: none; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 1); text-decoration: none; min-width: 408px; min-height: 3px; background-position: initial initial; background-repeat: initial initial; border-width: 0px; border-color: #000000; border-style: none; } .tp-caption.finewide_large_white { color:#ffffff; text-shadow:none; font-size:60px; line-height:60px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:8px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:468px; min-height:3px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_medium_white { color:#ffffff; text-shadow:none; font-size:37px; line-height:37px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.boldwide_small_white { font-size:25px; line-height:25px; font-weight:800; font-family:"Open Sans", sans-serif; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.whitedivider3px_vertical { color:#000000; text-shadow:none; background-color:rgb(255, 255, 255); background-color:rgba(255, 255, 255, 1); text-decoration:none; font-size:0px; line-height:0; min-width:3px; min-height:130px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_small_white { color:#ffffff; text-shadow:none; font-size:25px; line-height:25px; font-weight:300; font-family:"Open Sans", sans-serif; background-color:transparent; text-decoration:none; text-transform:uppercase; letter-spacing:5px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.finewide_verysmall_white_mw { font-size:13px; line-height:25px; font-weight:400; font-family:"Open Sans", sans-serif; color:#ffffff; text-decoration:none; background-color:transparent; text-shadow:none; text-transform:uppercase; letter-spacing:5px; max-width:470px; white-space:normal !important; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgb(235, 235, 235); background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.finewide_large_white { color: #FFF; text-shadow: none; font-size: 60px; line-height: 60px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 8px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.finewide_medium_white { color: #FFF; text-shadow: none; font-size: 34px; line-height: 34px; font-weight: 300; font-family: "Open Sans", sans-serif; background-color: rgba(0, 0, 0, 0); text-decoration: none; text-transform: uppercase; letter-spacing: 5px; border-width: 0px; border-color: #000; border-style: none; } .tp-caption.huge_red { position:absolute; color:rgb(223,75,107); font-weight:400; font-size:150px; line-height:130px; font-family: 'Oswald', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; background-color:rgb(45,49,54); padding:0px; } .tp-caption.middle_yellow { position:absolute; color:rgb(251,213,114); font-weight:600; font-size:50px; line-height:50px; font-family: 'Open Sans', sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.huge_thin_yellow { position:absolute; color:rgb(251,213,114); font-weight:300; font-size:90px; line-height:90px; font-family: 'Open Sans', sans-serif; margin:0px; letter-spacing: 20px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.big_dark { position:absolute; color:#333; font-weight:700; font-size:70px; line-height:70px; font-family:"Open Sans"; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_dark { position:absolute; color:#333; font-weight:300; font-size:40px; line-height:40px; font-family:"Open Sans"; margin:0px; letter-spacing: 5px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_grey { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; padding:2px 4px; margin:0px; border-width:0px; border-style:none; background-color:#888; white-space:nowrap; } .tp-caption.small_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:14px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:20px; line-height:20px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.large_bold_white_25 { font-size:55px; line-height:65px; font-weight:700; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.medium_text_shadow { font-size:25px; line-height:25px; font-weight:600; font-family:"Open Sans"; color:#fff; text-decoration:none; background-color:transparent; text-align:center; text-shadow:#000 0px 5px 10px; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:40px; line-height:40px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.medium_bold_grey { font-size:30px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.very_large_text { position:absolute; color:#fff; text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5); font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; letter-spacing:-2px; } .tp-caption.very_big_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#000; } .tp-caption.very_big_black { position:absolute; color:#000; text-shadow:none; font-weight:700; font-size:60px; line-height:60px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; padding:0px 4px; padding-top:1px; background-color:#fff; } .tp-caption.modern_medium_fat { position:absolute; color:#000; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_fat_white { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_medium_light { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:24px; line-height:20px; font-family:"Open Sans", sans-serif; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.modern_big_bluebg { position:absolute; color:#fff; text-shadow:none; font-weight:800; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; margin:0px; border-width:0px; border-style:none; background-color:#4e5b6c; letter-spacing:0; } .tp-caption.modern_big_redbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:30px; line-height:36px; font-family:"Open Sans", sans-serif; padding:3px 10px; padding-top:1px; margin:0px; border-width:0px; border-style:none; background-color:#de543e; letter-spacing:0; } .tp-caption.modern_small_text_dark { position:absolute; color:#555; text-shadow:none; font-size:14px; line-height:22px; font-family:Arial; margin:0px; border-width:0px; border-style:none; white-space:nowrap; } .tp-caption.boxshadow { -moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black { color:#000; text-shadow:none; } .tp-caption.noshadow { text-shadow:none; } .tp-caption a { color:#ff7302; text-shadow:none; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; } .tp-caption a:hover { color:#ffa902; } .tp-caption.thinheadline_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:30px; line-height:30px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.thintext_dark { position:absolute; color:rgba(0,0,0,0.85); text-shadow:none; font-weight:300; font-size:16px; line-height:26px; font-family:"Open Sans"; background-color:transparent; } .tp-caption.medium_bg_red a { color: #fff; text-decoration: none; } .tp-caption.medium_bg_red a:hover { color: #fff; text-decoration: underline; } .tp-caption.smoothcircle { font-size:30px; line-height:75px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); background-color:rgba(0, 0, 0, 0.498039); padding:50px 25px; text-align:center; border-radius:500px 500px 500px 500px; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.largeblackbg { font-size:50px; line-height:70px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:0px 20px 5px; text-shadow:none; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.largepinkbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#db4360; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largewhitebg { position:absolute; color:#000; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#fff; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.largegreenbg { position:absolute; color:#fff; text-shadow:none; font-weight:300; font-size:50px; line-height:70px; font-family:"Open Sans"; background-color:#67ae73; padding:0px 20px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .tp-caption.excerpt { font-size:36px; line-height:36px; font-weight:700; font-family:Arial; color:#ffffff; text-decoration:none; background-color:rgba(0, 0, 0, 1); text-shadow:none; margin:0px; letter-spacing:-1.5px; padding:1px 4px 0px 4px; width:150px; white-space:normal !important; height:auto; border-width:0px; border-color:rgb(255, 255, 255); border-style:none; } .tp-caption.large_bold_grey { font-size:60px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; text-shadow:none; margin:0px; padding:1px 4px 0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_thin_grey { font-size:34px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(102, 102, 102); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_thin_grey { font-size:18px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(117, 117, 117); text-decoration:none; background-color:transparent; padding:1px 4px 0px; text-shadow:none; margin:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.lightgrey_divider { text-decoration:none; background-color:rgba(235, 235, 235, 1); width:370px; height:3px; background-position:initial initial; background-repeat:initial initial; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_darkblue { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_darkblue { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(52, 73, 94); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_red { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_red { font-size:21px; line-height:26px; font-weight:300; font-family:"Open Sans"; color:rgb(227, 58, 12); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_red { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(227, 58, 12); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bold_orange { font-size:24px; line-height:30px; font-weight:800; font-family:"Open Sans"; color:rgb(243, 156, 18); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_orange { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.grassfloor { text-decoration:none; background-color:rgba(160, 179, 151, 1); width:4000px; height:150px; border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bold_white { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_white { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_white_center { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:#ffffff; text-decoration:none; background-color:transparent; padding:0px 0px 0px 0px; text-align:center; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_bg_asbestos { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(127, 140, 141); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.medium_light_black { font-size:30px; line-height:36px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.large_bold_black { font-size:58px; line-height:60px; font-weight:800; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:transparent; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumlarge_light_darkblue { font-size:34px; line-height:40px; font-weight:300; font-family:"Open Sans"; color:rgb(52, 73, 94); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.small_light_white { font-size:17px; line-height:28px; font-weight:300; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:transparent; padding:0px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.roundedimage { border-width:0px; border-color:rgb(34, 34, 34); border-style:none; } .tp-caption.large_bg_black { font-size:40px; line-height:40px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(0, 0, 0); padding:10px 20px 15px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.mediumwhitebg { font-size:30px; line-height:30px; font-weight:300; font-family:"Open Sans"; color:rgb(0, 0, 0); text-decoration:none; background-color:rgb(255, 255, 255); padding:5px 15px 10px; text-shadow:none; border-width:0px; border-color:rgb(0, 0, 0); border-style:none; } .tp-caption.medium_bg_orange_new1 { font-size:20px; line-height:20px; font-weight:800; font-family:"Open Sans"; color:rgb(255, 255, 255); text-decoration:none; background-color:rgb(243, 156, 18); padding:10px; border-width:0px; border-color:rgb(255, 214, 88); border-style:none; } .tp-caption.boxshadow{ -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); } .tp-caption.black{ color: #000; text-shadow: none; font-weight: 300; font-size: 19px; line-height: 19px; font-family: 'Open Sans', sans; } .tp-caption.noshadow { text-shadow: none; } .tp_inner_padding { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-height:none !important; } /*.tp-caption { transform:none !important}*/ /********************************* - SPECIAL TP CAPTIONS - **********************************/ .tp-caption .frontcorner { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-top: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcorner { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } .tp-caption .frontcornertop { width: 0; height: 0; border-left: 40px solid transparent; border-right: 0px solid transparent; border-bottom: 40px solid #00A8FF; position: absolute;left:-40px;top:0px; } .tp-caption .backcornertop { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #00A8FF; position: absolute;right:0px;top:0px; } /*********************************************** - SPECIAL ALTERNATIVE IMAGE SETTINGS - ***********************************************/ img.tp-slider-alternative-image { width:100%; height:auto;} /****************************** - BUTTONS - *******************************/ .tp-simpleresponsive .button { padding:6px 13px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; height:30px; cursor:pointer; color:#fff !important; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6) !important; font-size:15px; line-height:45px !important; background:url(../../files/cto_layout/scripts/rs-plugin/images/gradient/g30.png) repeat-x top; font-family: arial, sans-serif; font-weight: bold; letter-spacing: -1px; } .tp-simpleresponsive .button.big { color:#fff; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.6); font-weight:bold; padding:9px 20px; font-size:19px; line-height:57px !important; background:url(../../files/cto_layout/scripts/rs-plugin/images/gradient/g40.png) repeat-x top} .tp-simpleresponsive .purchase:hover, .tp-simpleresponsive .button:hover, .tp-simpleresponsive .button.big:hover { background-position:bottom, 15px 11px} @media only screen and (min-width: 768px) and (max-width: 959px) { } @media only screen and (min-width: 480px) and (max-width: 767px) { .tp-simpleresponsive .button { padding:4px 8px 3px; line-height:25px !important; font-size:11px !important;font-weight:normal; } .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .tp-simpleresponsive .button { padding:2px 5px 2px; line-height:20px !important; font-size:10px !important} .tp-simpleresponsive a.button { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; } } /* BUTTON COLORS */ .tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green, .tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green { background-color:#21a117; -webkit-box-shadow: 0px 3px 0px 0px #104d0b; -moz-box-shadow: 0px 3px 0px 0px #104d0b; box-shadow: 0px 3px 0px 0px #104d0b; } .tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue, .tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue { background-color:#1d78cb; -webkit-box-shadow: 0px 3px 0px 0px #0f3e68; -moz-box-shadow: 0px 3px 0px 0px #0f3e68; box-shadow: 0px 3px 0px 0px #0f3e68} .tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red, .tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red { background-color:#cb1d1d; -webkit-box-shadow: 0px 3px 0px 0px #7c1212; -moz-box-shadow: 0px 3px 0px 0px #7c1212; box-shadow: 0px 3px 0px 0px #7c1212} .tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange, .tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange { background-color:#ff7700; -webkit-box-shadow: 0px 3px 0px 0px #a34c00; -moz-box-shadow: 0px 3px 0px 0px #a34c00; box-shadow: 0px 3px 0px 0px #a34c00} .tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey, .tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey, .tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey { background-color:#555; -webkit-box-shadow: 0px 3px 0px 0px #222; -moz-box-shadow: 0px 3px 0px 0px #222; box-shadow: 0px 3px 0px 0px #222} .tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey, .tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey { background-color:#888; -webkit-box-shadow: 0px 3px 0px 0px #555; -moz-box-shadow: 0px 3px 0px 0px #555; box-shadow: 0px 3px 0px 0px #555} /**************************************************************** - SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID - ******************************************************************/ /*.tp-simpleresponsive { -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; }*/ /********************************************** - FULLSCREEN AND FULLWIDHT CONTAINERS - **********************************************/ .fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container{ width:100%; position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthbanner{ width:100%; position:relative; } /************************************************ - SOME CAPTION MODIFICATION AT START - *************************************************/ .tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; */ position:absolute;visibility: hidden; -webkit-font-smoothing: antialiased !important; } .tp-simpleresponsive img { max-width:none} /****************************** - IE8 HACKS - *******************************/ .noFilterClass { filter:none !important; } /****************************** - SHADOWS - ******************************/ .tp-bannershadow { position:absolute; margin-left:auto; margin-right:auto; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-bannershadow.tp-shadow1 { background:url(../../files/cto_layout/scripts/rs-plugin/assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px} .tp-bannershadow.tp-shadow2 { background:url(../../files/cto_layout/scripts/rs-plugin/assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} .tp-bannershadow.tp-shadow3 { background:url(../../files/cto_layout/scripts/rs-plugin/assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px} /******************************** - FULLSCREEN VIDEO - *********************************/ .caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .caption.fullscreenvideo iframe, .caption.fullscreenvideo video { width:100% !important; height:100% !important; display: none} .tp-caption.fullscreenvideo { left:0px; top:0px; position:absolute;width:100%;height:100%} .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video { width:100% !important; height:100% !important; display: none} .fullcoveredvideo video, .fullscreenvideo video { background: #000} .fullcoveredvideo .tp-poster { background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px} .html5vid.videoisplaying .tp-poster { display: none} .tp-video-play-button { background:#000; background:rgba(0,0,0,0.3); padding:5px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position: absolute; top: 50%; left: 50%; font-size: 40px; color: #FFF; z-index: 3; margin-top: -27px; margin-left: -28px; text-align: center; cursor: pointer; } .html5vid .tp-revstop { width:15px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position:relative;margin:10px 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} .html5vid .tp-revstop { display:none} .html5vid.videoisplaying .revicon-right-dir { display:none} .html5vid.videoisplaying .tp-revstop { display:block} .html5vid.videoisplaying .tp-video-play-button { display:none} .html5vid:hover .tp-video-play-button { display:block} .fullcoveredvideo .tp-video-play-button { display:none !important} .tp-video-controls { position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.13, rgb(0,0,0)), color-stop(1, rgb(50,50,50)) ); display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .tp-caption:hover .tp-video-controls { opacity: .9; } .tp-video-button { background: rgba(0,0,0,.5); border: 0; color: #EEE; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; cursor:pointer; line-height:12px; font-size:12px; color:#fff; padding:0px; margin:0px; outline: none; } .tp-video-button:hover { cursor: pointer; } .tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap { padding:0px 5px;display:table-cell; } .tp-video-seek-bar-wrap { width:80%} .tp-video-vol-bar-wrap { width:20%} .tp-volume-bar, .tp-seek-bar { width:100%; cursor: pointer; outline:none; line-height:12px;margin:0; padding:0;} /******************************** - FULLSCREEN VIDEO ENDS - *********************************/ /******************************** - DOTTED OVERLAYS - *********************************/ .tp-dottedoverlay { background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:4} .tp-dottedoverlay.twoxtwo { background:url(../../files/cto_layout/scripts/rs-plugin/assets/gridtile.png)} .tp-dottedoverlay.twoxtwowhite { background:url(../../files/cto_layout/scripts/rs-plugin/assets/gridtile_white.png)} .tp-dottedoverlay.threexthree { background:url(../../files/cto_layout/scripts/rs-plugin/assets/gridtile_3x3.png)} .tp-dottedoverlay.threexthreewhite { background:url(../../files/cto_layout/scripts/rs-plugin/assets/gridtile_3x3_white.png)} /******************************** - DOTTED OVERLAYS ENDS - *********************************/ /************************ - NAVIGATION - *************************/ /** BULLETS **/ .tpclear { clear:both} .tp-bullets { z-index:1000; position:absolute; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px); } .tp-bullets.hidebullets { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-bullets.simplebullets.navbar { border:1px solid #666; border-bottom:1px solid #444; background:url(../../files/cto_layout/scripts/rs-plugin/assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .tp-bullets.simplebullets.navbar-old { background:url(../../files/cto_layout/scripts/rs-plugin/assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/bullet.png) no-Repeat top left; width:20px; height:20px; margin-right:0px; float:left; margin-top:0px; margin-left:3px} .tp-bullets.simplebullets.round .bullet.last { margin-right:3px} .tp-bullets.simplebullets.round-old .bullet { cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/bullets.png) no-Repeat bottom left; width:23px; height:23px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.round-old .bullet.last { margin-right:0px} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square .bullet { cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.square .bullet.last { margin-right:0px} /** SQUARE BULLETS **/ .tp-bullets.simplebullets.square-old .bullet { cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/bullets2.png) no-Repeat bottom left; width:19px; height:19px; margin-right:0px; float:left; margin-top:0px} .tp-bullets.simplebullets.square-old .bullet.last { margin-right:0px} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar .bullet { cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/bullet_boxed.png) no-Repeat top left; width:18px; height:19px; margin-right:5px; float:left; margin-top:0px} .tp-bullets.simplebullets.navbar .bullet.first { margin-left:0px !important} .tp-bullets.simplebullets.navbar .bullet.last { margin-right:0px !important} /** navbar NAVIGATION VERSION **/ .tp-bullets.simplebullets.navbar-old .bullet { cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/navigdots.png) no-Repeat bottom left; width:15px; height:15px; margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px} .tp-bullets.simplebullets.navbar-old .bullet.first { margin-left:0px !important} .tp-bullets.simplebullets.navbar-old .bullet.last { margin-right:0px !important} .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected { background-position:top left} .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background-position:bottom left} /************************************* - TP ARROWS - **************************************/ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5000px); -webkit-transform-style: flat; -webkit-backface-visibility: hidden; z-index:600; position: relative; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .tp-leftarrow { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/large_left.png) no-Repeat top left; width:40px; height:40px; } .tp-rightarrow { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/large_right.png) no-Repeat top left; width:40px; height:40px; } .tp-leftarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/small_left.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/small_right.png) no-Repeat top left; width:19px; height:14px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrow_left.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px; } .tp-rightarrow.round-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrow_right.png) no-Repeat top left; width:26px; height:26px; margin-right:0px; float:left; margin-top:0px} .tp-leftarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/small_left_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-right:6px; margin-top:12px} .tp-rightarrow.navbar { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/small_right_boxed.png) no-Repeat top left; width:20px; height:15px; float:left; margin-left:6px; margin-top:12px} .tp-leftarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrowleft.png) no-Repeat top left; width:9px; height:16px; float:left; margin-right:6px; margin-top:10px} .tp-rightarrow.navbar-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrowright.png) no-Repeat top left; width:9px; height:16px; float:left; margin-left:6px; margin-top:10px} .tp-leftarrow.navbar-old.thumbswitharrow { margin-right:10px} .tp-rightarrow.navbar-old.thumbswitharrow { margin-left:0px} .tp-leftarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrow_left2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-right:0px; margin-top:0px} .tp-rightarrow.square-old { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/arrow_right2.png) no-Repeat top left; width:12px; height:17px; float:left; margin-left:0px; margin-top:0px} .tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/large_left.png) no-Repeat 0 0; width:40px; height:40px; } .tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(../../files/cto_layout/scripts/rs-plugin/assets/large_right.png) no-Repeat 0 0; width:40px; height:40px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-position:bottom left} /**************************************************************************************************** - TP THUMBS - ***************************************************************************************************** - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings) - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px) *****************************************************************************************************/ .tp-bullets.tp-thumbs { z-index:1000; position:absolute; padding:3px;background-color:#fff; width:500px;height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ margin-top:-50px; } .fullwidthbanner-container .tp-thumbs { padding:3px} .tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; /* THE DIMENSIONS OF THE THUMB CONTAINER */ overflow:hidden; position:relative} .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute} .tp-bullets.tp-thumbs .bullet { width:100px; height:50px; /* THE DIMENSION OF A SINGLE THUMB */ cursor:pointer; overflow:hidden;background:none;margin:0;float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*filter: alpha(opacity=50); */ -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .tp-thumbs img { width:100%} /************************************ - TP BANNER TIMER - *************************************/ .tp-bannertimer { width:100%; height:10px; background:url(../../files/cto_layout/scripts/rs-plugin/assets/timer.png);position:absolute; z-index:200;top:0px} .tp-bannertimer.tp-bottom { bottom:0px;height:5px; top:auto} /*************************************** - RESPONSIVE SETTINGS - ****************************************/ @media only screen and (min-width: 0px) and (max-width: 479px) { .responsive .tp-bullets { display:none} .responsive .tparrows { display:none} } /********************************************* - BASIC SETTINGS FOR THE BANNER - ***********************************************/ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a{ text-decoration:none} .tp-simpleresponsive ul, .tp-simpleresponsive ul li, .tp-simpleresponsive ul li:before { list-style:none; padding:0 !important; margin:0 !important; list-style:none !important; overflow-x: visible; overflow-y: visible; background-image:none } .tp-simpleresponsive >ul >li{ list-style:none; position:absolute; visibility:hidden } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(../../files/cto_layout/scripts/rs-plugin/assets/coloredbg.png) repeat} .tp-caption.slidelink a span { background:url(../../files/cto_layout/scripts/rs-plugin/assets/coloredbg.png) repeat} /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ .tparrows .tp-arr-imgholder { display: none} .tparrows .tp-arr-titleholder { display: none} /***************************************** - NAVIGATION FANCY EXAMPLES - *****************************************/ /* NAVIGATION PREVIEW 1 */ .tparrows.preview1 { width:100px;height:100px;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;background: transparent} .tparrows.preview1:after { position:absolute; left:0px;top:0px; font-family: "revicons"; color:#fff; font-size:30px; width:100px;height:100px;text-align: center; background:#fff;background:rgba(0,0,0,0.15);z-index:2;line-height:100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s} .tp-rightarrow.preview1:after { content: '\e825'; } .tp-leftarrow.preview1:after { content: '\e824'; } .tparrows.preview1:hover:after { background:rgba(255,255,255,1); color:#aaa} .tparrows.preview1 .tp-arr-imgholder { background-size:cover; background-position:center center; display:block;width:100%;height:100%;position:absolute;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview1 .tp-arr-iwrapper { -webkit-transition: all 0.3s;transition: all 0.3s; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0} .tparrows.preview1:hover .tp-arr-iwrapper { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1} .tp-rightarrow.preview1 .tp-arr-imgholder { right:100%; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tp-leftarrow.preview1 .tp-arr-imgholder { left:100%; -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tparrows.preview1:hover .tp-arr-imgholder { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview1, .tparrows.preview1:after { width:80px; height:80px;line-height:80px; font-size:24px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview1, .tparrows.preview1:after { width:60px; height:60px;line-height:60px;font-size:20px} } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview1, .tparrows.preview1:after { width:40px; height:40px;line-height:40px; font-size:12px} } /* PREVIEW 1 BULLETS */ .tp-bullets.preview1 { height: 21px} .tp-bullets.preview1 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.15) !important; /*-webkit-border-radius: 10px; border-radius: 10px;*/ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 5px !important; height: 5px !important; border: 8px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 5px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview1 .bullet.last { margin-right: 0px} .tp-bullets.preview1 .bullet:hover, .tp-bullets.preview1 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #aaa !important; width: 5px !important; height: 5px !important; border: 8px solid rgba(255, 255, 255, 1) !important; } /* NAVIGATION PREVIEW 2 */ .tparrows.preview2 { min-width:60px; min-height:60px; background:#fff; ; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; overflow:hidden; -webkit-transition: -webkit-transform 1.3s; -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s; transition: width 0.3s, background-color 0.3s, opacity 0.3s; backface-visibility: hidden; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; color:#aaa; font-size:25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s } .tp-rightarrow.preview2:after { content: '\e81e'; right:18px} .tp-leftarrow.preview2:after { content: '\e81f'; left:18px} .tparrows.preview2 .tp-arr-titleholder { background-size:cover; background-position:center center; display:block; visibility:hidden;position:relative;top:0px; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; white-space: nowrap; color: #000; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 60px; padding:0px 10px; } .tp-rightarrow.preview2 .tp-arr-titleholder { right:50px; -webkit-transform: translateX(-100%); transform: translateX(-100%); } .tp-leftarrow.preview2 .tp-arr-titleholder { left:50px; -webkit-transform: translateX(100%); transform: translateX(100%); } .tparrows.preview2.hovered { width:300px} .tparrows.preview2:hover { background:#fff} .tparrows.preview2:hover:after { color:#000} .tparrows.preview2:hover .tp-arr-titleholder{ -webkit-transform: translateX(0px); transform: translateX(0px); visibility: visible; position: absolute; } /* PREVIEW 2 BULLETS */ .tp-bullets.preview2 { height: 17px} .tp-bullets.preview2 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview2 .bullet.last { margin-right: 0px} .tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } .tp-arr-titleholder.alwayshidden { display:none !important} @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview2 { min-width:40px; min-height:40px; width:40px;height:40px; border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:20px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:11px} .tp-leftarrow.preview2:after { content: '\e81f'; left:11px} .tparrows.preview2 .tp-arr-titleholder { font-size:12px; line-height:40px; letter-spacing: 0px} .tp-rightarrow.preview2 .tp-arr-titleholder { right:35px} .tp-leftarrow.preview2 .tp-arr-titleholder { left:35px} } @media only screen and (min-width: 480px) and (max-width: 767px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:8px} .tp-leftarrow.preview2:after { content: '\e81f'; left:8px} .tparrows.preview2 .tp-arr-titleholder { font-size:10px; line-height:30px; letter-spacing: 0px} .tp-rightarrow.preview2 .tp-arr-titleholder { right:25px} .tp-leftarrow.preview2 .tp-arr-titleholder { left:25px} .tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none} } @media only screen and (min-width: 0px) and (max-width: 479px) { .tparrows.preview2 { min-width:30px; min-height:30px; width:30px;height:30px; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px; } .tparrows.preview2:after { position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px} .tp-rightarrow.preview2:after { content: '\e81e'; right:8px} .tp-leftarrow.preview2:after { content: '\e81f'; left:8px} .tparrows.preview2 .tp-arr-titleholder { display:none;visibility:none} .tparrows.preview2:hover { width:30px !important; height:30px !important} } /* NAVIGATION PREVIEW 3 */ .tparrows.preview3 { width:70px; height:70px; background:#fff; background:rgba(255,255,255,1); -webkit-transform-style: flat} .tparrows.preview3:after { position:absolute; line-height: 70px;text-align: center; font-family: "revicons"; color:#aaa; font-size:30px; top:0px;left:0px;;background:#fff; z-index:100; width:70px;height:70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s} .tparrows.preview3:hover:after { color:#000} .tp-rightarrow.preview3:after { content: '\e825'; } .tp-leftarrow.preview3:after { content: '\e824'; } .tparrows.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; z-index:0;position: absolute; background: #000; background: rgba(0,0,0,0.75); display: table;min-height:90px;top:-10px} .tp-leftarrow.preview3 .tp-arr-iwrapper { -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .tparrows.preview3 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center; display:table-cell;min-width:90px;height:90px; position:relative;top:0px} .tp-rightarrow.preview3 .tp-arr-iwrapper { right:0px;padding-right:70px} .tp-leftarrow.preview3 .tp-arr-iwrapper { left:0px; direction: rtl;padding-left:70px} .tparrows.preview3 .tp-arr-titleholder { display:table-cell; padding:30px;font-size:16px; color:#fff;white-space: nowrap; position: relative; clear:right;vertical-align: middle} .tparrows.preview3:hover .tp-arr-iwrapper { -webkit-transform: scale(1,1); transform: scale(1,1); } /* PREVIEW 3 BULLETS */ .tp-bullets.preview3 { height: 17px} .tp-bullets.preview3 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview3 .bullet.last { margin-right: 0px} .tp-bullets.preview3 .bullet:hover, .tp-bullets.preview3 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (min-width: 768px) and (max-width: 979px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px} .tparrows.preview3 .tp-arr-iwrapper { min-height:70px} .tparrows.preview3 .tp-arr-imgholder { min-width:70px;height:70px} .tp-rightarrow.preview3 .tp-arr-iwrapper { padding-right:50px} .tp-leftarrow.preview3 .tp-arr-iwrapper { padding-left:50px} .tparrows.preview3 .tp-arr-titleholder { padding:10px;font-size:16px} } @media only screen and (max-width: 767px) { .tparrows.preview3:after, .tparrows.preview3 { width:50px; height:50px; line-height:50px;font-size:20px} .tparrows.preview3 .tp-arr-iwrapper { min-height:70px} } /* NAVIGATION PREVIEW 4 */ .tparrows.preview4 { width:30px; height:110px; background:transparent;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000} .tparrows.preview4:after { position:absolute; line-height: 110px;text-align: center; font-family: "revicons"; color:#fff; font-size:20px; top:0px;left:0px;z-index:0; width:30px;height:110px; background: #000; background: rgba(0,0,0,0.25); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } .tp-rightarrow.preview4:after { content: '\e825'; } .tp-leftarrow.preview4:after { content: '\e824'; } .tparrows.preview4 .tp-arr-allwrapper { visibility:hidden;width:180px;position: absolute;z-index: 1;min-height:120px;top:0px;left:-150px; overflow: hidden;-webkit-perspective: 1000px;-webkit-transform-style: flat} .tp-leftarrow.preview4 .tp-arr-allwrapper { left:0px} .tparrows.preview4 .tp-arr-iwrapper { position: relative} .tparrows.preview4 .tp-arr-imgholder { display:block;background-size:cover; background-position:center center;width:180px;height:110px; position:relative;top:0px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tparrows.preview4 .tp-arr-imgholder2 { display:block;background-size:cover; background-position:center center; width:180px;height:110px; position:absolute;top:0px; left:180px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tp-leftarrow.preview4 .tp-arr-imgholder2 { left:-180px} .tparrows.preview4 .tp-arr-titleholder { display:block; font-size:12px; line-height:25px; padding:0px 10px;text-align:left;color:#fff; position: relative; background: #000; color: #FFF; text-transform: uppercase; white-space: nowrap; letter-spacing: 1px; font-weight: 700; font-size: 11px; line-height: 2.75; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0; } .tparrows.preview4:after { transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%} .tp-leftarrow.preview4:after { transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%} @media only screen and (min-width: 768px) { .tparrows.preview4:hover:after { -webkit-transform: rotateY(-90deg); transform:rotateY(-90deg)} .tp-leftarrow.preview4:hover:after { -webkit-transform: rotateY(90deg); transform:rotateY(90deg)} .tparrows.preview4:hover .tp-arr-titleholder { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1; } } /* PREVIEW 4 BULLETS */ .tp-bullets.preview4 { height: 17px} .tp-bullets.preview4 .bullet { cursor: pointer; position: relative !important; background: rgba(0, 0, 0, 0.5) !important; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 0) !important; display: inline-block; margin-right: 2px !important; margin-bottom: 0px !important; -webkit-transition: background-color 0.2s, border-color 0.2s; -moz-transition: background-color 0.2s, border-color 0.2s; -o-transition: background-color 0.2s, border-color 0.2s; -ms-transition: background-color 0.2s, border-color 0.2s; transition: background-color 0.2s, border-color 0.2s; float:none !important; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } .tp-bullets.preview4 .bullet.last { margin-right: 0px} .tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: rgba(255, 255, 255, 1) !important; width: 6px !important; height: 6px !important; border: 5px solid rgba(0, 0, 0, 1) !important; } @media only screen and (max-width: 767px) { .tparrows.preview4 { width:20px; height:80px} .tparrows.preview4:after { width:20px; height:80px; line-height:80px; font-size:14px} .tparrows.preview1 .tp-arr-allwrapper, .tparrows.preview2 .tp-arr-allwrapper, .tparrows.preview3 .tp-arr-allwrapper, .tparrows.preview4 .tp-arr-allwrapper { display: none !important} } /****************************** - LOADER FORMS - ********************************/ .tp-loader { top:50%; left:50%; z-index:10000; position:absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background:url(../../files/cto_layout/scripts/rs-plugin/assets/loader.gif) no-repeat center center; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner1 { width: 40px; height: 40px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tp-loader.spinner5 { background:url(../../files/cto_layout/scripts/rs-plugin/assets/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; width:44px;height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .tp-loader.spinner2 { width: 40px; height: 40px; margin-top:-20px;margin-left:-20px; background-color: #ff0000; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; -webkit-animation: tp-scaleout 1.0s infinite ease-in-out; animation: tp-scaleout 1.0s infinite ease-in-out; } @-webkit-keyframes tp-scaleout { 0% { -webkit-transform: scale(0.0) } 100% { -webkit-transform: scale(1.0); opacity: 0; } } @keyframes tp-scaleout { 0% { transform: scale(0.0); -webkit-transform: scale(0.0); } 100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; } } .tp-loader.spinner3 { margin: -9px 0px 0px -35px; width: 70px; text-align: center; } .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 { width: 18px; height: 18px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); border-radius: 100%; display: inline-block; -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out; animation: tp-bouncedelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .tp-loader.spinner3 .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .tp-loader.spinner3 .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes tp-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0.0) } 40% { -webkit-transform: scale(1.0) } } @keyframes tp-bouncedelay { 0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-loader.spinner4 { margin: -20px 0px 0px -20px; width: 40px; height: 40px; text-align: center; -webkit-animation: tp-rotate 2.0s infinite linear; animation: tp-rotate 2.0s infinite linear; } .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #fff; border-radius: 100%; -webkit-animation: tp-bounce 2.0s infinite ease-in-out; animation: tp-bounce 2.0s infinite ease-in-out; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15); } .tp-loader.spinner4 .dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }} @keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }} @-webkit-keyframes tp-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes tp-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .tp-transparentimg { content:"url(../../files/cto_layout/scripts/rs-plugin/assets/transparent.png)"} .tp-3d { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; } .tp-caption img { background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); zoom: 1; } @font-face { font-family: 'revicons'; src: url('../../files/cto_layout/scripts/rs-plugin/font/revicons.eot?5510888'); src: url('../../files/cto_layout/scripts/rs-plugin/font/revicons.eot?5510888#iefix') format('embedded-opentype'), url('../../files/cto_layout/scripts/rs-plugin/font/revicons.woff?5510888') format('woff'), url('../../files/cto_layout/scripts/rs-plugin/font/revicons.ttf?5510888') format('truetype'), url('../../files/cto_layout/scripts/rs-plugin/font/revicons.svg?5510888#revicons') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'revicons'; src: url('../../files/cto_layout/scripts/rs-plugin/font/revicons.svg?5510888#revicons') format('svg'); } } */ [class^="revicon-"]:before, [class*=" revicon-"]:before { font-family: "revicons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .revicon-search-1:before { content: '\e802'} /* '' */ .revicon-pencil-1:before { content: '\e831'} /* '' */ .revicon-picture-1:before { content: '\e803'} /* '' */ .revicon-cancel:before { content: '\e80a'} /* '' */ .revicon-info-circled:before { content: '\e80f'} /* '' */ .revicon-trash:before { content: '\e801'} /* '' */ .revicon-left-dir:before { content: '\e817'} /* '' */ .revicon-right-dir:before { content: '\e818'} /* '' */ .revicon-down-open:before { content: '\e83b'} /* '' */ .revicon-left-open:before { content: '\e819'} /* '' */ .revicon-right-open:before { content: '\e81a'} /* '' */ .revicon-angle-left:before { content: '\e820'} /* '' */ .revicon-angle-right:before { content: '\e81d'} /* '' */ .revicon-left-big:before { content: '\e81f'} /* '' */ .revicon-right-big:before { content: '\e81e'} /* '' */ .revicon-magic:before { content: '\e807'} /* '' */ .revicon-picture:before { content: '\e800'} /* '' */ .revicon-export:before { content: '\e80b'} /* '' */ .revicon-cog:before { content: '\e832'} /* '' */ .revicon-login:before { content: '\e833'} /* '' */ .revicon-logout:before { content: '\e834'} /* '' */ .revicon-video:before { content: '\e805'} /* '' */ .revicon-arrow-combo:before { content: '\e827'} /* '' */ .revicon-left-open-1:before { content: '\e82a'} /* '' */ .revicon-right-open-1:before { content: '\e82b'} /* '' */ .revicon-left-open-mini:before { content: '\e822'} /* '' */ .revicon-right-open-mini:before { content: '\e823'} /* '' */ .revicon-left-open-big:before { content: '\e824'} /* '' */ .revicon-right-open-big:before { content: '\e825'} /* '' */ .revicon-left:before { content: '\e836'} /* '' */ .revicon-right:before { content: '\e826'} /* '' */ .revicon-ccw:before { content: '\e808'} /* '' */ .revicon-arrows-ccw:before { content: '\e806'} /* '' */ .revicon-palette:before { content: '\e829'} /* '' */ .revicon-list-add:before { content: '\e80c'} /* '' */ .revicon-doc:before { content: '\e809'} /* '' */ .revicon-left-open-outline:before { content: '\e82e'} /* '' */ .revicon-left-open-2:before { content: '\e82c'} /* '' */ .revicon-right-open-outline:before { content: '\e82f'} /* '' */ .revicon-right-open-2:before { content: '\e82d'} /* '' */ .revicon-equalizer:before { content: '\e83a'} /* '' */ .revicon-layers-alt:before { content: '\e804'} /* '' */ .revicon-popup:before { content: '\e828'} /* '' */ /** simple **/ .slider_wrapper.simple{padding:5px; background-color:#fff; width:890px; position:relative; margin-left:auto;margin-right:auto;} .slider_wrapper.simple .inside{width:890px; height:490px; position:relative; overflow:hidden;} /** resonsive slider **/ .slider_wrapper.responsive {padding:0px; background-color:#fff; width:960px; position:relative; margin-left:auto; margin-right:auto;} .slider_wrapper.responsive .inside{ width:960px; height:500px; position:relative; overflow:hidden;} /* THE MEDIA CHOOSER TO SET DIFFERENT SIZES OF THE CONTAINER DEPENDING ON THE SCREEN SIZE */ @media only screen and (min-width: 768px) and (max-width: 959px) { .slider_wrapper.responsive , .slider_wrapper.responsive .inside {width:760px; height:395px;} } @media only screen and (min-width: 480px) and (max-width: 767px) { .slider_wrapper.responsive , .slider_wrapper.responsive .inside {width:480px; height:250px;} } @media only screen and (min-width: 0px) and (max-width: 479px) {.slider_wrapper.responsive , .slider_wrapper.responsive .inside { width:320px;height:166px; } } /** fullscreen slider **/ .slider_wrapper.fullscreen{width:100% !important; position:relative; padding:0; height:100%;} /** full width slider **/ .slider_wrapper.fullwidth {width:100% !important; position:relative; padding:0; max-height:500px !important; overflow:hidden;}/** noise overlay **/ /** stretch video controls **/ .fullscreenvideo .mejs-container {width: 100% !important; height:inherit !important;} .fullscreenvideo .mejs-container .mejs-layer {width: 100% !important; height: 100% !important;} /** noise overlay **/ .tp-dottedoverlay.noise {background: url(../../system/modules/pct_revolutionslider/assets/img/overlay_noise.gif); opacity: 0.1;} /** prevent blinking while creating the slider **/ .ce_revolutionslider .tp-banner {visibility: hidden;} .ce_revolutionslider .tp-banner.revslider-initialised {visibility: visible;} /** contao framework **/ .ce_revolutionslider.responsive, .rs-container.responsive {height: auto;} /** grid **/ .autogrid_grid {display: grid; margin-left: -15px; margin-right: -15px;} .autogrid_grid .column {padding-left: 15px; padding-right: 15px;} /** grid gutter **/ .autogrid_grid.gutter_none {margin-left: 0; margin-right: 0;} .autogrid_grid.gutter_none > .column {padding-left: 0; padding-right: 0;} .autogrid_grid.gutter_s {margin-left: -15px; margin-right: -15px;} .autogrid_grid.gutter_s > .column {padding-left: 15px; padding-right: 15px;} .autogrid_grid.gutter_m {margin-left: -30px; margin-right: -30px;} .autogrid_grid.gutter_m > .column {padding-left: 30px; padding-right: 30px;} .autogrid_grid.gutter_l {margin-left: -40px; margin-right: -40px;} .autogrid_grid.gutter_l > .column {padding-left: 40px; padding-right: 40px;} /** grid same_height **/ .autogrid_grid.same_height > .column > .attributes {height: 100%;} /** grid attributes **/ .autogrid_grid .column .attributes {background-size: cover;} .autogrid_grid .column .attributes.p-xl {padding: 200px 40px 200px 40px;} .autogrid_grid .column .attributes.p-l {padding: 160px 40px 160px 40px;} .autogrid_grid .column .attributes.p-m {padding: 115px 40px 115px 40px;} .autogrid_grid .column .attributes.p-s {padding: 80px 40px 80px 40px;} .autogrid_grid .column .attributes.p-xs {padding: 40px 40px 40px 40px;} /** flex row **/ .autogrid_wrapper, .autogrid_row {margin-left: -15px; margin-right: -15px; display: flex; flex-wrap: wrap; box-sizing: border-box;} /** flex column **/ .autogrid, .autogrid_row .column {padding-left: 15px; padding-right: 15px; flex-basis: 1; flex-grow: 1; width: 100%; position: relative; box-sizing: border-box;} /** flex clearing **/ .autogrid_clear {flex: 0 0 100%; height: 0;} /** flex classes **/ .col_1 {flex: 0 0 calc((100% / 12) * 1); max-width: calc((100% / 12) * 1);} .col_2 {flex: 0 0 calc((100% / 12) * 2); max-width: calc((100% / 12) * 2);} .col_3 {flex: 0 0 calc((100% / 12) * 3); max-width: calc((100% / 12) * 3);} .col_4 {flex: 0 0 calc((100% / 12) * 4); max-width: calc((100% / 12) * 4);} .col_5 {flex: 0 0 calc((100% / 12) * 5); max-width: calc((100% / 12) * 5);} .col_6 {flex: 0 0 calc((100% / 12) * 6); max-width: calc((100% / 12) * 6);} .col_7 {flex: 0 0 calc((100% / 12) * 7); max-width: calc((100% / 12) * 7);} .col_8 {flex: 0 0 calc((100% / 12) * 8); max-width: calc((100% / 12) * 8);} .col_9 {flex: 0 0 calc((100% / 12) * 9); max-width: calc((100% / 12) * 9);} .col_10 {flex: 0 0 calc((100% / 12) * 10); max-width: calc((100% / 12) * 10);} .col_11 {flex: 0 0 calc((100% / 12) * 11); max-width: calc((100% / 12) * 11);} .col_12 {flex: 0 0 calc((100% / 12) * 12); max-width: calc((100% / 12) * 12);} /** flex gutter **/ .autogrid_wrapper.gutter_none, .autogrid_row.gutter_none {margin-left: 0; margin-right: 0;} .autogrid_wrapper.gutter_none > div, .autogrid_row.gutter_none > div {padding-left: 0; padding-right: 0;} .autogrid_wrapper.gutter_s, .autogrid_row.gutter_s {margin-left: -15px; margin-right: -15px;} .autogrid_wrapper.gutter_s > div, .autogrid_row.gutter_s > div {padding-left: 15px; padding-right: 15px;} .autogrid_wrapper.gutter_m, .autogrid_row.gutter_m {margin-left: -30px; margin-right: -30px;} .autogrid_wrapper.gutter_m > div, .autogrid_row.gutter_m > div {padding-left: 30px; padding-right: 30px;} .autogrid_wrapper.gutter_l, .autogrid_row.gutter_l {margin-left: -40px; margin-right: -40px;} .autogrid_wrapper.gutter_l > div, .autogrid_row.gutter_l > div {padding-left: 40px; padding-right: 40px;} /* flex order */ .order_1 {order: 1;} .order_2 {order: 2;} .order_3 {order: 3;} .order_4 {order: 4;} .order_5 {order: 5;} .order_6 {order: 6;} /** ag fallback classes **/ .full {flex: 0 0 100%;} .one_half {flex: 0 0 calc(100% / 2);} .one_third {flex: 0 0 calc(100% / 3);} .one_fourth {flex: 0 0 calc(100% / 4);} .one_fifth {flex: 0 0 calc(100% / 5);} .one_sixth {flex: 0 0 calc(100% / 6);} .two_third {flex: 0 0 calc((100% / 3) * 2);} .two_fourth {flex: 0 0 calc((100% / 4) * 2);} .three_fourth {flex: 0 0 calc((100% / 4) * 3);} .two_fifth {flex: 0 0 calc((100% / 5) * 2);} .three_fifth {flex: 0 0 calc((100% / 5) * 3);} .four_fifth {flex: 0 0 calc((100% / 5) * 4);} .two_sixth {flex: 0 0 calc((100% / 6) * 2);} .three_sixth {flex: 0 0 calc((100% / 6) * 3);} .four_sixth {flex: 0 0 calc((100% / 6) * 4);} .five_sixth {flex: 0 0 calc((100% / 6) * 5);} /** offset**/ .offset_col_1 {margin-left: calc((100% / 12) * 1);} .offset_col_2 {margin-left: calc((100% / 12) * 2);} .offset_col_3 {margin-left: calc((100% / 12) * 3);} .offset_col_4 {margin-left: calc((100% / 12) * 4);} .offset_col_5 {margin-left: calc((100% / 12) * 5);} .offset_col_6 {margin-left: calc((100% / 12) * 6);} .offset_col_7 {margin-left: calc((100% / 12) * 7);} .offset_col_8 {margin-left: calc((100% / 12) * 8);} .offset_col_9 {margin-left: calc((100% / 12) * 9);} .offset_col_10 {margin-left: calc((100% / 12) * 10);} .offset_col_11 {margin-left: calc((100% / 12) * 11);} /** align **/ .autogrid_grid .column.align_left_top {text-align: left;} .autogrid_grid .column.align_left_center {text-align: left; align-self: center;} .autogrid_grid .column.align_left_bottom {text-align: left; align-self: flex-end;} .autogrid_grid .column.align_center_top {text-align: center;} .autogrid_grid .column.align_center_center {text-align: center; align-self: center;} .autogrid_grid .column.align_center_bottom {text-align: center; align-self: flex-end;} .autogrid_grid .column.align_right_top {text-align: right;} .autogrid_grid .column.align_right_center {text-align: right; align-self: center;} .autogrid_grid .column.align_right_bottom {text-align: right; align-self: flex-end;} /** align + same-height **/ .autogrid_grid.same_height > .column {align-self: unset;} .autogrid_grid.same_height > .column > .attributes {display: flex; flex-wrap: wrap;} .autogrid_grid.same_height > .column > .attributes > .same-height-wrap {width: 100%; flex: 0 0 100%;} .autogrid_grid.same_height > .column.align_left_center > .attributes {align-items: center;} .autogrid_grid.same_height > .column.align_left_bottom > .attributes {align-items: flex-end;} .autogrid_grid.same_height > .column.align_center_center > .attributes {align-items: center;} .autogrid_grid.same_height > .column.align_center_bottom > .attributes {align-items: flex-end;} .autogrid_grid.same_height > .column.align_right_center > .attributes {align-items: center;} .autogrid_grid.same_height > .column.align_right_bottom > .attributes {align-items: flex-end;} /** background-image as in mobile **/ .autogrid_grid .column > .attributes .image_mob {display: none;} /** tablets **/ @media only screen and (min-width : 768px) and (max-width : 1024px) { .col_1_t {flex: 0 0 calc((100% / 12) * 1); max-width: calc((100% / 12) * 1);} .col_2_t {flex: 0 0 calc((100% / 12) * 2); max-width: calc((100% / 12) * 2);} .col_3_t {flex: 0 0 calc((100% / 12) * 3); max-width: calc((100% / 12) * 3);} .col_4_t {flex: 0 0 calc((100% / 12) * 4); max-width: calc((100% / 12) * 4);} .col_5_t {flex: 0 0 calc((100% / 12) * 5); max-width: calc((100% / 12) * 5);} .col_6_t {flex: 0 0 calc((100% / 12) * 6); max-width: calc((100% / 12) * 6);} .col_7_t {flex: 0 0 calc((100% / 12) * 7); max-width: calc((100% / 12) * 7);} .col_8_t {flex: 0 0 calc((100% / 12) * 8); max-width: calc((100% / 12) * 8);} .col_9_t {flex: 0 0 calc((100% / 12) * 9); max-width: calc((100% / 12) * 9);} .col_10_t {flex: 0 0 calc((100% / 12) * 10); max-width: calc((100% / 12) * 10);} .col_11_t {flex: 0 0 calc((100% / 12) * 11); max-width: calc((100% / 12) * 11);} .col_12_t {flex: 0 0 calc((100% / 12) * 12); max-width: calc((100% / 12) * 12);} .order_1_t {order: 1;} .order_2_t {order: 2;} .order_3_t {order: 3;} .order_4_t {order: 4;} .order_5_t {order: 5;} .order_6_t {order: 6;} } /** phones **/ @media only screen and (max-width: 767px) { [class*="col_"], .one_half, .one_third, .one_fourth, .one_fifth, .one_sixth, .two_third, .two_fourth, .three_fourth, .two_fifth, .three_fifth, .four_fifth, .two_sixth, .three_sixth .four_sixth, .five_sixth {flex: 0 0 100%; max-width: none;} .column[class*="col_"], .autogrid_grid .column {padding-left: 0!important; padding-right: 0!important; margin-bottom: 25px;} .column[class*="offset_"], .autogrid[class*="offset_"], .autogrid_grid[class*="offset_"] {margin-left: 0;} .autogrid_wrapper, .autogrid_row, .autogrid_grid {margin-left: 0!important; margin-right: 0!important;} .autogrid_grid .column .attributes.has-image.empty > .image_mob, .autogrid_grid .column .attributes.has-image.empty > .same-height-wrap > .image_mob {display: block;} .autogrid_grid .column .attributes.has-image.empty {background: none!important;} .col_1_m {flex: 0 0 calc((100% / 12) * 1); max-width: calc((100% / 12) * 1);} .col_2_m {flex: 0 0 calc((100% / 12) * 2); max-width: calc((100% / 12) * 2);} .col_3_m {flex: 0 0 calc((100% / 12) * 3); max-width: calc((100% / 12) * 3);} .col_4_m {flex: 0 0 calc((100% / 12) * 4); max-width: calc((100% / 12) * 4);} .col_5_m {flex: 0 0 calc((100% / 12) * 5); max-width: calc((100% / 12) * 5);} .col_6_m {flex: 0 0 calc((100% / 12) * 6); max-width: calc((100% / 12) * 6);} .col_7_m {flex: 0 0 calc((100% / 12) * 7); max-width: calc((100% / 12) * 7);} .col_8_m {flex: 0 0 calc((100% / 12) * 8); max-width: calc((100% / 12) * 8);} .col_9_m {flex: 0 0 calc((100% / 12) * 9); max-width: calc((100% / 12) * 9);} .col_10_m {flex: 0 0 calc((100% / 12) * 10); max-width: calc((100% / 12) * 10);} .col_11_m {flex: 0 0 calc((100% / 12) * 11); max-width: calc((100% / 12) * 11);} .col_12_m {flex: 0 0 calc((100% / 12) * 12); max-width: calc((100% / 12) * 12);} .order_1_m {order: 1;} .order_2_m {order: 2;} .order_3_m {order: 3;} .order_4_m {order: 4;} .order_5_m {order: 5;} .order_6_m {order: 6;} .autogrid_grid .column .attributes.p-xl, .autogrid_grid .column .attributes.p-l, .autogrid_grid .column .attributes.p-m, .autogrid_grid .column .attributes.p-s, .autogrid_grid .column .attributes.p-xs {padding: 20px;} } /** Fix for rendering bug in Edge **/ body.edge column[class*="col_"] {flex-basis: 0;} @media only screen and (max-width: 767px) {body.edge column[class*="col_"] {flex-basis: 100%;}} /** Fix end **/ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}