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, em, img, ins, kbd, q, s, samp, small, strike, strong, 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 } 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 } .show-xs-only { display: block } .show-sm-only { display: none } .show-md-only { display: none } .show-lg-only { display: none } .show-sm-down { display: block } .show-md-down { display: block } .show-sm-up { display: none } .show-sm-up--inline { display: none } .show-md-up { display: none } @media only screen and (min-width: 48em) { .show-xs-only { display: none } .show-sm-only { display: block } .show-md-only { display: none } .show-lg-only { display: none } .show-sm-down { display: block } .show-md-down { display: block } .show-sm-up { display: block } .show-sm-up--inline { display: inline } .show-md-up { display: none } } @media only screen and (min-width: 64em) { .show-xs-only { display: none } .show-sm-only { display: none } .show-md-only { display: block } .show-lg-only { display: none } .show-sm-down { display: none } .show-md-down { display: block } .show-sm-up { display: block } .show-sm-up--inline { display: inline } .show-md-up { display: block } } @media only screen and (min-width: 75em) { .show-xs-only { display: none } .show-sm-only { display: none } .show-md-only { display: none } .show-lg-only { display: block } .show-sm-down { display: none } .show-md-down { display: none } .show-sm-up { display: block } .show-sm-up--inline { display: inline } .show-md-up { display: block } } .flex { display: flex } .flex--1 { flex: 1 } .container-fluid, .container { max-width: 1200px } .container-fluid, .container { box-sizing: border-box; margin-right: auto; margin-left: auto; position: relative; padding-right: 2rem; padding-left: 2rem } @media only screen and (max-width: 48em) { .container-fluid, .container { padding-right: 1rem; padding-left: 1rem } } .row, .boxes--alternating, .boxes--pair { box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -0.5rem; margin-left: -0.5rem } .row.nocol, .nocol.boxes--alternating, .nocol.boxes--pair { -ms-flex-wrap: unset; flex-wrap: unset } @media only screen and (max-width: 47em) { .row.nocol.xs-all-12-centered, .nocol.xs-all-12-centered.boxes--alternating, .nocol.xs-all-12-centered.boxes--pair { display: block } .row.nocol.xs-all-12-centered>*:not(img), .nocol.xs-all-12-centered.boxes--alternating>*:not(img), .nocol.xs-all-12-centered.boxes--pair>*:not(img) { width: 100% } .row.nocol.xs-all-6-centered, .nocol.xs-all-6-centered.boxes--alternating, .nocol.xs-all-6-centered.boxes--pair { display: flex } .row.nocol.xs-all-6-centered>*:not(img), .nocol.xs-all-6-centered.boxes--alternating>*:not(img), .nocol.xs-all-6-centered.boxes--pair>*:not(img) { width: 50% } } @media only screen and (min-width: 47.001em) and (max-width: 63.999em) { .row.nocol.md-all-12-centered, .nocol.md-all-12-centered.boxes--alternating, .nocol.md-all-12-centered.boxes--pair { display: block } .row.nocol.md-all-12-centered>*:not(img), .nocol.md-all-12-centered.boxes--alternating>*:not(img), .nocol.md-all-12-centered.boxes--pair>*:not(img) { width: 100% } .row.nocol.md-all-6-centered, .nocol.md-all-6-centered.boxes--alternating, .nocol.md-all-6-centered.boxes--pair { display: flex } .row.nocol.md-all-6-centered>*:not(img), .nocol.md-all-6-centered.boxes--alternating>*:not(img), .nocol.md-all-6-centered.boxes--pair>*:not(img) { width: 50% } } .row.nocol.gutter--small>div, .nocol.gutter--small.boxes--alternating>div, .nocol.gutter--small.boxes--pair>div { margin-right: 15px } .row.nocol.gutter--small>div:last-of-type, .nocol.gutter--small.boxes--alternating>div:last-of-type, .nocol.gutter--small.boxes--pair>div:last-of-type { margin-right: 0px } .row.nocol.gutter--medium>div, .nocol.gutter--medium.boxes--alternating>div, .nocol.gutter--medium.boxes--pair>div { margin-right: 25px } .row.nocol.gutter--medium>div:last-of-type, .nocol.gutter--medium.boxes--alternating>div:last-of-type, .nocol.gutter--medium.boxes--pair>div:last-of-type { margin-right: 0px } .row.nocol.gutter--large>div, .nocol.gutter--large.boxes--alternating>div, .nocol.gutter--large.boxes--pair>div { margin-right: 40px } .row.nocol.gutter--large>div:last-of-type, .nocol.gutter--large.boxes--alternating>div:last-of-type, .nocol.gutter--large.boxes--pair>div:last-of-type { margin-right: 0px } .row.nocol.gutter--huge>div, .nocol.gutter--huge.boxes--alternating>div, .nocol.gutter--huge.boxes--pair>div { margin-right: 55px } .row.nocol.gutter--huge>div:last-of-type, .nocol.gutter--huge.boxes--alternating>div:last-of-type, .nocol.gutter--huge.boxes--pair>div:last-of-type { margin-right: 0px } .row .row:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--purple):not(.button--purple), .boxes--alternating .row:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--purple):not(.button--purple), .boxes--pair .row:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--purple):not(.button--purple), .row .boxes--alternating:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--purple):not(.button--purple), .boxes--alternating .boxes--alternating:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--purple):not(.button--purple), .boxes--pair .boxes--alternating:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--purple):not(.button--purple), .row .boxes--pair:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--purple):not(.button--purple), .boxes--alternating .boxes--pair:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--purple):not(.button--purple), .boxes--pair .boxes--pair:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--purple):not(.button--purple), .row .row div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--purple):not(.button--purple), .boxes--alternating .row div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--purple):not(.button--purple), .boxes--pair .row div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--purple):not(.button--purple), .row .boxes--alternating div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--purple):not(.button--purple), .boxes--alternating .boxes--alternating div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--purple):not(.button--purple), .boxes--pair .boxes--alternating div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--purple):not(.button--purple), .row .boxes--pair div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--purple):not(.button--purple), .boxes--alternating .boxes--pair div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--purple):not(.button--purple), .boxes--pair .boxes--pair div[class^="col-"]:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--purple):not(.button--purple), div[class^="col-"].nopadding:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--purple):not(.button--purple) { margin-left: 0px !important; margin-right: 0px !important; padding-left: 0px !important; padding-right: 0px !important } .row.reverse, .boxes--alternating, .reverse.boxes--pair { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse } .col.reverse, .boxes--alternating { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .text-quote.text-quote--alternating:nth-of-type(even)>.col-sm-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem } .col-xs { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100% } .col-xs-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333% } .col-xs-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667% } .col-xs-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25% } .col-xs-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333% } .col-xs-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667% } .col-xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50% } .col-xs-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333% } .col-xs-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667% } .col-xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75% } .col-xs-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333% } .col-xs-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667% } .col-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% } .gutter--small { justify-content: space-between } .gutter--small .col-xs-3 { -ms-flex-preferred-size: calc( 25% - 15px); flex-basis: calc( 25% - 15px); max-width: calc( 25% - 15px) } .gutter--small .col-xs-4 { -ms-flex-preferred-size: calc( 33.33333333% - 15px); flex-basis: calc( 33.33333333% - 15px); max-width: calc( 33.33333333% - 15px) } .gutter--small .col-xs-6 { -ms-flex-preferred-size: calc( 50% - 15px); flex-basis: calc( 50% - 15px); max-width: calc( 50% - 15px) } .gutter--small .col-xs-9 { -ms-flex-preferred-size: calc( 75% - 15px); flex-basis: calc( 75% - 15px); max-width: calc( 75% - 15px) } .gutter--medium { justify-content: space-between } .gutter--medium .col-xs-3 { -ms-flex-preferred-size: calc( 25% - 25px); flex-basis: calc( 25% - 25px); max-width: calc( 25% - 25px) } .gutter--medium .col-xs-4 { -ms-flex-preferred-size: calc( 33.33333333% - 25px); flex-basis: calc( 33.33333333% - 25px); max-width: calc( 33.33333333% - 25px) } .gutter--medium .col-xs-6 { -ms-flex-preferred-size: calc( 50% - 25px); flex-basis: calc( 50% - 25px); max-width: calc( 50% - 25px) } .gutter--medium .col-xs-9 { -ms-flex-preferred-size: calc( 75% - 25px); flex-basis: calc( 75% - 25px); max-width: calc( 75% - 25px) } .gutter--large { justify-content: space-between } .gutter--large>.col-xs-3 { -ms-flex-preferred-size: calc( 25% - 40px); flex-basis: calc( 25% - 40px); max-width: calc( 25% - 40px) } .gutter--large>.col-xs-4 { -ms-flex-preferred-size: calc( 33.33333333% - 40px); flex-basis: calc( 33.33333333% - 40px); max-width: calc( 33.33333333% - 40px) } .gutter--large>.col-xs-6 { -ms-flex-preferred-size: calc( 50% - 40px); flex-basis: calc( 50% - 40px); max-width: calc( 50% - 40px) } .gutter--large>.col-xs-9 { -ms-flex-preferred-size: calc( 75% - 40px); flex-basis: calc( 75% - 40px); max-width: calc( 75% - 40px) } .gutter--huge { justify-content: space-between } .gutter--huge .col-xs-3 { -ms-flex-preferred-size: calc( 25% - 55px); flex-basis: calc( 25% - 55px); max-width: calc( 25% - 55px) } .gutter--huge .col-xs-4 { -ms-flex-preferred-size: calc( 33.33333333% - 55px); flex-basis: calc( 33.33333333% - 55px); max-width: calc( 33.33333333% - 55px) } .gutter--huge .col-xs-6 { -ms-flex-preferred-size: calc( 50% - 55px); flex-basis: calc( 50% - 55px); max-width: calc( 50% - 55px) } .gutter--huge .col-xs-9 { -ms-flex-preferred-size: calc( 75% - 55px); flex-basis: calc( 75% - 55px); max-width: calc( 75% - 55px) } .col-xs-offset-0 { margin-left: 0 } .col-xs-offset-1 { margin-left: 8.33333333% } .col-xs-offset-2 { margin-left: 16.66666667% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-4 { margin-left: 33.33333333% } .col-xs-offset-5 { margin-left: 41.66666667% } .col-xs-offset-6, .text-quote.text-quote--alternating:nth-of-type(even)>.col-sm-6 { margin-left: 50% } .col-xs-offset-7 { margin-left: 58.33333333% } .col-xs-offset-8 { margin-left: 66.66666667% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-10 { margin-left: 83.33333333% } .col-xs-offset-11 { margin-left: 91.66666667% } .start-xs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start } .center-xs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } .end-xs { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end } .top-xs { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .middle-xs { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .bottom-xs { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .baseline-xs { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .around-xs { -ms-flex-pack: distribute; justify-content: space-around } .between-xs { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .first-xs { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .last-xs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } @media only screen and (min-width: 48em) { .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem } .col-sm { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100% } .col-sm-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333% } .col-sm-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667% } .col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25% } .col-sm-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333% } .col-sm-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667% } .col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50% } .col-sm-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333% } .col-sm-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667% } .col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75% } .col-sm-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333% } .col-sm-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667% } .col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% } .col-sm-offset-0 { margin-left: 0 } .col-sm-offset-1 { margin-left: 8.33333333% } .col-sm-offset-2 { margin-left: 16.66666667% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-4 { margin-left: 33.33333333% } .col-sm-offset-5 { margin-left: 41.66666667% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-7 { margin-left: 58.33333333% } .col-sm-offset-8 { margin-left: 66.66666667% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-10 { margin-left: 83.33333333% } .col-sm-offset-11 { margin-left: 91.66666667% } .gutter--small { justify-content: space-between } .gutter--small .col-sm-3 { -ms-flex-preferred-size: calc( 25% - 15px); flex-basis: calc( 25% - 15px); max-width: calc( 25% - 15px) } .gutter--small .col-sm-4 { -ms-flex-preferred-size: calc( 33.33333333% - 15px); flex-basis: calc( 33.33333333% - 15px); max-width: calc( 33.33333333% - 15px) } .gutter--small .col-sm-6 { -ms-flex-preferred-size: calc( 50% - 15px); flex-basis: calc( 50% - 15px); max-width: calc( 50% - 15px) } .gutter--medium { justify-content: space-between } .gutter--medium .col-sm-3 { -ms-flex-preferred-size: calc( 25% - 25px); flex-basis: calc( 25% - 25px); max-width: calc( 25% - 25px) } .gutter--medium .col-sm-4 { -ms-flex-preferred-size: calc( 33.33333333% - 25px); flex-basis: calc( 33.33333333% - 25px); max-width: calc( 33.33333333% - 25px) } .gutter--medium .col-sm-6 { -ms-flex-preferred-size: calc( 50% - 25px); flex-basis: calc( 50% - 25px); max-width: calc( 50% - 25px) } .gutter--large { justify-content: space-between } .gutter--large>.col-sm-3 { -ms-flex-preferred-size: calc( 25% - 40px); flex-basis: calc( 25% - 40px); max-width: calc( 25% - 40px) } .gutter--large>.col-sm-4 { -ms-flex-preferred-size: calc( 33.33333333% - 40px); flex-basis: calc( 33.33333333% - 40px); max-width: calc( 33.33333333% - 40px) } .gutter--large>.col-sm-6 { -ms-flex-preferred-size: calc( 50% - 40px); flex-basis: calc( 50% - 40px); max-width: calc( 50% - 40px) } .gutter--huge { justify-content: space-between } .gutter--huge .col-sm-3 { -ms-flex-preferred-size: calc( 25% - 55px); flex-basis: calc( 25% - 55px); max-width: calc( 25% - 55px) } .gutter--huge .col-sm-4 { -ms-flex-preferred-size: calc( 33.33333333% - 55px); flex-basis: calc( 33.33333333% - 55px); max-width: calc( 33.33333333% - 55px) } .gutter--huge .col-sm-6 { -ms-flex-preferred-size: calc( 50% - 55px); flex-basis: calc( 50% - 55px); max-width: calc( 50% - 55px) } .start-sm { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start } .center-sm { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } .end-sm { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end } .top-sm { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .middle-sm { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .bottom-sm { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .baseline-sm { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .around-sm { -ms-flex-pack: distribute; justify-content: space-around } .between-sm { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .first-sm { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .last-sm { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } @media only screen and (min-width: 64em) { .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-offset-0, .col-md-offset-1, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem } .col-md { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100% } .col-md-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333% } .col-md-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667% } .col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25% } .col-md-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333% } .col-md-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667% } .col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50% } .col-md-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333% } .col-md-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667% } .col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75% } .col-md-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333% } .col-md-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667% } .col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% } .gutter--small { justify-content: space-between } .gutter--small .col-md-3 { -ms-flex-preferred-size: calc( 25% - 15px); flex-basis: calc( 25% - 15px); max-width: calc( 25% - 15px) } .gutter--small .col-md-4 { -ms-flex-preferred-size: calc( 33.33333333% - 15px); flex-basis: calc( 33.33333333% - 15px); max-width: calc( 33.33333333% - 15px) } .gutter--small .col-md-6 { -ms-flex-preferred-size: calc( 50% - 15px); flex-basis: calc( 50% - 15px); max-width: calc( 50% - 15px) } .gutter--medium { justify-content: space-between } .gutter--medium .col-md-3 { -ms-flex-preferred-size: calc( 25% - 25px); flex-basis: calc( 25% - 25px); max-width: calc( 25% - 25px) } .gutter--medium .col-md-4 { -ms-flex-preferred-size: calc( 33.33333333% - 25px); flex-basis: calc( 33.33333333% - 25px); max-width: calc( 33.33333333% - 25px) } .gutter--medium .col-md-6 { -ms-flex-preferred-size: calc( 50% - 25px); flex-basis: calc( 50% - 25px); max-width: calc( 50% - 25px) } .gutter--large { justify-content: space-between } .gutter--large>.col-md-3 { -ms-flex-preferred-size: calc( 25% - 40px); flex-basis: calc( 25% - 40px); max-width: calc( 25% - 40px) } .gutter--large>.col-md-4 { -ms-flex-preferred-size: calc( 33.33333333% - 40px); flex-basis: calc( 33.33333333% - 40px); max-width: calc( 33.33333333% - 40px) } .gutter--large>.col-md-6 { -ms-flex-preferred-size: calc( 50% - 40px); flex-basis: calc( 50% - 40px); max-width: calc( 50% - 40px) } .gutter--huge { justify-content: space-between } .gutter--huge .col-md-3 { -ms-flex-preferred-size: calc( 25% - 55px); flex-basis: calc( 25% - 55px); max-width: calc( 25% - 55px) } .gutter--huge .col-md-4 { -ms-flex-preferred-size: calc( 33.33333333% - 55px); flex-basis: calc( 33.33333333% - 55px); max-width: calc( 33.33333333% - 55px) } .gutter--huge .col-md-6 { -ms-flex-preferred-size: calc( 50% - 55px); flex-basis: calc( 50% - 55px); max-width: calc( 50% - 55px) } .col-md-offset-0 { margin-left: 0 } .col-md-offset-1 { margin-left: 8.33333333% } .col-md-offset-2 { margin-left: 16.66666667% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-4 { margin-left: 33.33333333% } .col-md-offset-5 { margin-left: 41.66666667% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-7 { margin-left: 58.33333333% } .col-md-offset-8 { margin-left: 66.66666667% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-10 { margin-left: 83.33333333% } .col-md-offset-11 { margin-left: 91.66666667% } .start-md { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start } .center-md { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } .end-md { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end } .top-md { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .middle-md { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .bottom-md { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .baseline-md { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .around-md { -ms-flex-pack: distribute; justify-content: space-around } .between-md { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .first-md { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .last-md { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } @media only screen and (min-width: 75em) { .container { width: 76rem } .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem } .col-lg { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100% } .col-lg-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333% } .col-lg-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667% } .col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25% } .col-lg-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333% } .col-lg-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667% } .col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50% } .col-lg-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333% } .col-lg-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667% } .col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75% } .col-lg-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333% } .col-lg-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667% } .col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100% } .gutter--small { justify-content: space-between } .gutter--small .col-lg-3 { -ms-flex-preferred-size: calc( 25% - 15px); flex-basis: calc( 25% - 15px); max-width: calc( 25% - 15px) } .gutter--small .col-lg-4 { -ms-flex-preferred-size: calc( 33.33333333% - 15px); flex-basis: calc( 33.33333333% - 15px); max-width: calc( 33.33333333% - 15px) } .gutter--small .col-lg-6 { -ms-flex-preferred-size: calc( 50% - 15px); flex-basis: calc( 50% - 15px); max-width: calc( 50% - 15px) } .gutter--medium { justify-content: space-between } .gutter--medium .col-lg-3 { -ms-flex-preferred-size: calc( 25% - 25px); flex-basis: calc( 25% - 25px); max-width: calc( 25% - 25px) } .gutter--medium .col-lg-4 { -ms-flex-preferred-size: calc( 33.33333333% - 25px); flex-basis: calc( 33.33333333% - 25px); max-width: calc( 33.33333333% - 25px) } .gutter--medium .col-lg-6 { -ms-flex-preferred-size: calc( 50% - 25px); flex-basis: calc( 50% - 25px); max-width: calc( 50% - 25px) } .gutter--large { justify-content: space-between } .gutter--large>.col-lg-3 { -ms-flex-preferred-size: calc( 25% - 40px); flex-basis: calc( 25% - 40px); max-width: calc( 25% - 40px) } .gutter--large>.col-lg-4 { -ms-flex-preferred-size: calc( 33.33333333% - 40px); flex-basis: calc( 33.33333333% - 40px); max-width: calc( 33.33333333% - 40px) } .gutter--large>.col-lg-6 { -ms-flex-preferred-size: calc( 50% - 40px); flex-basis: calc( 50% - 40px); max-width: calc( 50% - 40px) } .gutter--huge { justify-content: space-between } .gutter--huge .col-lg-3 { -ms-flex-preferred-size: calc( 25% - 55px); flex-basis: calc( 25% - 55px); max-width: calc( 25% - 55px) } .gutter--huge .col-lg-4 { -ms-flex-preferred-size: calc( 33.33333333% - 55px); flex-basis: calc( 33.33333333% - 55px); max-width: calc( 33.33333333% - 55px) } .gutter--huge .col-lg-6 { -ms-flex-preferred-size: calc( 50% - 55px); flex-basis: calc( 50% - 55px); max-width: calc( 50% - 55px) } .col-lg-offset-0 { margin-left: 0 } .col-lg-offset-1 { margin-left: 8.33333333% } .col-lg-offset-2 { margin-left: 16.66666667% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-4 { margin-left: 33.33333333% } .col-lg-offset-5 { margin-left: 41.66666667% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-7 { margin-left: 58.33333333% } .col-lg-offset-8 { margin-left: 66.66666667% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-10 { margin-left: 83.33333333% } .col-lg-offset-11 { margin-left: 91.66666667% } .start-lg { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start } .center-lg { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center } .end-lg { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end } .top-lg { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .middle-lg { -webkit-box-align: center; -ms-flex-align: center; align-items: center } .bottom-lg { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end } .baseline-lg { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline } .around-lg { -ms-flex-pack: distribute; justify-content: space-around } .between-lg { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .first-lg { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .last-lg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } @font-face { font-family: 'Brandon Text'; src: url("/fonts/BrandonText-Light.eot"); src: url("/fonts/BrandonText-Light.otf") format("embedded-opentype"), url("/fonts/BrandonText-Light.woff") format("woff"), url("/fonts/BrandonText-Light.ttf") format("truetype"); font-style: normal; font-weight: 300 } @font-face { font-family: 'Brandon Text'; src: url("/fonts/BrandonText-Medium.eot"); src: url("/fonts/BrandonText-Medium.otf") format("embedded-opentype"), url("/fonts/BrandonText-Medium.woff") format("woff"), url("/fonts/BrandonText-Medium.ttf") format("truetype"); font-style: normal; font-weight: 600 } @font-face { font-family: 'Bauhaus'; src: url("/fonts/Bauhaus.ttf") format("truetype"); font-style: normal; font-weight: 300 } @font-face { font-family: 'Hasklig-Bold'; src: url("/fonts/Hasklig-Bold.otf") format("embedded-opentype"); font-style: normal; font-weight: 300 } @font-face { font-family: 'Hasklig-Regular'; src: url("/fonts/Hasklig-Regular.otf") format("embedded-opentype"); font-style: normal; font-weight: 300 } @font-face { font-family: 'Hasklig-Light'; src: url("/fonts/Hasklig-Light.otf") format("embedded-opentype"); font-style: normal; font-weight: 300 } @font-face { font-family: 'Hasklig-ExtraLight'; src: url("/fonts/Hasklig-ExtraLight.otf") format("embedded-opentype"); font-style: normal; font-weight: 300 } body { font-family: 'Roboto'; font-weight: 300; font-size: 16px; line-height: 1.6; color: #6E7076 } .color--white, .plan-box--active.plan-box--active--color--white { color: #fff } .color--white .heading, .plan-box--active.plan-box--active--color--white .heading, .color--white .heading--white, .plan-box--active.plan-box--active--color--white .heading--white, .color--white .heading--huge, .plan-box--active.plan-box--active--color--white .heading--huge, .color--white .heading--large, .plan-box--active.plan-box--active--color--white .heading--large, .color--white .user-content h2, .user-content .color--white h2, .plan-box--active.plan-box--active--color--white .user-content h2, .user-content .plan-box--active.plan-box--active--color--white h2, .color--white .heading--big, .plan-box--active.plan-box--active--color--white .heading--big, .color--white .heading--medium, .plan-box--active.plan-box--active--color--white .heading--medium, .color--white .user-content h3, .user-content .color--white h3, .plan-box--active.plan-box--active--color--white .user-content h3, .user-content .plan-box--active.plan-box--active--color--white h3, .color--white .heading--normal, .plan-box--active.plan-box--active--color--white .heading--normal, .color--white .heading--small, .plan-box--active.plan-box--active--color--white .heading--small, .color--white .plan-box__name, .plan-box--active.plan-box--active--color--white .plan-box__name, .color--white .plan-box--up-to, .plan-box--active.plan-box--active--color--white .plan-box--up-to, .color--white .user-content h5, .user-content .color--white h5, .plan-box--active.plan-box--active--color--white .user-content h5, .user-content .plan-box--active.plan-box--active--color--white h5, .color--white .heading--tiny, .plan-box--active.plan-box--active--color--white .heading--tiny, .color--white.heading, .color--white.heading--white, .heading--white.plan-box--active.plan-box--active--color--white, .color--white.heading--huge, .heading--huge.plan-box--active.plan-box--active--color--white, .color--white.heading--large, .heading--large.plan-box--active.plan-box--active--color--white, .user-content h2.plan-box--active.plan-box--active--color--white, .user-content h2.color--white, .color--white.heading--big, .heading--big.plan-box--active.plan-box--active--color--white, .color--white.heading--medium, .heading--medium.plan-box--active.plan-box--active--color--white, .user-content h3.plan-box--active.plan-box--active--color--white, .user-content h3.color--white, .color--white.heading--normal, .heading--normal.plan-box--active.plan-box--active--color--white, .color--white.heading--small, .color--white.plan-box__name, .plan-box__name.plan-box--active.plan-box--active--color--white, .color--white.plan-box--up-to, .plan-box--up-to.plan-box--active.plan-box--active--color--white, .heading--small.plan-box--active.plan-box--active--color--white, .user-content h5.plan-box--active.plan-box--active--color--white, .user-content h5.color--white, .color--white.heading--tiny, .heading--tiny.plan-box--active.plan-box--active--color--white, .heading.plan-box--active.plan-box--active--color--white { color: #fff } .color--eta{ color: #2cd4d9; } .color--eta .heading, .color--eta .heading--white, .color--eta .heading--huge, .color--eta .heading--large, .color--eta .user-content h2, .user-content .color--eta h2, .color--eta .heading--big, .color--eta .heading--medium, .color--eta .user-content h3, .user-content .color--eta h3, .color--eta .heading--normal, .color--eta .heading--small, .color--eta .plan-box__name, .color--eta .plan-box--up-to, .color--eta .user-content h5, .user-content .color--eta h5, .color--eta .heading--tiny, .color--eta.heading, .color--eta.heading--white, .color--eta.heading--huge, .color--eta.heading--large, .user-content h2.color--eta, .color--eta.heading--big, .color--eta.heading--medium, .user-content h3.color--eta, .color--eta.heading--normal, .color--eta.heading--small, .color--eta.plan-box__name, .color--eta.plan-box--up-to, .user-content h5.color--eta, .color--eta.heading--tiny { color: #2cd4d9; } .color--green { color: #2cd4d9 } .color--green .heading, .color--green .heading--white, .color--green .heading--huge, .color--green .heading--large, .color--green .user-content h2, .user-content .color--green h2, .color--green .heading--big, .color--green .heading--medium, .color--green .user-content h3, .user-content .color--green h3, .color--green .heading--normal, .color--green .heading--small, .color--green .plan-box__name, .color--green .plan-box--up-to, .color--green .user-content h5, .user-content .color--green h5, .color--green .heading--tiny, .color--green.heading, .color--green.heading--white, .color--green.heading--huge, .color--green.heading--large, .user-content h2.color--green, .color--green.heading--big, .color--green.heading--medium, .user-content h3.color--green, .color--green.heading--normal, .color--green.heading--small, .color--green.plan-box__name, .color--green.plan-box--up-to, .user-content h5.color--green, .color--green.heading--tiny { color: #2cd4d9 } .color--purple { color: #5333ed } .color--grey{ color: grey; } .color--purple .heading, .color--purple .heading--white, .color--purple .heading--huge, .color--purple .heading--large, .color--purple .user-content h2, .user-content .color--purple h2, .color--purple .heading--big, .color--purple .heading--medium, .color--purple .user-content h3, .user-content .color--purple h3, .color--purple .heading--normal, .color--purple .heading--small, .color--purple .plan-box__name, .color--purple .plan-box--up-to, .color--purple .user-content h5, .user-content .color--purple h5, .color--purple .heading--tiny, .color--purple.heading, .color--purple.heading--white, .color--purple.heading--huge, .color--purple.heading--large, .user-content h2.color--purple, .color--purple.heading--big, .color--purple.heading--medium, .user-content h3.color--purple, .color--purple.heading--normal, .color--purple.heading--small, .color--purple.plan-box__name, .color--purple.plan-box--up-to, .user-content h5.color--purple, .color--purple.heading--tiny { color: #5333ed } .color--blue { color: #150773 } .color--blue .heading, .color--blue .heading--white, .color--blue .heading--huge, .color--blue .heading--large, .color--blue .user-content h2, .user-content .color--blue h2, .color--blue .heading--big, .color--blue .heading--medium, .color--blue .user-content h3, .user-content .color--blue h3, .color--blue .heading--normal, .color--blue .heading--small, .color--blue .plan-box__name, .color--blue .plan-box--up-to, .color--blue .user-content h5, .user-content .color--blue h5, .color--blue .heading--tiny, .color--blue.heading, .color--blue.heading--white, .color--blue.heading--huge, .color--blue.heading--large, .user-content h2.color--blue, .color--blue.heading--big, .color--blue.heading--medium, .user-content h3.color--blue, .color--blue.heading--normal, .color--blue.heading--small, .color--blue.plan-box__name, .color--blue.plan-box--up-to, .user-content h5.color--blue, .color--blue.heading--tiny { color: #150773 } .color--darkBlue { color: #0c022f } .color--darkBlue .heading, .color--darkBlue .heading--white, .color--darkBlue .heading--huge, .color--darkBlue .heading--large, .color--darkBlue .user-content h2, .user-content .color--darkBlue h2, .color--darkBlue .heading--big, .color--darkBlue .heading--medium, .color--darkBlue .user-content h3, .user-content .color--darkBlue h3, .color--darkBlue .heading--normal, .color--darkBlue .heading--small, .color--darkBlue .plan-box__name, .color--darkBlue .plan-box--up-to, .color--darkBlue .user-content h5, .user-content .color--darkBlue h5, .color--darkBlue .heading--tiny, .color--darkBlue.heading, .color--darkBlue.heading--white, .color--darkBlue.heading--huge, .color--darkBlue.heading--large, .user-content h2.color--darkBlue, .color--darkBlue.heading--big, .color--darkBlue.heading--medium, .user-content h3.color--darkBlue, .color--darkBlue.heading--normal, .color--darkBlue.heading--small, .color--darkBlue.plan-box__name, .color--darkBlue.plan-box--up-to, .user-content h5.color--darkBlue, .color--darkBlue.heading--tiny { color: #0c022f } .heading, .heading--white, .heading--huge, .heading--large, .user-content h2, .heading--big, .heading--medium, .user-content h3, .heading--normal, .heading--small, .plan-box__name, .plan-box--up-to, .user-content h5, .heading--tiny { font-family: 'Brandon Text'; font-weight: 300; line-height: 1.2; color: #43414e } .heading--white { color: #fff } .heading--huge { font-size: 52px } .heading--large, .user-content h2 { font-size: 46px } .heading--big { font-size: 40px } .heading--medium, .user-content h3 { font-size: 28px } .heading--normal { font-size: 22px; font-weight: 600 } .heading--small, .plan-box__name, .plan-box--up-to, .user-content h5 { font-size: 18px; font-weight: 600 } .heading--tiny { font-size: 14px; font-weight: 600; text-transform: uppercase } @media only screen and (max-width: 48em) { .heading--huge { font-size: 32px } .heading--large, .user-content h2 { font-size: 32px } } .text--link, .text--link--greenhover, .text--link--green--underline, .breadcrumb li>a { color: inherit; text-decoration: none; transition: all 120ms linear } .text--link:hover, .text--link--greenhover:hover, .text--link--green--underline:hover, .breadcrumb li>a:hover, .text--link.hovered, .hovered.text--link--greenhover, .hovered.text--link--green--underline, .breadcrumb li>a.hovered { color: #5333ed } .text--link--greenhover:hover, .text--link--greenhover.hovered { color: #2cd4d9 } .text--link--underlined { text-decoration: underline } .text--link--green--underline { text-decoration: none; border-bottom: 2px solid #2cd4d9 } .link--purple--green--underline, .user-content a:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--purple):not(.button--purple) { color: #5333ed; text-decoration: none; border-bottom: 2px solid #2cd4d9; position: relative } .link--purple--green--underline:before, .user-content a:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--purple):not(.button--purple):before { width: 0px; position: absolute; content: ' '; border-bottom: 2px solid #5333ed; transition: all 120ms linear; height: 100%; top: 0px } .link--purple--green--underline:hover:before, .user-content a:not(.button):not(.button--text--purple):not(.button--text--green):not(.button--text--white):not(.button--ghost--white):not(.button--ghost--gray):not(.comment-reply-link):not(.button--ghost--green):not(.button--ghost--purple):not(.button--purple):not(.button--purple):hover:before { width: 100% } .text--center { text-align: center } .text--right { text-align: right } .text--left { text-align: left } @media only screen and (max-width: 47em) { .xs--text--center { text-align: center } } .text--right { text-align: right } .text--small, .kinsta-form label, .user-content table, .user-content pre, .user-content code, .user-content .wp-caption-text, .site-menu__nav { font-size: 14px } .text--tiny, .breadcrumb li span, .breadcrumb li a, .label, .label--green, .label--purple, .label--blue { font-size: 12px } .text--large, .user-content { font-size: 18px; line-height: 1.6 } .text--huge { font-size: 22px } .text--bold, .kinsta-form label:not(.optional), .user-content table th, .label:not(.label--small), .label--green:not(.label--small), .label--purple:not(.label--small), .label--blue:not(.label--small), strong { font-weight: 600 } .text--semibold { font-weight: 500 } .nowrap { white-space: nowrap } .link--noformat { color: inherit; text-decoration: none } .link--noformat:hover { color: inherit } .opacity--10 { opacity: 0.1 } .opacity--20 { opacity: 0.2 } .opacity--30 { opacity: 0.3 } .opacity--40 { opacity: 0.4 } .opacity--50 { opacity: 0.5 } .opacity--60 { opacity: 0.6 } .opacity--70 { opacity: 0.7 } .opacity--80 { opacity: 0.8 } .opacity--90 { opacity: 0.9 } .opacity--100 { opacity: 1 } .logos img { max-height: 80px } .logos img.white { filter: brightness(0) invert(1) } .logos--faded-color-on-hover img { transition: all 200ms linear } .logos--faded-color-on-hover img:hover { opacity: 1; filter: grayscale(0%) } #sidebar { box-sizing: border-box; display: flex; flex-direction: column; padding-left: 40px } #sidebar[data-sidebar-state='normal'] #sidebar__bottom { margin-top: auto; margin-bottom: 40px } #sidebar[data-sidebar-state='stuckToTop'] #sidebar__sticky { position: fixed; top: 40px } #sidebar[data-sidebar-state='stuckToTop'] #sidebar__bottom { margin-top: auto; margin-bottom: 40px } #sidebar[data-sidebar-state='stuckToBottom'] #sidebar__sticky { margin-top: auto } #sidebar[data-sidebar-state='stuckToBottom'] #sidebar__bottom { margin-bottom: 40px } .widget { box-sizing: border-box; padding-top: 40px } .widget--boxed { padding: 40px } @media only screen and (max-width: 47.999em) { #sidebar { padding-left: 0.5rem; padding-right: 0.5rem; display: block } } .kinsta-form>* { transition: all 300ms linear; opacity: 1 } .kinsta-form input:not([type="submit"]), .kinsta-form textarea, .kinsta-form select { border: 2px solid transparent; padding: 11px 16px; font-size: 14px; font-weight: 400; display: block; width: 100%; box-sizing: border-box; -webkit-appearance: none; outline: none; border-radius: 0px } .kinsta-form label { display: block } .kinsta-form label input, .kinsta-form label textarea, .kinsta-form label select { margin-top: 6px } .kinsta-form.loading>*:not(.submit-container) { opacity: 0.2 } .radio { width: 13px; height: 13px; position: relative; border: 2px solid #e6e5f0; display: block; position: relative; top: 4px; border-radius: 24px; background: #fff } .radio .indicator { width: 9px; height: 9px; background: #5333ed; border-radius: 16px; position: absolute; left: 2px; top: 2px; opacity: 0; transition: all 200ms linear } .radio input[type="radio"] { display: none } .radio input[type="radio"]:checked+.indicator { opacity: 1 } .kinsta-form--round input, .kinsta-form--round textarea { border-radius: 80px } .kinsta-form--darkbg select { background-image: url("data:image/svg+xml;utf8, "); background-repeat: no-repeat; background-position: calc(100% - 10px) center } .kinsta-form--darkbg input:not([type="submit"]), .kinsta-form--darkbg textarea, .kinsta-form--darkbg select { background-color: #fff; border: 2px solid transparent } .kinsta-form--darkbg input:not([type="submit"]):hover, .kinsta-form--darkbg textarea:hover, .kinsta-form--darkbg select:hover { border-color: #dedede } .kinsta-form--darkbg input:not([type="submit"]):focus, .kinsta-form--darkbg textarea:focus, .kinsta-form--darkbg select:focus { border-color: #c5c5c5 } .kinsta-form--darkbg .huge-search input:hover, .kinsta-form--darkbg .huge-search input:focus { border-color: transparent } .kinsta-form--whitebg input:not([type="submit"]), .kinsta-form--whitebg textarea, .kinsta-form--whitebg select { border-color: #e6e5f0; background-color: #fff } .kinsta-form--whitebg input:not([type="submit"]):hover, .kinsta-form--whitebg textarea:hover, .kinsta-form--whitebg select:hover { border-color: #c7c5dd } .kinsta-form--whitebg input:not([type="submit"]):focus, .kinsta-form--whitebg textarea:focus, .kinsta-form--whitebg select:focus { border-color: #5333ed } .kinsta-form--whitebg select { background-image: url("data:image/svg+xml;utf8, "); background-repeat: no-repeat; background-position: calc(100% - 10px) center } .kinsta-form--whitebg label.state-error { color: #ed1c24 } .kinsta-form--whitebg label.state-error input:not([type="submit"]), .kinsta-form--whitebg label.state-error textarea { border-color: #ed1c24 } .border--right--gray { border-right: 1px solid #e4e4e4 } .border--left--gray { border-left: 1px solid #e4e4e4 } .border--top--gray { border-top: 1px solid #e4e4e4 } .border--bottom--gray { border-bottom: 1px solid #e4e4e4 } .border--bottom--gray.no--border--bottom--last:last-of-type { border-bottom: 0px } .avatar--small { width: 32px; height: 32px } .avatar--medium { width: 60px; height: 60px } .avatar--large { width: 82px; height: 82px } .avatar--round img { border-radius: 164px } .qtip { position: absolute; left: -28000px; top: -28000px; display: none; max-width: 320px; min-width: 50px; font-size: 14px; line-height: 1.6; direction: ltr; box-shadow: none; padding: 0 } .qtip-content { position: relative; padding: 11px 22px; overflow: hidden; text-align: left; word-wrap: break-word } .qtip-titlebar { position: relative; padding: 5px 35px 5px 10px; overflow: hidden; border-width: 0 0 1px; font-weight: bold } .qtip-titlebar+.qtip-content { border-top-width: 0 !important } .qtip-close { position: absolute; right: -9px; top: -9px; z-index: 11; cursor: pointer; outline: medium none; border: 1px solid transparent } .qtip-titlebar .qtip-close { right: 4px; top: 50%; margin-top: -9px } * html .qtip-titlebar .qtip-close { top: 16px } .qtip-titlebar .ui-icon, .qtip-icon .ui-icon { display: block; text-indent: -1000em; direction: ltr } .qtip-icon, .qtip-icon .ui-icon { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none } .qtip-icon .ui-icon { width: 18px; height: 14px; line-height: 14px; text-align: center; text-indent: 0; font: normal bold 10px/13px Tahoma, sans-serif; color: inherit; background: transparent none no-repeat -100em -100em } .qtip-default { border: 1px solid #F1D031; background-color: #FFFFA3; color: #555 } .qtip-default .qtip-titlebar { background-color: #FFEF93 } .qtip-default .qtip-icon { border-color: #CCC; background: #F1F1F1; color: #777 } .qtip-default .qtip-titlebar .qtip-close { border-color: #AAA; color: #111 } .qtip-light { background-color: white; border-color: #E2E2E2; color: #454545 } .qtip-light .qtip-titlebar { background-color: #f1f1f1 } @keyframes blink { 0% { opacity: .2; width: 2px; height: 2px; margin-left: 0px; margin-top: 0px } 20% { opacity: 1; width: 3px; height: 3px; margin-left: -1px; margin-top: -1px } 100% { opacity: .2; width: 2px; height: 2px; margin-left: 0px; margin-top: 0px } } .loading-dots { position: absolute; width: 18px; height: 2px; right: 28px; bottom: 14px; line-height: 2px } .loading-dots span { width: 2px; height: 2px; left: 0px; top: 0px; display: block; position: absolute; background: #fff; animation-name: blink; animation-duration: 1.4s; animation-iteration-count: infinite; animation-fill-mode: both } .loading-dots span:nth-of-type(2) { left: 8px; animation-delay: .2s } .loading-dots span:nth-of-type(3) { left: 16px; animation-delay: .4s } .fancybox-stage { max-width: calc(100% - 20px); margin-left: 10px } .fancybox-enabled { overflow: hidden } .fancybox-enabled body { overflow: visible; height: 100% } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99993; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0) } .fancybox-container ~ .fancybox-container { z-index: 99992 } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0 } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71) } .fancybox-is-open .fancybox-bg { opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1) } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; transition: opacity .25s, visibility 0s linear .25s; box-sizing: border-box } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; visibility: visible; transition: opacity .25s, visibility 0s } .fancybox-infobar { top: 0; left: 50%; margin-left: -79px } .fancybox-infobar__body { display: inline-block; width: 70px; line-height: 44px; font-size: 13px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; color: #ddd; background-color: rgba(30, 30, 30, 0.7); pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased } .fancybox-toolbar { top: 0; right: 0 } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translate3d(0, 0, 0) } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0 } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block } .fancybox-slide--image { overflow: visible } .fancybox-slide--image::before { display: none } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000 } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #E5E3DF } .fancybox-slide--next { z-index: 99995 } .fancybox-slide>div { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: -webkit-zoom-out; cursor: zoom-out } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: -webkit-zoom-in; cursor: zoom-in } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-spaceball { z-index: 1 } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff } .fancybox-error { margin: 0; padding: 40px; width: 100%; max-width: 380px; background: #fff; cursor: default } .fancybox-error p { margin: 0; padding: 0; color: #444; font: 16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif } .fancybox-close-small { position: absolute; top: 0; right: 0; width: 44px; height: 44px; padding: 0; margin: 0; border: 0; border-radius: 0; outline: none; background: transparent; z-index: 10; cursor: pointer } .fancybox-close-small:after { content: '×'; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 20px/30px Arial, "Helvetica Neue", Helvetica, sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background: #fff; transition: background .25s; box-sizing: border-box; z-index: 2 } .fancybox-close-small:focus:after { outline: 1px dotted #888 } .fancybox-close-small:hover:after { color: #555; background: #eee } .fancybox-slide--iframe .fancybox-close-small { top: 0; right: -44px } .fancybox-slide--iframe .fancybox-close-small:after { background: transparent; font-size: 35px; color: #aaa } .fancybox-slide--iframe .fancybox-close-small:hover:after { color: #fff } .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 30px 0 30px; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); pointer-events: none } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; line-height: 20px; -webkit-text-size-adjust: none } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all } .fancybox-caption a { color: #fff; text-decoration: underline } .fancybox-button { display: inline-block; position: relative; margin: 0; padding: 0; border: 0; width: 44px; height: 44px; line-height: 44px; text-align: center; background: transparent; color: #ddd; border-radius: 0; cursor: pointer; vertical-align: top; outline: none } .fancybox-button[disabled] { cursor: default; pointer-events: none } .fancybox-infobar__body, .fancybox-button { background: rgba(30, 30, 30, 0.6) } .fancybox-button:hover:not([disabled]) { color: #fff; background: rgba(0, 0, 0, 0.8) } .fancybox-button::before, .fancybox-button::after { content: ''; pointer-events: none; position: absolute; background-color: currentColor; color: currentColor; opacity: 0.9; box-sizing: border-box; display: inline-block } .fancybox-button[disabled]::before, .fancybox-button[disabled]::after { opacity: 0.3 } .fancybox-button--left::after, .fancybox-button--right::after { top: 18px; width: 6px; height: 6px; background: transparent; border-top: solid 2px currentColor; border-right: solid 2px currentColor } .fancybox-button--left::after { left: 20px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg) } .fancybox-button--right::after { right: 20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .fancybox-button--left { border-bottom-left-radius: 5px } .fancybox-button--right { border-bottom-right-radius: 5px } .fancybox-button--close::before, .fancybox-button--close::after { content: ''; display: inline-block; position: absolute; height: 2px; width: 16px; top: calc(50% - 1px); left: calc(50% - 8px) } .fancybox-button--close::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) } .fancybox-button--close::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .fancybox-arrow { position: absolute; top: 50%; margin: -50px 0 0 0; height: 100px; width: 54px; padding: 0; border: 0; outline: none; background: none; cursor: pointer; z-index: 99995; opacity: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: opacity .25s } .fancybox-arrow::after { content: ''; position: absolute; top: 28px; width: 44px; height: 44px; background-color: rgba(30, 30, 30, 0.8); background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=); background-repeat: no-repeat; background-position: center center; background-size: 24px 24px } .fancybox-arrow--right { right: 0 } .fancybox-arrow--left { left: 0; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1) } .fancybox-arrow--right::after, .fancybox-arrow--left::after { left: 0 } .fancybox-show-nav .fancybox-arrow { opacity: 0.6 } .fancybox-show-nav .fancybox-arrow[disabled] { opacity: 0.3 } .fancybox-slide>.fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; z-index: 99999 } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1) } .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0 } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0 } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 } .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1) } .fancybox-fx-fade.fancybox-slide--current { opacity: 1 } .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0 } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0 } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1 } .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0 } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); opacity: 0 } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1 } .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0 } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0 } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1 } .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg) } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg) } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1) } @media all and (max-width: 800px) { .fancybox-infobar { left: 0; margin-left: 0 } .fancybox-button--left, .fancybox-button--right { display: none !important } .fancybox-caption { padding: 20px 0; margin: 0 } } .fancybox-button--fullscreen::before { width: 15px; height: 11px; left: calc(50% - 7px); top: calc(50% - 6px); border: 2px solid; background: none } .fancybox-button--play::before, .fancybox-button--pause::before { top: calc(50% - 6px); left: calc(50% - 4px); background: transparent } .fancybox-button--play::before { width: 0; height: 0; border-top: 6px inset transparent; border-bottom: 6px inset transparent; border-left: 10px solid; border-radius: 1px } .fancybox-button--pause::before { width: 7px; height: 11px; border-style: solid; border-width: 0 2px 0 2px } .fancybox-thumbs { display: none } .fancybox-button--thumbs { display: none } @media all and (min-width: 800px) { .fancybox-button--thumbs { display: inline-block } .fancybox-button--thumbs span { font-size: 23px } .fancybox-button--thumbs::before { width: 3px; height: 3px; top: calc(50% - 2px); left: calc(50% - 2px); box-shadow: 0 -4px 0, -4px -4px 0, 4px -4px 0, 0 0 0 32px inset, -4px 0 0, 4px 0 0, 0 4px 0, -4px 4px 0, 4px 4px 0 } .fancybox-thumbs { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 220px; margin: 0; padding: 5px 5px 0 0; background: #fff; word-break: normal; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing: border-box; z-index: 99995 } .fancybox-show-thumbs .fancybox-thumbs { display: block } .fancybox-show-thumbs .fancybox-inner { right: 220px } .fancybox-thumbs>ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0 } .fancybox-thumbs>ul>li { float: left; overflow: hidden; max-width: 50%; padding: 0; margin: 0; width: 105px; height: 75px; position: relative; cursor: pointer; outline: none; border: 5px solid transparent; border-top-width: 0; border-right-width: 0; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1) } .fancybox-thumbs>ul>li>img { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .fancybox-thumbs>ul>li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 2px; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) } .fancybox-thumbs>ul>li.fancybox-thumbs-active:before { opacity: 1 } } .autocomplete-suggestions { text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1); position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box } .autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333 } .autocomplete-suggestion b { font-weight: normal; color: #1f8dd6 } .autocomplete-suggestion.selected { background: #f0f0f0 } .interval-switcher-container { display: flex; align-items: center; justify-content: center } .interval-switcher-container .text { color: #fff; font-weight: 400; flex: 1 } .label-year p, .label-month p, .interval-switcher-container label { cursor: pointer } .interval-switcher-container .label-month { text-align: right } .interval-switcher-container .label-year span { opacity: 0.5 } .label-year p, .label-month p { display: inline-block } .interval-switcher-label { margin: 0 22px; border: 2px solid #fff; border-radius: 76px; width: 80px; height: 32px; position: relative; transition: all 120ms linear } .interval-switcher-label .switch { display: block; background: #fff; width: 24px; height: 24px; border-radius: 56px; position: absolute; top: 4px; left: 4px; transition: all 120ms linear } .interval-switcher-container.rightNudge .switch { left: 8px } .interval-switcher-container.leftNudge .switch { left: 45px } .interval-switcher-label input:checked ~ .switch { left: 53px } .interval-switcher-label input { display: none } .interval-switcher-container[data-state='year'] .label-month:hover+label .switch { left: 48px } .interval-switcher-container[data-state='year'] label:hover .switch { left: 48px } .interval-switcher-container[data-state='month'] label:hover .switch { left: 8px } .comment-reply-container { position: absolute; top: 0px; right: 0px } ol.comment-list .children { margin-top: 40px; margin-left: 40px } ol.comment-list>li { position: relative; margin-top: 40px; border-bottom: 1px solid #dfdfdf; padding-bottom: 40px } ol.comment-list>li:first-child { margin-top: 0px } @media only screen and (max-width: 47.9999em) { .comment-reply-container { position: relative; margin-top: 20px } ol.comment-list>li { margin-top: 20px; padding-bottom: 20px } ol.comment-list>li:first-child { margin-top: 0px } ol.comment-list .children { margin-top: 20px; margin-left: 0px } } #respond #submit { margin-top: 20px; cursor: pointer } #respond .heading--large small, #respond .user-content h2 small, .user-content #respond h2 small, #respond .heading--large a, #respond .user-content h2 a, .user-content #respond h2 a { font-size: 16px } .comment #response { margin-top: 20px; margin-bottom: 20px } #respond { margin-top: 60px; margin-bottom: 60px } code[class*="language-"], pre[class*="language-"] { color: black; background: none; text-shadow: 0 1px white; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none } pre[class*="language-"]::-moz-selection, pre[class*="language-"]::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"]::-moz-selection { text-shadow: none; background: #b3d4fc } pre[class*="language-"]::selection, pre[class*="language-"]::selection, code[class*="language-"]::selection, code[class*="language-"]::selection { text-shadow: none; background: #b3d4fc } @media print { code[class*="language-"], pre[class*="language-"] { text-shadow: none } } pre[class*="language-"] { padding: 1em; margin: .5em 0; overflow: auto } :not(pre)>code[class*="language-"], pre[class*="language-"] { background: #f5f2f0 } :not(pre)>code[class*="language-"] { padding: .1em; border-radius: .3em; white-space: normal } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: slategray } .token.punctuation { color: #999 } .namespace { opacity: .7 } .token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color: #905 } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #690 } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string { color: #a67f59; background: rgba(255, 255, 255, 0.5) } .token.atrule, .token.attr-value, .token.keyword { color: #07a } .token.function { color: #DD4A68 } .token.regex, .token.important, .token.variable { color: #e90 } .token.important, .token.bold { font-weight: bold } .token.italic { font-style: italic } .token.entity { cursor: help } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-selection--single .select2-selection__clear { position: relative } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-search--inline { float: left } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0 } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051 } .select2-results { display: block } .select2-results__options { list-style: none; margin: 0; padding: 0 } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none } .select2-results__option[aria-selected] { cursor: pointer } .select2-container--open .select2-dropdown { left: 0 } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-search--dropdown { display: block; padding: 4px } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-search--dropdown.select2-search--hide { display: none } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0) } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100% } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333 } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0 } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield } .select2-container--default .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--default .select2-results__option[role=group] { padding: 0 } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999 } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0 } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%); background-image: -o-linear-gradient(top, #fff 50%, #eee 100%); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0) } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%); background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0) } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%); background-image: -o-linear-gradient(top, #fff 0%, #eee 50%); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0) } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%); background-image: -o-linear-gradient(top, #eee 50%, #fff 100%); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0) } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0 } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555 } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0 } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent } .select2-container--classic .select2-dropdown--above { border-bottom: none } .select2-container--classic .select2-dropdown--below { border-top: none } .select2-container--classic .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--classic .select2-results__option[role=group] { padding: 0 } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb } .essb_links .essb_links_list { display: flex; flex-wrap: wrap } .essb_links .essb_links_list li { flex-basis: 33.33333333% !important; max-width: 33.33333333% !important } .essb_links .essb_links_list li a { margin: 10px 0 0 0 } .essb_links .essb_links_list .essb_icon { margin-right: 6px !important } .essb_links .essb_links_list .essb_counter_inside { font-family: Roboto; font-size: 16px; font-weight: 300 } .essb-total-value, .essb-total { display: inline !important } .animationBox { display: inline-block } .widget-kinsta-promo { border: 1px solid #eee; padding: 20px } .widget-kinsta-promo.collapsed .show-when-expanded { max-height: 0 } .widget-kinsta-promo .show-when-expanded { max-height: 1000px; transition: all 400ms linear; overflow: hidden } @media only screen and (min-height: 74em) { .widget-kinsta-promo.collapsed .show-when-expanded { max-height: 1000px !important } } .widget .kinsta-newsletter { border: 1px solid #eee; padding: 20px } .hero-container { height: 100vh; width: calc(100% + 2px); margin-left: -1px; background-size: cover; position: relative; background-position: center center; display: flex; flex-direction: column; max-height: 1200px; min-height: 630px } .hero-menu { z-index: 2000; width: 100% } .hero-container>.container { width: 100% } .huge-search { background: #fff; display: flex; align-items: center; width: 100%; padding: 11px 33px; border-radius: 32px } .huge-search input { font-size: 22px; font-weight: 200; padding-left: 0px; background: none } .card-slider { position: relative } .card-slider ul { width: 100%; position: relative; height: 200px; padding: 0; list-style-type: none } .card-slider li.box, .card-slider li#respond, .card-slider .stick-navbar li.site-menu-container, .stick-navbar .card-slider li.site-menu-container { box-shadow: none } .card-slider li.box:last-child, .card-slider li#respond:last-child, .card-slider .stick-navbar li.site-menu-container:last-child, .stick-navbar .card-slider li.site-menu-container:last-child, .card-slider li.box:first-child, .card-slider li#respond:first-child, .card-slider .stick-navbar li.site-menu-container:first-child, .stick-navbar .card-slider li.site-menu-container:first-child { box-shadow: 0px 10px 40px 0px rgba(47, 47, 47, 0.05) } .card-slider li { width: 100%; margin: 0; position: absolute; top: 0; left: 0; background: #fff; pointer-events: auto; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden } .image-slider li { cursor: pointer } .card-slider__next.hidden, .card-slider__prev.hidden { opacity: 0 } .card-slider__next { position: absolute; right: -46px; top: calc( 50% - 14px); cursor: pointer; z-index: 3000; opacity: 1; transition: all 300ms linear } .card-slider__prev { position: absolute; left: -46px; top: calc( 50% - 14px); cursor: pointer; z-index: 3000; opacity: 1; transition: all 300ms linear } .button, .button--text--purple, .button--text--green, .button--text--white, .button--ghost--white, .plan-box--active .plan-box__button--active--ghost--white, .site-menu__nav a.login, .button--ghost--gray, .comment-reply-link, .plan-box--active .plan-box__button--active--ghost--gray, .kinsta-pagination a.page-numbers:not(.next):not(.prev), .button--ghost--green, .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--green, .plan-box--active .plan-box__button--active--ghost--green, .button--ghost--purple, .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--purple, .plan-box--active .plan-box__button--active--ghost--purple, .kinsta-pagination a.next, .kinsta-pagination a.prev, .stick-navbar .site-menu-container .site-menu__nav a.login, .button--purple, .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--purple, .plan-box--active .plan-box__button--active--green, .button--purple, #respond #submit, .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--purple, .plan-box--active .plan-box__button--active--purple, .kinsta-pagination span.current { border-width: 2px; border-style: solid; border-color: transparent; padding: 11px 33px; box-sizing: border-box; border-radius: 80px; text-decoration: none; text-transform: uppercase; font-size: 14px; font-weight: 400; transition: all 120ms linear; outline: none } .button:not(.row):not(.boxes--alternating):not(.boxes--pair), .button--text--purple:not(.row):not(.boxes--alternating):not(.boxes--pair), .button--text--green:not(.row):not(.boxes--alternating):not(.boxes--pair), .button--text--white:not(.row):not(.boxes--alternating):not(.boxes--pair), .button--ghost--white:not(.row):not(.boxes--alternating):not(.boxes--pair), .plan-box--active .plan-box__button--active--ghost--white:not(.row):not(.boxes--alternating):not(.boxes--pair), .site-menu__nav a.login:not(.row):not(.boxes--alternating):not(.boxes--pair), .button--ghost--gray:not(.row):not(.boxes--alternating):not(.boxes--pair), .comment-reply-link:not(.row):not(.boxes--alternating):not(.boxes--pair), .plan-box--active .plan-box__button--active--ghost--gray:not(.row):not(.boxes--alternating):not(.boxes--pair), .kinsta-pagination a.page-numbers:not(.row):not(.boxes--alternating):not(.boxes--pair):not(.next):not(.prev), .button--ghost--green:not(.row):not(.boxes--alternating):not(.boxes--pair), .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--green:not(.row):not(.boxes--alternating):not(.boxes--pair), .plan-box--active .plan-box__button--active--ghost--green:not(.row):not(.boxes--alternating):not(.boxes--pair), .button--ghost--purple:not(.row):not(.boxes--alternating):not(.boxes--pair), .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--purple:not(.row):not(.boxes--alternating):not(.boxes--pair), .plan-box--active .plan-box__button--active--ghost--purple:not(.row):not(.boxes--alternating):not(.boxes--pair), .kinsta-pagination a.next:not(.row):not(.boxes--alternating):not(.boxes--pair), .kinsta-pagination a.prev:not(.row):not(.boxes--alternating):not(.boxes--pair), .button--purple:not(.row):not(.boxes--alternating):not(.boxes--pair), .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--purple:not(.row):not(.boxes--alternating):not(.boxes--pair), .plan-box--active .plan-box__button--active--green:not(.row):not(.boxes--alternating):not(.boxes--pair), .button--purple:not(.row):not(.boxes--alternating):not(.boxes--pair), #respond #submit:not(.row):not(.boxes--alternating):not(.boxes--pair), .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--purple:not(.row):not(.boxes--alternating):not(.boxes--pair), .plan-box--active .plan-box__button--active--purple:not(.row):not(.boxes--alternating):not(.boxes--pair), .kinsta-pagination span.current:not(.row):not(.boxes--alternating):not(.boxes--pair) { display: inline-block } .button--circle--50, .kinsta-pagination a.page-numbers:not(.next):not(.prev), .kinsta-pagination span.current { width: 50px; height: 50px; padding: 0px; text-align: center; line-height: 50px; border-radius: 100px } .button--full { width: 100% } @media only screen and (max-width: 47.999em) { .button--xs--full { width: 100% } } .button--small, .comment-reply-link { padding: 6px 22px; font-size: 12px } .button--text--purple { border: 0px; padding: 0px; color: #5333ed } .button--text--purple:hover, .button--text--purple:focus { color: #2cd4d9 } .button--text--purple:hover svg *[stroke]:not([stroke=""]), .button--text--purple:focus svg *[stroke]:not([stroke=""]) { stroke: #2cd4d9 } .button--text--purple:hover svg *[fill]:not([fill="none"]), .button--text--purple:focus svg *[fill]:not([fill="none"]) { fill: #2cd4d9 } .button--text--green { border: 0px; padding: 0px; color: #2cd4d9 } .button--text--white { border: 0px; padding: 0px; color: #fff } .button--ghost--white, .plan-box--active .plan-box__button--active--ghost--white, .site-menu__nav a.login { color: #fff; border-color: #fff; background-color: transparent } .button--ghost--white:hover, .plan-box--active .plan-box__button--active--ghost--white:hover, .site-menu__nav a.login:hover, .button--ghost--white:focus, .plan-box--active .plan-box__button--active--ghost--white:focus, .site-menu__nav a.login:focus { color: #150773; background-color: #2cd4d9; border-color: #2cd4d9 } .button--ghost--gray, .comment-reply-link, .plan-box--active .plan-box__button--active--ghost--gray, .kinsta-pagination a.page-numbers:not(.next):not(.prev) { color: inherit; border-color: #e1eaf8; background-color: transparent } .button--ghost--gray:hover, .comment-reply-link:hover, .plan-box--active .plan-box__button--active--ghost--gray:hover, .kinsta-pagination a.page-numbers:hover:not(.next):not(.prev), .button--ghost--gray:focus, .comment-reply-link:focus, .plan-box--active .plan-box__button--active--ghost--gray:focus, .kinsta-pagination a.page-numbers:focus:not(.next):not(.prev) { color: #fff; background-color: #5333ed; border-color: #5333ed } .button--ghost--green, .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--green, .plan-box--active .plan-box__button--active--ghost--green { color: #2cd4d9; border-color: #2cd4d9; background-color: transparent } .button--ghost--green:hover, .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--green:hover, .plan-box--active .plan-box__button--active--ghost--green:hover, .button--ghost--green:focus, .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--green:focus, .plan-box--active .plan-box__button--active--ghost--green:focus { color: #150773; background-color: #2cd4d9; border-color: #2cd4d9 } .button--ghost--purple, .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--purple, .plan-box--active .plan-box__button--active--ghost--purple, .kinsta-pagination a.next, .kinsta-pagination a.prev, .stick-navbar .site-menu-container .site-menu__nav a.login { color: #5333ed; border-color: #5333ed; background-color: transparent } .button--ghost--purple:hover, .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--purple:hover, .plan-box--active .plan-box__button--active--ghost--purple:hover, .kinsta-pagination a.next:hover, .kinsta-pagination a.prev:hover, .stick-navbar .site-menu-container .site-menu__nav a.login:hover, .button--ghost--purple:focus, .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--ghost--purple:focus, .plan-box--active .plan-box__button--active--ghost--purple:focus, .kinsta-pagination a.next:focus, .kinsta-pagination a.prev:focus, .stick-navbar .site-menu-container .site-menu__nav a.login:focus { color: #fff; background-color: #5333ed; border-color: #5333ed } .button--ghost--purple.active, .plan-box:hover:not(.plan-box--active) .active.plan-box__hover__button--ghost--purple, .plan-box--active .active.plan-box__button--active--ghost--purple, .kinsta-pagination a.active.next, .kinsta-pagination a.active.prev, .stick-navbar .site-menu-container .site-menu__nav a.active.login, .button--ghost--purple.active:hover, .plan-box:hover:not(.plan-box--active) .active.plan-box__hover__button--ghost--purple:hover, .plan-box--active .active.plan-box__button--active--ghost--purple:hover, .kinsta-pagination a.active.next:hover, .kinsta-pagination a.active.prev:hover, .stick-navbar .site-menu-container .site-menu__nav a.active.login:hover { color: #5333ed; border-color: #5333ed; background-color: transparent } .button--ghost--purple.active svg *[stroke]:not([stroke=""]), .plan-box:hover:not(.plan-box--active) .active.plan-box__hover__button--ghost--purple svg *[stroke]:not([stroke=""]), .plan-box--active .active.plan-box__button--active--ghost--purple svg *[stroke]:not([stroke=""]), .kinsta-pagination a.active.next svg *[stroke]:not([stroke=""]), .kinsta-pagination a.active.prev svg *[stroke]:not([stroke=""]), .stick-navbar .site-menu-container .site-menu__nav a.active.login svg *[stroke]:not([stroke=""]), .button--ghost--purple.active:hover svg *[stroke]:not([stroke=""]), .plan-box:hover:not(.plan-box--active) .active.plan-box__hover__button--ghost--purple:hover svg *[stroke]:not([stroke=""]), .plan-box--active .active.plan-box__button--active--ghost--purple:hover svg *[stroke]:not([stroke=""]), .kinsta-pagination a.active.next:hover svg *[stroke]:not([stroke=""]), .kinsta-pagination a.active.prev:hover svg *[stroke]:not([stroke=""]), .stick-navbar .site-menu-container .site-menu__nav a.active.login:hover svg *[stroke]:not([stroke=""]) { stroke: #5333ed } .button--ghost--purple.active svg *[fill]:not([fill="none"]), .plan-box:hover:not(.plan-box--active) .active.plan-box__hover__button--ghost--purple svg *[fill]:not([fill="none"]), .plan-box--active .active.plan-box__button--active--ghost--purple svg *[fill]:not([fill="none"]), .kinsta-pagination a.active.next svg *[fill]:not([fill="none"]), .kinsta-pagination a.active.prev svg *[fill]:not([fill="none"]), .stick-navbar .site-menu-container .site-menu__nav a.active.login svg *[fill]:not([fill="none"]), .button--ghost--purple.active:hover svg *[fill]:not([fill="none"]), .plan-box:hover:not(.plan-box--active) .active.plan-box__hover__button--ghost--purple:hover svg *[fill]:not([fill="none"]), .plan-box--active .active.plan-box__button--active--ghost--purple:hover svg *[fill]:not([fill="none"]), .kinsta-pagination a.active.next:hover svg *[fill]:not([fill="none"]), .kinsta-pagination a.active.prev:hover svg *[fill]:not([fill="none"]), .stick-navbar .site-menu-container .site-menu__nav a.active.login:hover svg *[fill]:not([fill="none"]) { fill: #5333ed } .button--ghost--purple.loading, .plan-box:hover:not(.plan-box--active) .loading.plan-box__hover__button--ghost--purple, .plan-box--active .loading.plan-box__button--active--ghost--purple, .kinsta-pagination a.loading.next, .kinsta-pagination a.loading.prev, .stick-navbar .site-menu-container .site-menu__nav a.loading.login { background-color: #5333ed; color: #fff; position: relative; padding-right: 52px } .button--purple, .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--purple, .plan-box--active .plan-box__button--active--green { color: #150773; background-color: #5333ed; border-color: #2cd4d9 } .button--purple:hover, .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--purple:hover, .plan-box--active .plan-box__button--active--green:hover, .button--purple:focus, .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--purple:focus, .plan-box--active .plan-box__button--active--green:focus { color: inherit; border-color: #2cd4d9; background-color: transparent } .button--purple, #respond #submit, .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--purple, .plan-box--active .plan-box__button--active--purple { color: #fff; background-color: #5333ed; border-color: #5333ed } .button--purple:hover, #respond #submit:hover, .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--purple:hover, .plan-box--active .plan-box__button--active--purple:hover, .button--purple:focus, #respond #submit:focus, .plan-box:hover:not(.plan-box--active) .plan-box__hover__button--purple:focus, .plan-box--active .plan-box__button--active--purple:focus { color: #5333ed; border-color: #5333ed; background-color: transparent } .button--purple.loading, #respond .loading#submit, .plan-box:hover:not(.plan-box--active) .loading.plan-box__hover__button--purple, .plan-box--active .loading.plan-box__button--active--purple { background-color: #5333ed; color: #fff; position: relative; padding-right: 52px } .box, #respond, .stick-navbar .site-menu-container { padding: 40px; background: #fff; box-shadow: 0px 10px 40px 0px rgba(47, 47, 47, 0.1); box-sizing: border-box; position: relative; transition: all 200ms linear } .box--noshaddow { box-shadow: none } .box--padding--60 { padding: 60px } .box--padding--20 { padding: 20px } @media only screen and (max-width: 47em) { .box--padding-xs-20 { padding-left: 20px; padding-right: 20px } .box--vpadding-xs-20 { padding-top: 20px; padding-bottom: 20px } } .box--padding--0 { padding: 0px } .box--padding--top--20 { padding-top: 20px } .box--inline { display: inline-block } .boxes--alternating .box, .boxes--alternating #respond, .boxes--alternating .stick-navbar .site-menu-container, .stick-navbar .boxes--alternating .site-menu-container { width: 58%; margin-top: -35px } .boxes--alternating .box:last-of-type, .boxes--alternating #respond:last-of-type, .boxes--alternating .stick-navbar .site-menu-container:last-of-type, .stick-navbar .boxes--alternating .site-menu-container:last-of-type { margin-top: 0px } .boxes--alternating .box:nth-of-type(odd), .boxes--alternating #respond:nth-of-type(odd), .boxes--alternating .stick-navbar .site-menu-container:nth-of-type(odd), .stick-navbar .boxes--alternating .site-menu-container:nth-of-type(odd) { margin-left: 42% } @media only screen and (min-width: 47.9999em) and (max-width: 71.999em) { .boxes--alternating .box, .boxes--alternating #respond, .boxes--alternating .stick-navbar .site-menu-container, .stick-navbar .boxes--alternating .site-menu-container { width: 80%; margin-top: 20px; margin-left: -20px } .boxes--alternating .box:last-of-type, .boxes--alternating #respond:last-of-type, .boxes--alternating .stick-navbar .site-menu-container:last-of-type, .stick-navbar .boxes--alternating .site-menu-container:last-of-type { margin-top: 0px } .boxes--alternating .box:nth-of-type(odd), .boxes--alternating #respond:nth-of-type(odd), .boxes--alternating .stick-navbar .site-menu-container:nth-of-type(odd), .stick-navbar .boxes--alternating .site-menu-container:nth-of-type(odd) { margin-left: calc(20% + 20px) } } @media only screen and (max-width: 47.9999em) { .boxes--alternating .box, .boxes--alternating #respond, .boxes--alternating .stick-navbar .site-menu-container, .stick-navbar .boxes--alternating .site-menu-container { width: 100%; margin-top: 20px; margin-left: 0px } .boxes--alternating .box:last-of-type, .boxes--alternating #respond:last-of-type, .boxes--alternating .stick-navbar .site-menu-container:last-of-type, .stick-navbar .boxes--alternating .site-menu-container:last-of-type { margin-top: 0px } .boxes--alternating .box:nth-of-type(odd), .boxes--alternating #respond:nth-of-type(odd), .boxes--alternating .stick-navbar .site-menu-container:nth-of-type(odd), .stick-navbar .boxes--alternating .site-menu-container:nth-of-type(odd) { margin-left: 0px } } .boxes--pair .box, .boxes--pair #respond, .boxes--pair .stick-navbar .site-menu-container, .stick-navbar .boxes--pair .site-menu-container { flex: 1; position: relative } .boxes--pair .box:last-child, .boxes--pair #respond:last-child, .boxes--pair .stick-navbar .site-menu-container:last-child, .stick-navbar .boxes--pair .site-menu-container:last-child { top: 17px } .box--hoverfocus:hover { box-shadow: 0px 10px 40px 0px rgba(47, 47, 47, 0.21) } .accordion { position: relative; padding-left: 22px } .accordion:first-child { margin-top: 0px } .accordion input { display: none } .accordion__title label { display: block; cursor: pointer } .accordion__title:hover { color: #5333ed } input:checked ~ .accordion__title { color: #5333ed } .accordion--dark input:checked ~ .accordion__title { color: #fff } .accordion label { position: relative } .accordion__content { padding-top: 22px } .accordion label:before { display: block; content: ' '; position: absolute; top: 7px; left: -22px; width: 10px; height: 10px; background-image: url('data:image/svg+xml;utf8, '); background-repeat: no-repeat } .accordion__title label:before { transition: all 200ms linear } input:checked ~ .accordion__title label:before { transform: rotate(90deg) } .accordion.accordion--arrow-right { padding-left: 0px } .accordion.accordion--arrow-right label:before { left: auto; right: 0px } .accordion.accordion--dark label:before { background-image: url('data:image/svg+xml;utf8, ') } .accordion--sm-only .accordion__content { display: block } .accordion--sm-only label:before { display: none } @media only screen and (max-width: 48em) { .accordion--sm-only label:before { display: block } .accordion--sm-only .accordion__content { display: none } .accordion--sm-only input:checked ~ .accordion__content { display: block } } .screen { padding: 20px; padding-top: 36px; background: #fff; border-radius: 20px; background-image: url('data:image/svg+xml;utf8,\a \a \a \a \a \a \a \a \a '); background-repeat: no-repeat; background-position: 20px 12px; box-shadow: 0px 5px 125px 0px rgba(0, 0, 0, 0.1) } .screen--blue-shadow { box-shadow: 0px 5px 125px 30px rgba(204, 219, 238, 0.4) } @media only screen and (max-width: 48em) { .screen { padding: 11px; padding-top: 24px; border-radius: 11px; background-image: url('data:image/svg+xml;utf8,\a \a \a \a \a \a \a \a \a '); background-repeat: no-repeat; background-position: 16px 9px } } .plan-box { padding: 33px 22px; text-align: center } .plan-box__amount { font-size: 56px; font-weight: 600 } .plan-box__price--year .plan-box__amount { font-size: 46px } .price--year { display: none } .interval-year .price--year { display: block } .interval-year .price--month { display: none } .plan-box__interval { font-size: 17px } .plan-box__price { height: 74px; margin: 10px 0 0 0; line-height: 74px } .plan-box--up-to { position: relative; bottom: -20px } .plan-box__price--more { font-weight: 600; font-size: 32px; line-height: 1; position: relative; top: 10px; display: flex; flex-direction: column; justify-content: flex-start; align-items: center } .plan-box__price--more small { font-size: 17px; font-weight: 400 } .plan-box__details { margin-top: 16px; margin-bottom: 30px } .plan-box__details li { margin: 9px 0 } .plan-box__details li:first-child { margin-top: 0px } .plan-box__details li:last-child { margin-bottom: 0px } .plan-box--bordered { border-right: 1px solid #f4f4f4; border-left: 1px solid #fbfbfb } .plan-box--hover--bg--purple, .plan-box--hover--bg--green { transition: all 200ms linear } .plan-box--hover--bg--purple:hover { background: #5333ed } .plan-box--hover--bg--green:hover { background: #2cd4d9 } .plan-box--active .plan-box__details { opacity: 1 } .plan-box--active.plan-box--active--bg--gray { position: relative; background-color: #e1eaf8 } .plan-box--active.plan-box--active--bg--blue { position: relative; background-color: #150773 } .plan-box--active.plan-box--active--bg--darkblue { position: relative; background-color: #0c022f } .plan-box--active.plan-box--active--bg--purple { position: relative; background-color: #5333ed } .plan-carousel-content { padding: 22px 0 44px 0; position: relative } .slick-current .plan-carousel-content { z-index: 3000; background: #fff; box-shadow: 0px 10px 40px 0px rgba(57, 11, 126, 0.2) } .plan-table { display: flex; overflow: auto } .plan-col { padding-top: 20px } .plan-col:not(.plan-col_labels) { width: 120px; text-align: center; position: relative } .plan-col:not(.plan-col_labels):hover { box-shadow: 0px 10px 40px 0px rgba(93, 53, 26, 0.1); z-index: 4000 } .plan-col__name { font-weight: 600; font-size: 12px; text-transform: uppercase; margin-bottom: 11px } .plan-col__price { font-size: 24px; height: 24px; display: flex; justify-content: center; align-items: center; color: #5333ed; font-weight: 600; margin-bottom: 11px } .plan-col__price .interval { font-size: 14px; line-height: 24px } .plan-col__price .plan-box__price--year { line-height: 24px; font-size: 20px } .plan-col__choose { position: relative; border-bottom: 2px solid rgba(83, 51, 237, 0.3); display: inline-block; transition: all 100ms linear } .plan-col__choose svg { position: absolute; transition: all 100ms linear; width: 12px; left: -30px; opacity: 0; top: 6px } .plan-col__choose a { border: 0px } .plan-col__choose:hover { border-color: #5333ed } .plan-col__choose:hover svg { left: -18px; opacity: 1 } .plan-col__header { margin-bottom: 40px } .plan-col_labels .plan-col__body { text-align: left; white-space: nowrap } .plan-col_labels .plan-col__body>div { justify-content: flex-start; padding-right: 44px; padding-left: 20px } .plan-col__body>div { height: 32px; padding: 9px 0; display: flex; align-items: center; justify-content: center } .plan-col__body>div span { position: relative } .plan-col__body>div.hover { background: rgba(242, 229, 223, 0.2) } .plan-col_labels .plan-col__body>div svg { position: absolute; right: -30px; top: 3px; display: none } .plan-col_labels .plan-col__body>div.hover svg { display: block; cursor: pointer } .plan-col_labels .plan-col__body>div.hover svg:hover *[stroke]:not([stroke=""]) { stroke: #5333ed } .plan-col_labels .plan-col__body>div.hover svg:hover *[fill]:not([fill="none"]) { fill: #5333ed } .plan-col.selected { background-image: -moz-linear-gradient(-90deg, #FEFAF3 0%, #FEF8EB 100%); background-image: -webkit-linear-gradient(-90deg, #FEFAF3 0%, #FEF8EB 100%) } @media only screen and (max-width: 48em) { .plan-col_labels { font-size: 12px } .plan-col:not(.plan-col_labels) { flex-shrink: 0 } .plan-col_labels .plan-col__body>div { padding-right: 20px; padding-left: 0px } } .icon-left-block { display: flex } .icon-left-block__icon { margin-right: 22px } .card { padding: 66px; background: #fff; box-shadow: 0px 10px 40px 0px rgba(47, 47, 47, 0.05); position: relative; box-sizing: border-box } .cards--alternating .card, .cards--alternating .box, .cards--alternating #respond, .cards--alternating .stick-navbar .site-menu-container, .stick-navbar .cards--alternating .site-menu-container { width: 58%; margin-top: -35px } .cards--alternating .card:last-of-type, .cards--alternating .box:last-of-type, .cards--alternating #respond:last-of-type, .cards--alternating .stick-navbar .site-menu-container:last-of-type, .stick-navbar .cards--alternating .site-menu-container:last-of-type { margin-top: 0px } .cards--alternating .card:nth-of-type(odd), .cards--alternating .box:nth-of-type(odd), .cards--alternating #respond:nth-of-type(odd), .cards--alternating .stick-navbar .site-menu-container:nth-of-type(odd), .stick-navbar .cards--alternating .site-menu-container:nth-of-type(odd) { margin-left: 42% } .cards--pair { flex-direction: row } .cards--pair .card, .cards--pair .box, .cards--pair #respond, .cards--pair .stick-navbar .site-menu-container, .stick-navbar .cards--pair .site-menu-container { flex: 1; position: relative } .cards--pair .card:last-child, .cards--pair .box:last-child, .cards--pair #respond:last-child, .cards--pair .stick-navbar .site-menu-container:last-child, .stick-navbar .cards--pair .site-menu-container:last-child { top: 17px } .quote { display: flex; position: relative } .quote__screenshot { width: 51%; height: 100%; position: absolute; display: flex; z-index: 3000; align-items: center } .quote__screenshot img { box-shadow: 0px 0px 23px 4px rgba(0, 0, 0, 0.1); max-height: 281px } .quote__content { flex: 1; background: #f6f8fa; width: 55%; margin-left: 45%; position: relative; box-sizing: border-box; padding: 66px 66px 66px 112px } .quote__text { position: relative; z-index: 1100 } .quote__text:before { width: 66px; height: 66px; z-index: -1; content: ' '; position: absolute; top: -33px; left: -44px; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat } @media only screen and (max-width: 47.999em) { .quote__screenshot { display: none } .quote__content { width: 100%; margin-left: 0px; padding: 24px 24px 42px 24px } .quote__text:before { display: none } } @media only screen and (min-width: 48em) and (max-width: 64em) { .quote__screenshot { width: 100%; margin-top: -42px; height: auto; position: relative; top: 42px } .quote__screenshot img { max-height: auto; margin: 0 auto } .quote__content { width: 100%; margin-left: 0px; padding: 66px 66px 42px 66px } } .tab__content-container { position: relative } .tabs__nav { margin-bottom: 33px } .tabs__nav div { display: flex; align-items: center; position: relative } .tabs__nav.tabs__nav--arrow div.active:before { width: 30px; height: 27px; position: absolute; left: 50%; z-index: 3000; content: ' '; display: block; background-image: url("data:image/svg+xml;utf8,\a \a \a \a "); background-repeat: no-repeat; background-position: center center; top: 43px } .tabs__nav svg { margin-right: 8px } .tabs__nav .heading, .tabs__nav .heading--white, .tabs__nav .heading--huge, .tabs__nav .heading--large, .tabs__nav .user-content h2, .user-content .tabs__nav h2, .tabs__nav .heading--big, .tabs__nav .heading--medium, .tabs__nav .user-content h3, .user-content .tabs__nav h3, .tabs__nav .heading--normal, .tabs__nav .heading--small, .tabs__nav .plan-box__name, .tabs__nav .plan-box--up-to, .tabs__nav .user-content h5, .user-content .tabs__nav h5, .tabs__nav .heading--tiny { border-bottom: 3px solid transparent; border-top: 3px solid transparent; display: inline-block; padding-bottom: 3px; color: #5333ed; cursor: pointer } .tabs__nav .active .heading, .tabs__nav .active .heading--white, .tabs__nav .active .heading--huge, .tabs__nav .active .heading--large, .tabs__nav .active .user-content h2, .user-content .tabs__nav .active h2, .tabs__nav .active .heading--big, .tabs__nav .active .heading--medium, .tabs__nav .active .user-content h3, .user-content .tabs__nav .active h3, .tabs__nav .active .heading--normal, .tabs__nav .active .heading--small, .tabs__nav .active .plan-box__name, .tabs__nav .active .plan-box--up-to, .tabs__nav .active .user-content h5, .user-content .tabs__nav .active h5, .tabs__nav .active .heading--tiny { border-bottom: 3px solid #2cd4d9 } .tabs__close { position: absolute; top: 35px; right: 22px } .tabs__section { display: none } .tabs__section:first-child { display: block } @media only screen and (max-width: 47em) { .tabs__nav.tabs__nav--arrow div.active:before { display: none } .tabs__nav { display: block } .tabs__nav>div { margin-bottom: 10px } .tabs__nav .active .heading, .tabs__nav .active .heading--white, .tabs__nav .active .heading--huge, .tabs__nav .active .heading--large, .tabs__nav .active .user-content h2, .user-content .tabs__nav .active h2, .tabs__nav .active .heading--big, .tabs__nav .active .heading--medium, .tabs__nav .active .user-content h3, .user-content .tabs__nav .active h3, .tabs__nav .active .heading--normal, .tabs__nav .active .heading--small, .tabs__nav .active .plan-box__name, .tabs__nav .active .plan-box--up-to, .tabs__nav .active .user-content h5, .user-content .tabs__nav .active h5, .tabs__nav .active .heading--tiny, .tabs__nav .heading, .tabs__nav .heading--white, .tabs__nav .heading--huge, .tabs__nav .heading--large, .tabs__nav .user-content h2, .user-content .tabs__nav h2, .tabs__nav .heading--big, .tabs__nav .heading--medium, .tabs__nav .user-content h3, .user-content .tabs__nav h3, .tabs__nav .heading--normal, .tabs__nav .heading--small, .tabs__nav .plan-box__name, .tabs__nav .plan-box--up-to, .tabs__nav .user-content h5, .user-content .tabs__nav h5, .tabs__nav .heading--tiny { border-bottom: 0px } .tab__content-container { display: none } } @media only screen and (min-width: 48em) and (max-width: 63em) { .tabs__nav .heading--small, .tabs__nav .plan-box__name, .tabs__nav .plan-box--up-to, .tabs__nav .user-content h5, .user-content .tabs__nav h5 { font-size: 14px } .tabs__nav img { width: 24px } } .carousel .slick-slide { padding-left: 50px; padding-right: 50px } .carousel-item { outline: none } .carousel .slick-slide { overflow: hidden; position: relative; outline: none !important } .carousel .carousel-prev { left: 0px } .carousel .carousel-next { right: 0px } .carousel-next { right: 0px; position: absolute; top: 22px; display: flex; align-items: center; justify-content: flex-end; height: calc(100% - 66px); content: ''; z-index: 4000 } .carousel-next svg { cursor: pointer } .carousel-prev { left: 0px; position: absolute; top: 22px; display: flex; align-items: center; justify-content: center; width: auto; height: calc(100% - 66px); content: ''; z-index: 4000 } .carousel-prev svg { cursor: pointer } .carousel-next.white, .carousel-prev.white { background: none } .carousel-next.white path, .carousel-prev.white path { stroke: #fff } .carousel-next.slick-disabled, .carousel-prev.slick-disabled { opacity: 0.1 } .breadcrumb li { display: inline-block; background-image: url("/images/breadcrumb.svg"); background-repeat: no-repeat; background-position: right calc(42%); padding-right: 16px; margin-right: 8px } .breadcrumb li:last-child { margin-right: 0px; padding-right: 0px; background: none } .breadcrumb li span, .breadcrumb li a { text-transform: uppercase } .kinsta-pagination a.page-numbers:not(.next):not(.prev) { margin: 0 5px } .kinsta-pagination .dots { margin: 0 5px } .user-content *:first-child { margin-top: 0px } .user-content p { margin-bottom: 20px } .user-content .aligncenter { margin: 0 auto } .user-content table { width: 100%; margin-bottom: 20px } .user-content table th { background: #e1eaf8; vertical-align: bottom } .user-content table td, .user-content table th { padding: 11px 22px; text-align: left } .user-content table td { border-bottom: 1px solid #eee } .user-content table tbody tr:nth-of-type(odd) td { background: #fafafa } .user-content table.nowrap--col-1 tbody tr td:first-child, .user-content table.nowrap--col-1 tbody tr th:first-child { white-space: nowrap } .user-content table.nowrap--col-2 tbody tr td:nth-child(2), .user-content table.nowrap--col-2 tbody tr th:nth-child(2) { white-space: nowrap } .user-content table.nowrap--col-3 tbody tr td:nth-child(3), .user-content table.nowrap--col-3 tbody tr th:nth-child(3) { white-space: nowrap } .user-content table.nowrap--col-4 tbody tr td:nth-child(4), .user-content table.nowrap--col-4 tbody tr th:nth-child(4) { white-space: nowrap } .user-content table.nowrap--col-5 tbody tr td:nth-child(5), .user-content table.nowrap--col-5 tbody tr th:nth-child(5) { white-space: nowrap } .user-content table.nowrap--col-6 tbody tr td:nth-child(6), .user-content table.nowrap--col-6 tbody tr th:nth-child(6) { white-space: nowrap } .user-content table.nowrap--col-7 tbody tr td:nth-child(7), .user-content table.nowrap--col-7 tbody tr th:nth-child(7) { white-space: nowrap } .user-content table.nowrap--col-8 tbody tr td:nth-child(8), .user-content table.nowrap--col-8 tbody tr th:nth-child(8) { white-space: nowrap } .user-content table.nowrap--col-9 tbody tr td:nth-child(9), .user-content table.nowrap--col-9 tbody tr th:nth-child(9) { white-space: nowrap } .user-content blockquote { border-left: 8px solid #e1eaf8; padding: 10px 20px; margin: 0 20px 20px } .user-content blockquote p:last-child { margin-bottom: 0px } .user-content h2 { margin-bottom: 20px; margin-top: 40px } .user-content h3 { margin-bottom: 20px; margin-top: 40px } .user-content h4 { font-size: 22px; margin-bottom: 20px; margin-top: 40px } .user-content h5 { margin-bottom: 20px; margin-top: 40px } .user-content ul, .user-content ol { margin-bottom: 20px; margin-top: 20px } .user-content ul ul, .user-content ul ol, .user-content ol ul, .user-content ol ol { margin-bottom: 10px; margin-top: 0px } .user-content ul li, .user-content ol li { margin-bottom: 10px } .user-content ul li:last-child, .user-content ol li:last-child { margin-bottom: 0px } .user-content ul { margin-left: 20px } .user-content ol { margin-left: 36px } .user-content ul li { list-style-type: square; background-repeat: no-repeat } .user-content ol li { list-style-type: decimal } .user-content img { height: auto; display: block } .user-content pre { font-family: monospace; background: #fafafa; border: 1px solid #f1f1f1; padding: 20px; margin-bottom: 20px; white-space: pre-wrap } .user-content code { font-family: monospace; background: #fafafa } .user-content .wp-caption { max-width: 100%; box-sizing: border-box } .user-content .wp-caption img { box-sizing: border-box; border: 8px solid #e1eaf8 } .user-content .wp-caption-text { background: #e1eaf8; padding: 0px 22px 8px; margin-bottom: 20px; text-align: center } .user-content table { width: 100% } .label, .label--green, .label--purple, .label--blue { text-transform: uppercase; padding: 1px 8px; border-radius: 6px; font-size: 10px; height: 16px; display: inline-block; position: relative; top: -2px; vertical-align: middle } .label--small { text-transform: none } .label--large { padding: 3px 11px; font-size: 11px } .label--green { background: #2cd4d9; color: #150773 } .label--purple { background: #5333ed; color: #fff } .label--blue { background: #150773; color: #fff } .bullet-list { list-style-type: disc; } ol.bullet-list { list-style-type: decimal; } .bullet-list-circle { list-style-type: circle; } .bullet-list li { margin-bottom: 6px } .bullet-list--green-bullet { color: #2cd4d9; span: #444 } span.code-highlight{ background: #fff; border: solid 1px #e1e4e5; color: #d672b0; padding: 2px 5px; font-family: 'Cousine', monospace; } span.inline-code{ background: #fff; border: solid 1px #e1e4e5; color: #d672b0; padding: 2px 5px; font-family: 'Cousine', monospace; } .bullet-list--green-bullet.color--white span, .bullet-list--green-bullet.plan-box--active.plan-box--active--color--white span { color: #fff } .bullet-list--margin-large li { margin-bottom: 11px } .dot-list { list-style-type: none } .dot-list li { margin-bottom: 6px } .dot-list li:last-of-type { margin-bottom: 0px } .dot-list li:before { content: "\2022"; padding-right: 6px } .arrow-list li { display: flex; margin-bottom: 6px } .arrow-list li:before { display: block; content: "\2192"; margin-right: 10px; opacity: 0.7 } .arrow-list li.hide-arrow:before { opacity: 0 } .text-quote { margin-top: 40px } .text-quote:first-child { margin-top: 0px } .text-quote.text-quote--alternating { margin-top: -30px } .text-quote.text-quote--alternating:first-child { margin-top: 0px } .text-quote.text-quote--alternating:nth-of-type(even)>.col-sm-6 { padding-left: 20px } .text-quote.text-quote--alternating:nth-of-type(odd)>.col-sm-6 { padding-right: 20px } @media only screen and (max-width: 48em) { .text-quote.text-quote--alternating { margin-top: 40px } .text-quote.text-quote--alternating:nth-of-type(even)>.col-sm-6 { margin-left: 0px; padding-left: 0px } .text-quote.text-quote--alternating:nth-of-type(odd)>.col-sm-6 { margin-right: 0px; padding-right: 0px } } .text-quote__text { border: 2px solid #e1eaf8; padding: 20px; border-radius: 6px } .text-quote__avatar { position: relative; margin-right: 30px } /*.text-quote__avatar:after { display: block; content: ' '; position: absolute; top: calc( 50% - 4px); right: -32px; width: 8px; height: 16px; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat }*/ .message { padding: 6px 22px; font-size: 12px; border-width: 1px; border-style: solid; border-radius: 200px } .message.success { background: #D4F5BC; border-color: #b8ee90; color: #0b1603 } .message.error { background: #ed1c24; border-color: #c61017; color: #000 } html.menu-open, html.menu-open body { height: 100%; overflow: hidden; } .site-menu { display: flex; align-items: center; position: relative } .site-menu svg { display: block } .site-menu__logo a:hover svg { fill: #2cd4d9 } .site-menu__nav { margin-left: auto } .site-menu__nav ul li { display: inline-block } .site-menu__nav a { padding: 0 11px; color: #fff; text-decoration: none; text-transform: uppercase } .site-menu__nav a.login { padding: 4px 14px; margin-left: 11px } .site-menu__nav a.login:hover span:after { display: none; opacity: 0px } .site-menu input:checked+.site-menu__nav a.login { padding: 4px 14px; margin-left: 11px } .site-menu input:checked+.site-menu__nav a.login:hover span:after { display: none; opacity: 0px } .site-menu__nav span { position: relative } .site-menu__nav span:after { content: " "; opacity: 1; position: absolute; display: block; bottom: -4px; left: 0px; width: 100%; height: 2px; background: #2cd4d9; opacity: 0; transition: all 200ms linear } .site-menu__nav a:hover span:after, .site-menu__nav a.active span:after { opacity: 1 } .site-menu__logo svg { width: 120px; height: auto } .stick-navbar .site-menu-container { position: fixed; top: -100px; width: 100%; padding: 16px 22px; box-sizing: border-box; z-index: 8888; display: flex; justify-content: center; transition: all 200ms linear } .stick-navbar .site-menu-container .site-menu__nav a { color: inherit } .stick-navbar .site-menu-container .site-menu__nav a.login { padding: 4px 14px; margin-left: 11px } .stick-navbar .site-menu-container .site-menu__nav a.login:hover span:after { display: none; opacity: 0px } .stick-navbar .site-menu-container .site-menu { width: 100%; max-width: 1120px; color: inherit } .stick-navbar .site-menu-container .site-menu__logo svg { width: 80px } .stick-navbar .site-menu-container .site-menu__logo svg * { fill: #5333ed } .stick-navbar .site-menu-container.stuck { top: 0px } .site-menu input { display: none } label[for="hamburger-menu-trigger"] { margin-left: auto } .stuck label[for="hamburger-menu-trigger"] svg * { fill: #150773 } @media only screen and (max-width: 48em) { .site-menu__nav { display: none } } .mobile-nav { width: 100%; height: 100%; display: block; position: absolute; box-sizing: border-box; left: 0px; top: 0px; padding: 1rem; padding-top: 30px; z-index: 8888; color: #fff } .mobile-nav label { position: absolute; top: 30px; right: 1rem } .mobile-nav svg { display: inline; position: relative; top: 1px } .mobile-nav .site-menu__nav { display: block; padding-top: 30px } .mobile-nav .site-menu__nav ul li { display: block; padding: 11px 0px; line-height: 42px } .mobile-nav .site-menu__nav ul li a { color: inherit; padding: 0px; font-size: 22px; text-transform: none } .mobile-nav .site-menu__nav ul li a.login { border: 0px !important; padding: 0px !important; margin: 0px !important; font-weight: 300 !important } @media only screen and (max-width: 65em) { .site-menu__logo svg { width: 80px } label[for="hamburger-menu-trigger"] svg { width: 18px } } .site-footer h4 { opacity: 0.3 } .site-footer li { margin-top: 16px } .site-footer a { color: #fff; text-decoration: none; transition: all 200ms linear } .site-footer a:hover { color: #2cd4d9 } .site-footer-bar .container { display: flex; align-items: center; text-align: center } .site-footer-bar .container>div { display: flex; align-items: center } .site-footer-bar .container>div:first-child { margin-right: 33px } .site-footer-bar .container>div:last-child { margin-left: 33px } @media only screen and (max-width: 64em) { .site-footer-bar .container { display: block } .site-footer-bar .container>div { justify-content: center; margin-bottom: 44px } .site-footer-bar .container>div:first-child, .site-footer-bar .container>div:last-child { margin-left: 0px; margin-right: 0px } .site-footer-bar .container>div:last-child { margin-bottom: 0px } .site-footer-bar .container .site-footer-bar__legal { display: block } } .site-footer-bar__social a:hover svg * { transition: all 200ms linear } .site-footer-bar__social a:hover svg * { fill: #2cd4d9 } .site-footer-bar__legal span { display: inline-block; margin-left: 22px } .site-footer-bar__legal span:first-child { margin: 0px } .site-footer-bar__legal span span { opacity: 0.3 } .site-footer-bar__legal a { opacity: 0.3; color: inherit; text-decoration: none } .site-footer-bar__legal a:hover { opacity: 1; color: #2cd4d9 } .site-footer-bar__language { display: flex; align-items: center } .site-footer-bar__language-selector { -webkit-appearance: none; outline: none; background: none; margin-left: 8px; border: 0px; color: #fff; cursor: pointer; padding-right: 18px; background-image: url('data:image/svg+xml;utf8,\a \a \a \a '); background-repeat: no-repeat; background-position: center right; font-size: 14px } .resource-bar { border-bottom: 1px solid #f0f0f0; position: relative; padding-top: 4px; padding-bottom: 4px; overflow: hidden } .resource-bar__search { transition: all 100ms linear; padding: 6px; right: 0px; border-radius: 80px } .resource-bar__search input { border: 0px; outline: none; -webkit-appearance: none; font-size: 14px; font-weight: 300; background: transparent; padding-right: 15px; padding-left: 15px; padding-top: 10px; padding-bottom: 10px } .resource-bar__search svg { border-top-right-radius: 80px; border-bottom-right-radius: 80px; position: relative; padding: 11px 0 10px 0; cursor: pointer; transition: all 200ms linear } .resource-bar__search input { transition: all 200ms linear } .resource-bar__search:hover input, .resource-bar__search input:valid, .resource-bar__search input:hover, .resource-bar__search input:focus { background: #eee } .resource-bar__search:hover svg, .resource-bar__search input:valid+svg, .resource-bar__search input:hover+svg, .resource-bar__search input:focus+svg { background: #eee; padding-right: 10px; padding-left: 10px } @media only screen and (max-width: 47.999em) { .resource-bar__search input { width: 80px } } .knowledgebase-list__image { width: 85px; background-color: #679be1; height: 42px } .knowledgebase-list__image a { width: 100%; height: 100% } .knowledgebase-list__image svg { transition: all 120ms linear } .knowledgebase-list__image a:hover svg, .knowledgebase-list__image a.hovered svg { box-shadow: 0px 0px 15px 1px rgba(255, 255, 255, 0.7) } .knowledgebase-list>.row, .knowledgebase-list>.boxes--alternating, .knowledgebase-list>.boxes--pair { flex-wrap: nowrap; text-overflow: ellipsis } .bg--body { position: absolute; width: 100%; height: 100vh } .bg--skewed { overflow: hidden; transform-origin: 0; transform: skewY(-30deg) } .bg--gradient--dark-light-blue { background-image: -webkit-linear-gradient( -30deg, rgb(44,212,217) 49%, rgb(83,51,237) 100%); background-image: -moz-linear-gradient( -30deg, rgb(44,212,217) 49%, rgb(83,51,237) 100%); background-image: -ms-linear-gradient( -30deg, rgb(44,212,217) 49%, rgb(83,51,237) 100%); } .bg--gradient--purple-light-blue, .mobile-nav { background-image: -webkit-linear-gradient( -30deg, rgb(44,212,217) 49%, rgb(83,51,237) 100%); background-image: -moz-linear-gradient( -30deg, rgb(44,212,217) 49%, rgb(83,51,237) 100%); background-image: -ms-linear-gradient( -30deg, rgb(44,212,217) 49%, rgb(83,51,237) 100%); } .bg--white { position: relative; background-color: #fff } .bg--code-background { background-color: #1C3041; } .bg--gray, .kinsta-pagination span.current { position: relative; background-color: #e1eaf8 } .bg--blue { position: relative; background-color: #150773 } .bg--darkblue { position: relative; background-color: #0c022f } .bg--purple { position: relative; background-color: #5333ed; } .bg--green { position: relative; background-color: #2cd4d9 } .bg--text { position: relative; background-color: #6E7076 } .bg--slant--top:before { height: 72px; width: 100%; content: ' '; display: block; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat } .bg--slant--bottom { padding-bottom: 72px; position: relative; z-index: 1000 } .bg--slant--bottom:after { height: 72px; width: 100%; position: absolute; z-index: -1; bottom: 0px; content: ' '; display: block; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat } @media only screen and (min-width: 48em) { .bg--slant--top:before { background-image: url("data:image/svg+xml;utf8,") } .bg--slant--bottom:after { background-image: url("data:image/svg+xml;utf8,") } } @media only screen and (min-width: 76em) { .bg--slant--top:before { background-image: url("data:image/svg+xml;utf8,") } .bg--slant--bottom:after { background-image: url("data:image/svg+xml;utf8,") } } /*.bg--image--tech { position: relative }*/ /*.bg--image--tech:before { content: ' '; width: 100%; height: 100%; display: block; left: 0px; position: absolute; background-position: center; opacity: 0.6; background-size: cover; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat } .bg--image--tech.bg--bottom-aligned:before { background-position: center bottom }*/ .ml--0 { margin-left: 0px !important } .ml--6 { margin-left: 6px } .ml--10 { margin-left: 10px } .ml--20 { margin-left: 20px } .ml--30 { margin-left: 30px } .ml--40 { margin-left: 40px } .ml--50 { margin-left: 50px } .ml--60 { margin-left: 60px } .ml--70 { margin-left: 70px } .ml--80 { margin-left: 80px } .ml--90 { margin-left: 90px } .ml--100 { margin-left: 100px } .ml--110 { margin-left: 110px } .ml--120 { margin-left: 120px } .mr--0 { margin-right: 0px !important } .mr--6 { margin-right: 6px } .mr--10 { margin-right: 10px } .mr--20 { margin-right: 20px } .mr--30 { margin-right: 30px } .mr--40 { margin-right: 40px } .mr--50 { margin-right: 50px } .mr--60 { margin-right: 60px } .mr--70 { margin-right: 70px } .mr--80 { margin-right: 80px } .mr--90 { margin-right: 90px } .mr--100 { margin-right: 100px } .mr--110 { margin-right: 110px } .mr--120 { margin-right: 120px } .pl--0 { padding-left: 0px !important } .pl--6 { padding-left: 6px } .pl--10 { padding-left: 10px } .pl--20 { padding-left: 20px } .pl--30 { padding-left: 30px } .pl--40 { padding-left: 40px } .pl--50 { padding-left: 50px } .pl--60 { padding-left: 60px } .pl--70 { padding-left: 70px } .pl--80 { padding-left: 80px } .pl--90 { padding-left: 90px } .pl--100 { padding-left: 100px } .pl--110 { padding-left: 110px } .pl--120 { padding-left: 120px } .pr--0 { padding-right: 0px !important } .pr--6 { padding-right: 6px } .pr--10 { padding-right: 10px } .pr--20 { padding-right: 20px } .pr--30 { padding-right: 30px } .pr--40 { padding-right: 40px } .pr--50 { padding-right: 50px } .pr--60 { padding-right: 60px } .pr--70 { padding-right: 70px } .pr--80 { padding-right: 80px } .pr--90 { padding-right: 90px } .pr--100 { padding-right: 100px } .pr--110 { padding-right: 110px } .pr--120 { padding-right: 120px } .pt--0 { padding-top: 0px !important } .pt--6 { padding-top: 6px } .pt--10 { padding-top: 10px } .pt--20 { padding-top: 20px } .pt--30 { padding-top: 30px } .pt--40 { padding-top: 40px } .pt--50 { padding-top: 50px } .pt--60 { padding-top: 60px } .pt--70 { padding-top: 70px } .pt--80 { padding-top: 80px } .pt--90 { padding-top: 90px } .pt--100 { padding-top: 100px } .pt--110 { padding-top: 110px } .pt--120 { padding-top: 120px } .pt--130 { padding-top: 130px } .pt--140 { padding-top: 130px } .pt--150 { padding-top: 130px } .pb--0 { padding-bottom: 0px !important } .pb--6 { padding-bottom: 6px } .pb--10 { padding-bottom: 10px } .pb--20 { padding-bottom: 20px } .pb--30 { padding-bottom: 30px } .pb--40 { padding-bottom: 40px } .pb--50 { padding-bottom: 50px } .pb--60 { padding-bottom: 60px } .pb--70 { padding-bottom: 70px } .pb--80 { padding-bottom: 80px } .pb--90 { padding-bottom: 90px } .pb--100 { padding-bottom: 100px } .pb--110 { padding-bottom: 110px } .pb--120 { padding-bottom: 120px } .pb--130 { padding-bottom: 130px } .pb--140 { padding-bottom: 130px } .pb--150 { padding-bottom: 130px } .mt--0 { margin-top: 0px !important } .mt--6 { margin-top: 6px } .mt--10 { margin-top: 10px } .mt--20 { margin-top: 20px } .mt--30 { margin-top: 30px } .mt--40 { margin-top: 40px } .mt--50 { margin-top: 50px } .mt--60 { margin-top: 60px } .mt--70 { margin-top: 70px } .mt--80 { margin-top: 80px } .mt--90 { margin-top: 90px } .mt--100 { margin-top: 100px } .mt--110 { margin-top: 110px } .mt--120 { margin-top: 120px } .mt--130 { margin-top: 130px } .mt--140 { margin-top: 130px } .mt--150 { margin-top: 130px } .mt--220 { margin-top: 220px } .mb--0 { margin-bottom: 0px !important } .mb--6 { margin-bottom: 6px } .mb--10 { margin-bottom: 10px } .mb--20 { margin-bottom: 20px } .mb--30 { margin-bottom: 30px } .mb--40 { margin-bottom: 40px } .mb--50 { margin-bottom: 50px } .mb--60 { margin-bottom: 60px } .mb--70 { margin-bottom: 70px } .mb--80 { margin-bottom: 80px } .mb--90 { margin-bottom: 90px } .mb--100 { margin-bottom: 100px } .mb--110 { margin-bottom: 110px } .mb--120 { margin-bottom: 120px } .mb--130 { margin-bottom: 130px } .mb--140 { margin-bottom: 130px } .mb--150 { margin-bottom: 130px } @media only screen and (max-width: 47em) { .pt--xs--0 { padding-top: 0px !important } .pt--xs--6 { padding-top: 6px } .pt--xs--10 { padding-top: 10px } .pt--xs--20 { padding-top: 20px } .pt--xs--30 { padding-top: 30px } .pt--xs--40 { padding-top: 40px } .pt--xs--50 { padding-top: 50px } .pt--xs--60 { padding-top: 60px } .pt--xs--70 { padding-top: 70px } .pt--xs--80 { padding-top: 80px } .pt--xs--90 { padding-top: 90px } .pt--xs--100 { padding-top: 100px } .pt--xs--110 { padding-top: 110px } .pt--xs--120 { padding-top: 120px } .pt--xs--130 { padding-top: 130px } .pt--xs--140 { padding-top: 130px } .pt--xs--150 { padding-top: 130px } .pb--xs--0 { padding-bottom: 0px !important } .pb--xs--6 { padding-bottom: 6px } .pb--xs--10 { padding-bottom: 10px } .pb--xs--20 { padding-bottom: 20px } .pb--xs--30 { padding-bottom: 30px } .pb--xs--40 { padding-bottom: 40px } .pb--xs--50 { padding-bottom: 50px } .pb--xs--60 { padding-bottom: 60px } .pb--xs--70 { padding-bottom: 70px } .pb--xs--80 { padding-bottom: 80px } .pb--xs--90 { padding-bottom: 90px } .pb--xs--100 { padding-bottom: 100px } .pb--xs--110 { padding-bottom: 110px } .pb--xs--120 { padding-bottom: 120px } .pb--xs--130 { padding-bottom: 130px } .pb--xs--140 { padding-bottom: 130px } .pb--xs--150 { padding-bottom: 130px } .pr--xs--0 { padding-right: 0px !important } .pr--xs--6 { padding-right: 6px } .pr--xs--10 { padding-right: 10px } .pr--xs--20 { padding-right: 20px } .pr--xs--30 { padding-right: 30px } .pr--xs--40 { padding-right: 40px } .pr--xs--50 { padding-right: 50px } .pr--xs--60 { padding-right: 60px } .pr--xs--70 { padding-right: 70px } .pr--xs--80 { padding-right: 80px } .pr--xs--90 { padding-right: 90px } .pr--xs--100 { padding-right: 100px } .pr--xs--110 { padding-right: 110px } .pr--xs--120 { padding-right: 120px } .pl--xs--0 { padding-left: 0px !important } .pl--xs--6 { padding-left: 6px } .pl--xs--10 { padding-left: 10px } .pl--xs--20 { padding-left: 20px } .pl--xs--30 { padding-left: 30px } .pl--xs--40 { padding-left: 40px } .pl--xs--50 { padding-left: 50px } .pl--xs--60 { padding-left: 60px } .pl--xs--70 { padding-left: 70px } .pl--xs--80 { padding-left: 80px } .pl--xs--90 { padding-left: 90px } .pl--xs--100 { padding-left: 100px } .pl--xs--110 { padding-left: 110px } .pl--xs--120 { padding-left: 120px } .mt--xs--0 { margin-top: 0px !important } .mt--xs--6 { margin-top: 6px } .mt--xs--10 { margin-top: 10px } .mt--xs--20 { margin-top: 20px } .mt--xs--30 { margin-top: 30px } .mt--xs--40 { margin-top: 40px } .mt--xs--50 { margin-top: 50px } .mt--xs--60 { margin-top: 60px } .mt--xs--70 { margin-top: 70px } .mt--xs--80 { margin-top: 80px } .mt--xs--90 { margin-top: 90px } .mt--xs--100 { margin-top: 100px } .mt--xs--110 { margin-top: 110px } .mt--xs--120 { margin-top: 120px } .mt--xs--130 { margin-top: 130px } .mt--xs--140 { margin-top: 130px } .mt--xs--150 { margin-top: 130px } .mb--xs--0 { margin-bottom: 0px !important } .mb--xs--6 { margin-bottom: 6px } .mb--xs--10 { margin-bottom: 10px } .mb--xs--20 { margin-bottom: 20px } .mb--xs--30 { margin-bottom: 30px } .mb--xs--40 { margin-bottom: 40px } .mb--xs--50 { margin-bottom: 50px } .mb--xs--60 { margin-bottom: 60px } .mb--xs--70 { margin-bottom: 70px } .mb--xs--80 { margin-bottom: 80px } .mb--xs--90 { margin-bottom: 90px } .mb--xs--100 { margin-bottom: 100px } .mb--xs--110 { margin-bottom: 110px } .mb--xs--120 { margin-bottom: 120px } .mb--xs--130 { margin-bottom: 130px } .mb--xs--140 { margin-bottom: 130px } .mb--xs--150 { margin-bottom: 130px } .mr--xs--0 { margin-right: 0px !important } .mr--xs--10 { margin-right: 10px } .mr--xs--20 { margin-right: 20px } .mr--xs--40 { margin-right: 40px } .ml--xs--0 { margin-left: 0 !important } .ml--xs--10 { margin-left: 10px } .ml--xs--20 { margin-left: 20px } .ml--xs--30 { margin-left: 30px } .ml--xs--40 { margin-left: 40px } } @media only screen and (max-width: 64em) { .pt--sm--0 { padding-top: 0px !important } .pt--sm--6 { padding-top: 6px } .pt--sm--10 { padding-top: 10px } .pt--sm--20 { padding-top: 20px } .pt--sm--30 { padding-top: 30px } .pt--sm--40 { padding-top: 40px } .pt--sm--50 { padding-top: 50px } .pt--sm--60 { padding-top: 60px } .pt--sm--70 { padding-top: 70px } .pt--sm--80 { padding-top: 80px } .pt--sm--90 { padding-top: 90px } .pt--sm--100 { padding-top: 100px } .pt--sm--110 { padding-top: 110px } .pt--sm--120 { padding-top: 120px } .pt--sm--130 { padding-top: 130px } .pt--sm--140 { padding-top: 130px } .pt--sm--150 { padding-top: 130px } .pb--sm--0 { padding-bottom: 0px !important } .pb--sm--6 { padding-bottom: 6px } .pb--sm--10 { padding-bottom: 10px } .pb--sm--20 { padding-bottom: 20px } .pb--sm--30 { padding-bottom: 30px } .pb--sm--40 { padding-bottom: 40px } .pb--sm--50 { padding-bottom: 50px } .pb--sm--60 { padding-bottom: 60px } .pb--sm--70 { padding-bottom: 70px } .pb--sm--80 { padding-bottom: 80px } .pb--sm--90 { padding-bottom: 90px } .pb--sm--100 { padding-bottom: 100px } .pb--sm--110 { padding-bottom: 110px } .pb--sm--120 { padding-bottom: 120px } .pb--sm--130 { padding-bottom: 130px } .pb--sm--140 { padding-bottom: 130px } .pb--sm--150 { padding-bottom: 130px } .pr--sm--0 { padding-right: 0px !important } .pr--sm--6 { padding-right: 6px } .pr--sm--10 { padding-right: 10px } .pr--sm--20 { padding-right: 20px } .pr--sm--30 { padding-right: 30px } .pr--sm--40 { padding-right: 40px } .pr--sm--50 { padding-right: 50px } .pr--sm--60 { padding-right: 60px } .pr--sm--70 { padding-right: 70px } .pr--sm--80 { padding-right: 80px } .pr--sm--90 { padding-right: 90px } .pr--sm--100 { padding-right: 100px } .pr--sm--110 { padding-right: 110px } .pr--sm--120 { padding-right: 120px } .mt--sm--0 { margin-top: 0px !important } .mt--sm--6 { margin-top: 6px } .mt--sm--10 { margin-top: 10px } .mt--sm--20 { margin-top: 20px } .mt--sm--30 { margin-top: 30px } .mt--sm--40 { margin-top: 40px } .mt--sm--50 { margin-top: 50px } .mt--sm--60 { margin-top: 60px } .mt--sm--70 { margin-top: 70px } .mt--sm--80 { margin-top: 80px } .mt--sm--90 { margin-top: 90px } .mt--sm--100 { margin-top: 100px } .mt--sm--110 { margin-top: 110px } .mt--sm--120 { margin-top: 120px } .mt--sm--130 { margin-top: 130px } .mt--sm--140 { margin-top: 130px } .mt--sm--150 { margin-top: 130px } .mb--sm--0 { margin-bottom: 0px !important } .mb--sm--6 { margin-bottom: 6px } .mb--sm--10 { margin-bottom: 10px } .mb--sm--20 { margin-bottom: 20px } .mb--sm--30 { margin-bottom: 30px } .mb--sm--40 { margin-bottom: 40px } .mb--sm--50 { margin-bottom: 50px } .mb--sm--60 { margin-bottom: 60px } .mb--sm--70 { margin-bottom: 70px } .mb--sm--80 { margin-bottom: 80px } .mb--sm--90 { margin-bottom: 90px } .mb--sm--100 { margin-bottom: 100px } .mb--sm--110 { margin-bottom: 110px } .mb--sm--120 { margin-bottom: 120px } .mb--sm--130 { margin-bottom: 130px } .mb--sm--140 { margin-bottom: 130px } .mb--sm--150 { margin-bottom: 130px } .mr--sm--0 { margin-right: 0px !important } } @media only screen and (max-width: 75em) { .pt--md--0 { padding-top: 0px !important } .pt--md--6 { padding-top: 6px } .pt--md--10 { padding-top: 10px } .pt--md--20 { padding-top: 20px } .pt--md--30 { padding-top: 30px } .pt--md--40 { padding-top: 40px } .pt--md--50 { padding-top: 50px } .pt--md--60 { padding-top: 60px } .pt--md--70 { padding-top: 70px } .pt--md--80 { padding-top: 80px } .pt--md--90 { padding-top: 90px } .pt--md--100 { padding-top: 100px } .pt--md--110 { padding-top: 110px } .pt--md--120 { padding-top: 120px } .pt--md--130 { padding-top: 130px } .pt--md--140 { padding-top: 130px } .pt--md--150 { padding-top: 130px } .pb--md--0 { padding-bottom: 0px !important } .pb--md--6 { padding-bottom: 6px } .pb--md--10 { padding-bottom: 10px } .pb--md--20 { padding-bottom: 20px } .pb--md--30 { padding-bottom: 30px } .pb--md--40 { padding-bottom: 40px } .pb--md--50 { padding-bottom: 50px } .pb--md--60 { padding-bottom: 60px } .pb--md--70 { padding-bottom: 70px } .pb--md--80 { padding-bottom: 80px } .pb--md--90 { padding-bottom: 90px } .pb--md--100 { padding-bottom: 100px } .pb--md--110 { padding-bottom: 110px } .pb--md--120 { padding-bottom: 120px } .pb--md--130 { padding-bottom: 130px } .pb--md--140 { padding-bottom: 130px } .pb--md--150 { padding-bottom: 130px } .pr--md--0 { padding-right: 0px !important } .pr--md--6 { padding-right: 6px } .pr--md--10 { padding-right: 10px } .pr--md--20 { padding-right: 20px } .pr--md--30 { padding-right: 30px } .pr--md--40 { padding-right: 40px } .pr--md--50 { padding-right: 50px } .pr--md--60 { padding-right: 60px } .pr--md--70 { padding-right: 70px } .pr--md--80 { padding-right: 80px } .pr--md--90 { padding-right: 90px } .pr--md--100 { padding-right: 100px } .pr--md--110 { padding-right: 110px } .pr--md--120 { padding-right: 120px } .mt--md--0 { margin-top: 0px !important } .mt--md--6 { margin-top: 6px } .mt--md--10 { margin-top: 10px } .mt--md--20 { margin-top: 20px } .mt--md--30 { margin-top: 30px } .mt--md--40 { margin-top: 40px } .mt--md--50 { margin-top: 50px } .mt--md--60 { margin-top: 60px } .mt--md--70 { margin-top: 70px } .mt--md--80 { margin-top: 80px } .mt--md--90 { margin-top: 90px } .mt--md--100 { margin-top: 100px } .mt--md--110 { margin-top: 110px } .mt--md--120 { margin-top: 120px } .mt--md--130 { margin-top: 130px } .mt--md--140 { margin-top: 130px } .mt--md--150 { margin-top: 130px } .mb--md--0 { margin-bottom: 0px !important } .mb--md--6 { margin-bottom: 6px } .mb--md--10 { margin-bottom: 10px } .mb--md--20 { margin-bottom: 20px } .mb--md--30 { margin-bottom: 30px } .mb--md--40 { margin-bottom: 40px } .mb--md--50 { margin-bottom: 50px } .mb--md--60 { margin-bottom: 60px } .mb--md--70 { margin-bottom: 70px } .mb--md--80 { margin-bottom: 80px } .mb--md--90 { margin-bottom: 90px } .mb--md--100 { margin-bottom: 100px } .mb--md--110 { margin-bottom: 110px } .mb--md--120 { margin-bottom: 120px } .mb--md--130 { margin-bottom: 130px } .mb--md--140 { margin-bottom: 130px } .mb--md--150 { margin-bottom: 130px } .mr--md--0 { margin-right: 0px !important } } .mt--first--0:first-child { margin-top: 0px } .pull--10 { position: relative; top: -10px; margin-bottom: -10px } .pull--20 { position: relative; top: -20px; margin-bottom: -20px } .pull--40 { position: relative; top: -40px; margin-bottom: -40px } .pull--60 { position: relative; top: -60px; margin-bottom: -60px } .pull--80 { position: relative; top: -80px; margin-bottom: -80px } .pull--100 { position: relative; top: -100px; margin-bottom: -100px } .pull--120 { position: relative; top: -120px; margin-bottom: -120px } .pull--140 { position: relative; top: -140px; margin-bottom: -140px } .pull--160 { position: relative; top: -160px; margin-bottom: -160px } .pull--200 { position: relative; top: -200px; margin-bottom: -200px } .push--6 { position: relative; top: 6px; margin-top: -6px } .push--8 { position: relative; top: 8px; margin-top: -8px } .push--10 { position: relative; top: 10px; margin-top: -10px } .push--20 { position: relative; top: 20px; margin-top: -20px } .push--40 { position: relative; top: 40px; margin-top: -40px } .push--60 { position: relative; top: 60px; margin-top: -60px } .push--80 { position: relative; top: 80px; margin-top: -80px } .push--100 { position: relative; top: 100px; margin-top: -100px } .push--120 { position: relative; top: 120px; margin-top: -120px } .push--140 { position: relative; top: 140px; margin-top: -140px } @media only screen and (max-width: 48em) { .pull--xs--0 { top: 0px; margin-bottom: 0px } } html, body { min-height: 100%; overflow-x: hidden } .screen-reader-text { display: none } body { overflow-x: hidden; position: relative } .pointer { cursor: pointer } .display--inline { display: inline-block } .position--relative { position: relative } .display--block { display: block } @media only screen and (max-width: 47.999em) { .display--xs--block { display: block } } img { max-width: 100%; max-height: 100%; margin-bottom: 0px } svg { display: block; margin: 0 } a { cursor: pointer } input:focus::-webkit-input-placeholder { opacity: 0.3 } input:focus::-moz-placeholder { opacity: 0.3 } input:focus:-ms-input-placeholder { opacity: 0.3 } input:focus:-moz-placeholder { opacity: 0.3 } button { cursor: pointer } .logo-image, .logo-image img { max-width: 200px; max-height: 30px } input[name="user_email"], input[name="user_age"] { display: none !important } .temporary-notice { background: #FDFCEF; padding: 20px } @-webkit-keyframes chevron-pulse { 0% { opacity: 0; } 40% { opacity: 1; } 80% { opacity: 0; } 100% { opacity: 0; } } @keyframes chevron-pulse { 0% { opacity: 0; } 40% { opacity: 1; } 80% { opacity: 0; } 100% { opacity: 0; } } .tcon-svgchevron { height: 60px; width: 60px; } .tcon-svgchevron path { -webkit-animation: chevron-pulse 3s infinite cubic-bezier(0.4, 0, 0.2, 1); animation: chevron-pulse 3s infinite cubic-bezier(0.4, 0, 0.2, 1); fill: transparent; stroke: white; stroke-width: 2px; } .tcon-svgchevron path.a1 { -webkit-animation-delay: 0s; animation-delay: 0s; } .tcon-svgchevron path.a2 { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .tcon-svgchevron path.a3 { -webkit-animation-delay: -1s; animation-delay: -1s; } svg.tcon-svgchevron{ transform: rotate(225deg); margin-top: 30px; margin-left: 0px; } #svg2.tcon-svgchevron{ transform: rotate(135deg); margin-top: 30px; /*margin-left: 0px;*/ } h1.eta-text{ color: white; font-size: 40px; font-family: 'Brandon Text'; } h1.java-text{ color: white; font-size: 40px; margin-top: 125px; font-family: 'Brandon Text'; margin-left: 30px; } h1.haskell-text{ color: white; font-size: 40px; margin-top: 125px; font-family: 'Brandon Text'; margin-left: -20px; } .box-hover:hover{ background: #293249; } .hero-container { background-image: url('/images/home-hero.svg'); } @media only screen and (max-width: 1224px) { h1.java-text, h1.eta-text, h1.haskell-text{ display: none; } .tcon-svgchevron, #svg2.tcon-svgchevron{ display: none; } .hero-container{ background-image: -webkit-linear-gradient( -30deg, rgb(44,212,217) 49%, rgb(83,51,237) 100%); background-image: -moz-linear-gradient( -30deg, rgb(44,212,217) 49%, rgb(83,51,237) 100%); background-image: -ms-linear-gradient( -30deg, rgb(44,212,217) 49%, rgb(83,51,237) 100%); min-height:0px; margin-left:0px; width:100%; height:auto; display:block; } .bodymovin img{ margin-top: 30px; } } pre { font-family: 'Cousine', monospace; font-size: 12px; }