/** http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } /** * Weights: * ------------ * 100: Thin * 200: Light * 400: Regular * 500: Medium * 600: SemiBold * 700: Bold * 800: ExtraBold * 900: Black */ /** * @param {Size} $x [2px] - X * @param {Size} $y [2px] - Y * @param {Size} $blur [2px] - Blur * @param {Color} $color [rgba(0,0,0,.4)] - Color */ /** * https://matthewlein.com/tools/ceaser */ html { height: 100%; width: 100%; /* sets the base font to 10px for easier math */ font-size: 62.5%; background-color: white; color: #2a2a2a; font-family: Roboto, "Lucida Sans Unicode", "Lucida Grande", sans-serif; } html.no-scrollbar { overflow: hidden; } body { -webkit-font-feature-settings: "kern"; font-feature-settings: "kern"; -webkit-font-kerning: normal; font-kerning: normal; -webkit-font-variant-ligatures: common-ligatures; font-variant-ligatures: common-ligatures; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; width: 100%; font-size: 16px; font-size: 1.6rem; } blockquote { font-style: oblique; color: #2a2a2a; color: rgba(42, 42, 42, 0.75); } .vd-mobile.vd-mobile--display { display: block; } .vd-mobile.vd-mobile--hidden { display: none; } @media only screen and (min-width: 768px) { .vd-mobile.vd-mobile--display { display: none; } .vd-mobile.vd-mobile--hidden { display: block; } } header.vd-base > .vd-wrapper, main .ce.vd-base > .vd-wrapper, footer .vd-wrapper, #hero .vd-wrapper, body.layout.layout--focus main .vd-base .vd-wrapper, .vd-mmenu .vd-mmenu__front.vd-base > .vd-wrapper, .vd-mmvnu2 .vd-mmenu__front.vd-base > .vd-wrapper, .ce.ce--vd_carousel .image-caption .image-caption__wrapper { margin: 0 auto; width: 84%; position: relative; } @media only screen and (min-width: 768px) { header.vd-base > .vd-wrapper, main .ce.vd-base > .vd-wrapper, footer .vd-wrapper, #hero .vd-wrapper, body.layout.layout--focus main .vd-base .vd-wrapper, .vd-mmenu .vd-mmenu__front.vd-base > .vd-wrapper, .vd-mmvnu2 .vd-mmenu__front.vd-base > .vd-wrapper, .ce.ce--vd_carousel .image-caption .image-caption__wrapper { width: 94%; } } @media only screen and (min-width: 1280px) { header.vd-base > .vd-wrapper, main .ce.vd-base > .vd-wrapper, footer .vd-wrapper, #hero .vd-wrapper, body.layout.layout--focus main .vd-base .vd-wrapper, .vd-mmenu .vd-mmenu__front.vd-base > .vd-wrapper, .vd-mmvnu2 .vd-mmenu__front.vd-base > .vd-wrapper, .ce.ce--vd_carousel .image-caption .image-caption__wrapper { width: 100%; } } .vd-display.vd-display--hidden { display: none; } /** * @values: stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit * @ref: http://www.w3schools.com/cssref/css3_pr_align-content.asp **/ /** * @values: stretch|center|flex-start|flex-end|baseline|initial|inherit * @ref: http://www.w3schools.com/cssref/css3_pr_align-items.asp **/ /** * @values: row|row-reverse|column|column-reverse|initial|inherit */ /** * @ref: http://www.w3schools.com/cssref/css3_pr_flex-flow.asp **/ /** * @values: nowrap|wrap|wrap-reverse|initial|inherit */ /** * Build */ .vd-flex { -ms-flex-line-pack: start; align-content: flex-start; /* Safari 7.0+ */ -webkit-box-align: start; align-items: flex-start; -ms-flex-align: start; align-items: flex-start; align-items: flex-start; /* Safari 6.1+ */ -webkit-box-orient: horizontal; flex-direction: row; -webkit-box-direction: normal; flex-direction: row; -ms-flex-direction: row; flex-direction: row; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ /* Safari 6.1+ */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* Safari 6.1+ */ -ms-flex-wrap: wrap; flex-wrap: wrap; /** * t3kk-flex * t3kk-flex--cols * t3kk-flex--xs-1 * t3kk-flex--sm-2 * t3kk-flex--md-3 * t3kk-flex--lg-4 * t3kk-flex--xl-4 */ } .vd-flex:before, .vd-flex:after, .vd-flex::before, .vd-flex::after { content: ""; display: block; } .vd-flex:after, .vd-flex::after { clear: both; } .vd-flex.vd-flex--cols.vd-flex--xxs-1 > .vd-flex__item { width: 8.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; flex: 0 0 8.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xxs-2 > .vd-flex__item { width: 16.66667%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; flex: 0 0 16.66667%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xxs-3 > .vd-flex__item { width: 25%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 25%; flex: 0 0 25%; flex: 0 0 25%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xxs-4 > .vd-flex__item { width: 33.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; flex: 0 0 33.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xxs-6 > .vd-flex__item { width: 50%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 50%; flex: 0 0 50%; flex: 0 0 50%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xxs-12 > .vd-flex__item { width: 100%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 100%; flex: 0 0 100%; flex: 0 0 100%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xs-1 > .vd-flex__item { width: 8.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; flex: 0 0 8.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xs-2 > .vd-flex__item { width: 16.66667%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; flex: 0 0 16.66667%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xs-3 > .vd-flex__item { width: 25%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 25%; flex: 0 0 25%; flex: 0 0 25%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xs-4 > .vd-flex__item { width: 33.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; flex: 0 0 33.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xs-6 > .vd-flex__item { width: 50%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 50%; flex: 0 0 50%; flex: 0 0 50%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xs-12 > .vd-flex__item { width: 100%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 100%; flex: 0 0 100%; flex: 0 0 100%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--sm-1 > .vd-flex__item { width: 8.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; flex: 0 0 8.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--sm-2 > .vd-flex__item { width: 16.66667%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; flex: 0 0 16.66667%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--sm-3 > .vd-flex__item { width: 25%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 25%; flex: 0 0 25%; flex: 0 0 25%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--sm-4 > .vd-flex__item { width: 33.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; flex: 0 0 33.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--sm-6 > .vd-flex__item { width: 50%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 50%; flex: 0 0 50%; flex: 0 0 50%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--sm-12 > .vd-flex__item { width: 100%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 100%; flex: 0 0 100%; flex: 0 0 100%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--md-1 > .vd-flex__item { width: 8.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; flex: 0 0 8.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--md-2 > .vd-flex__item { width: 16.66667%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; flex: 0 0 16.66667%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--md-3 > .vd-flex__item { width: 25%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 25%; flex: 0 0 25%; flex: 0 0 25%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--md-4 > .vd-flex__item { width: 33.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; flex: 0 0 33.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--md-6 > .vd-flex__item { width: 50%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 50%; flex: 0 0 50%; flex: 0 0 50%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--md-12 > .vd-flex__item { width: 100%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 100%; flex: 0 0 100%; flex: 0 0 100%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--lg-1 > .vd-flex__item { width: 8.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; flex: 0 0 8.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--lg-2 > .vd-flex__item { width: 16.66667%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; flex: 0 0 16.66667%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--lg-3 > .vd-flex__item { width: 25%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 25%; flex: 0 0 25%; flex: 0 0 25%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--lg-4 > .vd-flex__item { width: 33.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; flex: 0 0 33.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--lg-6 > .vd-flex__item { width: 50%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 50%; flex: 0 0 50%; flex: 0 0 50%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--lg-12 > .vd-flex__item { width: 100%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 100%; flex: 0 0 100%; flex: 0 0 100%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xl-1 > .vd-flex__item { width: 8.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; flex: 0 0 8.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xl-2 > .vd-flex__item { width: 16.66667%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; flex: 0 0 16.66667%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xl-3 > .vd-flex__item { width: 25%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 25%; flex: 0 0 25%; flex: 0 0 25%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xl-4 > .vd-flex__item { width: 33.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; flex: 0 0 33.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xl-6 > .vd-flex__item { width: 50%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 50%; flex: 0 0 50%; flex: 0 0 50%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xl-12 > .vd-flex__item { width: 100%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 100%; flex: 0 0 100%; flex: 0 0 100%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xxl-1 > .vd-flex__item { width: 8.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; flex: 0 0 8.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xxl-2 > .vd-flex__item { width: 16.66667%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; flex: 0 0 16.66667%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xxl-3 > .vd-flex__item { width: 25%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 25%; flex: 0 0 25%; flex: 0 0 25%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xxl-4 > .vd-flex__item { width: 33.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; flex: 0 0 33.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xxl-6 > .vd-flex__item { width: 50%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 50%; flex: 0 0 50%; flex: 0 0 50%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xxl-12 > .vd-flex__item { width: 100%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 100%; flex: 0 0 100%; flex: 0 0 100%; padding: 15px; } @media only screen and (min-width: 480px) { .vd-flex.vd-flex--cols.vd-flex--xxs-1 > .vd-flex__item { width: 8.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; flex: 0 0 8.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xxs-2 > .vd-flex__item { width: 16.66667%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; flex: 0 0 16.66667%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xxs-3 > .vd-flex__item { width: 25%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 25%; flex: 0 0 25%; flex: 0 0 25%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xxs-4 > .vd-flex__item { width: 33.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; flex: 0 0 33.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xxs-6 > .vd-flex__item { width: 50%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 50%; flex: 0 0 50%; flex: 0 0 50%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xxs-12 > .vd-flex__item { width: 100%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 100%; flex: 0 0 100%; flex: 0 0 100%; padding: 15px; } } @media only screen and (min-width: 576px) { .vd-flex.vd-flex--cols.vd-flex--xs-1 > .vd-flex__item { width: 8.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; flex: 0 0 8.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xs-2 > .vd-flex__item { width: 16.66667%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; flex: 0 0 16.66667%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xs-3 > .vd-flex__item { width: 25%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 25%; flex: 0 0 25%; flex: 0 0 25%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xs-4 > .vd-flex__item { width: 33.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; flex: 0 0 33.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xs-6 > .vd-flex__item { width: 50%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 50%; flex: 0 0 50%; flex: 0 0 50%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xs-12 > .vd-flex__item { width: 100%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 100%; flex: 0 0 100%; flex: 0 0 100%; padding: 15px; } } @media only screen and (min-width: 768px) { .vd-flex.vd-flex--cols.vd-flex--sm-1 > .vd-flex__item { width: 8.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; flex: 0 0 8.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--sm-2 > .vd-flex__item { width: 16.66667%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; flex: 0 0 16.66667%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--sm-3 > .vd-flex__item { width: 25%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 25%; flex: 0 0 25%; flex: 0 0 25%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--sm-4 > .vd-flex__item { width: 33.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; flex: 0 0 33.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--sm-6 > .vd-flex__item { width: 50%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 50%; flex: 0 0 50%; flex: 0 0 50%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--sm-12 > .vd-flex__item { width: 100%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 100%; flex: 0 0 100%; flex: 0 0 100%; padding: 15px; } } @media only screen and (min-width: 990px) { .vd-flex.vd-flex--cols.vd-flex--md-1 > .vd-flex__item { width: 8.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; flex: 0 0 8.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--md-2 > .vd-flex__item { width: 16.66667%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; flex: 0 0 16.66667%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--md-3 > .vd-flex__item { width: 25%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 25%; flex: 0 0 25%; flex: 0 0 25%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--md-4 > .vd-flex__item { width: 33.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; flex: 0 0 33.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--md-6 > .vd-flex__item { width: 50%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 50%; flex: 0 0 50%; flex: 0 0 50%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--md-12 > .vd-flex__item { width: 100%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 100%; flex: 0 0 100%; flex: 0 0 100%; padding: 15px; } } @media only screen and (min-width: 1024px) { .vd-flex.vd-flex--cols.vd-flex--lg-1 > .vd-flex__item { width: 8.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; flex: 0 0 8.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--lg-2 > .vd-flex__item { width: 16.66667%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; flex: 0 0 16.66667%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--lg-3 > .vd-flex__item { width: 25%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 25%; flex: 0 0 25%; flex: 0 0 25%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--lg-4 > .vd-flex__item { width: 33.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; flex: 0 0 33.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--lg-6 > .vd-flex__item { width: 50%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 50%; flex: 0 0 50%; flex: 0 0 50%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--lg-12 > .vd-flex__item { width: 100%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 100%; flex: 0 0 100%; flex: 0 0 100%; padding: 15px; } } @media only screen and (min-width: 1280px) { .vd-flex.vd-flex--cols.vd-flex--xl-1 > .vd-flex__item { width: 8.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; flex: 0 0 8.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xl-2 > .vd-flex__item { width: 16.66667%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; flex: 0 0 16.66667%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xl-3 > .vd-flex__item { width: 25%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 25%; flex: 0 0 25%; flex: 0 0 25%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xl-4 > .vd-flex__item { width: 33.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; flex: 0 0 33.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xl-6 > .vd-flex__item { width: 50%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 50%; flex: 0 0 50%; flex: 0 0 50%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xl-12 > .vd-flex__item { width: 100%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 100%; flex: 0 0 100%; flex: 0 0 100%; padding: 15px; } } @media only screen and (min-width: 1440px) { .vd-flex.vd-flex--cols.vd-flex--xxl-1 > .vd-flex__item { width: 8.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; flex: 0 0 8.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xxl-2 > .vd-flex__item { width: 16.66667%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; flex: 0 0 16.66667%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xxl-3 > .vd-flex__item { width: 25%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 25%; flex: 0 0 25%; flex: 0 0 25%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xxl-4 > .vd-flex__item { width: 33.33333%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; flex: 0 0 33.33333%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xxl-6 > .vd-flex__item { width: 50%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 50%; flex: 0 0 50%; flex: 0 0 50%; padding: 15px; } .vd-flex.vd-flex--cols.vd-flex--xxl-12 > .vd-flex__item { width: 100%; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 100%; flex: 0 0 100%; flex: 0 0 100%; padding: 15px; } } /* https://codepen.io/Kseso/pen/bfdhg */ [class*="t3kk-wrapper-ratio--"] { position: relative; width: 100%; } [class*="t3kk-wrapper-ratio--"]:before { content: ''; display: block; } [class*="t3kk-wrapper-ratio--"] .t3kk-wrapper-ratio__inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: center center; overflow: hidden; } .vd-wrapper-ratio.vd-wrapper-ratio--1-1:before { padding-top: 100%; } .vd-wrapper-ratio.vd-wrapper-ratio--1-2:before { padding-top: 200%; } .vd-wrapper-ratio.vd-wrapper-ratio--2-1:before { padding-top: 50%; } .vd-wrapper-ratio.vd-wrapper-ratio--3-1:before { padding-top: 33.33333%; } .vd-wrapper-ratio.vd-wrapper-ratio--3-2:before { padding-top: 66.66667%; } .vd-wrapper-ratio.vd-wrapper-ratio--4-3:before { padding-top: 75%; } .vd-wrapper-ratio.vd-wrapper-ratio--8-5:before { padding-top: 62.5%; } .vd-wrapper-ratio.vd-wrapper-ratio--10-6:before { padding-top: 60%; } .vd-wrapper-ratio.vd-wrapper-ratio--16-6:before { padding-top: 37.5%; } .vd-wrapper-ratio.vd-wrapper-ratio--16-9:before { padding-top: 56.25%; } .vd-wrap-table { width: 100%; height: 100%; display: table; } .vd-wrap-table .vd-wrap-table__cell { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; } .vd-wrap-table .vd-wrap-table__cell.vd-wrap-table__cell--align-left { text-align: left; } .vd-wrap-table .vd-wrap-table__cell.vd-wrap-table__cell--align-right { text-align: right; } .t3kk-grid:before, .t3kk-grid:after, .t3kk-grid::before, .t3kk-grid::after { content: ""; display: block; } .t3kk-grid:after, .t3kk-grid::after { clear: both; } .t3kk-grid > .t3kk-grid__row:before, .t3kk-grid > .t3kk-grid__row:after, .t3kk-grid > .t3kk-grid__row::before, .t3kk-grid > .t3kk-grid__row::after { content: ""; display: block; } .t3kk-grid > .t3kk-grid__row:after, .t3kk-grid > .t3kk-grid__row::after { clear: both; } .t3kk-grid > .t3kk-grid__row > [class*="t3kk-col"] { float: left; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-1\@xxs, .t3kk-grid > .t3kk-grid__row > .t3kk-col-2\@xxs, .t3kk-grid > .t3kk-grid__row > .t3kk-col-3\@xxs, .t3kk-grid > .t3kk-grid__row > .t3kk-col-4\@xxs, .t3kk-grid > .t3kk-grid__row > .t3kk-col-6\@xxs, .t3kk-grid > .t3kk-grid__row > .t3kk-col-12\@xxs, .t3kk-grid > .t3kk-grid__row > .t3kk-col-1\@xs, .t3kk-grid > .t3kk-grid__row > .t3kk-col-2\@xs, .t3kk-grid > .t3kk-grid__row > .t3kk-col-3\@xs, .t3kk-grid > .t3kk-grid__row > .t3kk-col-4\@xs, .t3kk-grid > .t3kk-grid__row > .t3kk-col-6\@xs, .t3kk-grid > .t3kk-grid__row > .t3kk-col-12\@xs, .t3kk-grid > .t3kk-grid__row > .t3kk-col-1\@sm, .t3kk-grid > .t3kk-grid__row > .t3kk-col-2\@sm, .t3kk-grid > .t3kk-grid__row > .t3kk-col-3\@sm, .t3kk-grid > .t3kk-grid__row > .t3kk-col-4\@sm, .t3kk-grid > .t3kk-grid__row > .t3kk-col-6\@sm, .t3kk-grid > .t3kk-grid__row > .t3kk-col-12\@sm, .t3kk-grid > .t3kk-grid__row > .t3kk-col-1\@md, .t3kk-grid > .t3kk-grid__row > .t3kk-col-2\@md, .t3kk-grid > .t3kk-grid__row > .t3kk-col-3\@md, .t3kk-grid > .t3kk-grid__row > .t3kk-col-4\@md, .t3kk-grid > .t3kk-grid__row > .t3kk-col-6\@md, .t3kk-grid > .t3kk-grid__row > .t3kk-col-12\@md, .t3kk-grid > .t3kk-grid__row > .t3kk-col-1\@lg, .t3kk-grid > .t3kk-grid__row > .t3kk-col-2\@lg, .t3kk-grid > .t3kk-grid__row > .t3kk-col-3\@lg, .t3kk-grid > .t3kk-grid__row > .t3kk-col-4\@lg, .t3kk-grid > .t3kk-grid__row > .t3kk-col-6\@lg, .t3kk-grid > .t3kk-grid__row > .t3kk-col-12\@lg, .t3kk-grid > .t3kk-grid__row > .t3kk-col-1\@xl, .t3kk-grid > .t3kk-grid__row > .t3kk-col-2\@xl, .t3kk-grid > .t3kk-grid__row > .t3kk-col-3\@xl, .t3kk-grid > .t3kk-grid__row > .t3kk-col-4\@xl, .t3kk-grid > .t3kk-grid__row > .t3kk-col-6\@xl, .t3kk-grid > .t3kk-grid__row > .t3kk-col-12\@xl, .t3kk-grid > .t3kk-grid__row > .t3kk-col-1\@xxl, .t3kk-grid > .t3kk-grid__row > .t3kk-col-2\@xxl, .t3kk-grid > .t3kk-grid__row > .t3kk-col-3\@xxl, .t3kk-grid > .t3kk-grid__row > .t3kk-col-4\@xxl, .t3kk-grid > .t3kk-grid__row > .t3kk-col-6\@xxl, .t3kk-grid > .t3kk-grid__row > .t3kk-col-12\@xxl { width: 100%; } .t3kk-grid__row { margin-left: -15px; margin-right: -15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-1\@xxs { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-2\@xxs { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-3\@xxs { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-4\@xxs { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-6\@xxs { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-12\@xxs { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-1\@xs { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-2\@xs { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-3\@xs { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-4\@xs { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-6\@xs { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-12\@xs { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-1\@sm { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-2\@sm { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-3\@sm { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-4\@sm { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-6\@sm { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-12\@sm { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-1\@md { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-2\@md { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-3\@md { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-4\@md { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-6\@md { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-12\@md { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-1\@lg { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-2\@lg { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-3\@lg { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-4\@lg { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-6\@lg { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-12\@lg { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-1\@xl { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-2\@xl { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-3\@xl { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-4\@xl { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-6\@xl { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-12\@xl { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-1\@xxl { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-2\@xxl { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-3\@xxl { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-4\@xxl { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-6\@xxl { padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-12\@xxl { padding: 15px; } @media only screen and (min-width: 480px) { .t3kk-grid > .t3kk-grid__row > .t3kk-col-1\@xxs { width: 100%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-2\@xxs { width: 100%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-3\@xxs { width: 100%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-4\@xxs { width: 100%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-6\@xxs { width: 100%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-12\@xxs { width: 100%; padding: 15px; } } @media only screen and (min-width: 576px) { .t3kk-grid > .t3kk-grid__row > .t3kk-col-1\@xs { width: 8.33333%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-2\@xs { width: 16.66667%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-3\@xs { width: 25%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-4\@xs { width: 33.33333%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-6\@xs { width: 50%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-12\@xs { width: 100%; padding: 15px; } } @media only screen and (min-width: 768px) { .t3kk-grid > .t3kk-grid__row > .t3kk-col-1\@sm { width: 8.33333%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-2\@sm { width: 16.66667%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-3\@sm { width: 25%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-4\@sm { width: 33.33333%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-6\@sm { width: 50%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-12\@sm { width: 100%; padding: 15px; } } @media only screen and (min-width: 990px) { .t3kk-grid > .t3kk-grid__row > .t3kk-col-1\@md { width: 8.33333%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-2\@md { width: 16.66667%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-3\@md { width: 25%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-4\@md { width: 33.33333%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-6\@md { width: 50%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-12\@md { width: 100%; padding: 15px; } } @media only screen and (min-width: 1024px) { .t3kk-grid > .t3kk-grid__row > .t3kk-col-1\@lg { width: 8.33333%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-2\@lg { width: 16.66667%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-3\@lg { width: 25%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-4\@lg { width: 33.33333%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-6\@lg { width: 50%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-12\@lg { width: 100%; padding: 15px; } } @media only screen and (min-width: 1280px) { .t3kk-grid > .t3kk-grid__row > .t3kk-col-1\@xl { width: 8.33333%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-2\@xl { width: 16.66667%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-3\@xl { width: 25%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-4\@xl { width: 33.33333%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-6\@xl { width: 50%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-12\@xl { width: 100%; padding: 15px; } } @media only screen and (min-width: 1440px) { .t3kk-grid > .t3kk-grid__row > .t3kk-col-1\@xxl { width: 8.33333%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-2\@xxl { width: 16.66667%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-3\@xxl { width: 25%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-4\@xxl { width: 33.33333%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-6\@xxl { width: 50%; padding: 15px; } .t3kk-grid > .t3kk-grid__row > .t3kk-col-12\@xxl { width: 100%; padding: 15px; } } /** - bg_dark__color_bright - bg_gray_light__color_dark - bg_blue_light__color_bright - bg_blue__color_bright - bg_green_light__color_bright - bg_green__color_bright - bg_magenta__color_bright - bg_orange_light__color_bright - bg_tomato__color_bright */ .vd-theme.vd-theme--bg_dark__color_bright { color: white; background-color: #2a2a2a; } .vd-theme.vd-theme--bg_dark__color_bright span, .vd-theme.vd-theme--bg_dark__color_bright p, .vd-theme.vd-theme--bg_dark__color_bright h1, .vd-theme.vd-theme--bg_dark__color_bright h2, .vd-theme.vd-theme--bg_dark__color_bright h3, .vd-theme.vd-theme--bg_dark__color_bright h4, .vd-theme.vd-theme--bg_dark__color_bright h5, .vd-theme.vd-theme--bg_dark__color_bright h6, .vd-theme.vd-theme--bg_dark__color_bright li, .vd-theme.vd-theme--bg_dark__color_bright a { color: white; } main .ce.ce--theme.ce--bg_dark__color_bright { background-color: #2a2a2a; color: white; -webkit-transition: 350ms all cubic-bezier(0.39, 0.575, 0.565, 1); transition: 350ms all cubic-bezier(0.39, 0.575, 0.565, 1); } main .ce.ce--theme.ce--bg_dark__color_bright:hover { background-color: #2a2a2a; color: white; -webkit-transition: 350ms all cubic-bezier(0.47, 0, 0.745, 0.715); transition: 350ms all cubic-bezier(0.47, 0, 0.745, 0.715); } main .ce.ce--theme.ce--bg_dark__color_bright > .vd-wrapper > .ce__title h2 { color: #efefef; display: block; } main .ce.ce--theme.ce--bg_dark__color_bright > .vd-wrapper > .ce__title h2 .subtitle { color: #efefef; } main .ce.ce--theme.ce--bg_dark__color_bright > .vd-wrapper > .ce__title h2:after { content: ''; background-color: #e2537e; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_dark__color_bright > .vd-wrapper > .ce__title h3 { color: #efefef; display: block; } main .ce.ce--theme.ce--bg_dark__color_bright > .vd-wrapper > .ce__title h3 .subtitle { color: #efefef; } main .ce.ce--theme.ce--bg_dark__color_bright > .vd-wrapper > .ce__title h3:after { content: ''; background-color: #e2537e; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_dark__color_bright > .vd-wrapper > .ce__title h4 { color: #efefef; display: block; } main .ce.ce--theme.ce--bg_dark__color_bright > .vd-wrapper > .ce__title h4 .subtitle { color: #efefef; } main .ce.ce--theme.ce--bg_dark__color_bright > .vd-wrapper > .ce__title h4:after { content: ''; background-color: #e2537e; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_dark__color_bright > .vd-wrapper > .ce__title h5 { color: #efefef; display: block; } main .ce.ce--theme.ce--bg_dark__color_bright > .vd-wrapper > .ce__title h5 .subtitle { color: #efefef; } main .ce.ce--theme.ce--bg_dark__color_bright > .vd-wrapper > .ce__title h5:after { content: ''; background-color: #e2537e; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_dark__color_bright > .vd-wrapper > .ce__title h6 { color: #efefef; display: block; } main .ce.ce--theme.ce--bg_dark__color_bright > .vd-wrapper > .ce__title h6 .subtitle { color: #efefef; } main .ce.ce--theme.ce--bg_dark__color_bright > .vd-wrapper > .ce__title h6:after { content: ''; background-color: #e2537e; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_dark__color_bright .vd-button { background-color: white; color: #2a2a2a; } main .ce.ce--theme.ce--bg_dark__color_bright .vd-button:hover { background-color: #e2537e; color: white; } main .ce.ce--theme.ce--bg_dark__color_bright .vd-button.vd-button--ghost:hover { border-color: #e2537e; } main .ce.ce--theme.ce--bg_dark__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--prev span { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.5%29%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-transform: scaleX(-1); transform: scaleX(-1); } main .ce.ce--theme.ce--bg_dark__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--prev span:hover { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22%23e2537e%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-transform: scaleX(-1); transform: scaleX(-1); } main .ce.ce--theme.ce--bg_dark__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--next span { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.5%29%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); } main .ce.ce--theme.ce--bg_dark__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--next span:hover { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22%23e2537e%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); } main .ce.ce--theme.ce--bg_dark__color_bright .carousel.carousel--testimonials blockquote { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22quote%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23e6698e%22%20d%3D%22M23.2%2C44v8h20.1v43.3H0V52h0v-8C0%2C27.6%2C4.7%2C15.5%2C14%2C7.9C20.4%2C2.7%2C28.5%2C0%2C38.1%2C0v23.2%20C32.9%2C23.2%2C23.2%2C23.2%2C23.2%2C44z%20M94.8%2C23.2V0c-9.6%2C0-17.7%2C2.7-24.1%2C7.9c-9.3%2C7.6-14%2C19.7-14%2C36.1v8l0%2C0v43.3H100V52H79.9v-8%20C79.9%2C23.2%2C89.6%2C23.2%2C94.8%2C23.2z%22%2F%3E%3C%2Fsvg%3E"); } .vd-theme.vd-theme--bg_gray_blue__color_dark { color: #efefef; background-color: #8596a4; } .vd-theme.vd-theme--bg_gray_blue__color_dark span, .vd-theme.vd-theme--bg_gray_blue__color_dark p, .vd-theme.vd-theme--bg_gray_blue__color_dark h1, .vd-theme.vd-theme--bg_gray_blue__color_dark h2, .vd-theme.vd-theme--bg_gray_blue__color_dark h3, .vd-theme.vd-theme--bg_gray_blue__color_dark h4, .vd-theme.vd-theme--bg_gray_blue__color_dark h5, .vd-theme.vd-theme--bg_gray_blue__color_dark h6, .vd-theme.vd-theme--bg_gray_blue__color_dark li, .vd-theme.vd-theme--bg_gray_blue__color_dark a { color: #efefef; } main .ce.ce--theme.ce--bg_gray_blue__color_dark { background-color: #8596a4; color: #efefef; -webkit-transition: 350ms all cubic-bezier(0.39, 0.575, 0.565, 1); transition: 350ms all cubic-bezier(0.39, 0.575, 0.565, 1); } main .ce.ce--theme.ce--bg_gray_blue__color_dark:hover { background-color: #768999; color: #efefef; -webkit-transition: 350ms all cubic-bezier(0.47, 0, 0.745, 0.715); transition: 350ms all cubic-bezier(0.47, 0, 0.745, 0.715); } main .ce.ce--theme.ce--bg_gray_blue__color_dark > .vd-wrapper > .ce__title h2 { color: white; display: block; } main .ce.ce--theme.ce--bg_gray_blue__color_dark > .vd-wrapper > .ce__title h2 .subtitle { color: white; } main .ce.ce--theme.ce--bg_gray_blue__color_dark > .vd-wrapper > .ce__title h2:after { content: ''; background-color: #fe81a1; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_gray_blue__color_dark > .vd-wrapper > .ce__title h3 { color: white; display: block; } main .ce.ce--theme.ce--bg_gray_blue__color_dark > .vd-wrapper > .ce__title h3 .subtitle { color: white; } main .ce.ce--theme.ce--bg_gray_blue__color_dark > .vd-wrapper > .ce__title h3:after { content: ''; background-color: #fe81a1; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_gray_blue__color_dark > .vd-wrapper > .ce__title h4 { color: white; display: block; } main .ce.ce--theme.ce--bg_gray_blue__color_dark > .vd-wrapper > .ce__title h4 .subtitle { color: white; } main .ce.ce--theme.ce--bg_gray_blue__color_dark > .vd-wrapper > .ce__title h4:after { content: ''; background-color: #fe81a1; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_gray_blue__color_dark > .vd-wrapper > .ce__title h5 { color: white; display: block; } main .ce.ce--theme.ce--bg_gray_blue__color_dark > .vd-wrapper > .ce__title h5 .subtitle { color: white; } main .ce.ce--theme.ce--bg_gray_blue__color_dark > .vd-wrapper > .ce__title h5:after { content: ''; background-color: #fe81a1; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_gray_blue__color_dark > .vd-wrapper > .ce__title h6 { color: white; display: block; } main .ce.ce--theme.ce--bg_gray_blue__color_dark > .vd-wrapper > .ce__title h6 .subtitle { color: white; } main .ce.ce--theme.ce--bg_gray_blue__color_dark > .vd-wrapper > .ce__title h6:after { content: ''; background-color: #fe81a1; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_gray_blue__color_dark .vd-button { background-color: white; color: #768999; } main .ce.ce--theme.ce--bg_gray_blue__color_dark .vd-button:hover { background-color: #768999; color: white; } main .ce.ce--theme.ce--bg_gray_blue__color_dark .vd-button.vd-button--ghost:hover { border-color: #768999; } main .ce.ce--theme.ce--bg_gray_blue__color_dark .carousel.carousel--testimonials .testimonials__control.testimonials__control--prev span { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22rgba%28239%2C%20239%2C%20239%2C%200.5%29%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-transform: scaleX(-1); transform: scaleX(-1); } main .ce.ce--theme.ce--bg_gray_blue__color_dark .carousel.carousel--testimonials .testimonials__control.testimonials__control--prev span:hover { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22%23fe81a1%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-transform: scaleX(-1); transform: scaleX(-1); } main .ce.ce--theme.ce--bg_gray_blue__color_dark .carousel.carousel--testimonials .testimonials__control.testimonials__control--next span { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22rgba%28239%2C%20239%2C%20239%2C%200.5%29%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); } main .ce.ce--theme.ce--bg_gray_blue__color_dark .carousel.carousel--testimonials .testimonials__control.testimonials__control--next span:hover { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22%23fe81a1%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); } main .ce.ce--theme.ce--bg_gray_blue__color_dark .carousel.carousel--testimonials blockquote { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22quote%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23fe9ab4%22%20d%3D%22M23.2%2C44v8h20.1v43.3H0V52h0v-8C0%2C27.6%2C4.7%2C15.5%2C14%2C7.9C20.4%2C2.7%2C28.5%2C0%2C38.1%2C0v23.2%20C32.9%2C23.2%2C23.2%2C23.2%2C23.2%2C44z%20M94.8%2C23.2V0c-9.6%2C0-17.7%2C2.7-24.1%2C7.9c-9.3%2C7.6-14%2C19.7-14%2C36.1v8l0%2C0v43.3H100V52H79.9v-8%20C79.9%2C23.2%2C89.6%2C23.2%2C94.8%2C23.2z%22%2F%3E%3C%2Fsvg%3E"); } .vd-theme.vd-theme--bg_gray_light__color_dark { color: #2a2a2a; background-color: #efefef; } .vd-theme.vd-theme--bg_gray_light__color_dark span, .vd-theme.vd-theme--bg_gray_light__color_dark p, .vd-theme.vd-theme--bg_gray_light__color_dark h1, .vd-theme.vd-theme--bg_gray_light__color_dark h2, .vd-theme.vd-theme--bg_gray_light__color_dark h3, .vd-theme.vd-theme--bg_gray_light__color_dark h4, .vd-theme.vd-theme--bg_gray_light__color_dark h5, .vd-theme.vd-theme--bg_gray_light__color_dark h6, .vd-theme.vd-theme--bg_gray_light__color_dark li, .vd-theme.vd-theme--bg_gray_light__color_dark a { color: #2a2a2a; } main .ce.ce--theme.ce--bg_gray_light__color_dark { background-color: #efefef; color: #2a2a2a; -webkit-transition: 350ms all cubic-bezier(0.39, 0.575, 0.565, 1); transition: 350ms all cubic-bezier(0.39, 0.575, 0.565, 1); } main .ce.ce--theme.ce--bg_gray_light__color_dark:hover { background-color: #e9e9e9; color: white; -webkit-transition: 350ms all cubic-bezier(0.47, 0, 0.745, 0.715); transition: 350ms all cubic-bezier(0.47, 0, 0.745, 0.715); } main .ce.ce--theme.ce--bg_gray_light__color_dark > .vd-wrapper > .ce__title h2 { color: #2a2a2a; display: block; } main .ce.ce--theme.ce--bg_gray_light__color_dark > .vd-wrapper > .ce__title h2 .subtitle { color: #2a2a2a; } main .ce.ce--theme.ce--bg_gray_light__color_dark > .vd-wrapper > .ce__title h2:after { content: ''; background-color: #20a0ff; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_gray_light__color_dark > .vd-wrapper > .ce__title h3 { color: #2a2a2a; display: block; } main .ce.ce--theme.ce--bg_gray_light__color_dark > .vd-wrapper > .ce__title h3 .subtitle { color: #2a2a2a; } main .ce.ce--theme.ce--bg_gray_light__color_dark > .vd-wrapper > .ce__title h3:after { content: ''; background-color: #20a0ff; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_gray_light__color_dark > .vd-wrapper > .ce__title h4 { color: #2a2a2a; display: block; } main .ce.ce--theme.ce--bg_gray_light__color_dark > .vd-wrapper > .ce__title h4 .subtitle { color: #2a2a2a; } main .ce.ce--theme.ce--bg_gray_light__color_dark > .vd-wrapper > .ce__title h4:after { content: ''; background-color: #20a0ff; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_gray_light__color_dark > .vd-wrapper > .ce__title h5 { color: #2a2a2a; display: block; } main .ce.ce--theme.ce--bg_gray_light__color_dark > .vd-wrapper > .ce__title h5 .subtitle { color: #2a2a2a; } main .ce.ce--theme.ce--bg_gray_light__color_dark > .vd-wrapper > .ce__title h5:after { content: ''; background-color: #20a0ff; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_gray_light__color_dark > .vd-wrapper > .ce__title h6 { color: #2a2a2a; display: block; } main .ce.ce--theme.ce--bg_gray_light__color_dark > .vd-wrapper > .ce__title h6 .subtitle { color: #2a2a2a; } main .ce.ce--theme.ce--bg_gray_light__color_dark > .vd-wrapper > .ce__title h6:after { content: ''; background-color: #20a0ff; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_gray_light__color_dark .vd-button { background-color: white; color: #2a2a2a; } main .ce.ce--theme.ce--bg_gray_light__color_dark .vd-button:hover { background-color: #20a0ff; color: white; } main .ce.ce--theme.ce--bg_gray_light__color_dark .vd-button.vd-button--ghost:hover { border-color: #20a0ff; } main .ce.ce--theme.ce--bg_gray_light__color_dark .carousel.carousel--testimonials .testimonials__control.testimonials__control--prev span { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22rgba%2842%2C%2042%2C%2042%2C%200.5%29%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-transform: scaleX(-1); transform: scaleX(-1); } main .ce.ce--theme.ce--bg_gray_light__color_dark .carousel.carousel--testimonials .testimonials__control.testimonials__control--prev span:hover { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22%2320a0ff%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-transform: scaleX(-1); transform: scaleX(-1); } main .ce.ce--theme.ce--bg_gray_light__color_dark .carousel.carousel--testimonials .testimonials__control.testimonials__control--next span { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22rgba%2842%2C%2042%2C%2042%2C%200.5%29%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); } main .ce.ce--theme.ce--bg_gray_light__color_dark .carousel.carousel--testimonials .testimonials__control.testimonials__control--next span:hover { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22%2320a0ff%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); } main .ce.ce--theme.ce--bg_gray_light__color_dark .carousel.carousel--testimonials blockquote { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22quote%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%233aabff%22%20d%3D%22M23.2%2C44v8h20.1v43.3H0V52h0v-8C0%2C27.6%2C4.7%2C15.5%2C14%2C7.9C20.4%2C2.7%2C28.5%2C0%2C38.1%2C0v23.2%20C32.9%2C23.2%2C23.2%2C23.2%2C23.2%2C44z%20M94.8%2C23.2V0c-9.6%2C0-17.7%2C2.7-24.1%2C7.9c-9.3%2C7.6-14%2C19.7-14%2C36.1v8l0%2C0v43.3H100V52H79.9v-8%20C79.9%2C23.2%2C89.6%2C23.2%2C94.8%2C23.2z%22%2F%3E%3C%2Fsvg%3E"); } .vd-theme.vd-theme--bg_blue_light__color_bright { color: white; background-color: #bbe0e7; } .vd-theme.vd-theme--bg_blue_light__color_bright span, .vd-theme.vd-theme--bg_blue_light__color_bright p, .vd-theme.vd-theme--bg_blue_light__color_bright h1, .vd-theme.vd-theme--bg_blue_light__color_bright h2, .vd-theme.vd-theme--bg_blue_light__color_bright h3, .vd-theme.vd-theme--bg_blue_light__color_bright h4, .vd-theme.vd-theme--bg_blue_light__color_bright h5, .vd-theme.vd-theme--bg_blue_light__color_bright h6, .vd-theme.vd-theme--bg_blue_light__color_bright li, .vd-theme.vd-theme--bg_blue_light__color_bright a { color: white; } main .ce.ce--theme.ce--bg_blue_light__color_bright { background-color: #bbe0e7; color: white; -webkit-transition: 350ms all cubic-bezier(0.39, 0.575, 0.565, 1); transition: 350ms all cubic-bezier(0.39, 0.575, 0.565, 1); } main .ce.ce--theme.ce--bg_blue_light__color_bright:hover { background-color: #a2e2ef; color: white; -webkit-transition: 350ms all cubic-bezier(0.47, 0, 0.745, 0.715); transition: 350ms all cubic-bezier(0.47, 0, 0.745, 0.715); } main .ce.ce--theme.ce--bg_blue_light__color_bright > .vd-wrapper > .ce__title h2 { color: white; display: block; } main .ce.ce--theme.ce--bg_blue_light__color_bright > .vd-wrapper > .ce__title h2 .subtitle { color: white; } main .ce.ce--theme.ce--bg_blue_light__color_bright > .vd-wrapper > .ce__title h2:after { content: ''; background-color: #fe81a1; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_blue_light__color_bright > .vd-wrapper > .ce__title h3 { color: white; display: block; } main .ce.ce--theme.ce--bg_blue_light__color_bright > .vd-wrapper > .ce__title h3 .subtitle { color: white; } main .ce.ce--theme.ce--bg_blue_light__color_bright > .vd-wrapper > .ce__title h3:after { content: ''; background-color: #fe81a1; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_blue_light__color_bright > .vd-wrapper > .ce__title h4 { color: white; display: block; } main .ce.ce--theme.ce--bg_blue_light__color_bright > .vd-wrapper > .ce__title h4 .subtitle { color: white; } main .ce.ce--theme.ce--bg_blue_light__color_bright > .vd-wrapper > .ce__title h4:after { content: ''; background-color: #fe81a1; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_blue_light__color_bright > .vd-wrapper > .ce__title h5 { color: white; display: block; } main .ce.ce--theme.ce--bg_blue_light__color_bright > .vd-wrapper > .ce__title h5 .subtitle { color: white; } main .ce.ce--theme.ce--bg_blue_light__color_bright > .vd-wrapper > .ce__title h5:after { content: ''; background-color: #fe81a1; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_blue_light__color_bright > .vd-wrapper > .ce__title h6 { color: white; display: block; } main .ce.ce--theme.ce--bg_blue_light__color_bright > .vd-wrapper > .ce__title h6 .subtitle { color: white; } main .ce.ce--theme.ce--bg_blue_light__color_bright > .vd-wrapper > .ce__title h6:after { content: ''; background-color: #fe81a1; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_blue_light__color_bright .vd-button { background-color: white; color: #8cdbec; } main .ce.ce--theme.ce--bg_blue_light__color_bright .vd-button:hover { background-color: #95cfda; color: white; } main .ce.ce--theme.ce--bg_blue_light__color_bright .vd-button.vd-button--ghost:hover { border-color: #95cfda; } main .ce.ce--theme.ce--bg_blue_light__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--prev span { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.5%29%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-transform: scaleX(-1); transform: scaleX(-1); } main .ce.ce--theme.ce--bg_blue_light__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--prev span:hover { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22%23fe81a1%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-transform: scaleX(-1); transform: scaleX(-1); } main .ce.ce--theme.ce--bg_blue_light__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--next span { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.5%29%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); } main .ce.ce--theme.ce--bg_blue_light__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--next span:hover { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22%23fe81a1%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); } main .ce.ce--theme.ce--bg_blue_light__color_bright .carousel.carousel--testimonials blockquote { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22quote%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23fe9ab4%22%20d%3D%22M23.2%2C44v8h20.1v43.3H0V52h0v-8C0%2C27.6%2C4.7%2C15.5%2C14%2C7.9C20.4%2C2.7%2C28.5%2C0%2C38.1%2C0v23.2%20C32.9%2C23.2%2C23.2%2C23.2%2C23.2%2C44z%20M94.8%2C23.2V0c-9.6%2C0-17.7%2C2.7-24.1%2C7.9c-9.3%2C7.6-14%2C19.7-14%2C36.1v8l0%2C0v43.3H100V52H79.9v-8%20C79.9%2C23.2%2C89.6%2C23.2%2C94.8%2C23.2z%22%2F%3E%3C%2Fsvg%3E"); } .vd-theme.vd-theme--bg_blue__color_bright { color: white; background-color: #20a0ff; } .vd-theme.vd-theme--bg_blue__color_bright span, .vd-theme.vd-theme--bg_blue__color_bright p, .vd-theme.vd-theme--bg_blue__color_bright h1, .vd-theme.vd-theme--bg_blue__color_bright h2, .vd-theme.vd-theme--bg_blue__color_bright h3, .vd-theme.vd-theme--bg_blue__color_bright h4, .vd-theme.vd-theme--bg_blue__color_bright h5, .vd-theme.vd-theme--bg_blue__color_bright h6, .vd-theme.vd-theme--bg_blue__color_bright li, .vd-theme.vd-theme--bg_blue__color_bright a { color: white; } main .ce.ce--theme.ce--bg_blue__color_bright { background-color: #20a0ff; color: white; -webkit-transition: 350ms all cubic-bezier(0.39, 0.575, 0.565, 1); transition: 350ms all cubic-bezier(0.39, 0.575, 0.565, 1); } main .ce.ce--theme.ce--bg_blue__color_bright:hover { background-color: #139bff; color: white; -webkit-transition: 350ms all cubic-bezier(0.47, 0, 0.745, 0.715); transition: 350ms all cubic-bezier(0.47, 0, 0.745, 0.715); } main .ce.ce--theme.ce--bg_blue__color_bright > .vd-wrapper > .ce__title h2 { color: white; display: block; } main .ce.ce--theme.ce--bg_blue__color_bright > .vd-wrapper > .ce__title h2 .subtitle { color: white; } main .ce.ce--theme.ce--bg_blue__color_bright > .vd-wrapper > .ce__title h2:after { content: ''; background-color: #5bc4eb; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_blue__color_bright > .vd-wrapper > .ce__title h3 { color: white; display: block; } main .ce.ce--theme.ce--bg_blue__color_bright > .vd-wrapper > .ce__title h3 .subtitle { color: white; } main .ce.ce--theme.ce--bg_blue__color_bright > .vd-wrapper > .ce__title h3:after { content: ''; background-color: #5bc4eb; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_blue__color_bright > .vd-wrapper > .ce__title h4 { color: white; display: block; } main .ce.ce--theme.ce--bg_blue__color_bright > .vd-wrapper > .ce__title h4 .subtitle { color: white; } main .ce.ce--theme.ce--bg_blue__color_bright > .vd-wrapper > .ce__title h4:after { content: ''; background-color: #5bc4eb; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_blue__color_bright > .vd-wrapper > .ce__title h5 { color: white; display: block; } main .ce.ce--theme.ce--bg_blue__color_bright > .vd-wrapper > .ce__title h5 .subtitle { color: white; } main .ce.ce--theme.ce--bg_blue__color_bright > .vd-wrapper > .ce__title h5:after { content: ''; background-color: #5bc4eb; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_blue__color_bright > .vd-wrapper > .ce__title h6 { color: white; display: block; } main .ce.ce--theme.ce--bg_blue__color_bright > .vd-wrapper > .ce__title h6 .subtitle { color: white; } main .ce.ce--theme.ce--bg_blue__color_bright > .vd-wrapper > .ce__title h6:after { content: ''; background-color: #5bc4eb; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_blue__color_bright .vd-button { background-color: white; color: #20a0ff; } main .ce.ce--theme.ce--bg_blue__color_bright .vd-button:hover { background-color: #20a0ff; color: white; } main .ce.ce--theme.ce--bg_blue__color_bright .vd-button.vd-button--ghost:hover { border-color: #20a0ff; } main .ce.ce--theme.ce--bg_blue__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--prev span { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.5%29%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-transform: scaleX(-1); transform: scaleX(-1); } main .ce.ce--theme.ce--bg_blue__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--prev span:hover { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22%235bc4eb%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-transform: scaleX(-1); transform: scaleX(-1); } main .ce.ce--theme.ce--bg_blue__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--next span { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.5%29%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); } main .ce.ce--theme.ce--bg_blue__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--next span:hover { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22%235bc4eb%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); } main .ce.ce--theme.ce--bg_blue__color_bright .carousel.carousel--testimonials blockquote { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22quote%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%2372ccee%22%20d%3D%22M23.2%2C44v8h20.1v43.3H0V52h0v-8C0%2C27.6%2C4.7%2C15.5%2C14%2C7.9C20.4%2C2.7%2C28.5%2C0%2C38.1%2C0v23.2%20C32.9%2C23.2%2C23.2%2C23.2%2C23.2%2C44z%20M94.8%2C23.2V0c-9.6%2C0-17.7%2C2.7-24.1%2C7.9c-9.3%2C7.6-14%2C19.7-14%2C36.1v8l0%2C0v43.3H100V52H79.9v-8%20C79.9%2C23.2%2C89.6%2C23.2%2C94.8%2C23.2z%22%2F%3E%3C%2Fsvg%3E"); } .vd-theme.vd-theme--bg_green_light__color_bright { color: white; background-color: #d0e3b8; } .vd-theme.vd-theme--bg_green_light__color_bright span, .vd-theme.vd-theme--bg_green_light__color_bright p, .vd-theme.vd-theme--bg_green_light__color_bright h1, .vd-theme.vd-theme--bg_green_light__color_bright h2, .vd-theme.vd-theme--bg_green_light__color_bright h3, .vd-theme.vd-theme--bg_green_light__color_bright h4, .vd-theme.vd-theme--bg_green_light__color_bright h5, .vd-theme.vd-theme--bg_green_light__color_bright h6, .vd-theme.vd-theme--bg_green_light__color_bright li, .vd-theme.vd-theme--bg_green_light__color_bright a { color: white; } main .ce.ce--theme.ce--bg_green_light__color_bright { background-color: #d0e3b8; color: white; -webkit-transition: 350ms all cubic-bezier(0.39, 0.575, 0.565, 1); transition: 350ms all cubic-bezier(0.39, 0.575, 0.565, 1); } main .ce.ce--theme.ce--bg_green_light__color_bright:hover { background-color: #cadfaf; color: white; -webkit-transition: 350ms all cubic-bezier(0.47, 0, 0.745, 0.715); transition: 350ms all cubic-bezier(0.47, 0, 0.745, 0.715); } main .ce.ce--theme.ce--bg_green_light__color_bright > .vd-wrapper > .ce__title h2 { color: white; display: block; } main .ce.ce--theme.ce--bg_green_light__color_bright > .vd-wrapper > .ce__title h2 .subtitle { color: white; } main .ce.ce--theme.ce--bg_green_light__color_bright > .vd-wrapper > .ce__title h2:after { content: ''; background-color: #fcfe81; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_green_light__color_bright > .vd-wrapper > .ce__title h3 { color: white; display: block; } main .ce.ce--theme.ce--bg_green_light__color_bright > .vd-wrapper > .ce__title h3 .subtitle { color: white; } main .ce.ce--theme.ce--bg_green_light__color_bright > .vd-wrapper > .ce__title h3:after { content: ''; background-color: #fcfe81; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_green_light__color_bright > .vd-wrapper > .ce__title h4 { color: white; display: block; } main .ce.ce--theme.ce--bg_green_light__color_bright > .vd-wrapper > .ce__title h4 .subtitle { color: white; } main .ce.ce--theme.ce--bg_green_light__color_bright > .vd-wrapper > .ce__title h4:after { content: ''; background-color: #fcfe81; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_green_light__color_bright > .vd-wrapper > .ce__title h5 { color: white; display: block; } main .ce.ce--theme.ce--bg_green_light__color_bright > .vd-wrapper > .ce__title h5 .subtitle { color: white; } main .ce.ce--theme.ce--bg_green_light__color_bright > .vd-wrapper > .ce__title h5:after { content: ''; background-color: #fcfe81; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_green_light__color_bright > .vd-wrapper > .ce__title h6 { color: white; display: block; } main .ce.ce--theme.ce--bg_green_light__color_bright > .vd-wrapper > .ce__title h6 .subtitle { color: white; } main .ce.ce--theme.ce--bg_green_light__color_bright > .vd-wrapper > .ce__title h6:after { content: ''; background-color: #fcfe81; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_green_light__color_bright .vd-button { background-color: white; color: #0e1610; } main .ce.ce--theme.ce--bg_green_light__color_bright .vd-button:hover { background-color: #d0e3b8; color: white; } main .ce.ce--theme.ce--bg_green_light__color_bright .vd-button.vd-button--ghost:hover { border-color: #d0e3b8; } main .ce.ce--theme.ce--bg_green_light__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--prev span { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.5%29%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-transform: scaleX(-1); transform: scaleX(-1); } main .ce.ce--theme.ce--bg_green_light__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--prev span:hover { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22%23fcfe81%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-transform: scaleX(-1); transform: scaleX(-1); } main .ce.ce--theme.ce--bg_green_light__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--next span { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.5%29%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); } main .ce.ce--theme.ce--bg_green_light__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--next span:hover { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22%23fcfe81%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); } main .ce.ce--theme.ce--bg_green_light__color_bright .carousel.carousel--testimonials blockquote { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22quote%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23fdfe9a%22%20d%3D%22M23.2%2C44v8h20.1v43.3H0V52h0v-8C0%2C27.6%2C4.7%2C15.5%2C14%2C7.9C20.4%2C2.7%2C28.5%2C0%2C38.1%2C0v23.2%20C32.9%2C23.2%2C23.2%2C23.2%2C23.2%2C44z%20M94.8%2C23.2V0c-9.6%2C0-17.7%2C2.7-24.1%2C7.9c-9.3%2C7.6-14%2C19.7-14%2C36.1v8l0%2C0v43.3H100V52H79.9v-8%20C79.9%2C23.2%2C89.6%2C23.2%2C94.8%2C23.2z%22%2F%3E%3C%2Fsvg%3E"); } .vd-theme.vd-theme--bg_magenta_light__color_bright { color: white; background-color: #fe81a1; } .vd-theme.vd-theme--bg_magenta_light__color_bright span, .vd-theme.vd-theme--bg_magenta_light__color_bright p, .vd-theme.vd-theme--bg_magenta_light__color_bright h1, .vd-theme.vd-theme--bg_magenta_light__color_bright h2, .vd-theme.vd-theme--bg_magenta_light__color_bright h3, .vd-theme.vd-theme--bg_magenta_light__color_bright h4, .vd-theme.vd-theme--bg_magenta_light__color_bright h5, .vd-theme.vd-theme--bg_magenta_light__color_bright h6, .vd-theme.vd-theme--bg_magenta_light__color_bright li, .vd-theme.vd-theme--bg_magenta_light__color_bright a { color: white; } main .ce.ce--theme.ce--bg_magenta_light__color_bright { background-color: #fe81a1; color: white; -webkit-transition: 350ms all cubic-bezier(0.39, 0.575, 0.565, 1); transition: 350ms all cubic-bezier(0.39, 0.575, 0.565, 1); } main .ce.ce--theme.ce--bg_magenta_light__color_bright:hover { background-color: #fe7498; color: white; -webkit-transition: 350ms all cubic-bezier(0.47, 0, 0.745, 0.715); transition: 350ms all cubic-bezier(0.47, 0, 0.745, 0.715); } main .ce.ce--theme.ce--bg_magenta_light__color_bright > .vd-wrapper > .ce__title h2 { color: white; display: block; } main .ce.ce--theme.ce--bg_magenta_light__color_bright > .vd-wrapper > .ce__title h2 .subtitle { color: white; } main .ce.ce--theme.ce--bg_magenta_light__color_bright > .vd-wrapper > .ce__title h2:after { content: ''; background-color: #2a2a2a; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_magenta_light__color_bright > .vd-wrapper > .ce__title h3 { color: white; display: block; } main .ce.ce--theme.ce--bg_magenta_light__color_bright > .vd-wrapper > .ce__title h3 .subtitle { color: white; } main .ce.ce--theme.ce--bg_magenta_light__color_bright > .vd-wrapper > .ce__title h3:after { content: ''; background-color: #2a2a2a; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_magenta_light__color_bright > .vd-wrapper > .ce__title h4 { color: white; display: block; } main .ce.ce--theme.ce--bg_magenta_light__color_bright > .vd-wrapper > .ce__title h4 .subtitle { color: white; } main .ce.ce--theme.ce--bg_magenta_light__color_bright > .vd-wrapper > .ce__title h4:after { content: ''; background-color: #2a2a2a; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_magenta_light__color_bright > .vd-wrapper > .ce__title h5 { color: white; display: block; } main .ce.ce--theme.ce--bg_magenta_light__color_bright > .vd-wrapper > .ce__title h5 .subtitle { color: white; } main .ce.ce--theme.ce--bg_magenta_light__color_bright > .vd-wrapper > .ce__title h5:after { content: ''; background-color: #2a2a2a; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_magenta_light__color_bright > .vd-wrapper > .ce__title h6 { color: white; display: block; } main .ce.ce--theme.ce--bg_magenta_light__color_bright > .vd-wrapper > .ce__title h6 .subtitle { color: white; } main .ce.ce--theme.ce--bg_magenta_light__color_bright > .vd-wrapper > .ce__title h6:after { content: ''; background-color: #2a2a2a; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_magenta_light__color_bright .vd-button { background-color: white; color: #fe81a1; } main .ce.ce--theme.ce--bg_magenta_light__color_bright .vd-button:hover { background-color: #fe81a1; color: white; } main .ce.ce--theme.ce--bg_magenta_light__color_bright .vd-button.vd-button--ghost:hover { border-color: #fe81a1; } main .ce.ce--theme.ce--bg_magenta_light__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--prev span { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.5%29%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-transform: scaleX(-1); transform: scaleX(-1); } main .ce.ce--theme.ce--bg_magenta_light__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--prev span:hover { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22%232a2a2a%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-transform: scaleX(-1); transform: scaleX(-1); } main .ce.ce--theme.ce--bg_magenta_light__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--next span { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.5%29%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); } main .ce.ce--theme.ce--bg_magenta_light__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--next span:hover { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22%232a2a2a%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); } main .ce.ce--theme.ce--bg_magenta_light__color_bright .carousel.carousel--testimonials blockquote { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22quote%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23373737%22%20d%3D%22M23.2%2C44v8h20.1v43.3H0V52h0v-8C0%2C27.6%2C4.7%2C15.5%2C14%2C7.9C20.4%2C2.7%2C28.5%2C0%2C38.1%2C0v23.2%20C32.9%2C23.2%2C23.2%2C23.2%2C23.2%2C44z%20M94.8%2C23.2V0c-9.6%2C0-17.7%2C2.7-24.1%2C7.9c-9.3%2C7.6-14%2C19.7-14%2C36.1v8l0%2C0v43.3H100V52H79.9v-8%20C79.9%2C23.2%2C89.6%2C23.2%2C94.8%2C23.2z%22%2F%3E%3C%2Fsvg%3E"); } .vd-theme.vd-theme--bg_magenta__color_bright { color: white; background-color: #fb4372; } .vd-theme.vd-theme--bg_magenta__color_bright span, .vd-theme.vd-theme--bg_magenta__color_bright p, .vd-theme.vd-theme--bg_magenta__color_bright h1, .vd-theme.vd-theme--bg_magenta__color_bright h2, .vd-theme.vd-theme--bg_magenta__color_bright h3, .vd-theme.vd-theme--bg_magenta__color_bright h4, .vd-theme.vd-theme--bg_magenta__color_bright h5, .vd-theme.vd-theme--bg_magenta__color_bright h6, .vd-theme.vd-theme--bg_magenta__color_bright li, .vd-theme.vd-theme--bg_magenta__color_bright a { color: white; } main .ce.ce--theme.ce--bg_magenta__color_bright { background-color: #fb4372; color: white; -webkit-transition: 350ms all cubic-bezier(0.39, 0.575, 0.565, 1); transition: 350ms all cubic-bezier(0.39, 0.575, 0.565, 1); } main .ce.ce--theme.ce--bg_magenta__color_bright:hover { background-color: #fb3769; color: white; -webkit-transition: 350ms all cubic-bezier(0.47, 0, 0.745, 0.715); transition: 350ms all cubic-bezier(0.47, 0, 0.745, 0.715); } main .ce.ce--theme.ce--bg_magenta__color_bright > .vd-wrapper > .ce__title h2 { color: white; display: block; } main .ce.ce--theme.ce--bg_magenta__color_bright > .vd-wrapper > .ce__title h2 .subtitle { color: white; } main .ce.ce--theme.ce--bg_magenta__color_bright > .vd-wrapper > .ce__title h2:after { content: ''; background-color: white; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_magenta__color_bright > .vd-wrapper > .ce__title h3 { color: white; display: block; } main .ce.ce--theme.ce--bg_magenta__color_bright > .vd-wrapper > .ce__title h3 .subtitle { color: white; } main .ce.ce--theme.ce--bg_magenta__color_bright > .vd-wrapper > .ce__title h3:after { content: ''; background-color: white; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_magenta__color_bright > .vd-wrapper > .ce__title h4 { color: white; display: block; } main .ce.ce--theme.ce--bg_magenta__color_bright > .vd-wrapper > .ce__title h4 .subtitle { color: white; } main .ce.ce--theme.ce--bg_magenta__color_bright > .vd-wrapper > .ce__title h4:after { content: ''; background-color: white; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_magenta__color_bright > .vd-wrapper > .ce__title h5 { color: white; display: block; } main .ce.ce--theme.ce--bg_magenta__color_bright > .vd-wrapper > .ce__title h5 .subtitle { color: white; } main .ce.ce--theme.ce--bg_magenta__color_bright > .vd-wrapper > .ce__title h5:after { content: ''; background-color: white; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_magenta__color_bright > .vd-wrapper > .ce__title h6 { color: white; display: block; } main .ce.ce--theme.ce--bg_magenta__color_bright > .vd-wrapper > .ce__title h6 .subtitle { color: white; } main .ce.ce--theme.ce--bg_magenta__color_bright > .vd-wrapper > .ce__title h6:after { content: ''; background-color: white; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_magenta__color_bright .vd-button { background-color: white; color: #fb4372; } main .ce.ce--theme.ce--bg_magenta__color_bright .vd-button:hover { background-color: #fb4372; color: white; } main .ce.ce--theme.ce--bg_magenta__color_bright .vd-button.vd-button--ghost:hover { border-color: #fb4372; } main .ce.ce--theme.ce--bg_magenta__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--prev span { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.5%29%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-transform: scaleX(-1); transform: scaleX(-1); } main .ce.ce--theme.ce--bg_magenta__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--prev span:hover { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22white%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-transform: scaleX(-1); transform: scaleX(-1); } main .ce.ce--theme.ce--bg_magenta__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--next span { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.5%29%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); } main .ce.ce--theme.ce--bg_magenta__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--next span:hover { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22white%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); } main .ce.ce--theme.ce--bg_magenta__color_bright .carousel.carousel--testimonials blockquote { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22quote%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M23.2%2C44v8h20.1v43.3H0V52h0v-8C0%2C27.6%2C4.7%2C15.5%2C14%2C7.9C20.4%2C2.7%2C28.5%2C0%2C38.1%2C0v23.2%20C32.9%2C23.2%2C23.2%2C23.2%2C23.2%2C44z%20M94.8%2C23.2V0c-9.6%2C0-17.7%2C2.7-24.1%2C7.9c-9.3%2C7.6-14%2C19.7-14%2C36.1v8l0%2C0v43.3H100V52H79.9v-8%20C79.9%2C23.2%2C89.6%2C23.2%2C94.8%2C23.2z%22%2F%3E%3C%2Fsvg%3E"); } .vd-theme.vd-theme--bg_tomato__color_bright { color: white; background-color: tomato; } .vd-theme.vd-theme--bg_tomato__color_bright span, .vd-theme.vd-theme--bg_tomato__color_bright p, .vd-theme.vd-theme--bg_tomato__color_bright h1, .vd-theme.vd-theme--bg_tomato__color_bright h2, .vd-theme.vd-theme--bg_tomato__color_bright h3, .vd-theme.vd-theme--bg_tomato__color_bright h4, .vd-theme.vd-theme--bg_tomato__color_bright h5, .vd-theme.vd-theme--bg_tomato__color_bright h6, .vd-theme.vd-theme--bg_tomato__color_bright li, .vd-theme.vd-theme--bg_tomato__color_bright a { color: white; } main .ce.ce--theme.ce--bg_tomato__color_bright { background-color: tomato; color: white; -webkit-transition: 350ms all cubic-bezier(0.39, 0.575, 0.565, 1); transition: 350ms all cubic-bezier(0.39, 0.575, 0.565, 1); } main .ce.ce--theme.ce--bg_tomato__color_bright:hover { background-color: #ff583a; color: white; -webkit-transition: 350ms all cubic-bezier(0.47, 0, 0.745, 0.715); transition: 350ms all cubic-bezier(0.47, 0, 0.745, 0.715); } main .ce.ce--theme.ce--bg_tomato__color_bright > .vd-wrapper > .ce__title h2 { color: white; display: block; } main .ce.ce--theme.ce--bg_tomato__color_bright > .vd-wrapper > .ce__title h2 .subtitle { color: white; } main .ce.ce--theme.ce--bg_tomato__color_bright > .vd-wrapper > .ce__title h2:after { content: ''; background-color: white; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_tomato__color_bright > .vd-wrapper > .ce__title h3 { color: white; display: block; } main .ce.ce--theme.ce--bg_tomato__color_bright > .vd-wrapper > .ce__title h3 .subtitle { color: white; } main .ce.ce--theme.ce--bg_tomato__color_bright > .vd-wrapper > .ce__title h3:after { content: ''; background-color: white; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_tomato__color_bright > .vd-wrapper > .ce__title h4 { color: white; display: block; } main .ce.ce--theme.ce--bg_tomato__color_bright > .vd-wrapper > .ce__title h4 .subtitle { color: white; } main .ce.ce--theme.ce--bg_tomato__color_bright > .vd-wrapper > .ce__title h4:after { content: ''; background-color: white; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_tomato__color_bright > .vd-wrapper > .ce__title h5 { color: white; display: block; } main .ce.ce--theme.ce--bg_tomato__color_bright > .vd-wrapper > .ce__title h5 .subtitle { color: white; } main .ce.ce--theme.ce--bg_tomato__color_bright > .vd-wrapper > .ce__title h5:after { content: ''; background-color: white; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_tomato__color_bright > .vd-wrapper > .ce__title h6 { color: white; display: block; } main .ce.ce--theme.ce--bg_tomato__color_bright > .vd-wrapper > .ce__title h6 .subtitle { color: white; } main .ce.ce--theme.ce--bg_tomato__color_bright > .vd-wrapper > .ce__title h6:after { content: ''; background-color: white; display: block; height: 3px; margin-top: 21px; margin-left: auto; margin-right: auto; width: 10%; border-radius: 1.5px; } main .ce.ce--theme.ce--bg_tomato__color_bright .vd-button { background-color: white; color: tomato; } main .ce.ce--theme.ce--bg_tomato__color_bright .vd-button:hover { background-color: tomato; color: white; } main .ce.ce--theme.ce--bg_tomato__color_bright .vd-button.vd-button--ghost:hover { border-color: tomato; } main .ce.ce--theme.ce--bg_tomato__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--prev span { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.5%29%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-transform: scaleX(-1); transform: scaleX(-1); } main .ce.ce--theme.ce--bg_tomato__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--prev span:hover { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22white%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-transform: scaleX(-1); transform: scaleX(-1); } main .ce.ce--theme.ce--bg_tomato__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--next span { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22rgba%28255%2C%20255%2C%20255%2C%200.5%29%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); } main .ce.ce--theme.ce--bg_tomato__color_bright .carousel.carousel--testimonials .testimonials__control.testimonials__control--next span:hover { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22white%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); } main .ce.ce--theme.ce--bg_tomato__color_bright .carousel.carousel--testimonials blockquote { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22quote%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M23.2%2C44v8h20.1v43.3H0V52h0v-8C0%2C27.6%2C4.7%2C15.5%2C14%2C7.9C20.4%2C2.7%2C28.5%2C0%2C38.1%2C0v23.2%20C32.9%2C23.2%2C23.2%2C23.2%2C23.2%2C44z%20M94.8%2C23.2V0c-9.6%2C0-17.7%2C2.7-24.1%2C7.9c-9.3%2C7.6-14%2C19.7-14%2C36.1v8l0%2C0v43.3H100V52H79.9v-8%20C79.9%2C23.2%2C89.6%2C23.2%2C94.8%2C23.2z%22%2F%3E%3C%2Fsvg%3E"); } #hero, main, footer { position: relative; } header.vd-base > .vd-wrapper { max-width: 1200px; } main .ce.vd-base > .vd-wrapper { max-width: 667px; } footer .vd-wrapper { max-width: 1200px; } #hero .vd-wrapper { max-width: 1200px; } body.layout.layout--microsite header.vd-base > .vd-wrapper, body.layout.layout--microsite main .ce.vd-base > .vd-wrapper { max-width: 1200px; } body.layout.layout--microsite footer .vd-wrapper { max-width: 1200px; } body.layout.layout--microsite #hero .vd-wrapper { max-width: 1200px; } body.layout.layout--focus main .vd-base .vd-wrapper { max-width: 667px; } body > footer { background-color: #0098ff; background-color: #00a2f5; background-color: #437bcd; } body > footer .vd-base.vd-section--footer__default > .vd-wrapper { padding: 0 0 45px 0; } body > footer .vd-base.vd-section--footer__default a { color: #ffffff; color: rgba(255, 255, 255, 0.75); } body > footer .vd-base.vd-section--footer__default a:hover { color: #ffffff; color: rgba(255, 255, 255, 0.9); } body > footer .vd-base.vd-section--footer__legal { background-color: #171717; } body > footer .vd-base.vd-section--footer__legal > .vd-wrapper { padding: 25px 0; } body > footer .vd-nav.vd-nav--legal li:not(:first-child) a { padding-left: 15px; border-left: 1px solid silver; } body > footer .vd-nav.vd-nav--legal li a { padding-right: 15px; } body > footer .vd-nav.vd-nav--legal a { color: silver; font-size: 1.25rem; } body > footer .vd-nav.vd-nav--legal a:hover { color: #efefef; } body > footer .ce { padding: 25px 0 0 0; } @media only screen and (min-width: 768px) { body > footer .ce .vd-wrapper { padding: 50px 0 0 0; } } @media only screen and (min-width: 768px) { body > footer .ce .vd-wrapper { padding: 75px 0 0 0; } } body > footer .ce .ce__content .ce__bodytext, body > footer .ce .ce__content li { color: #efefef; } body > footer a { color: #00a2ff; } body > footer a:hover { color: #4dbeff; } body > footer .copyright { color: #9a9a9a; } html.no-js body.layout.layout--microsite > header, html.js body.layout.layout--microsite > header.pinned { background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.125); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.125); } html.no-js header svg, html.js header.pinned svg { height: 100%; width: 100%; } /** * NAVIGATION */ body > header nav { float: right; } body > header nav ul li { position: relative; } body > header nav ul li A .front { color: #2a2a2a; display: block; text-decoration: none; font-size: 1.25rem; display: block; padding: 0 7.5px; } body > header nav ul li A.active { cursor: default; } body > header nav ul li A.active:hover { cursor: default; } body > header nav ul li A.active .front { color: #2a2a2a; } body > header nav ul li A.active .back { background-color: #2a2a2a; height: 3px; } body > header nav ul li A:not(.active):hover .front { color: #4f4f4f; -webkit-transform: rotateX(360deg); transform: rotateX(360deg); -webkit-transition: all 0.25s ease-in; transition: all 0.25s ease-in; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } body > header nav ul li .front { position: relative; z-index: 1; } body > header nav ul li .back { position: absolute; bottom: 0; width: 100%; height: 0px; background-color: #4f4f4f; z-index: -1; -webkit-transition: all ease-out 0.25s; transition: all ease-out 0.25s; } body > header nav ul li:hover .back { height: 3px; } /** * LAYOUT Microsite */ body.layout.layout--default > header { background-color: white; left: 0; position: fixed; width: 100%; z-index: 100000; -webkit-transition: height ease-out 1s; transition: height ease-out 1s; height: 50px; } body.layout.layout--default > header a { height: 50px; line-height: 50px; text-decoration: none; } body.layout.layout--default > header .brand { padding-top: 10px; height: 50px; } body.layout.layout--default > header .brand__logo, body.layout.layout--default > header #brandLogo { height: 30px; width: 30px; } body.layout.layout--default > header .brand__logo { margin-right: 12.5px; } body.layout.layout--default > header .brand__name { height: 30px; line-height: 30px; } @media only screen and (min-width: 768px) { body.layout.layout--default > header { height: 110px; } body.layout.layout--default > header a { height: 110px; line-height: 110px; text-decoration: none; } body.layout.layout--default > header .brand { padding-top: 10px; height: 110px; } body.layout.layout--default > header .brand__logo, body.layout.layout--default > header #brandLogo { height: 90px; width: 90px; } body.layout.layout--default > header .brand__logo { margin-right: 12.5px; } body.layout.layout--default > header .brand__name { height: 90px; line-height: 90px; } } @media only screen and (min-width: 1280px) { body.layout.layout--default > header { height: 110px; } body.layout.layout--default > header a { height: 110px; line-height: 110px; text-decoration: none; } body.layout.layout--default > header .brand { padding-top: 10px; height: 110px; } body.layout.layout--default > header .brand__logo, body.layout.layout--default > header #brandLogo { height: 90px; width: 90px; } body.layout.layout--default > header .brand__logo { margin-right: 12.5px; } body.layout.layout--default > header .brand__name { height: 90px; line-height: 90px; } } body.layout.layout--default > header .header__brand { width: 66.66667%; } body.layout.layout--default > header .header__nav { width: 33.33333%; } @media only screen and (min-width: 768px) { body.layout.layout--default > header .header__brand, body.layout.layout--default > header .header__nav { width: 50%; } } html.no-js body.layout.layout--microsite > header, html.js body.layout.layout--microsite > header.pinned { top: 0; -webkit-transition: 250ms all cubic-bezier(0.4, 0, 0.2, 1); transition: 250ms all cubic-bezier(0.4, 0, 0.2, 1); } /** * BRAND */ body.layout.layout--microsite > header .brand .brand__logo, body.layout.layout--microsite > header .brand .brand__name { float: left; } body.layout.layout--microsite > header .brand .brand__name { color: #2a2a2a; font-size: 1.35rem; font-weight: 300; text-transform: uppercase; } /** * LAYOUT Focus */ body.layout.layout--focus > header { background-color: transparent; color: #2a2a2a; padding: 50px 50px; } body.layout.layout--focus > header #brandLogo { width: 300px; height: 300px; margin: 0 auto 35px; } body.layout.layout--focus > header .header__title { position: relative; margin-top: -125px; padding-top: 85px; } body.layout.layout--focus > header .header__title:before { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: -1; height: 4px; width: 100%; background-color: #2a2a2a; border-radius: 2px; } body.layout.layout--focus > header .header__title h1 { text-align: center; font-size: 48px; color: #2a2a2a; width: 85%; margin: 0 auto; padding-top: 75px; } body.layout.layout--focus > header .header__title .page-type { text-align: center; font-weight: 900; text-transform: uppercase; margin-bottom: 15px; letter-spacing: .15em; } #hero .hero__front, #hero2 .hero__front, #hero2 .hero__back { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #hero .hero__front { z-index: 1001; } /** * hero background video */ #hero .hero__background.hero__background--video { background-color: #2a2a2a; position: relative; width: 100%; padding-top: 56.25%; } #hero .hero__background.hero__background--video .vd-video-container__filter { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background-color: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; opacity: .2; } #hero .hero__background.hero__background--video:before { content: ''; display: block; } #hero .hero__background.hero__background--video .vd-video-container { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: center center; overflow: hidden; } #hero .hero__background.hero__background--video video { width: 100%; height: 100%; } #hero2 { display: block; } #hero2 .hero__intro { height: 100%; } #hero2 .hero__intro > * { height: 100%; } #hero2 .hero__intro .brand__logo { height: 50%; width: auto; display: inline-block; top: calc(25% + 10px); position: relative; } #hero2 .hero__front { z-index: 100; } #hero2 .hero__front > div { height: 100%; } #hero2 .hero__back { overflow: hidden; z-index: 50; } #hero2 .vd-wrapper-ratio.vd-wrapper-ratio--flex:before { content: ''; padding-top: 100%; } @media only screen and (orientation: landscape) { #hero2 .vd-wrapper-ratio.vd-wrapper-ratio--flex:before { padding-top: 50%; } } #hero2 a { text-decoration: none; } /** * Scorll down icon */ #hero .scroll { position: absolute; right: 0; bottom: 0; left: 0; z-index: 150; } #hero .scroll .scroll-to { background-color: white; margin: 0 auto; padding: 12.5px; width: 50px; border-top-left-radius: 5px; border-top-right-radius: 5px; background-clip: padding-box; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #hero .scroll .scroll-to:hover { cursor: pointer; padding-bottom: 25px; border-top-left-radius: 25px; border-top-right-radius: 25px; background-clip: padding-box; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } #hero2 .menu.menu--teaser { position: absolute; bottom: -75px; left: 0; right: 0; z-index: 10000; } #hero2 .menu.menu--teaser .vd-teaser { padding: 7.5px; } #hero2 .menu.menu--teaser img { -webkit-transition: 250ms all ease-out; transition: 250ms all ease-out; } #hero2 .menu.menu--teaser .container { padding: 0 0 3px; position: relative; background-color: #fff; } #hero2 .menu.menu--teaser .container:after { content: ''; background-color: #000000; background-color: rgba(0, 0, 0, 0.15); bottom: 0; height: 3px; left: 0; position: absolute; width: 100%; z-index: 100; border-radius: 1.5px; /* stops bg color from leaking outside the border: */ background-clip: padding-box; } #hero2 .menu.menu--teaser .container:hover:after { webkit-animation: re-underline 500ms ease-in-out 0s 1 forwards; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation: re-underline 500ms ease-in-out 0s 1 forwards; animation: re-underline 500ms ease-in-out 0s 1 forwards; } #hero2 .menu.menu--teaser .container:hover img { -webkit-transform: scale(1.125); transform: scale(1.125); -webkit-transition: 1000ms all ease-in; transition: 1000ms all ease-in; } #hero2 .menu.menu--teaser .container a { display: block; } #hero2 .menu.menu--teaser .container .title { z-index: 2; position: absolute; bottom: 0; left: 0; width: 100%; padding: 12.5px 0 15px; text-align: center; color: #fff; font-size: 1.8rem; font-weight: 700; text-transform: uppercase; text-shadow: 0 2px rgba(0, 0, 0, 0.25); /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&0+0,0+10,0.26+50,0+90,0+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, right top, from(#000000), color-stop(10%, #000000), color-stop(50%, #000000), color-stop(90%, #000000), to(#000000)); background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(10%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.26)), color-stop(90%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.26) 50%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ } #hero2 .menu [class*="t3kk-col-"] { padding: 0 7.5px; } #hero2 .menu .t3kk-image.t3kk-image--background { background: #2a2a2a; } #hero2 .ribbon { background-color: #fff; color: #2a2a2a; display: none; width: 250px; position: relative; text-decoration: none; padding: 0 9px 4.5px; text-align: center; } #hero2 .ribbon:after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-color: #fff transparent transparent transparent; border-width: 50.5px 125px 0 125px; position: absolute; top: 100%; left: 0; } #hero2 .ribbon__inner { display: block; border-left: 1px solid #2a2a2a; border-right: 1px solid #2a2a2a; position: relative; height: 100%; padding: 60px 20px 12px; } #hero2 .ribbon__inner:before, #hero2 .ribbon__inner:after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-color: #fff transparent transparent transparent; border-width: 46px 116px 0 116px; margin-top: -1px; position: absolute; top: 100%; left: -1px; z-index: 5; } #hero2 .ribbon__inner:before { border-color: #2a2a2a transparent transparent transparent; border-width: 46px 116px 0 116px; margin-top: 0; } #hero2 .badge { position: absolute; display: table; } #hero2 .badge.badge--circle.badge--large { width: 175px; height: 175px; border-radius: 87.5px; /* stops bg color from leaking outside the border: */ background-clip: padding-box; } #hero2 .badge.badge--available-rooms { color: white; right: 50px; top: 75px; } #hero2 .badge.badge--available { background-color: #437bcd; } #hero2 .badge.badge--not-available { background-color: tomato; } #hero2 .badge .badge__inner { display: table-cell; vertical-align: middle; text-align: center; } #hero2 .badge .badge__title { font-family: Ubuntu, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 2.2rem; font-weight: 700; padding: 12.5px; } @-webkit-keyframes re-underline { 0% { width: 0; } 100% { width: 100%; background-color: #00a2ff; } } @keyframes re-underline { 0% { width: 0; } 100% { width: 100%; background-color: #00a2ff; } } .brand .brand__name { font-family: Ubuntu, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: 700; padding-bottom: 15px; font-size: 1.8rem; } .brand .brand__slogan { line-height: 1.75; padding-top: 15px; } main { padding: 0; margin: 0 auto; } main .ce { /** * Flex */ } main .ce .ce__bodytext { line-height: 1.75; } @media only screen and (min-width: 1280px) { main .ce .ce__bodytext { line-height: 2; } } main .ce.ce-split .vd-flex__item { -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 50%; flex-basis: 50%; } main .ce.ce-split.ce-split--clir .vd-flex__item:first-child { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } main .ce.ce-split.ce-split--clir .vd-flex__item:last-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } /** * LAYOUT: Microsite */ @media only screen and (min-width: 1280px) { body.layout.layout--microsite main { padding-top: 75px; } } body.layout.layout--microsite main .ce { /** * Title */ /** * Dimensions & distances between content elements */ padding-top: 25px; padding-bottom: 25px; /** * Fullscreen */ /** * Color themes */ } body.layout.layout--microsite main .ce > .t3kk-wrapper > .ce__title { padding-bottom: 25px; } @media only screen and (min-width: 768px) { body.layout.layout--microsite main .ce > .t3kk-wrapper > .ce__title { padding-bottom: 35px; } } @media only screen and (min-width: 1280px) { body.layout.layout--microsite main .ce > .t3kk-wrapper > .ce__title { padding-bottom: 50xpx; } } @media only screen and (min-width: 1440px) { body.layout.layout--microsite main .ce > .t3kk-wrapper > .ce__title { padding-bottom: 50px; } } @media only screen and (min-width: 768px) { body.layout.layout--microsite main .ce { padding-top: 25px; padding-bottom: 25px; } } @media only screen and (min-width: 1280px) { body.layout.layout--microsite main .ce { padding-top: 37.5px; padding-bottom: 37.5px; } } @media only screen and (min-width: 1440px) { body.layout.layout--microsite main .ce { padding-top: 37.5px; padding-bottom: 37.5px; } } body.layout.layout--microsite main .ce.ce--theme { padding-top: 50px; padding-bottom: 50px; } @media only screen and (min-width: 768px) { body.layout.layout--microsite main .ce.ce--theme { padding-top: 50px; padding-bottom: 50px; } } @media only screen and (min-width: 1280px) { body.layout.layout--microsite main .ce.ce--theme { padding-top: 75px; padding-bottom: 75px; } } @media only screen and (min-width: 1440px) { body.layout.layout--microsite main .ce.ce--theme { padding-top: 75px; padding-bottom: 75px; } } body.layout.layout--microsite main .ce:first-child:not(.ce--theme), body.layout.layout--microsite main .ce.ce--theme + .ce:not(.ce--theme) { padding-top: 50px; } @media only screen and (min-width: 768px) { body.layout.layout--microsite main .ce:first-child:not(.ce--theme), body.layout.layout--microsite main .ce.ce--theme + .ce:not(.ce--theme) { padding-top: 50px; } } @media only screen and (min-width: 1280px) { body.layout.layout--microsite main .ce:first-child:not(.ce--theme), body.layout.layout--microsite main .ce.ce--theme + .ce:not(.ce--theme) { padding-top: 75px; } } @media only screen and (min-width: 1440px) { body.layout.layout--microsite main .ce:first-child:not(.ce--theme), body.layout.layout--microsite main .ce.ce--theme + .ce:not(.ce--theme) { padding-top: 75px; } } body.layout.layout--microsite main .ce:last-child:not(.ce--theme) { padding-bottom: 50px; } @media only screen and (min-width: 768px) { body.layout.layout--microsite main .ce:last-child:not(.ce--theme) { padding-bottom: 50px; } } @media only screen and (min-width: 1280px) { body.layout.layout--microsite main .ce:last-child:not(.ce--theme) { padding-bottom: 75px; } } @media only screen and (min-width: 1440px) { body.layout.layout--microsite main .ce:last-child:not(.ce--theme) { padding-bottom: 75px; } } body.layout.layout--microsite main .ce:not(.ce--theme) + .ce.ce--theme { margin-top: 25px; } @media only screen and (min-width: 768px) { body.layout.layout--microsite main .ce:not(.ce--theme) + .ce.ce--theme { margin-top: 25px; } } @media only screen and (min-width: 1280px) { body.layout.layout--microsite main .ce:not(.ce--theme) + .ce.ce--theme { margin-top: 37.5px; } } @media only screen and (min-width: 1440px) { body.layout.layout--microsite main .ce:not(.ce--theme) + .ce.ce--theme { margin-top: 37.5px; } } @media only screen and (min-width: 768px) { body.layout.layout--microsite main .ce.ce--fullscreen { height: 100vh; width: 100vw; } } @media only screen and (min-width: 768px) { body.layout.layout--microsite main .ce.ce--fullscreen:not(.ce--valign-middle) > .t3kk-wrapper { padding-top: 50px; padding-bottom: 50px; } } @media only screen and (min-width: 1280px) { body.layout.layout--microsite main .ce.ce--fullscreen:not(.ce--valign-middle) > .t3kk-wrapper { padding-top: 75px; padding-bottom: 75px; } } @media only screen and (min-width: 1440px) { body.layout.layout--microsite main .ce.ce--fullscreen:not(.ce--valign-middle) > .t3kk-wrapper { padding-top: 75px; padding-bottom: 75px; } } body.layout.layout--microsite main .ce.ce-theme { background-color: #efefef; color: #2a2a2a; } body.layout.layout--microsite main .ce.ce-theme svg circle { fill: #2a2a2a; } body.layout.layout--microsite main .ce.ce-theme svg path { fill: #2a2a2a; } body.layout.layout--microsite main .ce.ce-theme svg polygon { fill: #2a2a2a; } body.layout.layout--microsite main .ce.ce-theme svg rect { fill: #2a2a2a; } body.layout.layout--microsite main .ce.ce-theme.ce-theme--colorize { -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } body.layout.layout--microsite main .ce.ce-theme.ce-theme--colorize.ce-theme--bg_dark__txt_bright { background-color: #2a2a2a; color: white; } body.layout.layout--microsite main .ce.ce-theme.ce-theme--colorize.ce-theme--bg_dark__txt_bright h1 { color: white; } body.layout.layout--microsite main .ce.ce-theme.ce-theme--colorize.ce-theme--bg_dark__txt_bright h2 { color: white; } body.layout.layout--microsite main .ce.ce-theme.ce-theme--colorize.ce-theme--bg_dark__txt_bright h3 { color: white; } body.layout.layout--microsite main .ce.ce-theme.ce-theme--colorize.ce-theme--bg_dark__txt_bright h4 { color: white; } body.layout.layout--microsite main .ce.ce-theme.ce-theme--colorize.ce-theme--bg_dark__txt_bright h5 { color: white; } body.layout.layout--microsite main .ce.ce-theme.ce-theme--colorize.ce-theme--bg_dark__txt_bright h6 { color: white; } body.layout.layout--microsite main .ce.ce-theme.ce-theme--colorize.ce-theme--bg_dark__txt_bright svg circle { fill: white; } body.layout.layout--microsite main .ce.ce-theme.ce-theme--colorize.ce-theme--bg_dark__txt_bright svg path { fill: white; } body.layout.layout--microsite main .ce.ce-theme.ce-theme--colorize.ce-theme--bg_dark__txt_bright svg polygon { fill: white; } body.layout.layout--microsite main .ce.ce-theme.ce-theme--colorize.ce-theme--bg_dark__txt_bright svg rect { fill: white; } body.layout.layout--focus main .ce p { padding-bottom: 30px; } .vd-image .vd-image .vd-image { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .vd-button { border: 3px solid transparent; display: inline-block; font-weight: 600; letter-spacing: .75px; font-size: 15px; height: 36px; line-height: 30px; padding: 0 18px; } .vd-button:not(.status):not(.status--disabled) { cursor: pointer; } .vd-button:not(.status):not(.status--disabled):hover { cursor: pointer; } .vd-button:not(.vd-button--ghost) { background-color: black; color: white; } .vd-button:not(.vd-button--ghost) a { color: white; text-decoration: none; } .vd-button:not(.vd-button--ghost) a:hover { color: white; } .vd-button.vd-button--ghost { color: black; border-color: black; } .vd-button.vd-button--ghost:hover { color: white; border-color: transparent; background-color: black; } .vd-button.vd-button--rounded { border-radius: 18px; } .vd-button.vd-button--small { font-size: 12px; height: 20px; line-height: 14px; padding: 0 10px; } .vd-button.vd-button--small.vd-button--rounded { border-radius: 10px; } .vd-button.vd-button--medium { font-size: 12px; height: 20px; line-height: 14px; padding: 0 10px; } .vd-button.vd-button--medium.vd-button--rounded { border-radius: 10px; } .vd-button.vd-button--large { font-size: 19px; height: 44px; line-height: 38px; padding: 0 22px; } .vd-button.vd-button--large.vd-button--rounded { border-radius: 22px; } .vd-button.vd-button--material { border-radius: 4px; } .vd-button.t3kk-button--icon { background-color: coral; height: 40px; width: 40px; text-indent: -1000px; background-position: center center; background-repeat: no-repeat; background-size: 40%; } .vd-button.t3kk-button--icon:hover { background-color: #ff5a1d; } .vd-button.t3kk-button--icon.t3kk-button--close { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ljk3MSA0Ny45NzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3Ljk3MSA0Ny45NzE7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxwYXRoIGQ9Ik0yOC4yMjgsMjMuOTg2TDQ3LjA5Miw1LjEyMmMxLjE3Mi0xLjE3MSwxLjE3Mi0zLjA3MSwwLTQuMjQyYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBMMjMuOTg2LDE5Ljc0NEw1LjEyMSwwLjg4ICAgYy0xLjE3Mi0xLjE3Mi0zLjA3LTEuMTcyLTQuMjQyLDBjLTEuMTcyLDEuMTcxLTEuMTcyLDMuMDcxLDAsNC4yNDJsMTguODY1LDE4Ljg2NEwwLjg3OSw0Mi44NWMtMS4xNzIsMS4xNzEtMS4xNzIsMy4wNzEsMCw0LjI0MiAgIEMxLjQ2NSw0Ny42NzcsMi4yMzMsNDcuOTcsMyw0Ny45N3MxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWwxOC44NjUtMTguODY0TDQyLjg1LDQ3LjA5MWMwLjU4NiwwLjU4NiwxLjM1NCwwLjg3OSwyLjEyMSwwLjg3OSAgIHMxLjUzNS0wLjI5MywyLjEyMS0wLjg3OWMxLjE3Mi0xLjE3MSwxLjE3Mi0zLjA3MSwwLTQuMjQyTDI4LjIyOCwyMy45ODZ6IiBmaWxsPSIjRkZGRkZGIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); } .vd-dialog .vd-button.vd-button--icon { background-color: transparent; /* IE 5-7 */ filter: alpha(opacity=80); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* Netscape */ -moz-opacity: 0.8; /* Safari 1.x */ -khtml-opacity: 0.8; /* Good browsers */ opacity: 0.8; } .vd-dialog .vd-button.vd-button--icon:hover { background-color: transparent; /* IE 5-7 */ filter: alpha(opacity=100); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } .fill { --color: #a972cb; --hover: #cb72aa; } .pulse { --color: #ef6eae; --hover: #ef8f6e; } .close { --color: #ff7f82; --hover: #ffdc7f; } .raise { --color: #ffa260; --hover: #e5ff60; } .up { --color: #e4cb58; --hover: #94e458; } .slide { --color: #8fc866; --hover: #66c887; } .offset { --color: #19bc8b; --hover: #1973bc; } .vd-dialog .vd-button-pulsate { -webkit-transition: 0.25s; transition: 0.25s; -webkit-box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7); box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7); } .vd-dialog .vd-button-pulsate:hover, .vd-dialog .vd-button-pulsate:focus { -webkit-animation: pulsenator 1.25s 1 cubic-bezier(0.66, 0, 0, 1); animation: pulsenator 1.25s 1 cubic-bezier(0.66, 0, 0, 1); } @-webkit-keyframes pulsenator { to { -webkit-box-shadow: 0 0 0 12px rgba(232, 76, 61, 0); box-shadow: 0 0 0 12px rgba(232, 76, 61, 0); } } @keyframes pulsenator { to { -webkit-box-shadow: 0 0 0 12px rgba(232, 76, 61, 0); box-shadow: 0 0 0 12px rgba(232, 76, 61, 0); } } .vd-dialog .vd-button { position: relative; overflow: hidden; } .vd-dialog .vd-button:before { content: ""; background: #00a2f5; border-top-left-radius: 0; border-top-right-radius: 0; height: 100%; left: 0; position: absolute; right: 0; top: -100%; z-index: -1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } .vd-dialog .vd-button:hover { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; background: transparent; } .vd-dialog .vd-button:hover:before { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-top-left-radius: 0; border-top-right-radius: 0; top: 0; height: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } .vd-dialog .vd-button-swoosh { position: relative; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); } .vd-dialog .vd-button-swoosh:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #00a2f5; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform border-radius; -webkit-transition-property: -webkit-transform border-radius; transition-property: -webkit-transform border-radius; transition-property: transform border-radius; transition-property: transform border-radius, -webkit-transform border-radius; -webkit-transition-duration: 0.125s; transition-duration: 0.125s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .vd-dialog .vd-button-swoosh:hover, .vd-dialog .vd-button-swoosh:focus, .vd-dialog .vd-button-swoosh:active { color: white; border-color: #00a2f5; -webkit-transition: 0.125s border-color ease-out; transition: 0.125s border-color ease-out; } .vd-dialog .vd-button-swoosh:hover:before, .vd-dialog .vd-button-swoosh:focus:before, .vd-dialog .vd-button-swoosh:active:before { border-radius: 0; -webkit-transform: scaleX(1); transform: scaleX(1); } .vd-button.status.status--disabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: .5; cursor: not-allowed; } .vd-dialog { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 10001; display: none; /** * Title */ /** * Actions */ } .vd-dialog .t3kk-dialog__overlay, .vd-dialog .t3kk-dialog__front { position: absolute; left: 0; width: 100vw; height: 100vh; } .vd-dialog .t3kk-dialog__overlay { top: 0; } .vd-dialog .t3kk-dialog__front { top: -100vh; } .vd-dialog .vd-dialog__overlay { background-color: #000000; background-color: rgba(0, 0, 0, 0.75); z-index: -1; } .vd-dialog .vd-dialog__overlay.loading { cursor: progress; background-position: center center; background-repeat: no-repeat; } .vd-dialog .vd-dialog__overlay.loading.loading--ripple { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwcHgiICBoZWlnaHQ9IjIwMHB4IiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIGNsYXNzPSJsZHMtcmlwcGxlIiBzdHlsZT0iYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwKSBub25lIHJlcGVhdCBzY3JvbGwgMCUgMCU7Ij48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSIwIiBmaWxsPSJub25lIiBuZy1hdHRyLXN0cm9rZT0ie3tjb25maWcuYzF9fSIgbmctYXR0ci1zdHJva2Utd2lkdGg9Int7Y29uZmlnLndpZHRofX0iIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIyIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBjYWxjTW9kZT0ic3BsaW5lIiB2YWx1ZXM9IjA7NDAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMSIga2V5U3BsaW5lcz0iMCAwLjIgMC44IDEiIGJlZ2luPSItMC41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBjYWxjTW9kZT0ic3BsaW5lIiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxIiBrZXlTcGxpbmVzPSIwLjIgMCAwLjggMSIgYmVnaW49Ii0wLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjAiIGZpbGw9Im5vbmUiIG5nLWF0dHItc3Ryb2tlPSJ7e2NvbmZpZy5jMn19IiBuZy1hdHRyLXN0cm9rZS13aWR0aD0ie3tjb25maWcud2lkdGh9fSIgc3Ryb2tlPSJyZ2JhKDEwMCUsMTAwJSwxMDAlLDAuMjU2KSIgc3Ryb2tlLXdpZHRoPSIyIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBjYWxjTW9kZT0ic3BsaW5lIiB2YWx1ZXM9IjA7NDAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMSIga2V5U3BsaW5lcz0iMCAwLjIgMC44IDEiIGJlZ2luPSIwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBjYWxjTW9kZT0ic3BsaW5lIiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxIiBrZXlTcGxpbmVzPSIwLjIgMCAwLjggMSIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPjwvY2lyY2xlPjwvc3ZnPg==); } .vd-dialog .vd-dialog__front { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; z-index: 1; } .vd-dialog .vd-dialog__content { background-color: white; -webkit-box-shadow: 0px 2.5px 75px 5px rgba(0, 0, 0, 0.5); box-shadow: 0px 2.5px 75px 5px rgba(0, 0, 0, 0.5); display: inline-block; position: relative; } .vd-dialog .vd-dialog__title { position: absolute; height: 60px; left: 0; line-height: 60px; padding: 0 25px; right: 0; text-align: left; top: 0; z-index: 100; } .vd-dialog .vd-dialog__title h4 { line-height: inherit; width: calc(100% - 90px); text-align: inherit; } .vd-dialog .vd-dialog__body { position: absolute; -webkit-box-shadow: 0px 30px 5px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 30px 5px 0px rgba(0, 0, 0, 0.25); height: calc(100% - 185px); left: 0; top: 75px; width: 100%; padding: 12.5px 25px 25px; outline: 30px solid white; overflow-y: auto; z-index: 98; } .vd-dialog .vd-dialog__actions { position: absolute; bottom: 0; height: 80px; text-align: left; left: 0; padding: 22px; width: 100%; z-index: 99; } .vd-dialog .t3kk-button.t3kk-button--icon.t3kk-button--close { position: absolute; z-index: 100; top: 25px; right: 25px; } .vd-dialog table { text-align: center; vertical-align: middle; width: 33%; } .vd-dialog .vd-dialog__actions .vd-button:not(:last-child) { margin-right: 9px; } /** * Colorize */ .vd-dialog .vd-dialog__title { background-color: #00a2f5; color: white; } .vd-dialog .vd-dialog__title h4 { color: white; } .vd-dialog .vd-button:not(.vd-button--ghost) { background-color: #00a2f5; color: white; } .vd-dialog .vd-button.vd-button--ghost { color: #00a2f5; background-color: transparent; border-color: #00a2f5; } .vd-dialog .vd-button.vd-button--ghost:hover { color: white; background-color: #00a2f5; border-color: #00a2f5; } .vd-dialog .vd-checkbox-toggle.vd-checkbox-toggle--square-outlined .checkbox.vd-status.vd-status--checked span:before { background-color: #00a2f5; } /** * Sizing */ .vd-dialog .vd-dialog__content { height: 100%; width: 100%; overflow: hidden; } @media only screen and (min-width: 768px) { .vd-dialog .vd-dialog__content.size.size--extended { height: 80vh; width: 80vw; } } @media only screen and (min-width: 1280px) { .vd-dialog .vd-dialog__content.size.size--extended { height: 70vh; max-width: 800px; } } .vd-checkbox-toggle { cursor: pointer; display: inline-block; } .vd-checkbox-toggle * { pointer-events: none; } .vd-checkbox-toggle.vd-checkbox-toggle--square-outlined { display: inline-block; height: 21px; margin: 3px 0 0 0; } .vd-checkbox-toggle.vd-checkbox-toggle--square-outlined input { display: none; } .vd-checkbox-toggle.vd-checkbox-toggle--square-outlined .checkbox { border: 2px solid #999; border-radius: 2.5px; display: inline-block; height: inherit; padding: 3px; position: relative; width: 21px; } .vd-checkbox-toggle.vd-checkbox-toggle--square-outlined .checkbox.vd-status.vd-status--checked { border-color: #666; } .vd-checkbox-toggle.vd-checkbox-toggle--square-outlined .checkbox.vd-status.vd-status--checked span { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; position: relative; -webkit-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; } .vd-checkbox-toggle.vd-checkbox-toggle--square-outlined .checkbox.vd-status.vd-status--checked span:before { border-radius: 0; background-color: #2a2a2a; height: 100%; left: 0; top: 0; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; width: 100%; } .vd-checkbox-toggle.vd-checkbox-toggle--square-outlined .checkbox span { display: block; height: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; width: 100%; } .vd-checkbox-toggle.vd-checkbox-toggle--square-outlined .checkbox span:before { content: ''; border-radius: 5px; background-color: transparent; height: 0px; left: 50%; position: absolute; top: 50%; width: 0px; z-index: 1; } .vd-checkbox-toggle.vd-checkbox-toggle--slider-round { display: block; position: relative; height: 24px; } .vd-checkbox-toggle.vd-checkbox-toggle--slider-round input { display: none; } .vd-checkbox-toggle.vd-checkbox-toggle--slider-round:hover span, .vd-checkbox-toggle.vd-checkbox-toggle--slider-round:hover span.t3kk-status.t3kk-status--active { background: #2a2a2a; -webkit-transition: background-color 0.75s; transition: background-color 0.75s; } .vd-checkbox-toggle.vd-checkbox-toggle--slider-round span { border-radius: 12px; cursor: pointer; display: inline-block; font-size: 10px; height: 24px; line-height: 18px; min-width: 54px; padding: 3px; position: relative; text-transform: uppercase; -webkit-transition: background-color 0.75s; transition: background-color 0.75s; z-index: 1; } .vd-checkbox-toggle.vd-checkbox-toggle--slider-round span.vd-status.vd-status--active { background: #00e900; color: #FFF; padding-left: 9px; padding-right: 24px; text-align: left; -webkit-transition: padding 0.5s; transition: padding 0.5s; } .vd-checkbox-toggle.vd-checkbox-toggle--slider-round span.vd-status.vd-status--active:after { right: 3px; -webkit-transition: left 0.5s, margin-left 0.5s, right 0.5s, margin-right 0.5s; transition: left 0.5s, margin-left 0.5s, right 0.5s, margin-right 0.5s; } .vd-checkbox-toggle.vd-checkbox-toggle--slider-round span.vd-status.vd-status--inactive { background: #c0c0c0; color: #FFF; padding-left: 24px; padding-right: 9px; text-align: right; -webkit-transition: padding 0.5s; transition: padding 0.5s; } .vd-checkbox-toggle.vd-checkbox-toggle--slider-round span.vd-status.vd-status--inactive:after { left: 3px; -webkit-transition: left 0.5s, margin-left 0.5s, right 0.5s, margin-right 0.5s; transition: left 0.5s, margin-left 0.5s, right 0.5s, margin-right 0.5s; } .vd-checkbox-toggle.vd-checkbox-toggle--slider-round span:after { content: ''; display: block; background: #FFF; width: 18px; height: 18px; border-radius: 9px; position: absolute; top: 3px; -webkit-transition: left 0.5s, margin-left 0.5s, right 0.5s, margin-right 0.5s; transition: left 0.5s, margin-left 0.5s, right 0.5s, margin-right 0.5s; z-index: 10; } .vd-checkbox-toggle.vd-checkbox-toggle--slider-round span:before { content: ''; border-radius: inherit; cursor: pointer; display: none; height: inherit; width: 100%; padding: 0; position: absolute; left: 0; top: 0; z-index: -1; } .vd-checkbox-toggle.vd-checkbox-toggle--slider-round.clicked span:before { display: block; background: #ffffff; background: rgba(255, 255, 255, 0.5); -webkit-transform: scale(1.2, 1.4); transform: scale(1.2, 1.4); -webkit-transition: all 0.5s; transition: all 0.5s; } .vd-image .vd-image { background-position: center center; background-size: cover; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; } .vd-image img { width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; } .vd-lightbox { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 100500; display: none; /** * Title */ /** * Actions */ } .vd-lightbox .t3kk-lightbox__overlay, .vd-lightbox .t3kk-lightbox__front { position: absolute; left: 0; width: 100vw; height: 100vh; } .vd-lightbox .t3kk-lightbox__overlay { top: 0; } .vd-lightbox .t3kk-lightbox__front { top: -100vh; } .vd-lightbox .vd-lightbox__overlay { background-color: #000000; background-color: rgba(0, 0, 0, 0.75); z-index: -1; } .vd-lightbox .vd-lightbox__overlay.loading { cursor: progress; background-position: center center; background-repeat: no-repeat; } .vd-lightbox .vd-lightbox__overlay.loading.loading--ripple { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwcHgiICBoZWlnaHQ9IjIwMHB4IiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIGNsYXNzPSJsZHMtcmlwcGxlIiBzdHlsZT0iYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwKSBub25lIHJlcGVhdCBzY3JvbGwgMCUgMCU7Ij48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSIwIiBmaWxsPSJub25lIiBuZy1hdHRyLXN0cm9rZT0ie3tjb25maWcuYzF9fSIgbmctYXR0ci1zdHJva2Utd2lkdGg9Int7Y29uZmlnLndpZHRofX0iIHN0cm9rZT0iI2ZmZmZmZiIgc3Ryb2tlLXdpZHRoPSIyIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBjYWxjTW9kZT0ic3BsaW5lIiB2YWx1ZXM9IjA7NDAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMSIga2V5U3BsaW5lcz0iMCAwLjIgMC44IDEiIGJlZ2luPSItMC41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBjYWxjTW9kZT0ic3BsaW5lIiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxIiBrZXlTcGxpbmVzPSIwLjIgMCAwLjggMSIgYmVnaW49Ii0wLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjAiIGZpbGw9Im5vbmUiIG5nLWF0dHItc3Ryb2tlPSJ7e2NvbmZpZy5jMn19IiBuZy1hdHRyLXN0cm9rZS13aWR0aD0ie3tjb25maWcud2lkdGh9fSIgc3Ryb2tlPSJyZ2JhKDEwMCUsMTAwJSwxMDAlLDAuMjU2KSIgc3Ryb2tlLXdpZHRoPSIyIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBjYWxjTW9kZT0ic3BsaW5lIiB2YWx1ZXM9IjA7NDAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMSIga2V5U3BsaW5lcz0iMCAwLjIgMC44IDEiIGJlZ2luPSIwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBjYWxjTW9kZT0ic3BsaW5lIiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxIiBrZXlTcGxpbmVzPSIwLjIgMCAwLjggMSIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPjwvY2lyY2xlPjwvc3ZnPg==); } .vd-lightbox .vd-lightbox__front { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; z-index: 1; } .vd-lightbox .vd-lightbox__content { background-color: white; -webkit-box-shadow: 0px 2.5px 75px 5px rgba(0, 0, 0, 0.5); box-shadow: 0px 2.5px 75px 5px rgba(0, 0, 0, 0.5); display: inline-block; position: relative; } .vd-lightbox .vd-lightbox__title { position: absolute; height: 60px; left: 0; line-height: 60px; padding: 0 25px; right: 0; text-align: left; top: 0; z-index: 100; } .vd-lightbox .vd-lightbox__title h4 { line-height: inherit; width: calc(100% - 90px); text-align: inherit; } .vd-lightbox .vd-lightbox__body { position: absolute; left: 0; top: 85px; width: 100%; padding: 12.5px 25px 25px; overflow-y: auto; z-index: 97; height: calc(100% - 72px); } .vd-lightbox .vd-lightbox__body .vd-loader { display: table; width: 100%; height: 100%; } .vd-lightbox .vd-lightbox__body .vd-loader > * { display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; } .vd-lightbox.animated .vd-lightbox__body { background-color: #efefef; } .vd-lightbox .vd-lightbox__front.vd-lightbox__front--no-header .vd-lightbox__body { top: 0; padding: 25px; } .vd-lightbox .vd-lightbox__footer { position: absolute; bottom: 0; height: 72px; text-align: left; left: 0; padding: 0 25px; width: 100%; z-index: 98; } .vd-lightbox .vd-lightbox__footer .vd-lightbox__footer__wrapper { text-align: right; } .vd-lightbox .vd-lightbox__actions { display: inline-block; margin-top: 16px; } .vd-lightbox .vd-lightbox__actions .vd-button { display: inline-block; background-color: #fff; border: 1px solid #2a2a2a; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; position: relative; } .vd-lightbox .vd-lightbox__actions .vd-button:before { content: ''; background-color: #00a2f5; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: scale(0.001, 0.001); transform: scale(0.001, 0.001); } .vd-lightbox .vd-lightbox__actions .vd-button:not(.status):not(.status--disabled).animate { outline: 0; color: #00a2f5; } .vd-lightbox .vd-lightbox__actions .vd-button:not(.status):not(.status--disabled).animate:before { -webkit-animation: effect_dylan 0.8s ease-out; animation: effect_dylan 0.8s ease-out; } .vd-lightbox .vd-button.vd-button--icon.vd-button--close { position: absolute; z-index: 100; top: 0; right: 0; width: 50px; height: 50px; } .vd-lightbox table { text-align: center; vertical-align: middle; width: 33%; } .vd-lightbox .vd-lightbox__actions .vd-button:not(:last-child) { margin-right: 9px; } /** * Colorize */ .vd-lightbox .vd-lightbox__title { background-color: #00a2f5; color: white; } .vd-lightbox .vd-lightbox__title h4 { color: white; } .vd-lightbox .vd-button:not(.vd-button--ghost) { color: #2a2a2a; background-color: transparent; border: 1px solid #2a2a2a; } .vd-lightbox .vd-button:not(.vd-button--ghost):hover { color: #00a2f5; border-color: #00a2f5; } .vd-lightbox .vd-button.vd-button--ghost { color: #00a2f5; background-color: transparent; border-color: #00a2f5; } .vd-lightbox .vd-button.vd-button--ghost:hover { color: white; background-color: #00a2f5; border-color: #00a2f5; } .vd-lightbox .vd-button.vd-button--close { color: #fff; background-color: #00a2f5; border: none; } .vd-lightbox .vd-checkbox-toggle.vd-checkbox-toggle--square-outlined .checkbox.vd-status.vd-status--checked span:before { background-color: #00a2f5; } /** * Sizing */ .vd-lightbox .vd-lightbox__content { height: 100%; width: 100%; overflow: hidden; } @media only screen and (min-width: 768px) { .vd-lightbox .vd-lightbox__content { height: 80vh; width: 80vw; } } @media only screen and (min-width: 1280px) { .vd-lightbox .vd-lightbox__content { height: 50vh; width: 70vh; } } @-webkit-keyframes effect_dylan { 50% { -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } 75% { -webkit-transform: scale(0.001, 0.001); transform: scale(0.001, 0.001); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } 100% { -webkit-transform: scale(0.001, 0.001); transform: scale(0.001, 0.001); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } } @keyframes effect_dylan { 50% { -webkit-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } 75% { -webkit-transform: scale(0.001, 0.001); transform: scale(0.001, 0.001); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } 100% { -webkit-transform: scale(0.001, 0.001); transform: scale(0.001, 0.001); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } } .t3kk-list.t3kk-list--horizontal { list-style-type: none; margin: 0; padding: 0; } .t3kk-list.t3kk-list--horizontal li { list-style-type: none; } .t3kk-list.t3kk-list--horizontal:before, .t3kk-list.t3kk-list--horizontal:after, .t3kk-list.t3kk-list--horizontal::before, .t3kk-list.t3kk-list--horizontal::after { content: ""; display: block; } .t3kk-list.t3kk-list--horizontal:after, .t3kk-list.t3kk-list--horizontal::after { clear: both; } .t3kk-list.t3kk-list--horizontal .t3kk-list__item { float: left; } .vd-nav.vd-nav--uppercase li { text-transform: uppercase; } .vd-nav.vd-nav--horizontal li { display: inline-block; } .vd-nav.vd-nav--horizontal.vd-nav--center { text-align: center; } .vd-table { display: table; } .vd-table > * { display: table-cell; } .vd-table.vd-table--fullsize { width: 100%; height: 100%; } .vd-table.vd-table--fullsize > * { width: 100%; height: 100%; } .vd-table.vd-table--text-center > * { text-align: center; } .vd-table.vd-table--text-middle > * { vertical-align: middle; } .text-align.text-align--left { text-align: left; } .text-align.text-align--center { text-align: center; } .text-align.text-align--right { text-align: right; } .text-transform.text-transform--lowercase { text-transform: lowercase; } .text-transform.text-transform--none { text-transform: none; } .text-transform.text-transform--uppercase { text-transform: uppercase; } /*$_this_dim: 24px; $_this_dim--icon: $_this_dim * 0.5; $_this_color: #2a2a2a; $_this_font-size: $_this_dim * 0.5; $_this_padding--horizontal: 7.5px; $_this_padding--vertical: 5px; $_this_dim--elements: $_this_dim - (2 * $_this_padding--vertical); */ button:disabled, .vd-form .vd-button.vd-button--disabled, button[disabled] { cursor: not-allowed; } .vd-form .vd-input-container.vd-input-container--datepicker, .vd-form .vd-input-container.vd-input-container--number { background-color: white; height: 26px; margin-bottom: 15px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; opacity: 0.9; position: relative; border-radius: 0; /* stops bg color from leaking outside the border: */ background-clip: padding-box; } .vd-form .vd-input-container.vd-input-container--datepicker:before, .vd-form .vd-input-container.vd-input-container--number:before, .vd-form .vd-input-container.vd-input-container--datepicker:after, .vd-form .vd-input-container.vd-input-container--number:after, .vd-form .vd-input-container.vd-input-container--datepicker::before, .vd-form .vd-input-container.vd-input-container--number::before, .vd-form .vd-input-container.vd-input-container--datepicker::after, .vd-form .vd-input-container.vd-input-container--number::after { content: ""; display: block; } .vd-form .vd-input-container.vd-input-container--datepicker:after, .vd-form .vd-input-container.vd-input-container--number:after, .vd-form .vd-input-container.vd-input-container--datepicker::after, .vd-form .vd-input-container.vd-input-container--number::after { clear: both; } .vd-form .vd-input-container.vd-input-container--datepicker input, .vd-form .vd-input-container.vd-input-container--number input { border: none; float: left; height: 26px; line-height: 26px; margin-left: 32.5px; padding: 0; width: 75%; border-radius: 0; /* stops bg color from leaking outside the border: */ background-clip: padding-box; } .vd-form .vd-input-container.vd-input-container--datepicker input, .vd-form .vd-input-container.vd-input-container--number input, .vd-form .vd-input-container.vd-input-container--datepicker .vd-select-display, .vd-form .vd-input-container.vd-input-container--number .vd-select-display { display: block; font-size: 13px; height: 26px; line-height: 26px; } .vd-form .vd-input-container.vd-input-container--datepicker .vd-label, .vd-form .vd-input-container.vd-input-container--number .vd-label { display: block; font-size: 13px; height: 16px; line-height: 16px; } .vd-form .vd-input-container.vd-input-container--datepicker .vd-label, .vd-form .vd-input-container.vd-input-container--number .vd-label { font-size: 11.7px; } .vd-form .vd-input-container.vd-input-container--datepicker .vd-label, .vd-form .vd-input-container.vd-input-container--number .vd-controls { color: #2a2a2a; color: rgba(42, 42, 42, 0.5); display: block; position: absolute; right: 7.5px; text-align: right; top: 5px; z-index: 1; } /** * Input */ .vd-form .vd-input-container.vd-input-container--number .vd-select-display { padding: 0 0 0 32.5px; } .vd-form .vd-input-container.vd-input-container--number .vd-controls:before, .vd-form .vd-input-container.vd-input-container--number .vd-controls:after, .vd-form .vd-input-container.vd-input-container--number .vd-controls::before, .vd-form .vd-input-container.vd-input-container--number .vd-controls::after { content: ""; display: block; } .vd-form .vd-input-container.vd-input-container--number .vd-controls:after, .vd-form .vd-input-container.vd-input-container--number .vd-controls::after { clear: both; } .vd-form .vd-input-container.vd-input-container--number .vd-controls .vd-controls__control { background-position: center center; background-repeat: no-repeat; background-size: 60%; display: block; float: left; height: 16px; margin-left: 3px; width: 16px; } .vd-form .vd-input-container.vd-input-container--number .vd-controls .vd-controls__control:not(.inactive) { background-color: #2a2a2a; background-color: rgba(42, 42, 42, 0.75); cursor: pointer; } .vd-form .vd-input-container.vd-input-container--number .vd-controls .vd-controls__control:not(.inactive):hover { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all 333ms linear; transition: all 333ms linear; background-color: #2a2a2a; } .vd-form .vd-input-container.vd-input-container--number .vd-controls .vd-controls__control.inactive { background-color: #2a2a2a; background-color: rgba(42, 42, 42, 0.25); } .vd-form .vd-input-container.vd-input-container--number .vd-controls .vd-controls__control.vd-controls__control--down { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ5MS44NTggNDkxLjg1OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDkxLjg1OCA0OTEuODU4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQ2NS4xNjcsMjExLjYxM0gyNDAuMjFIMjYuNjljLTguNDI0LDAtMjYuNjksMTEuNDM5LTI2LjY5LDM0LjMxNnMxOC4yNjcsMzQuMzE2LDI2LjY5LDM0LjMxNmgyMTMuNTJoMjI0Ljk1OSAgICBjOC40MjEsMCwyNi42ODktMTEuNDM5LDI2LjY4OS0zNC4zMTZTNDczLjU5LDIxMS42MTMsNDY1LjE2NywyMTEuNjEzeiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); } .vd-form .vd-input-container.vd-input-container--number .vd-controls .vd-controls__control.vd-controls__control--up { background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ5MS44NiA0OTEuODYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ5MS44NiA0OTEuODY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDY1LjE2NywyMTEuNjE0SDI4MC4yNDVWMjYuNjkxYzAtOC40MjQtMTEuNDM5LTI2LjY5LTM0LjMxNi0yNi42OXMtMzQuMzE2LDE4LjI2Ny0zNC4zMTYsMjYuNjl2MTg0LjkyNEgyNi42OSAgICBDMTguMjY3LDIxMS42MTQsMCwyMjMuMDUzLDAsMjQ1LjkyOXMxOC4yNjcsMzQuMzE2LDI2LjY5LDM0LjMxNmgxODQuOTI0djE4NC45MjRjMCw4LjQyMiwxMS40MzgsMjYuNjksMzQuMzE2LDI2LjY5ICAgIHMzNC4zMTYtMTguMjY4LDM0LjMxNi0yNi42OVYyODAuMjQ1SDQ2NS4xN2M4LjQyMiwwLDI2LjY5LTExLjQzOCwyNi42OS0zNC4zMTZTNDczLjU5LDIxMS42MTQsNDY1LjE2NywyMTEuNjE0eiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); } .vd-form .vd-input-container.vd-input-container--icon { background-size: 13px 13px; background-position: 7.5px center; background-repeat: no-repeat; } .vd-form .vd-input-container.vd-input-container--icon.vd-input-container--calendar { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22svgCalendar%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%232a2a2a%22%20d%3D%22M452%2C40h-24V0h-40v40H124V0H84v40H60C26.916%2C40%2C0%2C66.916%2C0%2C100v352c0%2C33.084%2C26.916%2C60%2C60%2C60h392%20c33.084%2C0%2C60-26.916%2C60-60V100C512%2C66.916%2C485.084%2C40%2C452%2C40z%20M472%2C452c0%2C11.028-8.972%2C20-20%2C20H60c-11.028%2C0-20-8.972-20-20V188%20h432V452z%20M472%2C148H40v-48c0-11.028%2C8.972-20%2C20-20h24v40h40V80h264v40h40V80h24c11.028%2C0%2C20%2C8.972%2C20%2C20V148z%22%2F%3E%3Crect%20fill%3D%22%232a2a2a%22%20opacity%3D%220.75%22%20x%3D%2276%22%20y%3D%22230%22%20width%3D%2240%22%20height%3D%2240%22%2F%3E%3Crect%20fill%3D%22%232a2a2a%22%20opacity%3D%220.75%22%20x%3D%22156%22%20y%3D%22230%22%20width%3D%2240%22%20height%3D%2240%22%2F%3E%3Crect%20fill%3D%22%232a2a2a%22%20opacity%3D%220.75%22%20x%3D%22236%22%20y%3D%22230%22%20width%3D%2240%22%20height%3D%2240%22%2F%3E%3Crect%20fill%3D%22%232a2a2a%22%20opacity%3D%220.75%22%20x%3D%22316%22%20y%3D%22230%22%20width%3D%2240%22%20height%3D%2240%22%2F%3E%3Crect%20fill%3D%22%232a2a2a%22%20opacity%3D%220.75%22%20x%3D%22396%22%20y%3D%22230%22%20width%3D%2240%22%20height%3D%2240%22%2F%3E%3Crect%20fill%3D%22%232a2a2a%22%20opacity%3D%220.75%22%20x%3D%2276%22%20y%3D%22310%22%20width%3D%2240%22%20height%3D%2240%22%2F%3E%3Crect%20fill%3D%22%232a2a2a%22%20opacity%3D%220.75%22%20x%3D%22156%22%20y%3D%22310%22%20width%3D%2240%22%20height%3D%2240%22%2F%3E%3Crect%20fill%3D%22%232a2a2a%22%20x%3D%22236%22%20y%3D%22310%22%20width%3D%2240%22%20height%3D%2240%22%2F%3E%3Crect%20fill%3D%22%232a2a2a%22%20opacity%3D%220.75%22%20x%3D%22316%22%20y%3D%22310%22%20width%3D%2240%22%20height%3D%2240%22%2F%3E%3Crect%20fill%3D%22%232a2a2a%22%20opacity%3D%220.75%22%20x%3D%2276%22%20y%3D%22390%22%20width%3D%2240%22%20height%3D%2240%22%2F%3E%3Crect%20fill%3D%22%232a2a2a%22%20opacity%3D%220.75%22%20x%3D%22156%22%20y%3D%22390%22%20width%3D%2240%22%20height%3D%2240%22%2F%3E%3Crect%20fill%3D%22%232a2a2a%22%20opacity%3D%220.75%22%20x%3D%22236%22%20y%3D%22390%22%20width%3D%2240%22%20height%3D%2240%22%2F%3E%3Crect%20fill%3D%22%232a2a2a%22%20opacity%3D%220.75%22%20x%3D%22316%22%20y%3D%22390%22%20width%3D%2240%22%20height%3D%2240%22%2F%3E%3Crect%20fill%3D%22%232a2a2a%22%20opacity%3D%220.75%22%20x%3D%22396%22%20y%3D%22310%22%20width%3D%2240%22%20height%3D%2240%22%2F%3E%3C%2Fsvg%3E"); } .vd-form .vd-input-container.vd-input-container--icon.vd-input-container--persons { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22svgPersons%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20330%20330%22%20style%3D%22enable-background%3Anew%200%200%20330%20330%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%232a2a2a%22%20opacity%3D%220.75%22%20d%3D%22M188.295%2C141.768c8.109%2C3.83%2C17.158%2C5.982%2C26.705%2C5.982c34.601%2C0%2C62.75-28.149%2C62.75-62.75%20S249.601%2C22.25%2C215%2C22.25c-9.547%2C0-18.596%2C2.152-26.705%2C5.982c6.133%2C7.9%2C11.018%2C16.813%2C14.358%2C26.442%20c3.299%2C9.508%2C5.097%2C19.71%2C5.097%2C30.326s-1.798%2C20.818-5.097%2C30.326C199.313%2C124.955%2C194.428%2C133.868%2C188.295%2C141.768z%22%2F%3E%3Cpath%20fill%3D%22%232a2a2a%22%20opacity%3D%220.75%22%20d%3D%22M203.91%2C178.289c11.508%2C8.959%2C21.631%2C19.613%2C30%2C31.583c13.73%2C19.641%2C22.73%2C42.82%2C25.317%2C67.878%20c0.509%2C4.932%2C0.772%2C9.935%2C0.772%2C15c0%2C5.258-0.915%2C10.305-2.58%2C15H315c8.284%2C0%2C15-6.716%2C15-15c0-63.411-51.589-115-115-115%20C211.287%2C177.75%2C207.586%2C177.933%2C203.91%2C178.289z%22%2F%3E%3Cpath%20fill%3D%22%232a2a2a%22%20d%3D%22M115%2C147.75c20.389%2C0%2C38.531-9.78%2C50-24.889c7.994-10.532%2C12.75-23.649%2C12.75-37.861%20S172.994%2C57.671%2C165%2C47.139C153.531%2C32.03%2C135.389%2C22.25%2C115%2C22.25c-34.601%2C0-62.75%2C28.149-62.75%2C62.75S80.399%2C147.75%2C115%2C147.75z%22%20%2F%3E%3Cpath%20fill%3D%22%232a2a2a%22%20d%3D%22M15%2C307.75h200c8.284%2C0%2C15-6.716%2C15-15c0-5.083-0.336-10.089-0.979-15%20c-3.45-26.373-15.873-49.96-34.092-67.597c-8.762-8.481-18.861-15.589-29.951-20.964C149.856%2C181.863%2C132.9%2C177.75%2C115%2C177.75%20c-63.411%2C0-115%2C51.589-115%2C115C0%2C301.034%2C6.716%2C307.75%2C15%2C307.75z%22%20%2F%3E%3C%2Fsvg%3E"); } /** * Button */ .vd-form .vd-button { background: #2a2a2a; border: none; color: #efefef; font-weight: 700; height: 32.5px; line-height: 32.5px; padding: 0 15px; text-transform: uppercase; } .vd-form .vd-button.vd-button--enabled:hover { background: #000; -webkit-transition: all 125ms linear; transition: all 125ms linear; } .vd-form .vd-button.vd-button--disabled { /* IE 5-7 */ filter: alpha(opacity=50); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; } /** * Grid */ .vd-form .vd-form__row.vd-form__row--cols-2 .vd-input-container { width: 100%; } @media only screen and (min-width: 390px) { .vd-form .vd-form__row.vd-form__row--cols-2 .vd-input-container { width: 49%; float: right; } .vd-form .vd-form__row.vd-form__row--cols-2 .vd-input-container:first-child { float: left; margin-right: 2%; } } .vd-form .vd-form__row:before, .vd-form .vd-form__row:after, .vd-form .vd-form__row::before, .vd-form .vd-form__row::after { content: ""; display: block; } .vd-form .vd-form__row:after, .vd-form .vd-form__row::after { clear: both; } .vd-form .vd-form__row.vd-form__row--actions { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.15); } .vd-form .vd-form__row.vd-form__row--cols-2 .vd-button { width: 75%; } button.vd-button { border: none; } button.vd-button a { text-decoration: none; } .vd-button { position: relative; display: inline-block; text-decoration: none; height: 30px; line-height: 30px; } .vd-button span { text-decoration: none; } .vd-button:not(:disabled), .vd-button:not([disabled]) { cursor: pointer; } .vd-button:not(:disabled):hover, .vd-button:not([disabled]):hover { cursor: pointer; -webkit-transition: 350ms all cubic-bezier(0.215, 0.61, 0.355, 1); transition: 350ms all cubic-bezier(0.215, 0.61, 0.355, 1); } .vd-button:not(:disabled):hover span, .vd-button:not([disabled]):hover span { -webkit-transition: 350ms all cubic-bezier(0.215, 0.61, 0.355, 1); transition: 350ms all cubic-bezier(0.215, 0.61, 0.355, 1); } .vd-button.vd-button--tiny { line-height: 24px; } .vd-button.vd-button--tiny span { height: 22px; line-height: 22px; } .vd-button.vd-button--medium { line-height: 30px; } .vd-button.vd-button--medium span { height: 28px; line-height: 28px; } .vd-button.vd-button--large { line-height: 36px; } .vd-button.vd-button--large span { height: 34px; line-height: 34px; } .vd-button.vd-button--icon { width: 30px; text-indent: -1000px; background-position: center center; background-size: 40%; } .vd-button.vd-button--icon.vd-button--tiny { width: 24px; } .vd-button.vd-button--icon.vd-button--medium { width: 30px; } .vd-button.vd-button--icon.vd-button--large { width: 36px; } .vd-button.vd-button--icon.vd-button--next { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22white%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); } .vd-button.vd-button--icon.vd-button--prev { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22white%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .vd-button.vd-button--icon.vd-button--expand { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22svgArrowDown%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20enable-background%3D%22new%200%200%2064%2064%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22m26.586%2034.586-14.586%2014.586v-5.172c0-1.104-.896-2-2-2s-2%20.896-2%202v10c0%201.104.896%202%202%202h10c1.104%200%202-.896%202-2s-.896-2-2-2h-5.172l14.586-14.586c.781-.781.781-2.047%200-2.828-.78-.781-2.048-.781-2.828%200z%22%2F%3E%3Cpath%20fill%3D%22white%22%20d%3D%22m54%208h-10c-1.104%200-2%20.896-2%202s.896%202%202%202h5.172l-14.586%2014.586c-.781.781-.781%202.047%200%202.828.391.391.902.586%201.414.586s1.023-.195%201.414-.586l14.586-14.586v5.172c0%201.104.896%202%202%202s2-.896%202-2v-10c0-1.104-.896-2-2-2z%22%2F%3E%3C%2Fsvg%3E"); background-size: 60%; } .vd-button.vd-button--ghost { background-color: transparent; border: 1px solid #2a2a2a; } .vd-button.vd-button--ghost.vd-button--rounded { border-radius: 3px; } .vd-button.vd-button--ghost.vd-button--icon.vd-button--next { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22%232a2a2a%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); } .vd-button.vd-button--ghost.vd-button--icon.vd-button--prev { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22%232a2a2a%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .vd-button.vd-button--ghost.vd-button--icon.vd-button--expand { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22svgArrowDown%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20enable-background%3D%22new%200%200%2064%2064%22%3E%3Cpath%20fill%3D%22%232a2a2a%22%20d%3D%22m26.586%2034.586-14.586%2014.586v-5.172c0-1.104-.896-2-2-2s-2%20.896-2%202v10c0%201.104.896%202%202%202h10c1.104%200%202-.896%202-2s-.896-2-2-2h-5.172l14.586-14.586c.781-.781.781-2.047%200-2.828-.78-.781-2.048-.781-2.828%200z%22%2F%3E%3Cpath%20fill%3D%22%232a2a2a%22%20d%3D%22m54%208h-10c-1.104%200-2%20.896-2%202s.896%202%202%202h5.172l-14.586%2014.586c-.781.781-.781%202.047%200%202.828.391.391.902.586%201.414.586s1.023-.195%201.414-.586l14.586-14.586v5.172c0%201.104.896%202%202%202s2-.896%202-2v-10c0-1.104-.896-2-2-2z%22%2F%3E%3C%2Fsvg%3E"); } .vd-button.vd-button--ghost.vd-button--icon:hover.vd-button--next { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22white%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); } .vd-button.vd-button--ghost.vd-button--icon:hover.vd-button--prev { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20478.448%20478.448%22%20style%3D%22enable-background%3Anew%200%200%20478.448%20478.448%3B%22%20xml%3Aspace%3D%22preserve%22%20width%3D%22512px%22%20height%3D%22512px%22%3E%3Cpolygon%20fill%3D%22white%22%20points%3D%22131.659%2C0%20100.494%2C32.035%20313.804%2C239.232%20100.494%2C446.373%20131.65%2C478.448%20%20%20%20%20377.954%2C239.232%20%20%20%22%20%2F%3E%3C%2Fsvg%3E"); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .vd-button.vd-button--ghost.vd-button--icon:hover.vd-button--expand { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22svgArrowDown%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20enable-background%3D%22new%200%200%2064%2064%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22m26.586%2034.586-14.586%2014.586v-5.172c0-1.104-.896-2-2-2s-2%20.896-2%202v10c0%201.104.896%202%202%202h10c1.104%200%202-.896%202-2s-.896-2-2-2h-5.172l14.586-14.586c.781-.781.781-2.047%200-2.828-.78-.781-2.048-.781-2.828%200z%22%2F%3E%3Cpath%20fill%3D%22white%22%20d%3D%22m54%208h-10c-1.104%200-2%20.896-2%202s.896%202%202%202h5.172l-14.586%2014.586c-.781.781-.781%202.047%200%202.828.391.391.902.586%201.414.586s1.023-.195%201.414-.586l14.586-14.586v5.172c0%201.104.896%202%202%202s2-.896%202-2v-10c0-1.104-.896-2-2-2z%22%2F%3E%3C%2Fsvg%3E"); } .vd-button.vd-button--icon-text { background-size: auto 40%; font-size: 12px; padding: 0; text-decoration: none; } .vd-button.vd-button--icon, .vd-button.vd-button--icon-text { background-repeat: no-repeat; height: 30px; } .vd-button.vd-button--icon.vd-button--tiny, .vd-button.vd-button--icon-text.vd-button--tiny { height: 24px; } .vd-button.vd-button--icon.vd-button--medium, .vd-button.vd-button--icon-text.vd-button--medium { height: 30px; } .vd-button.vd-button--icon.vd-button--large, .vd-button.vd-button--icon-text.vd-button--large { height: 36px; } .vd-button.vd-button--icon.vd-button--link, .vd-button.vd-button--icon-text.vd-button--link { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22svgArrowRightCurved%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%232a2a2a%22%20d%3D%22M506.134%2C241.843c-0.006-0.006-0.011-0.013-0.018-0.019l-104.504-104c-7.829-7.791-20.492-7.762-28.285%2C0.068%20c-7.792%2C7.829-7.762%2C20.492%2C0.067%2C28.284L443.558%2C236H20c-11.046%2C0-20%2C8.954-20%2C20c0%2C11.046%2C8.954%2C20%2C20%2C20h423.557%20l-70.162%2C69.824c-7.829%2C7.792-7.859%2C20.455-0.067%2C28.284c7.793%2C7.831%2C20.457%2C7.858%2C28.285%2C0.068l104.504-104%20c0.006-0.006%2C0.011-0.013%2C0.018-0.019C513.968%2C262.339%2C513.943%2C249.635%2C506.134%2C241.843z%22%2F%3E%3C%2Fsvg%3E"); background-size: auto 60%; } .vd-button.vd-button--icon.vd-button--link:hover, .vd-button.vd-button--icon-text.vd-button--link:hover { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22svgArrowRightCurved%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M506.134%2C241.843c-0.006-0.006-0.011-0.013-0.018-0.019l-104.504-104c-7.829-7.791-20.492-7.762-28.285%2C0.068%20c-7.792%2C7.829-7.762%2C20.492%2C0.067%2C28.284L443.558%2C236H20c-11.046%2C0-20%2C8.954-20%2C20c0%2C11.046%2C8.954%2C20%2C20%2C20h423.557%20l-70.162%2C69.824c-7.829%2C7.792-7.859%2C20.455-0.067%2C28.284c7.793%2C7.831%2C20.457%2C7.858%2C28.285%2C0.068l104.504-104%20c0.006-0.006%2C0.011-0.013%2C0.018-0.019C513.968%2C262.339%2C513.943%2C249.635%2C506.134%2C241.843z%22%2F%3E%3C%2Fsvg%3E"); } .vd-button.vd-button--icon.vd-button--link:hover span, .vd-button.vd-button--icon-text.vd-button--link:hover span { color: white; } .vd-button.t3kk-button--icon-text a, .vd-button.t3kk-button--icon-text span, .vd-button.t3kk-button--icon-text a span { color: #2a2a2a; } .vd-button.t3kk-button--icon-text span { display: inline-block; height: 100%; } .vd-button.t3kk-button--icon-text.t3kk-button--left { background-position: 10px center; padding: 0 0 0 30px; } .vd-button.t3kk-button--icon-text.t3kk-button--left span { padding: 0 10px 0 0; } .vd-button.t3kk-button--icon-text.t3kk-button--right { background-position: right 10px center; padding: 0 33px 0 0; } .vd-button.t3kk-button--icon-text.t3kk-button--right span { padding: 0 0 0 10px; } .t3kk-actions.t3kk-actions--direction.t3kk-actions--horizontal:before, .t3kk-actions.t3kk-actions--direction.t3kk-actions--horizontal:after, .t3kk-actions.t3kk-actions--direction.t3kk-actions--horizontal::before, .t3kk-actions.t3kk-actions--direction.t3kk-actions--horizontal::after { content: ""; display: block; } .t3kk-actions.t3kk-actions--direction.t3kk-actions--horizontal:after, .t3kk-actions.t3kk-actions--direction.t3kk-actions--horizontal::after { clear: both; } .t3kk-actions.t3kk-actions--direction.t3kk-actions--horizontal .t3kk-button { float: left; } .t3kk-actions.t3kk-actions--direction.t3kk-actions--horizontal .t3kk-button:not(:last-child) { margin-right: 5px; } /** * Themes */ .vd-button.vd-button--theme.vd-button--material { border-radius: 0; font-family: Comfortaa, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: 700; } .vd-button.vd-button--theme.vd-button--material.vd-button--size.vd-button--large { font-size: 16px; padding: 0 16px; } .vd-dialog .vd-button.vd-button--icon { background-color: transparent; /* IE 5-7 */ filter: alpha(opacity=80); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* Netscape */ -moz-opacity: 0.8; /* Safari 1.x */ -khtml-opacity: 0.8; /* Good browsers */ opacity: 0.8; } .vd-dialog .vd-button.vd-button--icon:hover { background-color: transparent; /* IE 5-7 */ filter: alpha(opacity=100); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } .vd-card { background-color: #fff; border-bottom: 5px solid #2a2a2a; padding: 15px; -webkit-box-shadow: 0px 0px 5px 0.25px rgba(1, 1, 1, 0.25); box-shadow: 0px 0px 5px 0.25px rgba(1, 1, 1, 0.25); border-bottom-left-radius: 3px; background-clip: padding-box; border-bottom-right-radius: 3px; background-clip: padding-box; } .vd-card:hover { -webkit-transform: scale(1.025); transform: scale(1.025); -webkit-transition: 250ms all cubic-bezier(0.4, 0, 0.2, 1); transition: 250ms all cubic-bezier(0.4, 0, 0.2, 1); z-index: 1000; } .vd-card .t3kk-actions { padding-top: 7px; } .vd-googlemaps { position: relative; width: 100%; padding-top: 37.5%; } .vd-googlemaps:before { content: ''; display: block; } .vd-googlemaps .vd-googlemaps__wrap { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-size: cover; background-position: center center; overflow: hidden; padding: 15px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25); } .vd-googlemaps[data-version="single"] .vd-googlemaps__map { width: 100%; height: 100%; padding: 25px; } .btn.btn--prevent-scroll { position: absolute; width: 25px; height: 25px; background: #2a2a2a; z-index: 1001; left: 25px; bottom: 100px; display: none; } .googlemaps__overlay { position: absolute; } .googlemaps__overlay.googlemaps__overlay--overall { background-color: #010101; background-color: rgba(1, 1, 1, 0.25); width: 100%; height: 100%; z-index: 1000; top: 0; left: 0; } .googlemaps__overlay.googlemaps__overlay--prevent-scroll-top { pointer-events: none; width: 100%; height: 25%; top: 0; left: 0; z-index: 999; } .googlemaps__overlay.googlemaps__overlay--prevent-scroll-bottom { pointer-events: none; width: 100%; height: 25%; bottom: 0; left: 0; z-index: 999; } .vd-hamburger-container { height: 100%; } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 0 0; display: inline-block; cursor: pointer; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: linear; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; opacity: 0.7; } .hamburger.is-active:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #000; } .hamburger-box { width: 20px; height: 19px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -1.5px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 20px; height: 3px; background-color: #000; border-radius: 1.5px; position: absolute; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-duration: 0.15s; transition-duration: 0.15s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -8px; } .hamburger-inner::after { bottom: -8px; } /* * Elastic */ .hamburger--elastic .hamburger-inner { top: 1.5px; -webkit-transition-duration: 0.275s; transition-duration: 0.275s; -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 8px; -webkit-transition: opacity 0.125s 0.275s ease; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 16px; -webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { -webkit-transform: translate3d(0, 8px, 0) rotate(135deg); transform: translate3d(0, 8px, 0) rotate(135deg); -webkit-transition-delay: 0.075s; transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { -webkit-transition-delay: 0s; transition-delay: 0s; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { -webkit-transform: translate3d(0, -16px, 0) rotate(-270deg); transform: translate3d(0, -16px, 0) rotate(-270deg); -webkit-transition-delay: 0.075s; transition-delay: 0.075s; } .hamburger-inner { margin-top: 0; } h1 { font-family: Comfortaa, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: 700; line-height: 1.5; } h2 { font-family: Comfortaa, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: 700; line-height: 1.5; } h3 { font-family: Comfortaa, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: 700; line-height: 1.5; } h4 { font-family: Comfortaa, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: 700; line-height: 1.5; } h5 { font-family: Comfortaa, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: 700; line-height: 1.5; } h6 { font-family: Comfortaa, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: 700; line-height: 1.5; } #hero h1 { letter-spacing: 1.25px; margin: 0; text-transform: uppercase; } #hero h1 { font-size: 24px; font-size: 2.4rem; } @media only screen and (min-width: 768px) { #hero h1 { font-size: 30px; font-size: 3rem; } } @media only screen and (min-width: 1280px) { #hero h1 { font-size: 36px; font-size: 3.6rem; } } body > main .ce > .t3kk-wrapper > .ce__title { text-align: center; } body > main .ce > .t3kk-wrapper > .ce__title h2 { position: relative; display: inline-block; line-height: 1.15; font-weight: 700; text-transform: uppercase; } body > main .ce > .t3kk-wrapper > .ce__title h3 { position: relative; display: inline-block; line-height: 1.15; font-weight: 700; text-transform: uppercase; } body > main .ce > .t3kk-wrapper > .ce__title h4 { position: relative; display: inline-block; line-height: 1.15; font-weight: 700; text-transform: uppercase; } body > main .ce > .t3kk-wrapper > .ce__title h5 { position: relative; display: inline-block; line-height: 1.15; font-weight: 700; text-transform: uppercase; } body > main .ce > .t3kk-wrapper > .ce__title h6 { position: relative; display: inline-block; line-height: 1.15; font-weight: 700; text-transform: uppercase; } body > main .ce > .t3kk-wrapper > .ce__title h2 { font-size: 32px; font-size: 3.2rem; } body > main .ce:not(.ce-theme) > .t3kk-wrapper > .ce__title h2 { color: #2a2a2a; } body > main .ce:not(.ce-theme) > .t3kk-wrapper > .ce__title h2:after { content: ''; background-color: #20a0ff; display: block; height: 3px; margin-top: 21px; margin-left: -25%; width: 150%; border-radius: 1.5px; } body > main .ce:not(.ce-theme) > .t3kk-wrapper > .ce__title h3 { color: #2a2a2a; } body > main .ce:not(.ce-theme) > .t3kk-wrapper > .ce__title h3:after { content: ''; background-color: #20a0ff; display: block; height: 3px; margin-top: 21px; margin-left: -25%; width: 150%; border-radius: 1.5px; } body > main .ce:not(.ce-theme) > .t3kk-wrapper > .ce__title h4 { color: #2a2a2a; } body > main .ce:not(.ce-theme) > .t3kk-wrapper > .ce__title h4:after { content: ''; background-color: #20a0ff; display: block; height: 3px; margin-top: 21px; margin-left: -25%; width: 150%; border-radius: 1.5px; } body > main .ce:not(.ce-theme) > .t3kk-wrapper > .ce__title h5 { color: #2a2a2a; } body > main .ce:not(.ce-theme) > .t3kk-wrapper > .ce__title h5:after { content: ''; background-color: #20a0ff; display: block; height: 3px; margin-top: 21px; margin-left: -25%; width: 150%; border-radius: 1.5px; } body > main .ce:not(.ce-theme) > .t3kk-wrapper > .ce__title h6 { color: #2a2a2a; } body > main .ce:not(.ce-theme) > .t3kk-wrapper > .ce__title h6:after { content: ''; background-color: #20a0ff; display: block; height: 3px; margin-top: 21px; margin-left: -25%; width: 150%; border-radius: 1.5px; } body > footer .ce .ce__title { margin-bottom: 35px; } body > footer .ce .ce__title .subtitle { color: white; padding-top: 12.5px; /* IE 5-7 */ filter: alpha(opacity=80); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* Netscape */ -moz-opacity: 0.8; /* Safari 1.x */ -khtml-opacity: 0.8; /* Good browsers */ opacity: 0.8; font-family: Ubuntu, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-style: italic; font-weight: 700; } body > footer .ce h2 { color: white; padding-bottom: 12.5px; border-bottom: rgba(255, 255, 255, 0.5) 1px solid; } body > footer .ce h3 { color: white; padding-bottom: 12.5px; border-bottom: rgba(255, 255, 255, 0.5) 1px solid; } body > footer .ce h4 { color: white; padding-bottom: 12.5px; border-bottom: rgba(255, 255, 255, 0.5) 1px solid; } body > footer .ce h5 { color: white; padding-bottom: 12.5px; border-bottom: rgba(255, 255, 255, 0.5) 1px solid; } body > footer .ce h6 { color: white; padding-bottom: 12.5px; border-bottom: rgba(255, 255, 255, 0.5) 1px solid; } body > footer h1 { font-size: 26px; font-size: 2.6rem; } body > footer h2 { font-size: 22px; font-size: 2.2rem; } body > footer h3 { font-size: 21px; font-size: 2.1rem; } body > footer h4 { font-size: 20px; font-size: 2rem; } body > footer h5 { font-size: 19px; font-size: 1.9rem; } body > footer h6 { font-size: 18px; font-size: 1.8rem; } .vd-mmenu { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; display: none; } .vd-mmenu .vd-mmenu__overlay { display: none; background-color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .vd-mmenu .vd-mmenu__front { background-color: #2a2a2a; height: 100%; position: absolute; left: 0; top: 100%; width: 100%; z-index: 2; /* IE 5-7 */ filter: alpha(opacity=0); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .vd-mmenu .vd-mmenu__header { height: 40px; position: absolute; width: 100%; z-index: 12; top: 40px; left: 0; border-bottom: 3px solid #fff; } .vd-mmenu .vd-mmenu__content { padding-top: 120px; } .vd-mmenu .vd-hamburger-container { height: 40px; position: absolute; width: 100%; z-index: 1; } .vd-mmenu .hamburger .hamburger-inner, .vd-mmenu .hamburger.is-active .hamburger-inner { background-color: white; } .vd-mmenu .hamburger .hamburger-inner:before, .vd-mmenu .hamburger .hamburger-inner:after, .vd-mmenu .hamburger.is-active .hamburger-inner:before, .vd-mmenu .hamburger.is-active .hamburger-inner:after { background-color: white; } .vd-mmenu .vd-nav li { height: 50px; text-align: center; } .vd-mmenu .vd-nav li:not(:last-child) { border-bottom: 1px solid white; } .vd-mmenu .vd-nav a { color: white; font-size: 25px; font-weight: 900; line-height: 50px; text-decoration: none; } .vd-mmvnu2 .vd-mmenu__front { background-color: #2a2a2a; height: 100%; position: absolute; left: 0; top: 100%; width: 100%; z-index: 1; /* IE 5-7 */ filter: alpha(opacity=0); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .vd-mmvnu2 .brand__logo { margin: 12.5% auto 0; width: 50%; } .vd-mmvnu2 nav { position: relative; margin: 35px auto 0; padding: 35px 0; width: 80%; } .vd-mmvnu2 nav:before { content: ''; background-color: white; height: 3px; position: absolute; top: 0; left: 50%; right: 50%; width: 0; border-radius: 1.5px; /* stops bg color from leaking outside the border: */ background-clip: padding-box; } .vd-mmvnu2 nav.line.line--before:before { left: 0; right: 0; width: 100%; webkit-animation-duration: 500ms; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-duration: 500ms; animation-duration: 500ms; webkit-animation-iteration-count: 1; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-iteration-count: 1; animation-iteration-count: 1; webkit-animation-name: mmenu-nav-draw-line; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-name: mmenu-nav-draw-line; animation-name: mmenu-nav-draw-line; } .vd-mmvnu2 nav li { text-align: center; } .vd-mmvnu2 nav li:not(:last-child) { margin-bottom: 5px; } .vd-mmvnu2 nav a { color: white; display: block; font-size: 19px; font-weight: 700; letter-spacing: .125rem; padding: 5px 0; text-decoration: none; } @-webkit-keyframes mmenu-nav-draw-line { 0% { left: 50%; right: 50%; width: 0; } 100% { left: 0; right: 0; width: 100%; } } @keyframes mmenu-nav-draw-line { 0% { left: 50%; right: 50%; width: 0; } 100% { left: 0; right: 0; width: 100%; } } .vd-nav.vd-nav--uppercase li { text-transform: uppercase; } .vd-nav.vd-nav--horizontal li { display: inline-block; } .vd-nav.vd-nav--horizontal.vd-nav--center { text-align: center; } /* Make clicks pass-through */ #nprogress { pointer-events: none; } #nprogress .bar { background: #29d; position: fixed; z-index: 10100; top: 0; left: 0; width: 100%; height: 2px; } /* Fancy blur effect */ #nprogress .peg { display: block; position: absolute; right: 0px; width: 100px; height: 100%; -webkit-box-shadow: 0 0 10px #29d, 0 0 5px #29d; box-shadow: 0 0 10px #29d, 0 0 5px #29d; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); } /* Remove these to get rid of the spinner */ #nprogress .spinner { display: block; position: fixed; z-index: 10100; top: 28px; right: 30px; } #nprogress .spinner-icon { width: 18px; height: 18px; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 2px transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 50%; -webkit-animation: nprogress-spinner 400ms linear infinite; animation: nprogress-spinner 400ms linear infinite; } .nprogress-custom-parent { overflow: hidden; position: relative; } .nprogress-custom-parent #nprogress .spinner, .nprogress-custom-parent #nprogress .bar { position: absolute; } @-webkit-keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes nprogress-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .vd-slider[data-slider="slick"] .slick-arrow { top: calc(50% - 12px); height: 36px; width: 36px; } .vd-slider__container > * { float: left; } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /** * Fix heights for using of ratio images */ .vd-wrapper-ratio .slick-slider, .vd-wrapper-ratio .slick-list { width: 100%; height: 100%; } .vd-wrapper-ratio .vd-slider { width: 100%; height: 100%; } .vd-wrapper-ratio .vd-slider__container { width: 100%; height: 100%; } .ce.ce-split.ce-split--cril .vd-flex__item:first-child { padding-right: 50px; } .ce.ce-split.ce-split--cril .vd-flex__item:last-child { padding-left: 50px; } .ce.ce--valign-middle .vd-wrapper, .ce.ce--valign-middle .vd-table { height: 100%; } .ce.ce--valign-middle .vd-wrapper .vd-table-cell, .ce.ce--valign-middle .vd-table .vd-table-cell { vertical-align: middle; } .ce.ce--vd_carousel .image-caption { position: absolute; bottom: 0; left: 0; right: 0; z-index: 100; background-color: #2a2a2a; color: #efefef; } .ce.ce--vd_carousel .image-caption .container { padding: 10px 0 15px; } @media only screen and (min-width: 768px) { .ce.ce--vd_carousel .image-caption { bottom: 50px; background-color: transparent; color: #2a2a2a; } .ce.ce--vd_carousel .image-caption .container { border-left: 15px #437bcd solid; background: white; padding: 15px 45px 20px 30px; display: inline-block; } } .ce.ce--vd_carousel .image-caption__title { font-family: Ubuntu, "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: 600; font-size: 18px; line-height: 24px; padding-bottom: 9px; } .ce.ce--vd_carousel h2, .ce.ce--vd_carousel h3 { margin-left: auto; margin-right: auto; } .ce.ce--vd_carousel .ce__content { max-width: 1500px; margin: 0 auto; } .ce.ce--vd_carousel .vd-wrapper-ratio.vd-wrapper-ratio--flex:before { content: ''; padding-top: 100%; } @media only screen and (orientation: landscape) { .ce.ce--vd_carousel .vd-wrapper-ratio.vd-wrapper-ratio--flex:before { padding-top: 50%; } } .ce.ce--vd_carousel .vd-slider.vd-slider--slick { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .ce.ce--vd_carousel .vd-slider.vd-slider--slick .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .ce.ce--vd_carousel .vd-slider.vd-slider--slick .slick-list:focus { outline: none; } .ce.ce--vd_carousel .vd-slider.vd-slider--slick .slick-list.dragging { cursor: pointer; cursor: hand; } .ce.ce--vd_carousel .vd-slider.vd-slider--slick .slick-track { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .ce.ce--vd_carousel .vd-slider.vd-slider--slick .slick-track:before, .ce.ce--vd_carousel .vd-slider.vd-slider--slick .slick-track:after { content: ""; display: table; } .ce.ce--vd_carousel .vd-slider.vd-slider--slick .slick-track:after { clear: both; } .slick-loading .ce.ce--vd_carousel .vd-slider.vd-slider--slick .slick-track { visibility: hidden; } .ce.ce--vd_carousel .vd-slider.vd-slider--slick .slick-slide { float: left; height: 100%; min-height: 1px; } [dir="rtl"] .ce.ce--vd_carousel .vd-slider.vd-slider--slick .slick-slide { float: right; } .ce.ce--vd_carousel .vd-slider.vd-slider--slick .slick-slide img { display: block; width: 100%; height: auto; } .ce.ce--vd_carousel .vd-slider.vd-slider--slick .slick-slide.slick-loading img { display: none; } .ce.ce--vd_carousel .vd-slider.vd-slider--slick .slick-slide.dragging img { pointer-events: none; } .slick-initialized .ce.ce--vd_carousel .vd-slider.vd-slider--slick .slick-slide { display: block; } .slick-loading .ce.ce--vd_carousel .vd-slider.vd-slider--slick .slick-slide { visibility: hidden; } .slick-vertical .ce.ce--vd_carousel .vd-slider.vd-slider--slick .slick-slide { display: block; height: auto; border: 1px solid transparent; } .vd-slider__controls--dots li { text-indent: -10000px; width: 50px; height: 5px; background-color: #efefef; } .vd-slider__controls--dots li.slick-active { background-color: black; } /** * Fix padding in main */ main .ce.ce-theme + .ce:not(.ce-theme).ce--vd_carousel { padding-top: 0; } footer .ce.ce--vd_contact_detail .contact .contact__data { line-height: 1.35; } footer .ce.ce--vd_contact_detail .contact .contact__data.contact__data--email { width: 96%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media only screen and (min-width: 1280px) { footer .ce.ce--vd_contact_detail .contact .contact__data.contact__data--email { width: 100%; } } footer .ce.ce--vd_contact_detail .contact .contact__data.contact__data--title { margin-bottom: 12.5px; } footer .ce.ce--vd_contact_detail .contact .contact__data.contact__data--break { margin-top: 25px; } footer .ce.ce--vd_contact_detail .contact .contact__data.contact__data--icon { position: relative; min-height: 24px; padding-left: 30px; line-height: 24px; } footer .ce.ce--vd_contact_detail .contact .contact__data.contact__data--icon .vd-icon { display: block; height: 24px; width: 24px; margin-right: 9px; text-indent: -10000px; position: absolute; top: 0; left: 0; background-position: left center; background-repeat: no-repeat; background-size: 80% 80%; } footer .ce.ce--vd_contact_detail .contact .contact__data.contact__data--icon .vd-icon.vd-icon--address { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22512px%22%20height%3D%22512px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M502.625%2C287.792L256%2C41.167L9.375%2C287.792c-12.5%2C12.5-12.5%2C32.75%2C0%2C45.25s32.75%2C12.5%2C45.25%2C0L64%2C323.667v114.75v32.416%20h32h320h32v-32.416v-114.75l9.375%2C9.375c6.25%2C6.25%2C14.438%2C9.375%2C22.625%2C9.375s16.375-3.125%2C22.625-9.375%20C515.125%2C320.542%2C515.125%2C300.292%2C502.625%2C287.792z%20M416%2C438.833H224v-128h-64v128H96V291.667l160-160l160%2C160V438.833z%22%2F%3E%3Crect%20fill%3D%22%23ffffff%22%20x%3D%22288%22%20y%3D%22310.833%22%20width%3D%2264%22%20height%3D%2264%22%2F%3E%3Crect%20fill%3D%22%23ffffff%22%20x%3D%22288%22%20y%3D%22310.833%22%20width%3D%2264%22%20height%3D%2264%22%2F%3E%3Cpolygon%20fill%3D%22%23ffffff%22%20points%3D%22160%2C91.917%20160%2C54.833%2096%2C54.833%2096%2C155.917%20 %22%2F%3E%3C%2Fsvg%3E"); } footer .ce.ce--vd_contact_detail .contact .contact__data.contact__data--icon .vd-icon.vd-icon--email { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22svgEmail%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20483.3%20483.3%22%20style%3D%22enable-background%3Anew%200%200%20483.3%20483.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M424.3%2C57.75H59.1c-32.6%2C0-59.1%2C26.5-59.1%2C59.1v249.6c0%2C32.6%2C26.5%2C59.1%2C59.1%2C59.1h365.1c32.6%2C0%2C59.1-26.5%2C59.1-59.1%20v-249.5C483.4%2C84.35%2C456.9%2C57.75%2C424.3%2C57.75z%20M456.4%2C366.45c0%2C17.7-14.4%2C32.1-32.1%2C32.1H59.1c-17.7%2C0-32.1-14.4-32.1-32.1v-249.5%20c0-17.7%2C14.4-32.1%2C32.1-32.1h365.1c17.7%2C0%2C32.1%2C14.4%2C32.1%2C32.1v249.5H456.4z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M304.8%2C238.55l118.2-106c5.5-5%2C6-13.5%2C1-19.1c-5-5.5-13.5-6-19.1-1l-163%2C146.3l-31.8-28.4c-0.1-0.1-0.2-0.2-0.2-0.3%20c-0.7-0.7-1.4-1.3-2.2-1.9L78.3%2C112.35c-5.6-5-14.1-4.5-19.1%2C1.1c-5%2C5.6-4.5%2C14.1%2C1.1%2C19.1l119.6%2C106.9L60.8%2C350.95%20c-5.4%2C5.1-5.7%2C13.6-0.6%2C19.1c2.7%2C2.8%2C6.3%2C4.3%2C9.9%2C4.3c3.3%2C0%2C6.6-1.2%2C9.2-3.6l120.9-113.1l32.8%2C29.3c2.6%2C2.3%2C5.8%2C3.4%2C9%2C3.4%20c3.2%2C0%2C6.5-1.2%2C9-3.5l33.7-30.2l120.2%2C114.2c2.6%2C2.5%2C6%2C3.7%2C9.3%2C3.7c3.6%2C0%2C7.1-1.4%2C9.8-4.2c5.1-5.4%2C4.9-14-0.5-19.1L304.8%2C238.55z%22%20%2F%3E%3C%2Fsvg%3E"); } footer .ce.ce--vd_contact_detail .contact .contact__data.contact__data--icon .vd-icon.vd-icon--telephone { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22svgPhone%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20473.806%20473.806%22%20style%3D%22enable-background%3Anew%200%200%20473.806%20473.806%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M374.456%2C293.506c-9.7-10.1-21.4-15.5-33.8-15.5c-12.3%2C0-24.1%2C5.3-34.2%2C15.4l-31.6%2C31.5c-2.6-1.4-5.2-2.7-7.7-4%20c-3.6-1.8-7-3.5-9.9-5.3c-29.6-18.8-56.5-43.3-82.3-75c-12.5-15.8-20.9-29.1-27-42.6c8.2-7.5%2C15.8-15.3%2C23.2-22.8%20c2.8-2.8%2C5.6-5.7%2C8.4-8.5c21-21%2C21-48.2%2C0-69.2l-27.3-27.3c-3.1-3.1-6.3-6.3-9.3-9.5c-6-6.2-12.3-12.6-18.8-18.6%20c-9.7-9.6-21.3-14.7-33.5-14.7s-24%2C5.1-34%2C14.7c-0.1%2C0.1-0.1%2C0.1-0.2%2C0.2l-34%2C34.3c-12.8%2C12.8-20.1%2C28.4-21.7%2C46.5%20c-2.4%2C29.2%2C6.2%2C56.4%2C12.8%2C74.2c16.2%2C43.7%2C40.4%2C84.2%2C76.5%2C127.6c43.8%2C52.3%2C96.5%2C93.6%2C156.7%2C122.7c23%2C10.9%2C53.7%2C23.8%2C88%2C26%20c2.1%2C0.1%2C4.3%2C0.2%2C6.3%2C0.2c23.1%2C0%2C42.5-8.3%2C57.7-24.8c0.1-0.2%2C0.3-0.3%2C0.4-0.5c5.2-6.3%2C11.2-12%2C17.5-18.1c4.3-4.1%2C8.7-8.4%2C13-12.9%20c9.9-10.3%2C15.1-22.3%2C15.1-34.6c0-12.4-5.3-24.3-15.4-34.3L374.456%2C293.506z%20M410.256%2C398.806%20C410.156%2C398.806%2C410.156%2C398.906%2C410.256%2C398.806c-3.9%2C4.2-7.9%2C8-12.2%2C12.2c-6.5%2C6.2-13.1%2C12.7-19.3%2C20%20c-10.1%2C10.8-22%2C15.9-37.6%2C15.9c-1.5%2C0-3.1%2C0-4.6-0.1c-29.7-1.9-57.3-13.5-78-23.4c-56.6-27.4-106.3-66.3-147.6-115.6%20c-34.1-41.1-56.9-79.1-72-119.9c-9.3-24.9-12.7-44.3-11.2-62.6c1-11.7%2C5.5-21.4%2C13.8-29.7l34.1-34.1c4.9-4.6%2C10.1-7.1%2C15.2-7.1%20c6.3%2C0%2C11.4%2C3.8%2C14.6%2C7c0.1%2C0.1%2C0.2%2C0.2%2C0.3%2C0.3c6.1%2C5.7%2C11.9%2C11.6%2C18%2C17.9c3.1%2C3.2%2C6.3%2C6.4%2C9.5%2C9.7l27.3%2C27.3%20c10.6%2C10.6%2C10.6%2C20.4%2C0%2C31c-2.9%2C2.9-5.7%2C5.8-8.6%2C8.6c-8.4%2C8.6-16.4%2C16.6-25.1%2C24.4c-0.2%2C0.2-0.4%2C0.3-0.5%2C0.5%20c-8.6%2C8.6-7%2C17-5.2%2C22.7c0.1%2C0.3%2C0.2%2C0.6%2C0.3%2C0.9c7.1%2C17.2%2C17.1%2C33.4%2C32.3%2C52.7l0.1%2C0.1c27.6%2C34%2C56.7%2C60.5%2C88.8%2C80.8%20c4.1%2C2.6%2C8.3%2C4.7%2C12.3%2C6.7c3.6%2C1.8%2C7%2C3.5%2C9.9%2C5.3c0.4%2C0.2%2C0.8%2C0.5%2C1.2%2C0.7c3.4%2C1.7%2C6.6%2C2.5%2C9.9%2C2.5c8.3%2C0%2C13.5-5.2%2C15.2-6.9%20l34.2-34.2c3.4-3.4%2C8.8-7.5%2C15.1-7.5c6.2%2C0%2C11.3%2C3.9%2C14.4%2C7.3c0.1%2C0.1%2C0.1%2C0.1%2C0.2%2C0.2l55.1%2C55.1%20C420.456%2C377.706%2C420.456%2C388.206%2C410.256%2C398.806z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M256.056%2C112.706c26.2%2C4.4%2C50%2C16.8%2C69%2C35.8s31.3%2C42.8%2C35.8%2C69c1.1%2C6.6%2C6.8%2C11.2%2C13.3%2C11.2c0.8%2C0%2C1.5-0.1%2C2.3-0.2%20c7.4-1.2%2C12.3-8.2%2C11.1-15.6c-5.4-31.7-20.4-60.6-43.3-83.5s-51.8-37.9-83.5-43.3c-7.4-1.2-14.3%2C3.7-15.6%2C11%20S248.656%2C111.506%2C256.056%2C112.706z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M473.256%2C209.006c-8.9-52.2-33.5-99.7-71.3-137.5s-85.3-62.4-137.5-71.3c-7.3-1.3-14.2%2C3.7-15.5%2C11%20c-1.2%2C7.4%2C3.7%2C14.3%2C11.1%2C15.6c46.6%2C7.9%2C89.1%2C30%2C122.9%2C63.7c33.8%2C33.8%2C55.8%2C76.3%2C63.7%2C122.9c1.1%2C6.6%2C6.8%2C11.2%2C13.3%2C11.2%20c0.8%2C0%2C1.5-0.1%2C2.3-0.2C469.556%2C223.306%2C474.556%2C216.306%2C473.256%2C209.006z%22%2F%3E%3C%2Fsvg%3E"); } footer .ce.ce--vd_contact_detail .contact .contact__data.contact__data--icon:not(:last-child) { margin-bottom: 8px; } .ce.ce--vd_gallery .vd-image .vd-image__caption h3, .ce.ce--vd_gallery .vd-image .vd-image__caption p { padding-top: 15px; } .ce.ce--vd_gallery .vd-image .vd-image__caption p { line-height: 1.5; } .gutter-sizer { width: 0px; } .ce.ce--vd_icons .vd-list.vd-list--icons > div { position: relative; overflow: hidden; } .ce.ce--vd_icons .category-title { background: #2a2a2a; color: #efefef; } .ce.ce--vd_icons .icon.icon--svg { background-color: #f9f9f9; text-align: center; -webkit-box-shadow: 0px 0px 9px 3px rgba(42, 42, 42, 0.1); box-shadow: 0px 0px 9px 3px rgba(42, 42, 42, 0.1); } .ce.ce--vd_icons .icon.icon--svg svg { margin: 25% auto; width: 50%; height: auto; } .ce.ce--vd_icons .caption { position: absolute; left: 0; z-index: 1; top: 100%; right: 0; padding: 15px; text-align: center; min-height: 50%; font-size: 75%; font-weight: bold; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } .ce.ce--vd_rooms .ce__bodytext { margin-bottom: 25px; } .ce.ce--vd_rooms .vd-card { color: #2a2a2a; } .ce.ce--vd_rooms .vd-card h3, .ce.ce--vd_rooms .vd-card span, .ce.ce--vd_rooms .vd-card .description { color: #2a2a2a; } .ce.ce--vd_rooms .vd-card h3 { border-bottom: 1px solid rgba(42, 42, 42, 0.75); padding: 25px 0 5px; margin-bottom: 3.75px; } .ce.ce--vd_rooms .vd-card .description { padding-top: 5px; font-size: 14px; font-size: 1.4rem; } .ce.ce--vd_rooms .vd-card .vd-list { margin-top: 25px; } .ce.ce--vd_rooms .vd-card .vd-list .vd-list__item { position: relative; } .ce.ce--vd_rooms .vd-card .vd-list .vd-list__item.vd-list__item--room[data-available="1"] .vd-card { border-color: #b8dc51; } .ce.ce--vd_rooms .vd-card .vd-list .vd-list__item.vd-list__item--room[data-available="0"] .vd-card { border-color: tomato; } .ce.ce--vd_rooms .vd-card .vd-list .vd-list__item.vd-list__item--inventory { border: 1px solid #2a2a2a; height: 30px; width: 30px; } .ce.ce--vd_rooms .vd-card .vd-list .vd-list__item.vd-list__item--inventory:not(:last-child) { margin-right: 5px; } .ce.ce--vd_rooms .vd-card .vd-list .vd-list__item.vd-list__item--inventory:hover { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: 250ms all cubic-bezier(0.4, 0, 0.2, 1); transition: 250ms all cubic-bezier(0.4, 0, 0.2, 1); cursor: help; } .ce.ce--vd_rooms .vd-card svg { width: 70%; margin: 15%; } .caption.caption--room-inventory.caption--icon { position: fixed; background-color: #2a2a2a; color: #efefef; font-weight: 700; padding: 3px 6px; position: 0; top: 0; z-index: 1000; display: none; font-size: 14px; font-size: 1.4rem; border-radius: 3px; /* stops bg color from leaking outside the border: */ background-clip: padding-box; } footer .ce.ce--vd_weather .ce__content { background-color: #ffffff; background-color: rgba(255, 255, 255, 0.25); padding: 35px; } footer .ce.ce--vd_weather .weather * { color: white; text-align: center; } footer .ce.ce--vd_weather .weather .icon { margin: 0 auto 15px; } footer .ce.ce--vd_weather .weather .icon.icon--now { width: 33%; } footer .ce.ce--vd_weather .weather .icon.icon--preview { width: 40%; } footer .ce.ce--vd_weather .weather img { width: 100%; height: auto; } footer .ce.ce--vd_weather .weather.weather--actual { border-bottom: 1px solid white; margin-bottom: 25px; padding-bottom: 25px; } footer .ce.ce--vd_weather .weather.weather--actual .info__item:not(:last-child) { padding-bottom: 7.5px; } footer .ce.ce--vd_weather .weather.weather--actual .info__item.info__item--min-max { font-size: 1.2rem; } footer .ce.ce--vd_weather .weather.weather--actual .info__item.info__item--temperature { font-size: 2.2rem; } footer .ce.ce--vd_weather .weather.weather--next .title { font-size: 70%; font-weight: 700; text-transform: uppercase; padding-bottom: 15px; } #cookieConsent { position: fixed; right: 0; z-index: 10001; background-color: #ffffff; background-color: rgba(255, 255, 255, 0.3); color: white; padding: 12.5px; line-height: 1.25; -webkit-transition: 250ms all ease-in-out; transition: 250ms all ease-in-out; } #cookieConsent:not(.pinned) { bottom: 0; width: 100%; } #cookieConsent.pinned { bottom: 25px; } #cookieConsent A { color: white; font-weight: bold; } #cookieConsent .vd-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #20a0ff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; flex-direction: row; -webkit-box-direction: normal; flex-direction: row; -ms-flex-direction: row; flex-direction: row; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding: 25px; } #cookieConsent .vd-wrapper h2, #cookieConsent .vd-wrapper h3 { font-size: 90%; margin-bottom: 2.5px; } #cookieConsent .vd-wrapper .message { font-size: 90%; padding-right: 25px; } #cookieConsent .vd-wrapper .confirm { width: 150px; } #cookieConsent .vd-wrapper button { background-color: #ffffff; background-color: rgba(255, 255, 255, 0.9); border: none; color: #20a0ff; font-weight: bold; height: 30px; width: 100%; -webkit-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; } #cookieConsent .vd-wrapper button:enabled { cursor: pointer; } #cookieConsent .vd-wrapper button:enabled:hover { background-color: white; -webkit-transition: 0.25s all ease-in-out; transition: 0.25s all ease-in-out; border-radius: 15px; /* stops bg color from leaking outside the border: */ background-clip: padding-box; } #cookieConsent .vd-wrapper button:not(:enabled) { background-color: #ffffff; background-color: rgba(255, 255, 255, 0.3); } #cookieConsent .icon { height: 30px; display: none; width: 30px; cursor: pointer; } #cookieConsent .icon svg { width: 100%; height: 100%; } #cookieConsent.pinned { background-color: #20a0ff; -webkit-transition: 250ms all ease-in-out; transition: 250ms all ease-in-out; } #cookieConsent.pinned:hover { background-color: #2da5ff; } #cookieConsent.pinned .icon { display: block; } #cookieConsent.pinned .vd-wrapper { display: none; } .ce.ce--vd_cookie_consent .el-switch > input[type="checkbox"]:checked + .el-switch-style { background-color: #20a0ff; } .ce.ce--vd_cookie_consent .el-switch .el-switch-style { height: 1.6em; left: 0; background: #C0CCDA; background-color: #c0ccda; border-radius: 0.8em; display: inline-block; position: relative; top: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 3em; cursor: pointer; } .ce.ce--vd_cookie_consent .el-switch .el-switch-style::before { display: block; content: ''; height: 1.4em; position: absolute; width: 1.4em; background-color: #fff; border-radius: 50%; left: 0.1em; top: 0.1em; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .ce.ce--vd_cookie_consent .el-switch > input[type="checkbox"]:checked + .el-switch-style::before { left: 50%; } .ce.ce--vd_cookie_consent .el-switch input[name="switch"] { display: none; } .ce.ce--vd_cookie_consent label.el-switch { padding-bottom: 25px; } .ce.ce--vd_cookie_consent .el-switch::after { content: attr(data-content); line-height: 35px; vertical-align: text-bottom; font-size: 13px; padding-left: 9px; text-transform: uppercase; } .ce.ce--vd_rooms2 .vd-list.vd-list--rooms h3 { margin: 9px 0 4.5px; } .ce.ce--vd_rooms2 .vd-list.vd-list--rooms .description { font-size: 90%; padding: 0 0 9px 0; border-bottom: #cdd4d9 1px solid; margin: 0 0 9px 0; } .ce.ce--vd_rooms2 .vd-list.vd-list--rooms .vd-teaser { border-bottom: 3px solid; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-clip: padding-box; } .ce.ce--vd_rooms2 .vd-list.vd-list--rooms .vd-list__item[data-available="0"] .vd-teaser { border-color: #ff6400; } .ce.ce--vd_rooms2 .vd-list.vd-list--rooms .vd-list__item[data-available="1"] .vd-teaser { border-color: #86DE74; } .ce.ce--vd_rooms2 .ce__bodytext { margin-bottom: 35px; } .ce.ce--vd_rooms2 .vd-teaser { position: relative; height: 100%; width: 100%; } .ce.ce--vd_rooms2 .vd-list .vd-list__item { position: relative; margin-bottom: 17.5px; } .ce.ce--vd_rooms2 .vd-list .vd-list__item .nj-content { padding: 25px; } .ce.ce--vd_rooms2 .vd-list .vd-list__item .nj-header { border-bottom: 1px solid #2a2a2a; margin-bottom: 15px; } .ce.ce--vd_rooms2 .vd-list .vd-list__item .vd-teaser__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; } .vd-list2.vd-list--icons .vd-list__item.vd-list__item--icon { border: 1px solid #2a2a2a; border-radius: 3px; /* stops bg color from leaking outside the border: */ background-clip: padding-box; width: 32px; height: 32px; padding: 4px 4px 2px; } .vd-list2.vd-list--icons .vd-list__item.vd-list__item--icon:not(:last-child) { margin-right: 5px; } .vd-list2.vd-list--icons .vd-list__item.vd-list__item--icon svg { width: 100%; height: 100%; } .vd-dialog .t3kk-dialog__content { -webkit-transition: 250ms all cubic-bezier(0.4, 0, 0.2, 1); transition: 250ms all cubic-bezier(0.4, 0, 0.2, 1); width: 30vw; } .vd-dialog .vd-controls { margin-bottom: 15px; } .vd-dialog .vd-controls .vd-controls__control { display: inline-block; width: 25px; height: 25px; } .vd-dialog .vd-controls .vd-controls__control:last-child { margin-left: 12.5px; } .vd-dialog .vd-controls .vd-controls__control.inactive { /* IE 5-7 */ filter: alpha(opacity=25); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Netscape */ -moz-opacity: 0.25; /* Safari 1.x */ -khtml-opacity: 0.25; /* Good browsers */ opacity: 0.25; } .vd-dialog .vd-controls .vd-controls__control.active { cursor: pointer; } .vd-dialog .vd-controls .vd-controls__control.active:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .vd-dialog .t3kk-loader { padding: 75px 0; } .vd-dialog .t3kk-loader .spinner { margin: 0 auto; } .vd-dialog .t3kk-loader .message { padding-top: 5px; } .vd-dialog .t3kk-loader.t3kk-loader--dots { background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAwIDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxjaXJjbGUgZmlsbD0iIzEwOWFkNyIgc3Ryb2tlPSJub25lIiBjeD0iNiIgY3k9IjUwIiByPSI2Ij48YW5pbWF0ZSAgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgIGR1cj0iMXMiICB2YWx1ZXM9IjA7MTswIiAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiICBiZWdpbj0iMC4xIi8+ICAgIDwvY2lyY2xlPjxjaXJjbGUgZmlsbD0iIzYzYjRkOCIgc3Ryb2tlPSJub25lIiBjeD0iMjYiIGN5PSI1MCIgcj0iNiI+PGFuaW1hdGUgIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiICBkdXI9IjFzIiAgdmFsdWVzPSIwOzE7MCIgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAgIGJlZ2luPSIwLjIiLz4gICAgICAgPC9jaXJjbGU+PGNpcmNsZSBmaWxsPSIjOWJkOWY0IiBzdHJva2U9Im5vbmUiIGN4PSI0NiIgY3k9IjUwIiByPSI2Ij48YW5pbWF0ZSAgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgIGR1cj0iMXMiICB2YWx1ZXM9IjA7MTswIiAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiICAgYmVnaW49IjAuMyIvPiAgICAgPC9jaXJjbGU+PC9zdmc+); } .vd-dialog .t3kk-loader.t3kk-loader--ripple { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwcHgiICBoZWlnaHQ9IjIwMHB4IiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiIGNsYXNzPSJsZHMtcmlwcGxlIiBzdHlsZT0iYmFja2dyb3VuZDogcmdiYSgwLCAwLCAwLCAwKSBub25lIHJlcGVhdCBzY3JvbGwgMCUgMCU7Ij48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSIwIiBmaWxsPSJub25lIiBuZy1hdHRyLXN0cm9rZT0ie3tjb25maWcuYzF9fSIgbmctYXR0ci1zdHJva2Utd2lkdGg9Int7Y29uZmlnLndpZHRofX0iIHN0cm9rZT0iIzFkM2Y3MiIgc3Ryb2tlLXdpZHRoPSIyIj48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJyIiBjYWxjTW9kZT0ic3BsaW5lIiB2YWx1ZXM9IjA7NDAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMSIga2V5U3BsaW5lcz0iMCAwLjIgMC44IDEiIGJlZ2luPSItMC41cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiBjYWxjTW9kZT0ic3BsaW5lIiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxIiBrZXlTcGxpbmVzPSIwLjIgMCAwLjggMSIgYmVnaW49Ii0wLjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjUwIiBjeT0iNTAiIHI9IjAiIGZpbGw9Im5vbmUiIG5nLWF0dHItc3Ryb2tlPSJ7e2NvbmZpZy5jMn19IiBuZy1hdHRyLXN0cm9rZS13aWR0aD0ie3tjb25maWcud2lkdGh9fSIgc3Ryb2tlPSIjNTY5OWQyIiBzdHJva2Utd2lkdGg9IjIiPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9InIiIGNhbGNNb2RlPSJzcGxpbmUiIHZhbHVlcz0iMDs0MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxIiBrZXlTcGxpbmVzPSIwIDAuMiAwLjggMSIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIGNhbGNNb2RlPSJzcGxpbmUiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjEiIGtleVNwbGluZXM9IjAuMiAwIDAuOCAxIiBiZWdpbj0iMHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+PC9jaXJjbGU+PC9zdmc+); } .vd-dialog .t3kk-dialog__content__header { margin-bottom: 15px; } .vd-dialog .dialog-title { letter-spacing: 1.5px; } .vd-dialog table { width: 100%; } .vd-dialog table thead { border-bottom: 1px solid silver; } .vd-dialog table th { font-size: 80%; font-weight: 700; height: 40px; text-transform: uppercase; } .vd-dialog table tr:not(.spacer) td.status--inactive span { /* IE 5-7 */ filter: alpha(opacity=50); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; } .vd-dialog table tr:not(.spacer) td.status--act span { background-color: #2a2a2a; color: white; font-weight: 700; border-radius: 20px; cursor: pointer; } .vd-dialog table tr:not(.spacer) td:not(.status--inactive):hover span { background-color: deepskyblue; color: white; font-weight: 700; border-radius: 20px; cursor: pointer; } .vd-dialog table td { height: 40px; width: 14.28571%; } .vd-dialog table td span { width: 38px; height: 38px; line-height: 38px; display: inline-block; margin: 0 auto; } .vd-dialog table th, .vd-dialog table td { text-align: center; vertical-align: middle; } .vd-dialog table tr.spacer td { height: 10px; font-size: 5px; } .sk-cube-grid { width: 40px; height: 40px; margin: 75px auto; } .sk-cube-grid .sk-cube { width: 33%; height: 33%; background-color: #cdd4d9; float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; } .sk-cube-grid .sk-cube1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube2 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube3 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .sk-cube-grid .sk-cube4 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube5 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-cube-grid .sk-cube6 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-cube-grid .sk-cube7 { -webkit-animation-delay: 0s; animation-delay: 0s; } .sk-cube-grid .sk-cube8 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-cube-grid .sk-cube9 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } .t3kk-loader .spinner { margin: 0 auto 15px; width: 100px; height: 40px; text-align: center; font-size: 10px; } .t3kk-loader .spinner > div { background-color: #00B6F1; height: 100%; width: 6px; margin: 0 2px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .t3kk-loader .spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .t3kk-loader .spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .t3kk-loader .spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .t3kk-loader .spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } .vd-image-filter.vd-image-filter--1977 { -webkit-filter: contrast(110%) brightness(110%) saturate(130%); filter: contrast(110%) brightness(110%) saturate(130%); } .vd-image-filter.vd-image-filter--1977:before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: screen; background: #f36abc; background: rgba(243, 106, 188, 0.3); } .vd-image-filter.vd-image-filter--aden { -webkit-filter: contrast(90%) brightness(120%) saturate(85%) hue-rotate(20deg); filter: contrast(90%) brightness(120%) saturate(85%) hue-rotate(20deg); } .vd-image-filter.vd-image-filter--amaro { -webkit-filter: hue-rotate(-10deg) contrast(0.9) brightness(1.1) saturate(1.5); filter: hue-rotate(-10deg) contrast(0.9) brightness(1.1) saturate(1.5); } .vd-image-filter.vd-image-filter--brannan { -webkit-filter: sepia(0.5) contrast(1.4); filter: sepia(0.5) contrast(1.4); } .vd-image-filter.vd-image-filter--brooklyn { -webkit-filter: contrast(90%) brightness(110%); filter: contrast(90%) brightness(110%); } .vd-image-filter.vd-image-filter--brooklyn:before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: overlay; background: radial-gradient(50% 50%, circle closest-corner, #a8dfc1 0%, #b7c4c8 100%); background: radial-gradient(50% 50%, circle closest-corner, rgba(168, 223, 193, 0.4) 0%, rgba(183, 196, 200, 0.2) 100%); background-color: #a8dfc1; background-color: rgba(168, 223, 193, 0.4); } .vd-image-filter.vd-image-filter--darken { -webkit-filter: contrast(120%) brightness(80%) grayscale(25%); filter: contrast(120%) brightness(80%) grayscale(25%); } .vd-image-filter.vd-image-filter--darken:before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: multiply; /* IE 5-7 */ filter: alpha(opacity=35); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)"; /* Netscape */ -moz-opacity: 0.35; /* Safari 1.x */ -khtml-opacity: 0.35; /* Good browsers */ opacity: 0.35; background: radial-gradient(50% 50%, circle closest-corner, #000000 10%, #464646 100%); background: radial-gradient(50% 50%, circle closest-corner, rgba(0, 0, 0, 0.25) 10%, rgba(70, 70, 70, 0) 100%); background-color: #000000; background-color: rgba(0, 0, 0, 0.25); } .vd-image-filter.vd-image-filter--earlybird { -webkit-filter: contrast(90%) sepia(20%); filter: contrast(90%) sepia(20%); } .vd-image-filter.vd-image-filter--earlybird:before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: overlay; background: radial-gradient(50% 50%, circle closest-corner, #d0ba8e 20%, #1d0210 100%); background: radial-gradient(50% 50%, circle closest-corner, #d0ba8e 20%, rgba(29, 2, 16, 0.2) 100%); background-color: #d0ba8e; } .vd-image-filter.vd-image-filter--gingham { -webkit-filter: brightness(105%) hue-rotate(350deg); filter: brightness(105%) hue-rotate(350deg); } .vd-image-filter.vd-image-filter--hefe { -webkit-filter: contrast(1.3) sepia(0.3) saturate(1.3) hue-rotate(-10deg) brightness(0.95); filter: contrast(1.3) sepia(0.3) saturate(1.3) hue-rotate(-10deg) brightness(0.95); } .vd-image-filter.vd-image-filter--hudson { -webkit-filter: contrast(90%) brightness(120%) saturate(110%); filter: contrast(90%) brightness(120%) saturate(110%); } .vd-image-filter.vd-image-filter--hudson:before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: multiply; /* IE 5-7 */ filter: alpha(opacity=50); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; background: radial-gradient(50% 50%, circle closest-corner, #ffb1a6 50%, #342134 100%); background-color: #ffb1a6; } .vd-image-filter.vd-image-filter--inkwell { -webkit-filter: contrast(110%) brightness(110%) sepia(30%) grayscale(100%); filter: contrast(110%) brightness(110%) sepia(30%) grayscale(100%); } .vd-image-filter.vd-image-filter--kelvin { -webkit-filter: sepia(0.4) saturate(2.4) brightness(1.3) contrast(1); filter: sepia(0.4) saturate(2.4) brightness(1.3) contrast(1); } .vd-image-filter.vd-image-filter--lofi { -webkit-filter: contrast(150%) saturate(110%) sephia(5%); filter: contrast(150%) saturate(110%) sephia(5%); } .vd-image-filter.vd-image-filter--lofi:before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: multiply; background: radial-gradient(50% 50%, circle closest-corner, #000000 70%, #222222 100%); background: radial-gradient(50% 50%, circle closest-corner, rgba(0, 0, 0, 0) 70%, #222222 100%); background-color: #000000; background-color: rgba(0, 0, 0, 0); } .vd-image-filter.vd-image-filter--mayfair { -webkit-filter: saturate(1.4) contrast(1.1); filter: saturate(1.4) contrast(1.1); } .vd-image-filter.vd-image-filter--nashville { -webkit-filter: sepia(0.4) saturate(1.5) contrast(0.9) brightness(1.1) hue-rotate(-15deg); filter: sepia(0.4) saturate(1.5) contrast(0.9) brightness(1.1) hue-rotate(-15deg); } .vd-image-filter.vd-image-filter--perpetua:before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: soft-light; /* IE 5-7 */ filter: alpha(opacity=50); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; background: radial-gradient(50% 50%, circle closest-corner, #000000 70%, #222222 100%); background: radial-gradient(50% 50%, circle closest-corner, rgba(0, 0, 0, 0) 70%, #222222 100%); background-color: #000000; background-color: rgba(0, 0, 0, 0); } .vd-image-filter.vd-image-filter--reyes { -webkit-filter: contrast(85%) brightness(110%) saturate(75%) sepia(22%); filter: contrast(85%) brightness(110%) saturate(75%) sepia(22%); } .vd-image-filter.vd-image-filter--reyes:before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: soft-light; /* IE 5-7 */ filter: alpha(opacity=50); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; background: #adcdef; } .vd-image-filter.vd-image-filter--rise { -webkit-filter: saturate(1.4) sepia(0.25) hue-rotate(-15deg) contrast(0.8) brightness(1.1); filter: saturate(1.4) sepia(0.25) hue-rotate(-15deg) contrast(0.8) brightness(1.1); } .vd-image-filter.vd-image-filter--sierra { -webkit-filter: contrast(0.8) saturate(1.2) sepia(0.15); filter: contrast(0.8) saturate(1.2) sepia(0.15); } .vd-image-filter.vd-image-filter--sutro { -webkit-filter: brightness(0.75) contrast(1.3) sepia(0.5) hue-rotate(-25deg); filter: brightness(0.75) contrast(1.3) sepia(0.5) hue-rotate(-25deg); } .vd-image-filter.vd-image-filter--toaster { -webkit-filter: contrast(150%) brightness(90%); filter: contrast(150%) brightness(90%); } .vd-image-filter.vd-image-filter--toaster:before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: screen; /* IE 5-7 */ filter: alpha(opacity=50); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; background: radial-gradient(50% 50%, circle closest-corner, #0f4e80 100%, #3b003b 100%); background-color: #0f4e80; } .vd-image-filter.vd-image-filter--valencia { -webkit-filter: sepia(0.15) saturate(1.5) contrast(0.9); filter: sepia(0.15) saturate(1.5) contrast(0.9); } .vd-image-filter.vd-image-filter--walden { -webkit-filter: brightness(110%) saturate(160%) sepia(30%) hue-rotate(350deg); filter: brightness(110%) saturate(160%) sepia(30%) hue-rotate(350deg); } .vd-image-filter.vd-image-filter--walden:before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: screen; /* IE 5-7 */ filter: alpha(opacity=30); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /* Netscape */ -moz-opacity: 0.3; /* Safari 1.x */ -khtml-opacity: 0.3; /* Good browsers */ opacity: 0.3; background: #cc4400; } .vd-image-filter.vd-image-filter--willow { -webkit-filter: saturate(0.02) contrast(0.85) brightness(1.2) sepia(0.02); filter: saturate(0.02) contrast(0.85) brightness(1.2) sepia(0.02); } .vd-image-filter.vd-image-filter--xpro2 { -webkit-filter: sepia(30%); filter: sepia(30%); } .vd-image-filter.vd-image-filter--xpro2:before { content: ""; display: block; height: 100%; width: 100%; top: 0; left: 0; position: absolute; pointer-events: none; mix-blend-mode: color-burn; /* IE 5-7 */ filter: alpha(opacity=40); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* Netscape */ -moz-opacity: 0.4; /* Safari 1.x */ -khtml-opacity: 0.4; /* Good browsers */ opacity: 0.4; background: radial-gradient(50% 50%, circle closest-corner, #e0e7e6 40%, #2b2aa1 100%); background: radial-gradient(50% 50%, circle closest-corner, #e0e7e6 40%, rgba(43, 42, 161, 0.6) 100%); background-color: #e0e7e6; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, to { webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @-webkit-keyframes bounce-in-down { 0%, 60%, 75%, 90%, to { webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { /* IE 5-7 */ filter: alpha(opacity=0); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounce-in-down { 0%, 60%, 75%, 90%, to { webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { /* IE 5-7 */ filter: alpha(opacity=0); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes bounce-right { 0%, 20%, 60%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 40% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } } @keyframes bounce-right { 0%, 20%, 60%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 40% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } } @-webkit-keyframes bounce-out { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { /* IE 5-7 */ filter: alpha(opacity=100); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { /* IE 5-7 */ filter: alpha(opacity=0); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounce-out { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { /* IE 5-7 */ filter: alpha(opacity=100); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { /* IE 5-7 */ filter: alpha(opacity=0); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @-webkit-keyframes bounce-out-up { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { /* IE 5-7 */ filter: alpha(opacity=100); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } to { /* IE 5-7 */ filter: alpha(opacity=0); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounce-out-up { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { /* IE 5-7 */ filter: alpha(opacity=100); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); } to { /* IE 5-7 */ filter: alpha(opacity=0); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @-webkit-keyframes bounce-in { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounce-in { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes heartbeat { 0% { -webkit-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); } 10% { -webkit-transform: rotate(45deg) scale(1.3); transform: rotate(45deg) scale(1.3); } 20% { -webkit-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); } 30% { -webkit-transform: rotate(45deg) scale(1.3); transform: rotate(45deg) scale(1.3); } 100% { -webkit-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); } } @keyframes heartbeat { 0% { -webkit-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); } 10% { -webkit-transform: rotate(45deg) scale(1.3); transform: rotate(45deg) scale(1.3); } 20% { -webkit-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); } 30% { -webkit-transform: rotate(45deg) scale(1.3); transform: rotate(45deg) scale(1.3); } 100% { -webkit-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @-webkit-keyframes rotate-y { from { /* IE 5-7 */ filter: alpha(opacity=100); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { /* IE 5-7 */ filter: alpha(opacity=0); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } } @keyframes rotate-y { from { /* IE 5-7 */ filter: alpha(opacity=100); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } to { /* IE 5-7 */ filter: alpha(opacity=0); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } } @-webkit-keyframes rubber-band { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); /* IE 5-7 */ filter: alpha(opacity=0); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); /* IE 5-7 */ filter: alpha(opacity=100); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transform: rotate(12.5deg); transform: rotate(12.5deg); } } @keyframes rubber-band { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); /* IE 5-7 */ filter: alpha(opacity=0); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); /* IE 5-7 */ filter: alpha(opacity=100); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transform: rotate(12.5deg); transform: rotate(12.5deg); } } .vd-animate { /** * speed */ webkit-animation-duration: 1s; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-duration: 1s; animation-duration: 1s; /** * iteration */ webkit-animation-iteration-count: 1; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-iteration-count: 1; animation-iteration-count: 1; /** * direction */ webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-animation-direction: normal; -webkit-animation-direction: normal; animation-direction: normal; /** * animations */ } .vd-animate.vd-animate--turbo { webkit-animation-duration: 250ms; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-duration: 250ms; animation-duration: 250ms; } .vd-animate.vd-animate--fast { webkit-animation-duration: 500ms; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-duration: 500ms; animation-duration: 500ms; } .vd-animate.vd-animate--slow { webkit-animation-duration: 1250ms; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-duration: 1250ms; animation-duration: 1250ms; } .vd-animate.vd-animate--lame { webkit-animation-duration: 1500ms; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-duration: 1500ms; animation-duration: 1500ms; } .vd-animate.vd-animate--infinite { webkit-animation-iteration-count: infinite; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .vd-animate.vd-animate--maintain { webkit-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .vd-animate.vd-animate--heartbeat { webkit-animation-name: heartbeat; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-name: heartbeat; animation-name: heartbeat; } .vd-animate.vd-animate--bounce { webkit-animation-name: bounce; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-name: bounce; animation-name: bounce; } .vd-animate.vd-animate--bounce-in { webkit-animation-name: bounce-in; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-name: bounce-in; animation-name: bounce-in; } .vd-animate.vd-animate--bounce-in-down { webkit-animation-name: bounce-in-down; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-name: bounce-in-down; animation-name: bounce-in-down; } .vd-animate.vd-animate--bounce-right { webkit-animation-name: bounce-right; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-name: bounce-right; animation-name: bounce-right; } .vd-animate.vd-animate--bounce-out { webkit-animation-name: bounce-out; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-name: bounce-out; animation-name: bounce-out; } .vd-animate.vd-animate--bounce-out-up { webkit-animation-name: bounce-out-up; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-name: bounce-out-up; animation-name: bounce-out-up; } .vd-animate.vd-animate--pulse { webkit-animation-name: pulse; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-name: pulse; animation-name: pulse; } .vd-animate.vd-animate--rotate-y { webkit-animation-name: rotate-y; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-name: rotate-y; animation-name: rotate-y; } .vd-animate.vd-animate--rubber-band { webkit-animation-name: rubber-band; /* Safari 4+ */ /* Fx 5+ */ /* Opera 12+ */ -webkit-animation-name: rubber-band; animation-name: rubber-band; } body.layout.layout--microsite > header { top: -50px; } @media only screen and (min-width: 768px) { body.layout.layout--microsite > header { top: -110px; } } @media only screen and (min-width: 1280px) { body.layout.layout--microsite > header { top: -110px; } } body.layout.layout--microsite > #hero { background-color: #2a2a2a; } body.layout.layout--microsite > #hero h1 { color: white; padding: 0 0 9px; } body.layout.layout--microsite > #hero .hero__back picture { /* IE 5-7 */ filter: alpha(opacity=0); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } @media only screen and (min-width: 1280px) { body.layout.layout--microsite > #hero .hero__front { border: 15px solid #fff; border-bottom: none; } } body.layout.layout--microsite > #hero:not(.animated) .brand__logo.turnaround { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transition: 1.5s; transition: 1.5s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } body.layout.layout--microsite.display-bg.display-bg--hero > #hero .hero__back picture { /* IE 5-7 */ filter: alpha(opacity=100); /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; -webkit-transition: 1500ms all ease-in; transition: 1500ms all ease-in; } body.layout.layout--focus > #hero { margin-top: 70px; } @media only screen and (min-width: 768px) { body.layout.layout--focus > #hero { margin-top: 130px; } } @media only screen and (min-width: 1280px) { body.layout.layout--focus > #hero { margin-top: 130px; } } body.template.template--testimonial header h1 { display: block; position: relative; } body.template.template--testimonial header h1:after { content: ''; width: 10%; background-color: #2a2a2a; height: 3px; border-radius: 1.5px; position: absolute; z-index: 1; bottom: -15px; left: 45%; } body.template.template--testimonial header .subtitle { font-weight: 900; margin-top: 30px; text-align: center; } body.template.template--testimonial header .date { text-align: center; } body.template.template--testimonial header .date, body.template.template--testimonial header .subtitle { line-height: 1.5; padding-top: 9px; } body.template.template--testimonial main .testimonial > .vd-wrapper { margin-bottom: 75px; } body.template.template--testimonial main .testimonial > .vd-wrapper:before { content: ''; height: 75px; width: 75px; position: absolute; left: -100px; top: -25px; z-index: 1; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22quote%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20100%20100%22%20style%3D%22enable-background%3Anew%200%200%20100%20100%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23e2537e%22%20d%3D%22M23.2%2C44v8h20.1v43.3H0V52h0v-8C0%2C27.6%2C4.7%2C15.5%2C14%2C7.9C20.4%2C2.7%2C28.5%2C0%2C38.1%2C0v23.2%20C32.9%2C23.2%2C23.2%2C23.2%2C23.2%2C44z%20M94.8%2C23.2V0c-9.6%2C0-17.7%2C2.7-24.1%2C7.9c-9.3%2C7.6-14%2C19.7-14%2C36.1v8l0%2C0v43.3H100V52H79.9v-8%20C79.9%2C23.2%2C89.6%2C23.2%2C94.8%2C23.2z%22%2F%3E%3C%2Fsvg%3E"); } body.template.template--styleguide.layout.layout--default .body__container { height: 100%; width: 100%; } body.template.template--styleguide.layout.layout--default .body__container > header { height: 128px; } body.template.template--styleguide.layout.layout--default .body__container > header .header__top { height: 40px; } body.template.template--styleguide.layout.layout--default .body__container > header .header__bottom { height: 88px; } body.template.template--styleguide.layout.layout--default .body__container > header .vd-flex .vd-flex__item:first-child { -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 33%; flex: 0 0 33%; flex: 0 0 33%; width: 33%; } body.template.template--styleguide.layout.layout--default .body__container > header .vd-flex .vd-flex__item:last-child { -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex: 0 0 67%; flex: 0 0 67%; flex: 0 0 67%; width: 67%; } body.template.template--styleguide.layout.layout--default .body__container > header .vd-flex .vd-flex__item:last-child > * { text-align: right; } body.template.template--styleguide.layout.layout--default .body__container > header .brand__logo { height: 80px; margin-top: 40px; } body.template.template--styleguide.layout.layout--default .body__container > header .brand__logo svg { height: 100%; width: auto; } body.template.template--styleguide.layout.layout--default .body__container > header .vd-menu.vd-menu--language { height: 40px; overflow: hidden; } body.template.template--styleguide.layout.layout--default .body__container > header .vd-menu.vd-menu--language li { height: 40px; line-height: 40px; background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22svgArrowDown%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20129%20129%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20enable-background%3D%22new%200%200%20129%20129%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23efefef%22%20d%3D%22m121.3%2C34.6c-1.6-1.6-4.2-1.6-5.8%2C0l-51%2C51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8%2C0-1.6%2C1.6-1.6%2C4.2%200%2C5.8l53.9%2C53.9c0.8%2C0.8%201.8%2C1.2%202.9%2C1.2%201%2C0%202.1-0.4%202.9-1.2l53.9-53.9c1.7-1.6%201.7-4.2%200.1-5.8z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: right 13px center; background-size: auto 50%; background-repeat: no-repeat; } body.template.template--styleguide.layout.layout--default .body__container > header .vd-menu.vd-menu--language li span { padding: 0 39px 0 13px; display: inline-block; text-transform: uppercase; } body.template.template--styleguide.layout.layout--default .body__container > header .vd-menu.vd-menu--language li.status.status--inactive { display: none; } body.template.template--styleguide.layout.layout--default .body__container > header .vd-menu.vd-menu--language li.status.status--active { display: block; background-color: #2a2a2a; color: #efefef; } .vd-menu.vd-menu--dropdown li { background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20id%3D%22svgArrowDown%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20129%20129%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20enable-background%3D%22new%200%200%20129%20129%22%3E%3Cg%3E%3Cpath%20fill%3D%22%232a2a2a%22%20d%3D%22m121.3%2C34.6c-1.6-1.6-4.2-1.6-5.8%2C0l-51%2C51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8%2C0-1.6%2C1.6-1.6%2C4.2%200%2C5.8l53.9%2C53.9c0.8%2C0.8%201.8%2C1.2%202.9%2C1.2%201%2C0%202.1-0.4%202.9-1.2l53.9-53.9c1.7-1.6%201.7-4.2%200.1-5.8z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: right center; background-size: 50% 50%; background-repeat: no-repeat; }