/* theme.css から、このサイトで使う指定だけを残した軽量版。scripts/purge-css.mjs が生成。直接編集しない */ @charset "UTF-8"; @-ms-viewport { width: device-width; } html { -webkit-box-sizing: border-box; box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } .h-section-boxed-container { width: 100%; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .h-section-boxed-container { max-width: 540px; } } @media (min-width: 768px) { .h-section-boxed-container { max-width: 720px; } } @media (min-width: 1024px) { .h-section-boxed-container { max-width: 960px; } } @media (min-width: 1200px) { .h-section-boxed-container { max-width: 1232px; } } .h-section-fluid-container { width: 100%; padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; } .h-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } /* extra gutters */ .gutters-col-0 { margin-left: 0; margin-right: 0; } .gutters-col-0 > [class*='h-col-'] { padding-left: 0; padding-right: 0; } .h-px-0 { padding-left: 0; padding-right: 0; } .gutters-row-0 { padding-left: 0; padding-right: 0; } .gutters-col-2 { margin-left: -10px; margin-right: -10px; } .gutters-col-2 > [class*='h-col-'] { padding-left: 10px; padding-right: 10px; } .h-px-2 { padding-left: 10px; padding-right: 10px; } .gutters-row-2 { padding-left: 10px; padding-right: 10px; } @media (min-width: 768px) { .gutters-col-md-0 { margin-left: 0; margin-right: 0; } .gutters-col-md-0 > [class*='h-col-'] { padding-left: 0; padding-right: 0; } .h-px-md-0 { padding-left: 0; padding-right: 0; } .gutters-row-md-0 { padding-left: 0; padding-right: 0; } .gutters-col-md-1 { margin-left: -5px; margin-right: -5px; } .gutters-col-md-1 > [class*='h-col-'] { padding-left: 5px; padding-right: 5px; } .h-px-md-1 { padding-left: 5px; padding-right: 5px; } .gutters-row-md-1 { padding-left: 5px; padding-right: 5px; } .gutters-col-md-2 { margin-left: -10px; margin-right: -10px; } .gutters-col-md-2 > [class*='h-col-'] { padding-left: 10px; padding-right: 10px; } .h-px-md-2 { padding-left: 10px; padding-right: 10px; } .gutters-row-md-2 { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1024px) { .gutters-col-lg-0 { margin-left: 0; margin-right: 0; } .gutters-col-lg-0 > [class*='h-col-'] { padding-left: 0; padding-right: 0; } .h-px-lg-0 { padding-left: 0; padding-right: 0; } .gutters-row-lg-0 { padding-left: 0; padding-right: 0; } .gutters-col-lg-1 { margin-left: -8px; margin-right: -8px; } .gutters-col-lg-1 > [class*='h-col-'] { padding-left: 8px; padding-right: 8px; } .h-px-lg-1 { padding-left: 8px; padding-right: 8px; } .gutters-row-lg-1 { padding-left: 8px; padding-right: 8px; } .gutters-col-lg-2 { margin-left: -15px; margin-right: -15px; } .gutters-col-lg-2 > [class*='h-col-'] { padding-left: 15px; padding-right: 15px; } .h-px-lg-2 { padding-left: 15px; padding-right: 15px; } .gutters-row-lg-2 { padding-left: 15px; padding-right: 15px; } } .gutters-col-v-0 { margin-top: 0; margin-bottom: 0; } .gutters-col-v-0 > [class*='h-col-'] { padding-top: 0; padding-bottom: 0; } .v-inner-0 { padding-top: 0; padding-bottom: 0; } .gutters-row-v-0 { padding-top: 0; padding-bottom: 0; } .gutters-col-v-2 { margin-top: -10px; margin-bottom: -10px; } .gutters-col-v-2 > [class*='h-col-'] { padding-top: 10px; padding-bottom: 10px; } .v-inner-2 { padding-top: 10px; padding-bottom: 10px; } .gutters-row-v-2 { padding-top: 10px; padding-bottom: 10px; } @media (min-width: 768px) { .gutters-col-v-md-0 { margin-top: 0; margin-bottom: 0; } .gutters-col-v-md-0 > [class*='h-col-'] { padding-top: 0; padding-bottom: 0; } .v-inner-md-0 { padding-top: 0; padding-bottom: 0; } .gutters-row-v-md-0 { padding-top: 0; padding-bottom: 0; } .gutters-col-v-md-1 { margin-top: -5px; margin-bottom: -5px; } .gutters-col-v-md-1 > [class*='h-col-'] { padding-top: 5px; padding-bottom: 5px; } .v-inner-md-1 { padding-top: 5px; padding-bottom: 5px; } .gutters-row-v-md-1 { padding-top: 5px; padding-bottom: 5px; } .gutters-col-v-md-2 { margin-top: -10px; margin-bottom: -10px; } .gutters-col-v-md-2 > [class*='h-col-'] { padding-top: 10px; padding-bottom: 10px; } .v-inner-md-2 { padding-top: 10px; padding-bottom: 10px; } .gutters-row-v-md-2 { padding-top: 10px; padding-bottom: 10px; } .gutters-col-v-md-3 { margin-top: -15px; margin-bottom: -15px; } .gutters-col-v-md-3 > [class*='h-col-'] { padding-top: 15px; padding-bottom: 15px; } .gutters-row-v-md-3 { padding-top: 15px; padding-bottom: 15px; } } @media (min-width: 1024px) { .gutters-col-v-lg-0 { margin-top: 0; margin-bottom: 0; } .gutters-col-v-lg-0 > [class*='h-col-'] { padding-top: 0; padding-bottom: 0; } .v-inner-lg-0 { padding-top: 0; padding-bottom: 0; } .gutters-row-v-lg-0 { padding-top: 0; padding-bottom: 0; } .gutters-col-v-lg-1 { margin-top: -8px; margin-bottom: -8px; } .gutters-col-v-lg-1 > [class*='h-col-'] { padding-top: 8px; padding-bottom: 8px; } .v-inner-lg-1 { padding-top: 8px; padding-bottom: 8px; } .gutters-row-v-lg-1 { padding-top: 8px; padding-bottom: 8px; } .gutters-col-v-lg-2 { margin-top: -15px; margin-bottom: -15px; } .gutters-col-v-lg-2 > [class*='h-col-'] { padding-top: 15px; padding-bottom: 15px; } .v-inner-lg-2 { padding-top: 15px; padding-bottom: 15px; } .gutters-row-v-lg-2 { padding-top: 15px; padding-bottom: 15px; } .gutters-col-v-lg-3 { margin-top: -30px; margin-bottom: -30px; } .gutters-col-v-lg-3 > [class*='h-col-'] { padding-top: 30px; padding-bottom: 30px; } .gutters-row-v-lg-3 { padding-top: 30px; padding-bottom: 30px; } } .h-col-12, .h-col-auto, .h-col-md-3, .h-col-md-6, .h-col-md-auto, .h-col-lg-3, .h-col-lg-6, .h-col-lg-auto{ position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .h-col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .h-col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media (min-width: 768px) { .h-col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .h-col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .h-col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 1024px) { .h-col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .h-col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .h-col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } .d-block { display: block; } .d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .d-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .justify-content-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .align-items-start { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-center { -ms-flex-item-align: center !important; align-self: center !important; } @media (min-width: 768px) { .justify-content-md-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .align-items-md-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-md-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-center { -ms-flex-item-align: center !important; align-self: center !important; } } @media (min-width: 1024px) { .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .align-items-lg-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-stretch { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-center { -ms-flex-item-align: center !important; align-self: center !important; } } /*Extra for text align*/ * { margin: 0; padding: 0; outline: 0; -webkit-overflow-scrolling: touch; -webkit-box-sizing: border-box; box-sizing: border-box; } div:before, ul:before, div:after, ul:after{ content: ""; display: table; width: 0; /** Fix for safari. On safari the after and before without this code added 1px*/ -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-flex-preferred-size: 0; flex-basis: 0; } div:after, ul:after{ clear: both; } img{ max-width: 100%; } img{ height: auto; } svg { max-height: 100%; } iframe { border: none; max-width: 100%; } ::-moz-focus-inner { border: 0; padding: 0; } input:matches([type="password"], [type="search;"]) { border-radius: 0; } body { text-align: center; overflow-x: hidden; } html { overflow-x: hidden; } /* Fancybox adds a margin right to the body to compensate for removing the scrollbar from the body. But we have the * scrollbar on the html so it only adds a margin-right that moves all the content. * https://github.com/fancyapps/fancybox/issues/1731 */ /* blog page sidebar falls on new line if pre has a long line */ @media (min-width: 768px) { body { text-align: left; } } /** GENERATED FILE ! DO NOT MODIFY, run generate-bundle task**/ .h-accordion-item-title { cursor: pointer; } .h-accordion-item-title > span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .h-accordion-item-title .h-accordion-item-title-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .h-accordion-item-title .h-accordion-item-title-icon-right { margin-left: auto !important; } .h-accordion-item-title .h-accordion-item-title-icon .h-svg-icon { width: 100%; height: 100%; } .h-accordion-item-title ~ .h-accordion-item-content { height: auto !important; display: none; } .h-accordion-item-title ~ .h-accordion-item-content__container { display: none; } .h-accordion-item-title .h-accordion-item-title-active-icon { display: none; } .h-accordion-item-title .h-accordion-item-title-normal-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .h-accordion-item-title.accordion-active ~ .h-accordion-item-content { display: block; } .h-accordion-item-title.accordion-active ~ .h-accordion-item-content__container { display: block; } .h-accordion-item-title.accordion-active .h-accordion-item-title-active-icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .h-accordion-item-title.accordion-active .h-accordion-item-title-normal-icon { display: none; } .h-blog-meta .metadata-item .h-svg-icon { line-height: inherit; vertical-align: middle; } /* * Chrome renders extra-wide   characters for the Hoefler Text font. * This results in a jumping cursor when typing in both the Classic and block * editors. The following font-face override fixes the issue by manually inserting * a custom font that includes just a Hoefler Text space replacement for that * character instead. */ @font-face { font-family: 'NonBreakingSpaceOverride'; src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff"); } /* If we add the border using a regular CSS border, it won't look good on non-retina devices, * since its edges can look jagged due to lack of antialiasing. In this case, we are several * layers of box-shadow to add the border visually, which will render the border smoother. */ /* Calculates maximum width for post content */ /* Nested sub-menu padding: 10 levels deep */ /* Ensure all font family declarations come with non-latin fallbacks */ /* Build our non-latin font styles */ .has-drop-cap:lang(ar):not(:focus):first-letter { font-family: Tahoma, Arial, sans-serif; } .has-drop-cap:lang(ary):not(:focus):first-letter { font-family: Tahoma, Arial, sans-serif; } .has-drop-cap:lang(azb):not(:focus):first-letter { font-family: Tahoma, Arial, sans-serif; } .has-drop-cap:lang(ckb):not(:focus):first-letter { font-family: Tahoma, Arial, sans-serif; } .has-drop-cap:lang(fa-IR):not(:focus):first-letter { font-family: Tahoma, Arial, sans-serif; } .has-drop-cap:lang(haz):not(:focus):first-letter { font-family: Tahoma, Arial, sans-serif; } .has-drop-cap:lang(ps):not(:focus):first-letter { font-family: Tahoma, Arial, sans-serif; } .has-drop-cap:lang(be):not(:focus):first-letter { font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; } .has-drop-cap:lang(bg-BG):not(:focus):first-letter { font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; } .has-drop-cap:lang(kk):not(:focus):first-letter { font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; } .has-drop-cap:lang(mk-MK):not(:focus):first-letter { font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; } .has-drop-cap:lang(mn):not(:focus):first-letter { font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; } .has-drop-cap:lang(ru-RU):not(:focus):first-letter { font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; } .has-drop-cap:lang(sah):not(:focus):first-letter { font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; } .has-drop-cap:lang(sr-RS):not(:focus):first-letter { font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; } .has-drop-cap:lang(tt-RU):not(:focus):first-letter { font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; } .has-drop-cap:lang(uk):not(:focus):first-letter { font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; } .has-drop-cap:lang(zh-HK):not(:focus):first-letter { font-family: -apple-system, BlinkMacSystemFont, "PingFang HK", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif; } .has-drop-cap:lang(zh-TW):not(:focus):first-letter { font-family: -apple-system, BlinkMacSystemFont, "PingFang TC", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif; } .has-drop-cap:lang(zh-CN):not(:focus):first-letter { font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei New", STHeiti Light, sans-serif; } .has-drop-cap:lang(bn-BD):not(:focus):first-letter { font-family: Arial, sans-serif; } .has-drop-cap:lang(hi-IN):not(:focus):first-letter { font-family: Arial, sans-serif; } .has-drop-cap:lang(mr):not(:focus):first-letter { font-family: Arial, sans-serif; } .has-drop-cap:lang(ne-NP):not(:focus):first-letter { font-family: Arial, sans-serif; } .has-drop-cap:lang(el):not(:focus):first-letter { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .has-drop-cap:lang(gu):not(:focus):first-letter { font-family: Arial, sans-serif; } .has-drop-cap:lang(he-IL):not(:focus):first-letter { font-family: "Arial Hebrew", Arial, sans-serif; } .has-drop-cap:lang(ja):not(:focus):first-letter { font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif; } .has-drop-cap:lang(ko-KR):not(:focus):first-letter { font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif; } .has-drop-cap:lang(th):not(:focus):first-letter { font-family: "Sukhumvit Set", "Helvetica Neue", helvetica, arial, sans-serif; } .has-drop-cap:lang(vi):not(:focus):first-letter { font-family: "Libre Franklin", sans-serif; } .wp-block-archives li.menu-item-has-children, .wp-block-categories li.menu-item-has-children, .wp-block-latest-posts li.menu-item-has-children{ padding-bottom: 0; } .has-drop-cap:not(:focus):first-letter { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; font-size: 3.375em; line-height: 1; font-weight: bold; margin: 0 0.25em 0 0; } /*xs-cap*//*/xs-cap*/ .h-column { min-width: 0; } .h-column.masonry-item { -webkit-transition-duration: 0s; transition-duration: 0s; } .h-column__content > *:last-child { margin-bottom: 0px; } .h-column__content .h-heading p:last-child, .h-column__content .h-heading h1:last-child, .h-column__content .h-heading h2:last-child, .h-column__content .h-heading h3:last-child, .h-column__content .h-heading h4:last-child, .h-column__content .h-heading h5:last-child, .h-column__content .h-heading h6:last-child, .h-column__content .h-text p:last-child, .h-column__content .h-text h1:last-child, .h-column__content .h-text h2:last-child, .h-column__content .h-text h3:last-child, .h-column__content .h-text h4:last-child, .h-column__content .h-text h5:last-child, .h-column__content .h-text h6:last-child { margin-bottom: 0; } .h-column__inner { position: relative; max-width: 100%; } .h-column__v-align { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 100%; } .h-y-container .h-heading h4:last-child, .h-y-container .h-text p:last-child, .h-y-container .h-text h2:last-child{ margin-bottom: 0; } .h-flex-basis { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .flex-basis-auto { -ms-flex-preferred-size: auto; flex-basis: auto; } .flex-basis-100 { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .background-wrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; overflow: hidden; border-radius: inherit; /* prevent iframe issues on drag*/ pointer-events: none; } .slideshow-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 1; background-repeat: no-repeat; background-size: cover; } .paraxify { background-attachment: fixed; background-position: center center; background-size: cover; background-repeat: no-repeat; } .paraxify--ios.paraxify { background-attachment: scroll; } .colibri-in-customizer--loaded .h-contact-form-shortcode .wpcf7-response-output { display: block !important; } .colibri-in-customizer--loaded .h-contact-form-shortcode .forminator-error-message { display: block !important; } .hide-animation { -webkit-animation-name: unset !important; animation-name: unset !important; } /*! * animate.css -http://daneden.me/animate * Version - 3.7.0 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2018 Daniel Eden */ @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateZ(0); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translateZ(0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; -webkit-transform-origin: center bottom; animation-name: bounce; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-name: headShake; -webkit-animation-timing-function: ease-in-out; animation-name: headShake; animation-timing-function: ease-in-out; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } to { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } .swing { -webkit-animation-name: swing; -webkit-transform-origin: top center; animation-name: swing; transform-origin: top center; } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); } to { -webkit-transform: scaleX(1); transform: scaleX(1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0); } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39062deg) skewY(0.39062deg); transform: skewX(0.39062deg) skewY(0.39062deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; -webkit-transform-origin: center; animation-name: jello; transform-origin: center; } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1); } 14% { -webkit-transform: scale(1.3); transform: scale(1.3); } 28% { -webkit-transform: scale(1); transform: scale(1); } 42% { -webkit-transform: scale(1.3); transform: scale(1.3); } 70% { -webkit-transform: scale(1); transform: scale(1); } } .heartBeat { -webkit-animation-duration: 1.3s; -webkit-animation-name: heartBeat; -webkit-animation-timing-function: ease-in-out; animation-duration: 1.3s; animation-name: heartBeat; animation-timing-function: ease-in-out; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { -webkit-transform: scale3d(1.03, 1.03, 1.03); opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { -webkit-transform: scaleX(1); opacity: 1; transform: scaleX(1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { -webkit-transform: scale3d(1.03, 1.03, 1.03); opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { -webkit-transform: scaleX(1); opacity: 1; transform: scaleX(1); } } .bounceIn { -webkit-animation-duration: .75s; -webkit-animation-name: bounceIn; animation-duration: .75s; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(0, -3000px, 0); opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { -webkit-transform: translate3d(0, 25px, 0); opacity: 1; transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(0, -3000px, 0); opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { -webkit-transform: translate3d(0, 25px, 0); opacity: 1; transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(-3000px, 0, 0); opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { -webkit-transform: translate3d(25px, 0, 0); opacity: 1; transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(-3000px, 0, 0); opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { -webkit-transform: translate3d(25px, 0, 0); opacity: 1; transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(3000px, 0, 0); opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { -webkit-transform: translate3d(-25px, 0, 0); opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(3000px, 0, 0); opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { -webkit-transform: translate3d(-25px, 0, 0); opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(0, 3000px, 0); opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { -webkit-transform: translate3d(0, -20px, 0); opacity: 1; transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { -webkit-transform: translate3d(0, 3000px, 0); opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { -webkit-transform: translate3d(0, -20px, 0); opacity: 1; transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes fadeInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes fadeInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; transform: translate3d(100%, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes fadeInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; transform: translate3d(100%, 0, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; transform: translate3d(0, 100%, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes fadeInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; transform: translate3d(0, 100%, 0); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes flip { 0% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); } 40% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); } 50% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); } 80% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); } to { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); } } @keyframes flip { 0% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); } 40% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); } 50% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); } 80% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg); } to { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); } } .animated.flip { -webkit-animation-name: flip; -webkit-backface-visibility: visible; animation-name: flip; backface-visibility: visible; } @-webkit-keyframes flipInX { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg); } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg); } 60% { -webkit-transform: perspective(400px) rotateX(10deg); opacity: 1; transform: perspective(400px) rotateX(10deg); } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg); } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg); } 60% { -webkit-transform: perspective(400px) rotateX(10deg); opacity: 1; transform: perspective(400px) rotateX(10deg); } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-animation-name: flipInX; -webkit-backface-visibility: visible !important; animation-name: flipInX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg); } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg); } 60% { -webkit-transform: perspective(400px) rotateY(10deg); opacity: 1; transform: perspective(400px) rotateY(10deg); } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg); } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg); } 60% { -webkit-transform: perspective(400px) rotateY(10deg); opacity: 1; transform: perspective(400px) rotateY(10deg); } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-animation-name: flipInY; -webkit-backface-visibility: visible !important; animation-name: flipInY; backface-visibility: visible !important; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; transform: translate3d(100%, 0, 0) skewX(-30deg); } 60% { -webkit-transform: skewX(20deg); opacity: 1; transform: skewX(20deg); } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; transform: translate3d(100%, 0, 0) skewX(-30deg); } 60% { -webkit-transform: skewX(20deg); opacity: 1; transform: skewX(20deg); } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-name: lightSpeedIn; animation-timing-function: ease-out; } @-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(-200deg); transform-origin: center; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: center; opacity: 1; transform: translateZ(0); transform-origin: center; } } @keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(-200deg); transform-origin: center; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: center; opacity: 1; transform: translateZ(0); transform-origin: center; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom; } } @keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(45deg); transform-origin: right bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom; } } @keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(45deg); transform-origin: right bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom; } } @keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-90deg); transform-origin: right bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom; } } @keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-90deg); transform-origin: right bottom; } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes jackInTheBox { 0% { -webkit-transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { -webkit-transform: scale(1); opacity: 1; transform: scale(1); } } @keyframes jackInTheBox { 0% { -webkit-transform: scale(0.1) rotate(30deg); -webkit-transform-origin: center bottom; opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } to { -webkit-transform: scale(1); opacity: 1; transform: scale(1); } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox; } @-webkit-keyframes rollIn { 0% { -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); opacity: 0; transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } @keyframes rollIn { 0% { -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); opacity: 0; transform: translate3d(-100%, 0, 0) rotate(-120deg); } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes zoomIn { 0% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } @keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } @keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } @keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } @keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); } 60% { -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { -webkit-transform: scale3d(0.3, 0.3, 0.3); opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translateZ(0); transform: translateZ(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: hidden; } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: hidden; } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: hidden; } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: hidden; } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: hidden; } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: hidden; } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .animated { -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: .8s; animation-duration: .8s; } .animated.faster { -webkit-animation-duration: .5s; animation-duration: .5s; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; -webkit-transition: none !important; animation: unset !important; transition: none !important; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .content-swap .bounceIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .content-swap .bounceInDown { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .content-swap .bounceInUp { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .content-swap .bounceInLeft { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .content-swap .bounceInRight { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .content-swap .rotateIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .content-swap .rotateInDownLeft { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .content-swap .rotateInDownRight { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .content-swap .rotateInUpRight { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .content-swap .rotateInUpLeft { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .content-swap .slideInDown { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .content-swap .slideInLeft { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .content-swap .slideInRight { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .content-swap .slideInUp { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .content-swap .zoomIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .content-swap .zoomInDown { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .content-swap .zoomInUp { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .content-swap .zoomInLeft { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .content-swap .zoomInRight { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .content-swap .slideOutLeft { -webkit-animation-name: fadeOut; animation-name: fadeOut; } .content-swap .slideOutRight { -webkit-animation-name: fadeOut; animation-name: fadeOut; } .content-swap .slideOutUp { -webkit-animation-name: fadeOut; animation-name: fadeOut; } .content-swap .zoomOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } } @supports (-ms-ime-align: auto) { } @-webkit-keyframes slideOutUpNew { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: hidden; } } @keyframes slideOutUpNew { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: hidden; } } .content-swap .slideOutUp { -webkit-animation-name: slideOutUpNew; animation-name: slideOutUpNew; } .progress-bar { width: 0; float: left; height: 100%; font-size: 12px; line-height: 20px; color: white; text-align: center; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-bar__animation { -webkit-animation: progress ease-in-out forwards; animation: progress ease-in-out forwards; } .circle { position: relative; display: inline-block; } .h-circle-progress canvas { max-width: 100%; max-height: 100%; min-width: 100%; min-height: 100%; display: block; } @-webkit-keyframes progress { from { width: 0; } to { width: 100%; } } @keyframes progress { from { width: 0; } to { width: 100%; } } @-webkit-keyframes show { from { opacity: 0; } to { opacity: 1; } } @keyframes show { from { opacity: 0; } to { opacity: 1; } } .h-divider { line-height: 0; } .h-divider__line { display: inline-block; vertical-align: middle; max-width: 100%; } .page-footer.h-footer-parallax { position: fixed; bottom: 0; left: 0; right: 0; z-index: -1; } .h-footer-parallax-content-class { background-color: white; -webkit-transition-duration: 0s !important; transition-duration: 0s !important; -webkit-box-shadow: 0 20px 20px -10px rgba(49, 52, 57, 0.3), 0 20px 30px rgba(0, 0, 0, 0.08); box-shadow: 0 20px 20px -10px rgba(49, 52, 57, 0.3), 0 20px 30px rgba(0, 0, 0, 0.08); } .h-footer-parallax-header-class { background-color: white; -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } .ah-headline.clip span, .ah-headline.loading-bar span, .ah-headline.slide span { padding: 0 !important; } /* TODO: much of this css is duplicated from animatedheadline.css - it should be cleaned up */ .ah-headline b, .ah-headline i, .ah-headline em { text-decoration: inherit; font-weight: inherit; font-style: inherit; font-size: inherit !important; } .ah-headline.rotate-2 .ah-words-wrapper { -webkit-perspective: unset !important; perspective: unset !important; } .h-y-container .h-heading > * { margin-bottom: 0; } .h-y-container .h-heading > * > * { margin-bottom: 0; } .h-icon { line-height: 0 !important; } .h-icon a { line-height: 1px; display: block; } .h-icon__icon { display: inline-block; -webkit-box-sizing: content-box; box-sizing: content-box; } img { max-width: 100%; vertical-align: middle; display: inline-block; } .image-link { display: contents; text-decoration: none; } .h-image__frame-container-outer { display: block; } .h-image__frame-container { position: relative; display: inline-block; z-index: 1; max-width: 100%; } .h-image__frame { position: absolute; top: 0px; left: 0px; pointer-events: none; } .h-navigation_sticky .h-logo__image { display: none; } .h-navigation_sticky .h-logo__alt-image { display: inline-block; } .map-iframe { max-width: 100%; width: 100%; height: 100%; margin: 0; line-height: initial; border: none; } .offscreen-overlay { z-index: 20000; position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; } .h-offcanvas-opened { display: block; } .h-offcanvas-panel.colibri-animated { -webkit-animation-duration: 500ms; animation-duration: 500ms; } ul.colibri-menu.bordered-active-item > li { position: relative; } ul.colibri-menu.bordered-active-item > li::before, ul.colibri-menu.bordered-active-item > li::after { content: " "; display: block; width: 100%; left: 0; height: 2px; position: absolute; z-index: 0; opacity: 0; } ul.colibri-menu.bordered-active-item > li::before { top: 0.5em; } ul.colibri-menu.bordered-active-item > li::after { bottom: 0.5em; } ul.colibri-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(.current-menu-item)::before, ul.colibri-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(.current-menu-item)::after { width: 100%; content: ""; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } ul.colibri-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(.current-menu-item)::before { margin-top: -10px; } ul.colibri-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(.current-menu-item)::after { margin-bottom: -10px; } ul.colibri-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(.current-menu-item).hover::before, ul.colibri-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(.current-menu-item).hover::after, ul.colibri-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(.current-menu-item):hover::before, ul.colibri-menu.bordered-active-item.effect-borders-in > li:not(.current_page_item):not(.current-menu-item):hover::after { opacity: 1; margin-top: 0; margin-bottom: 0; } ul.colibri-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(.current-menu-item)::before, ul.colibri-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(.current-menu-item)::after { opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } ul.colibri-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(.current-menu-item)::before { margin-top: 10px; } ul.colibri-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(.current-menu-item)::after { margin-bottom: 10px; } ul.colibri-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(.current-menu-item).hover::before, ul.colibri-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(.current-menu-item).hover::after, ul.colibri-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(.current-menu-item):hover::before, ul.colibri-menu.bordered-active-item.effect-borders-out > li:not(.current_page_item):not(.current-menu-item):hover::after { opacity: 1; margin-bottom: 0; margin-top: 0; } ul.colibri-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(.current-menu-item)::before, ul.colibri-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(.current-menu-item)::after { opacity: 0; width: 0; content: ''; -webkit-transition: all 0.3s; transition: all 0.3s; } ul.colibri-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(.current-menu-item)::before { left: 0em; right: auto; } ul.colibri-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(.current-menu-item)::after { right: 0em; left: auto; } ul.colibri-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(.current-menu-item).hover::before, ul.colibri-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(.current-menu-item).hover::after, ul.colibri-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(.current-menu-item):hover::before, ul.colibri-menu.bordered-active-item.effect-borders-grow > li:not(.current_page_item):not(.current-menu-item):hover::after { opacity: 1; width: 100%; } ul.colibri-menu.bordered-active-item.effect-none > li:not(.current_page_item):not(.current-menu-item)::before, ul.colibri-menu.bordered-active-item.effect-none > li:not(.current_page_item):not(.current-menu-item)::after { opacity: 0; -webkit-transition: none; transition: none; } ul.colibri-menu.bordered-active-item.effect-none > li:not(.current_page_item):not(.current-menu-item).hover::before, ul.colibri-menu.bordered-active-item.effect-none > li:not(.current_page_item):not(.current-menu-item).hover::after, ul.colibri-menu.bordered-active-item.effect-none > li:not(.current_page_item):not(.current-menu-item):hover::before, ul.colibri-menu.bordered-active-item.effect-none > li:not(.current_page_item):not(.current-menu-item):hover::after { opacity: 1; } ul.colibri-menu.bordered-active-item.grow-from-left > li:not(.current_page_item):not(.current-menu-item)::before, ul.colibri-menu.bordered-active-item.grow-from-left > li:not(.current_page_item):not(.current-menu-item)::after { left: 0 !important; right: auto !important; } ul.colibri-menu.bordered-active-item.grow-from-right > li:not(.current_page_item):not(.current-menu-item)::before, ul.colibri-menu.bordered-active-item.grow-from-right > li:not(.current_page_item):not(.current-menu-item)::after { right: 0 !important; left: auto !important; } ul.colibri-menu.bordered-active-item.grow-from-center > li:not(.current_page_item):not(.current-menu-item)::before, ul.colibri-menu.bordered-active-item.grow-from-center > li:not(.current_page_item):not(.current-menu-item)::after { left: 50% !important; right: auto !important; } ul.colibri-menu.bordered-active-item.grow-from-center > li:not(.current_page_item):not(.current-menu-item).hover::before, ul.colibri-menu.bordered-active-item.grow-from-center > li:not(.current_page_item):not(.current-menu-item).hover::after, ul.colibri-menu.bordered-active-item.grow-from-center > li:not(.current_page_item):not(.current-menu-item):hover::before, ul.colibri-menu.bordered-active-item.grow-from-center > li:not(.current_page_item):not(.current-menu-item):hover::after { left: 0 !important; right: auto !important; } ul.colibri-menu.bordered-active-item--top > li::after { visibility: hidden; } ul.colibri-menu.bordered-active-item--top > .current_page_item::before, ul.colibri-menu.bordered-active-item--top > .current-menu-item::before { opacity: 1; } /** border active item */ .coloured-nav ul.colibri-menu.bordered-active-item--top > .current_page_item::before, .coloured-nav ul.colibri-menu.bordered-active-item--top > .current-menu-item::before { opacity: 1; } .h-navigation_sticky ul.colibri-menu.bordered-active-item--top > .current_page_item::before, .h-navigation_sticky ul.colibri-menu.bordered-active-item--top > .current-menu-item::before { opacity: 1; } /** border active item */ ul.colibri-menu.bordered-active-item--bottom > li::before { visibility: hidden; } ul.colibri-menu.bordered-active-item--bottom > .current_page_item::after, ul.colibri-menu.bordered-active-item--bottom > .current-menu-item::after { opacity: 1; } .coloured-nav ul.colibri-menu.bordered-active-item--bottom > .current_page_item::after, .coloured-nav ul.colibri-menu.bordered-active-item--bottom > .current-menu-item::after { opacity: 1; } .h-navigation_sticky ul.colibri-menu.bordered-active-item--bottom > .current_page_item::after, .h-navigation_sticky ul.colibri-menu.bordered-active-item--bottom > .current-menu-item::after { opacity: 1; } ul.colibri-menu.bordered-active-item--top-and-bottom > .current_page_item::before, ul.colibri-menu.bordered-active-item--top-and-bottom > .current_page_item::after { opacity: 1; } ul.colibri-menu.bordered-active-item--top-and-bottom > .current-menu-item::before, ul.colibri-menu.bordered-active-item--top-and-bottom > .current-menu-item::after { opacity: 1; } .coloured-nav ul.colibri-menu.bordered-active-item--top-and-bottom > .current_page_item::before, .coloured-nav ul.colibri-menu.bordered-active-item--top-and-bottom > .current_page_item::after { opacity: 1; } .coloured-nav ul.colibri-menu.bordered-active-item--top-and-bottom > .current-menu-item::before, .coloured-nav ul.colibri-menu.bordered-active-item--top-and-bottom > .current-menu-item::after { opacity: 1; } .h-navigation_sticky ul.colibri-menu.bordered-active-item--top-and-bottom > .current_page_item::before, .h-navigation_sticky ul.colibri-menu.bordered-active-item--top-and-bottom > .current_page_item::after { opacity: 1; } .h-navigation_sticky ul.colibri-menu.bordered-active-item--top-and-bottom > .current-menu-item::before, .h-navigation_sticky ul.colibri-menu.bordered-active-item--top-and-bottom > .current-menu-item::after { opacity: 1; } ul.colibri-menu.solid-active-item > li { position: relative; } ul.colibri-menu.solid-active-item > li:before, ul.colibri-menu.solid-active-item > li:after { content: " "; display: block; width: 100%; left: 0; height: 100%; position: absolute; z-index: 0; opacity: 0; -webkit-transition: all .2s; transition: all .2s; } ul.colibri-menu.solid-active-item > li > a { z-index: 1; color: #ffffff; -webkit-transition: all .2s; transition: all .2s; } ul.colibri-menu.solid-active-item > li:before { top: 0; } ul.colibri-menu.solid-active-item > li:after { bottom: 0; } ul.colibri-menu.solid-active-item.effect-pull-down > li.current_page_item:before, ul.colibri-menu.solid-active-item.effect-pull-down > li.current-menu-item:before { opacity: 1 !important; } ul.colibri-menu.solid-active-item.effect-pull-down > li.current_page_item:after, ul.colibri-menu.solid-active-item.effect-pull-down > li.current-menu-item:after { visibility: hidden; } ul.colibri-menu.solid-active-item.effect-pull-down > li:not(.current_page_item):not(current-menu-item):before { height: 0; opacity: 1 !important; -webkit-transition: all 0.3s; transition: all 0.3s; } ul.colibri-menu.solid-active-item.effect-pull-down > li:not(.current_page_item):not(current-menu-item):after { opacity: 0 !important; visibility: hidden; -webkit-transition: none; transition: none; } ul.colibri-menu.solid-active-item.effect-pull-down > li:not(.current_page_item):not(current-menu-item).hover:before, ul.colibri-menu.solid-active-item.effect-pull-down > li:not(.current_page_item):not(current-menu-item):hover:before { height: 100%; } ul.colibri-menu.solid-active-item.effect-pull-up > li.current_page_item:after, ul.colibri-menu.solid-active-item.effect-pull-up > li.current-menu-item:after { opacity: 1 !important; } ul.colibri-menu.solid-active-item.effect-pull-up > li.current_page_item:before, ul.colibri-menu.solid-active-item.effect-pull-up > li.current-menu-item:before { visibility: hidden; } ul.colibri-menu.solid-active-item.effect-pull-up > li:not(.current_page_item):not(current-menu-item):after { height: 0; opacity: 1 !important; -webkit-transition: all 0.3s; transition: all 0.3s; } ul.colibri-menu.solid-active-item.effect-pull-up > li:not(.current_page_item):not(current-menu-item):before { opacity: 0 !important; visibility: hidden; -webkit-transition: none; transition: none; } ul.colibri-menu.solid-active-item.effect-pull-up > li:not(.current_page_item):not(current-menu-item).hover:after, ul.colibri-menu.solid-active-item.effect-pull-up > li:not(.current_page_item):not(current-menu-item):hover:after { height: 100%; } ul.colibri-menu.solid-active-item.effect-pull-up-down > li.current_page_item:before, ul.colibri-menu.solid-active-item.effect-pull-up-down > li.current_page_item:after { opacity: 1 !important; } ul.colibri-menu.solid-active-item.effect-pull-up-down > li.current-menu-item:before, ul.colibri-menu.solid-active-item.effect-pull-up-down > li.current-menu-item:after { opacity: 1 !important; } ul.colibri-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item):before, ul.colibri-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item):after { height: 0; opacity: 1 !important; -webkit-transition: all 0.4s; transition: all 0.4s; } ul.colibri-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item).hover:before, ul.colibri-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item).hover:after, ul.colibri-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item):hover:before, ul.colibri-menu.solid-active-item.effect-pull-up-down > li:not(.current_page_item):not(current-menu-item):hover:after { height: 100%; } ul.colibri-menu.solid-active-item.effect-pull-up-down-reverse > li.current_page_item:before, ul.colibri-menu.solid-active-item.effect-pull-up-down-reverse > li.current_page_item:after { opacity: 1 !important; } ul.colibri-menu.solid-active-item.effect-pull-up-down-reverse > li.current-menu-item:before, ul.colibri-menu.solid-active-item.effect-pull-up-down-reverse > li.current-menu-item:after { opacity: 1 !important; } ul.colibri-menu.solid-active-item.effect-pull-up-down-reverse > li:not(.current_page_item):not(current-menu-item):before { height: 0%; width: 100%; top: 50%; opacity: 1 !important; -webkit-transition: all 0.3s; transition: all 0.3s; } ul.colibri-menu.solid-active-item.effect-pull-up-down-reverse > li:not(.current_page_item):not(current-menu-item):after { opacity: 0 !important; visibility: hidden; -webkit-transition: none; transition: none; } ul.colibri-menu.solid-active-item.effect-pull-up-down-reverse > li:not(.current_page_item):not(current-menu-item).hover:before, ul.colibri-menu.solid-active-item.effect-pull-up-down-reverse > li:not(.current_page_item):not(current-menu-item):hover:before { top: 0; height: 100%; } ul.colibri-menu.solid-active-item.effect-pull-left-right > li.current_page_item:before, ul.colibri-menu.solid-active-item.effect-pull-left-right > li.current-menu-item:before { opacity: 1 !important; } ul.colibri-menu.solid-active-item.effect-pull-left-right > li.current_page_item:after, ul.colibri-menu.solid-active-item.effect-pull-left-right > li.current-menu-item:after { visibility: hidden; } ul.colibri-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):after { height: 100%; width: 0; opacity: 1 !important; -webkit-transition: all 0.3s; transition: all 0.3s; } ul.colibri-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):before { height: 100%; width: 0; opacity: 1 !important; -webkit-transition: all 0.3s; transition: all 0.3s; left: 0; right: auto; } ul.colibri-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):not(.hover):not(:hover):before { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } ul.colibri-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):not(.hover):not(:hover):after { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } ul.colibri-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):after { right: 0; left: auto; } ul.colibri-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item).hover:after, ul.colibri-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item).hover:before { width: 100%; border: inherit; } ul.colibri-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):hover:after, ul.colibri-menu.solid-active-item.effect-pull-left-right > li:not(.current_page_item):not(current-menu-item):hover:before { width: 100%; border: inherit; } ul.colibri-menu.solid-active-item.effect-pull-left-right-reverse > li.current_page_item:before, ul.colibri-menu.solid-active-item.effect-pull-left-right-reverse > li.current-menu-item:before { opacity: 1 !important; } ul.colibri-menu.solid-active-item.effect-pull-left-right-reverse > li.current_page_item:after, ul.colibri-menu.solid-active-item.effect-pull-left-right-reverse > li.current-menu-item:after { visibility: hidden; } ul.colibri-menu.solid-active-item.effect-pull-left-right-reverse > li:not(.current_page_item):not(current-menu-item):before { height: 100%; width: 0; left: 50%; opacity: 1 !important; -webkit-transition: all 0.3s; transition: all 0.3s; } ul.colibri-menu.solid-active-item.effect-pull-left-right-reverse > li:not(.current_page_item):not(current-menu-item):after { opacity: 0 !important; visibility: hidden; -webkit-transition: none; transition: none; } ul.colibri-menu.solid-active-item.effect-pull-left-right-reverse > li:not(.current_page_item):not(current-menu-item).hover:before, ul.colibri-menu.solid-active-item.effect-pull-left-right-reverse > li:not(.current_page_item):not(current-menu-item):hover:before { left: 0; width: 100%; } ul.colibri-menu.solid-active-item.effect-none > li.current_page_item:before, ul.colibri-menu.solid-active-item.effect-none > li.current-menu-item:before { opacity: 1 !important; } ul.colibri-menu.solid-active-item.effect-none > li.current_page_item:after, ul.colibri-menu.solid-active-item.effect-none > li.current-menu-item:after { visibility: hidden; } ul.colibri-menu.solid-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):before { height: 100%; width: 0; left: 50%; opacity: 1 !important; -webkit-transition: none; transition: none; } ul.colibri-menu.solid-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):after { opacity: 0 !important; visibility: hidden; -webkit-transition: none; transition: none; } ul.colibri-menu.solid-active-item.effect-none > li:not(.current_page_item):not(current-menu-item).hover:before, ul.colibri-menu.solid-active-item.effect-none > li:not(.current_page_item):not(current-menu-item):hover:before { left: 0; width: 100%; } ul.colibri-menu.solid-active-item.effect-pull-right > li.current_page_item:after, ul.colibri-menu.solid-active-item.effect-pull-right > li.current-menu-item:after { opacity: 1 !important; } ul.colibri-menu.solid-active-item.effect-pull-right > li.current_page_item:before, ul.colibri-menu.solid-active-item.effect-pull-right > li.current-menu-item:before { visibility: hidden; } ul.colibri-menu.solid-active-item.effect-pull-right > li:not(.current_page_item):not(current-menu-item):after { opacity: 1 !important; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } ul.colibri-menu.solid-active-item.effect-pull-right > li:not(.current_page_item):not(current-menu-item):before { opacity: 0 !important; visibility: hidden; -webkit-transition: none; transition: none; } ul.colibri-menu.solid-active-item.effect-pull-right > li:not(.current_page_item):not(current-menu-item).hover:after, ul.colibri-menu.solid-active-item.effect-pull-right > li:not(.current_page_item):not(current-menu-item):hover:after { -webkit-transform: scaleX(1); transform: scaleX(1); } ul.colibri-menu.solid-active-item.effect-pull-left > li.current_page_item:after, ul.colibri-menu.solid-active-item.effect-pull-left > li.current-menu-item:after { opacity: 1 !important; } ul.colibri-menu.solid-active-item.effect-pull-left > li.current_page_item:before, ul.colibri-menu.solid-active-item.effect-pull-left > li.current-menu-item:before { visibility: hidden; } ul.colibri-menu.solid-active-item.effect-pull-left > li:not(.current_page_item):not(current-menu-item):after { opacity: 1 !important; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; } ul.colibri-menu.solid-active-item.effect-pull-left > li:not(.current_page_item):not(current-menu-item):before { opacity: 0 !important; visibility: hidden; -webkit-transition: none; transition: none; } ul.colibri-menu.solid-active-item.effect-pull-left > li:not(.current_page_item):not(current-menu-item).hover:after, ul.colibri-menu.solid-active-item.effect-pull-left > li:not(.current_page_item):not(current-menu-item):hover:after { -webkit-transform: scaleX(1); transform: scaleX(1); } .colibri-menu-container { display: -webkit-box; display: -ms-flexbox; display: flex; } ul.colibri-menu { list-style: none; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px; text-align: left; } ul.colibri-menu li { display: block; position: relative; -webkit-transition: all .4s; transition: all .4s; } ul.colibri-menu li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; white-space: nowrap; color: inherit; position: relative; } ul.colibri-menu li a svg.svg-inline--fa { width: 8px; height: 13px; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transition: all .3s linear; transition: all .3s linear; vertical-align: middle; line-height: 100%; } ul.colibri-menu li ul { margin: 0; padding: 0; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; z-index: 19999; } ul.colibri-menu li:hover { cursor: pointer; } ul.colibri-menu > li { position: relative; } ul.colibri-menu > li > ul::before { position: absolute; bottom: 100%; } .h-menu-accordion > div > .colibri-menu-container > ul.colibri-menu li > ul > li > a { padding-left: 3.75rem !important; } .h-menu-accordion > div > .colibri-menu-container > ul.colibri-menu li > ul > li > ul > li > a { padding-left: 5rem !important; } .h-menu-accordion > div > .colibri-menu-container > ul.colibri-menu li > ul > li > ul > li > ul > li > a { padding-left: 6.25rem !important; } .h-menu-accordion > div > .colibri-menu-container > ul.colibri-menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .h-menu-accordion > div > .colibri-menu-container > ul.colibri-menu > li > a > svg { position: absolute; right: 0; top: 0; margin-right: -8px; } .h-menu-accordion > div > .colibri-menu-container > ul.colibri-menu li ul { display: none; } .h-menu-accordion > div > .colibri-menu-container > ul.colibri-menu .arrow-wrapper { position: absolute; right: 0; top: 0; height: 100%; min-width: 40px; cursor: pointer; -webkit-box-sizing: content-box; box-sizing: content-box; } .h-menu-accordion > div > .colibri-menu-container > ul.colibri-menu li a > .arrow-wrapper > svg { left: 50%; top: 50%; width: 16px; margin-left: -6px; pointer-events: none; position: absolute; height: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .h-menu-accordion > div > .colibri-menu-container > ul.colibri-menu li > a > .arrow-wrapper.arrow-down { display: none; } .h-menu-accordion > div > .colibri-menu-container > ul.colibri-menu li.open.menu-item-has-children > a > .arrow-wrapper.arrow-right, .h-menu-accordion > div > .colibri-menu-container > ul.colibri-menu li.open.page_item_has_children > a > .arrow-wrapper.arrow-right { display: none; } .h-menu-accordion > div > .colibri-menu-container > ul.colibri-menu li.open.menu-item-has-children > a > .arrow-wrapper.arrow-down, .h-menu-accordion > div > .colibri-menu-container > ul.colibri-menu li.open.page_item_has_children > a > .arrow-wrapper.arrow-down { display: block; } .h-menu-accordion > div > .colibri-menu-container > ul.colibri-menu li.menu-item-has-children > a .arrow, .h-menu-accordion > div > .colibri-menu-container > ul.colibri-menu li.page_item_has_children > a .arrow { position: absolute; top: 0; width: 3.5em; height: 100%; line-height: 1em; text-align: center; right: 0; -webkit-transition: all .3s linear; transition: all .3s linear; } .h-menu-accordion > div > .colibri-menu-container > ul.colibri-menu li.open.menu-item-has-children > a .arrow, .h-menu-accordion > div > .colibri-menu-container > ul.colibri-menu li.open.page_item_has_children > a .arrow { color: #2395F6; } .h-menu-accordion > div > .colibri-menu-container > ul.colibri-menu li.menu-item-has-children > a .arrow:before, .h-menu-accordion > div > .colibri-menu-container > ul.colibri-menu li.page_item_has_children > a .arrow:before { content: "\F054"; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); display: inline-block; top: 50%; position: absolute; left: 50%; } .h-menu-accordion > div > .colibri-menu-container > ul.colibri-menu ul { width: 100%; } .h-menu-accordion > div > .colibri-menu-container > ul.colibri-menu li > ul { background-color: rgba(255, 255, 255, 0.2); } .h-menu-horizontal > div > .colibri-menu-container > .colibri-menu .fa-angle-right { display: none; } .h-menu-horizontal > div > .colibri-menu-container > .colibri-menu > li > a > .fa-angle-down { display: inline; } .h-menu-horizontal > div > .colibri-menu-container > .colibri-menu ul .fa-angle-right { display: inline; } .h-dropdown-menu > div > .colibri-menu-container > ul.colibri-menu svg.svg-inline--fa { -webkit-transition-duration: 0s; transition-duration: 0s; } .h-dropdown-menu > div > .colibri-menu-container > ul.colibri-menu li > ul.open-reverse { right: 100%; left: initial; } .h-dropdown-menu > div > .colibri-menu-container > ul.colibri-menu li > ul { top: -10000000000000px; opacity: 0; } .h-dropdown-menu > div > .colibri-menu-container > ul.colibri-menu li > ul li a svg.svg-inline--fa { right: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .h-dropdown-menu > div > .colibri-menu-container > ul.colibri-menu li.hover > ul, .h-dropdown-menu > div > .colibri-menu-container > ul.colibri-menu li:hover > ul, .h-dropdown-menu > div > .colibri-menu-container > ul.colibri-menu li > a:focus + ul { top: 0; opacity: 1; height: auto; overflow: visible; } .h-menu-horizontal > div > .colibri-menu-container > .colibri-menu .fa-angle-right { display: none; } .h-menu-horizontal > div > .colibri-menu-container > .colibri-menu > li > a > .fa-angle-down { display: inline; } .h-menu-horizontal > div > .colibri-menu-container > .colibri-menu ul .fa-angle-right { display: inline; } .h-menu-horizontal > div > .colibri-menu-container > .colibri-menu { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .h-menu-horizontal > div > .colibri-menu-container > .colibri-menu > li > a svg.svg-inline--fa { left: 100%; } .h-menu-horizontal > div > .colibri-menu-container > .colibri-menu ul { left: 100%; position: absolute; min-width: 200px; } .h-menu-horizontal > div > .colibri-menu-container > .colibri-menu ul ul.open-reverse::after, .h-menu-horizontal > div > .colibri-menu-container > .colibri-menu ul ul::before { content: " "; width: 5px; top: 0; height: 100%; position: absolute; display: block; } .h-menu-horizontal > div > .colibri-menu-container > .colibri-menu ul ul::before { left: -5px; } .h-menu-horizontal > div > .colibri-menu-container > .colibri-menu ul ul.open-reverse::after { left: 100%; } .h-menu-horizontal > div > .colibri-menu-container > .colibri-menu ul li:last-child { border-bottom: none !important; } .h-menu-horizontal > div > .colibri-menu-container > .colibri-menu > li:hover > ul, .h-menu-horizontal > div > .colibri-menu-container > .colibri-menu > li.hover > ul { top: 100% !important; } .h-menu-horizontal > div > .colibri-menu-container > .colibri-menu > li > ul { left: 0; } .h-menu-vertical > div > .colibri-menu-container > ul.colibri-menu { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .h-menu-vertical > div > .colibri-menu-container > ul.colibri-menu > li > a svg.svg-inline--fa { right: 0; position: absolute; } .h-menu-vertical > div > .colibri-menu-container > ul.colibri-menu ul { top: 0; left: 100%; position: absolute; min-width: 200px; } .h-menu-vertical > div > .colibri-menu-container > ul.colibri-menu ul::before { content: " "; right: 100%; top: 0; left: unset; height: 100%; position: absolute; display: block; } .h-menu-vertical > div > .colibri-menu-container > ul.colibri-menu li:last-child { border-bottom-style: none !important; } @-webkit-keyframes slideOutDownNavigation { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: hidden; } } @keyframes slideOutDownNavigation { 0% { -webkit-transform: translateZ(0); transform: translateZ(0); } to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: hidden; } } .h-navigation { position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; z-index: 20; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .h-navigation [data-nav-normal] { -webkit-transition: all 0.5s; transition: all 0.5s; } .h-navigation_sticky .h-hide-normal { display: -webkit-box; display: -ms-flexbox; display: flex; } .h-navigation_sticky .h-hide-sticky { display: none; } .h-navigation_outer { position: relative; } .h-navigation_overlap { position: absolute; left: 0; right: 0; z-index: 100; } .slideOutDownNavigation { -webkit-animation-name: slideOutDownNavigation; animation-name: slideOutDownNavigation; } .h-row { -ms-flex-preferred-size: 100%; flex-basis: 100%; position: relative; } .h-back-to-top--show-on-scroll--visible { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .h-scroll-to__outer { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; z-index: 10000; } .h-scroll-to__outer > * { cursor: pointer; } .colibri_search_button { height: 40px; border: none; float: right; cursor: pointer; } .colibri_logo_fancybox .fancybox-slide > * { background: transparent; width: 100%; } .colibri_logo_fancybox .fancybox-close-small { display: none; } .colibri_logo_fancybox .colibri_search_input { width: 50%; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .colibri_logo_fancybox .d-flex { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .colibri_logo_fancybox .colibri_logo_hide { display: block; } .colibri_logo_fancybox .colibri_search_button { display: none; } .h-section > div { z-index: 1; } .h-social-icons { line-height: 1; } .h-social-icons a { line-height: 0; } .h-social-icon { display: inline-block; width: 24px; height: 24px; fill: black; } .h-slider-item.swiper-slide { -webkit-transition-duration: 0ms; transition-duration: 0ms; } .ken-burns-effect .swiper-slide-active .h-swiper-item__inner > .background-wrapper .background-layer { -webkit-animation: ken-burns-effect 10s ease alternate infinite; animation: ken-burns-effect 10s ease alternate infinite; } @-webkit-keyframes ken-burns-effect { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: scale(1); transform: scale(1); } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); } } .h-swiper-arrow__outer.h-element { position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .h-swiper-arrow__outer.h-element .h-swiper-arrow.h-slider-navigation-arrow { position: static; top: unset; -webkit-transform: unset; transform: unset; margin: unset; pointer-events: initial; text-align: center; } .h-swiper-dots__outer.h-element { position: absolute; left: 0; top: 0; right: 0; bottom: 0; pointer-events: none; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 100; } .h-swiper-dots__outer.h-element .h-swiper-dots { pointer-events: initial; position: static; } .h-slider .swiper-container { width: 100%; } .h-slider .swiper-container.h-overflow-hidden { overflow: hidden; } .h-slider .swiper-container.swiper-container-coverflow { padding: 18px 0; } .h-slider .swiper-container .swiper-cube-shadow { display: none; } .h-slider .swiper-container.swiper-container-cube .swiper-cube-shadow { display: block; } .colibri--edge .swiper-cube-shadow { display: none !important; } .h-tabs-content-active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* horizontal */ .h-tabs--horizontal--auto.h-tabs-horizontal > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .h-tabs--horizontal--stretch.h-tabs-horizontal > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .h-tabs--horizontal--full.h-tabs-horizontal > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } /* vertical */ .h-tabs--vertical--auto.h-tabs-vertical > .h-tabs-navigation { max-width: 33%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .h-tabs--vertical--auto.h-tabs-vertical > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .h-tabs--vertical--full.h-tabs-vertical > .h-tabs-navigation { max-width: 100%; } .h-tabs--vertical--full.h-tabs-vertical > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } @media (min-width: 576px) { /* horizontal */ .h-tabs--horizontal--auto-sm.h-tabs-horizontal > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .h-tabs--horizontal--stretch-sm.h-tabs-horizontal > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .h-tabs--horizontal--full-sm.h-tabs-horizontal > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } /* vertical */ .h-tabs--vertical--auto-sm.h-tabs-vertical > .h-tabs-navigation { max-width: 33%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .h-tabs--vertical--auto-sm.h-tabs-vertical > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .h-tabs--vertical--full-sm.h-tabs-vertical > .h-tabs-navigation { max-width: 100%; } .h-tabs--vertical--full-sm.h-tabs-vertical > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } } @media (min-width: 768px) { /* horizontal */ .h-tabs--horizontal--auto-md.h-tabs-horizontal > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .h-tabs--horizontal--stretch-md.h-tabs-horizontal > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .h-tabs--horizontal--full-md.h-tabs-horizontal > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } /* vertical */ .h-tabs--vertical--auto-md.h-tabs-vertical > .h-tabs-navigation { max-width: 33%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .h-tabs--vertical--auto-md.h-tabs-vertical > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .h-tabs--vertical--full-md.h-tabs-vertical > .h-tabs-navigation { max-width: 100%; } .h-tabs--vertical--full-md.h-tabs-vertical > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } } @media (min-width: 1024px) { /* horizontal */ .h-tabs--horizontal--auto-lg.h-tabs-horizontal > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .h-tabs--horizontal--stretch-lg.h-tabs-horizontal > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .h-tabs--horizontal--full-lg.h-tabs-horizontal > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } /* vertical */ .h-tabs--vertical--auto-lg.h-tabs-vertical > .h-tabs-navigation { max-width: 33%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .h-tabs--vertical--auto-lg.h-tabs-vertical > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .h-tabs--vertical--full-lg.h-tabs-vertical > .h-tabs-navigation { max-width: 100%; } .h-tabs--vertical--full-lg.h-tabs-vertical > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } } @media (min-width: 1200px) { /* horizontal */ .h-tabs--horizontal--auto-xl.h-tabs-horizontal > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .h-tabs--horizontal--stretch-xl.h-tabs-horizontal > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .h-tabs--horizontal--full-xl.h-tabs-horizontal > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } /* vertical */ .h-tabs--vertical--auto-xl.h-tabs-vertical > .h-tabs-navigation { max-width: 33%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .h-tabs--vertical--auto-xl.h-tabs-vertical > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .h-tabs--vertical--full-xl.h-tabs-vertical > .h-tabs-navigation { max-width: 100%; } .h-tabs--vertical--full-xl.h-tabs-vertical > .h-tabs-navigation > .h-tabs-navigation-item { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } } .h-tabs-horizontal > .h-tabs-navigation { margin-right: 0 !important; } .h-tabs-horizontal > .h-tabs-navigation .h-tabs-navigation-item:last-child { margin-right: 0 !important; } .h-tabs-horizontal--stretched .h-tabs-navigation { margin-right: 0 !important; } .h-tabs-horizontal--stretched .h-tabs-navigation-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .h-tabs-horizontal--stretched .h-tabs-navigation-item:first-child { margin-left: 0 !important; } .h-tabs-horizontal--stretched .h-tabs-navigation-item:last-child { margin-right: 0 !important; } .h-tabs-navigation { z-index: 1; margin-left: 0px; margin-bottom: 0px; } .h-tabs-navigation-item > .h-tabs-navigation-item__text { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; } .h-tabs-navigation-item, .h-tabs-navigation-active-item { cursor: pointer; } .h-tabs-navigation-active-item { position: relative; z-index: 100; } .h-tabs-navigation .h-svg-icon { width: 1em; height: 1em; } .h-tabs-navigation .h-svg-icon svg { width: 100%; } .video-poster { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-position: center; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; } .h-video .h-svg-icon path { cursor: pointer; } .woocommerce-page .content .h-section .widget_price_filter .price_slider_amount button.button { padding: 0.35rem 1.2rem !important; } .widget.widget_product_search button[type="submit"] { display: none; } .h-widget-area .widget, .shortcode-widget-area .widget { overflow: hidden; } .h-widget-area li.widget, .shortcode-widget-area li.widget { list-style-type: none; } /** GENERATED FILE ! DO NOT MODIFY, run generate-bundle task**/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; margin: -1px; overflow: hidden; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .sticky { font-family: inherit; } .fancybox-container { z-index: 100000 !important; } .fancybox-container .fancybox-slide--iframe .fancybox-content { max-height: 100% !important; } @media screen and (max-width: 782px) { .logged-in.admin-bar .h-navigation_sticky { top: 0 !important; } } ul.colibri-language-switcher.after-menu.hover > li{ display: block; } ul.ope-language-switcher.after-menu.hover > li{ display: block; } .woocommerce-page .content .h-section, .woocommerce .content .h-section { background-color: #F5FAFD; color: #6B7C93; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 !important; padding-left: 15px; padding-right: 15px; } @media (min-width: 768px) { .woocommerce-page .content .h-section, .woocommerce .content .h-section { padding-left: 45px; padding-right: 45px; } } .woocommerce-page .content .h-section > .h-section-grid-container, .woocommerce .content .h-section > .h-section-grid-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .woocommerce-page .content .h-section input[type=submit], .woocommerce-page .content .h-section input[type=button], .woocommerce-page .content .h-section .button, .woocommerce-page .content .h-section a.button, .woocommerce-page .content .h-section button.button, .woocommerce-page .content .h-section input.button, .woocommerce-page .content .h-section #respond input#submit, .woocommerce-page .content .h-section a.added_to_cart, .woocommerce .content .h-section input[type=submit], .woocommerce .content .h-section input[type=button], .woocommerce .content .h-section .button, .woocommerce .content .h-section a.button, .woocommerce .content .h-section button.button, .woocommerce .content .h-section input.button, .woocommerce .content .h-section #respond input#submit, .woocommerce .content .h-section a.added_to_cart { height: auto; font-family: "Open Sans"; color: #ffffff !important; background-color: var(--colibri-color-1); border-radius: 5px; min-width: 7rem; font-weight: 600; letter-spacing: 1px; text-align: center; text-decoration: none; cursor: pointer; display: inline-block !important; line-height: 1.5rem; border: 0 solid var(--colibri-color-1); vertical-align: middle; -webkit-appearance: none; margin-bottom: 0.75rem; min-height: 0px; height: auto; font-size: 0.75rem !important; padding: 0.55rem 1.5rem !important; } .woocommerce-page .content .h-section input[type=submit]:hover, .woocommerce-page .content .h-section input[type=button]:hover, .woocommerce-page .content .h-section .button:hover, .woocommerce-page .content .h-section a.button:hover, .woocommerce-page .content .h-section button.button:hover, .woocommerce-page .content .h-section input.button:hover, .woocommerce-page .content .h-section #respond input#submit:hover, .woocommerce .content .h-section input[type=submit]:hover, .woocommerce .content .h-section input[type=button]:hover, .woocommerce .content .h-section .button:hover, .woocommerce .content .h-section a.button:hover, .woocommerce .content .h-section button.button:hover, .woocommerce .content .h-section input.button:hover, .woocommerce .content .h-section #respond input#submit:hover { outline: none; text-decoration: none; color: #ffffff; background-color: var(--colibri-color-1--variant-4); border-color: var(--colibri-color-1--variant-4); } .woocommerce-page .content .h-section a.added_to_cart, .woocommerce .content .h-section a.added_to_cart { background-color: var(--colibri-color-2) !important; border-color: var(--colibri-color-2) !important; } .woocommerce-page .content .h-section a.added_to_cart:hover, .woocommerce .content .h-section a.added_to_cart:hover { background-color: var(--colibri-color-2--variant-4) !important; border-color: var(--colibri-color-2--variant-4) !important; } .woocommerce-page .content .h-section input, .woocommerce-page .content .h-section select, .woocommerce-page .content .h-section textarea, .woocommerce .content .h-section input, .woocommerce .content .h-section select, .woocommerce .content .h-section textarea { display: block; width: 100%; font-family: inherit; font-size: 1rem; height: 2.5rem; outline: 0; vertical-align: middle; background-color: #fff; border: 1px solid #f1f1f1; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; padding: 0 12px; } .woocommerce-page .content .h-section textarea, .woocommerce .content .h-section textarea { padding: .75rem 16px; height: auto; } .woocommerce-page .content .h-section .wc-block-components-quantity-selector:not(#extra-1), .woocommerce .content .h-section .wc-block-components-quantity-selector:not(#extra-1) { background: white; } .woocommerce-page .content .h-section .wc-block-components-quantity-selector:not(#extra-1) .wc-block-components-quantity-selector__button, .woocommerce .content .h-section .wc-block-components-quantity-selector:not(#extra-1) .wc-block-components-quantity-selector__button { background: none transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; color: currentColor; cursor: pointer; font-size: .9em; font-style: normal; font-weight: 400; margin: 0; min-width: 30px; opacity: .6; padding: 0; text-align: center; text-decoration: none; } .woocommerce-page .content .h-section .wc-block-components-quantity-selector:not(#extra-1) input.wc-block-components-quantity-selector__input, .woocommerce .content .h-section .wc-block-components-quantity-selector:not(#extra-1) input.wc-block-components-quantity-selector__input { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; background: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; color: currentColor; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-size: 1em; font-weight: 600; line-height: 1; margin: 0; min-width: 40px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: .4em 0; text-align: center; vertical-align: middle; } .woocommerce-page .content .h-section .wc-block-components-quantity-selector:not(#extra-1):after, .woocommerce .content .h-section .wc-block-components-quantity-selector:not(#extra-1):after { width: 100%; display: block; } .woocommerce-page .content .h-section form .form-row textarea, .woocommerce .content .h-section form .form-row textarea { height: 4em; line-height: 1.5; display: block; -webkit-box-shadow: none; box-shadow: none; } .woocommerce-page .content .h-section input:focus:not(.button):not([type="submit"]), .woocommerce-page .content .h-section select:focus:not(.button):not([type="submit"]), .woocommerce-page .content .h-section textarea:focus:not(.button):not([type="submit"]), .woocommerce .content .h-section input:focus:not(.button):not([type="submit"]), .woocommerce .content .h-section select:focus:not(.button):not([type="submit"]), .woocommerce .content .h-section textarea:focus:not(.button):not([type="submit"]) { outline: 0; background-color: #fff; border-color: #1c86f2; -webkit-box-shadow: 0 0 0 1px #1c86f2 inset; box-shadow: 0 0 0 1px #1c86f2 inset; } .woocommerce-page .content .h-section .star-rating span:before, .woocommerce .content .h-section .star-rating span:before { color: #0DB3FE; } .woocommerce-page .content .h-section .star-rating::before, .woocommerce .content .h-section .star-rating::before { color: #0DB3FE; } .woocommerce-page .content .h-section div:not(.extra-1) .woocommerce-error, .woocommerce-page .content .h-section div:not(.extra-1) .woocommerce-info, .woocommerce-page .content .h-section div:not(.extra-1) .woocommerce-message, .woocommerce .content .h-section div:not(.extra-1) .woocommerce-error, .woocommerce .content .h-section div:not(.extra-1) .woocommerce-info, .woocommerce .content .h-section div:not(.extra-1) .woocommerce-message { padding: 1em 2em 1em 3.5em; margin: 0 0 2em; outline: none; } .woocommerce-page .content .h-section div:not(.extra-1) .woocommerce-error li, .woocommerce-page .content .h-section div:not(.extra-1) .woocommerce-info li, .woocommerce-page .content .h-section div:not(.extra-1) .woocommerce-message li, .woocommerce .content .h-section div:not(.extra-1) .woocommerce-error li, .woocommerce .content .h-section div:not(.extra-1) .woocommerce-info li, .woocommerce .content .h-section div:not(.extra-1) .woocommerce-message li { margin-top: 0; margin-bottom: 0; } .woocommerce-page .content .h-section div:not(.extra-1) .woocommerce-error::before, .woocommerce-page .content .h-section div:not(.extra-1) .woocommerce-info::before, .woocommerce-page .content .h-section div:not(.extra-1) .woocommerce-message::before, .woocommerce .content .h-section div:not(.extra-1) .woocommerce-error::before, .woocommerce .content .h-section div:not(.extra-1) .woocommerce-info::before, .woocommerce .content .h-section div:not(.extra-1) .woocommerce-message::before { font-family: WooCommerce; content: "\E028"; content: "\E028" / ""; display: inline-block; position: absolute; top: 1em; left: 1.5em; } .woocommerce-page .content .h-section div:not(.extra-1) .woocommerce-message::before, .woocommerce .content .h-section div:not(.extra-1) .woocommerce-message::before { content: "\E015"; color: #8fae1b; } .woocommerce-page .content .h-section div:not(.extra-1) .woocommerce-info::before, .woocommerce .content .h-section div:not(.extra-1) .woocommerce-info::before { color: #1e85be; } .woocommerce-page .content .h-section div:not(.extra-1) .woocommerce-error::before, .woocommerce .content .h-section div:not(.extra-1) .woocommerce-error::before { content: "\E016"; color: #b81c23; } .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-product-badge, .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-product-badge { padding: 0 .66em; } .woocommerce-page .content .h-section div:not(.extra-1) .wc-blocks-components-select__container, .woocommerce .content .h-section div:not(.extra-1) .wc-blocks-components-select__container { margin-top: 16px; } .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input, .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-text-input, .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input, .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-text-input { margin-top: 16px; } .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input input:-webkit-autofill, .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input.is-active input[type=email], .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input.is-active input[type=number], .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input.is-active input[type=password], .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input.is-active input[type=tel], .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input.is-active input[type=text], .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input.is-active input[type=url], .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-text-input input:-webkit-autofill, .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-text-input.is-active input[type=email], .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-text-input.is-active input[type=number], .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-text-input.is-active input[type=password], .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-text-input.is-active input[type=tel], .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-text-input.is-active input[type=text], .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-text-input.is-active input[type=url], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input input:-webkit-autofill, .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input.is-active input[type=email], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input.is-active input[type=number], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input.is-active input[type=password], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input.is-active input[type=tel], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input.is-active input[type=text], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input.is-active input[type=url], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-text-input input:-webkit-autofill, .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-text-input.is-active input[type=email], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-text-input.is-active input[type=number], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-text-input.is-active input[type=password], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-text-input.is-active input[type=tel], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-text-input.is-active input[type=text], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-text-input.is-active input[type=url] { padding: 1.5em .5em .5em; } .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-validation-error > p, .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-validation-error > p { margin: 0; padding: 4px 0 0; } .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-checkbox, .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-checkbox { margin-top: 1em; } .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input input[type=email], .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input input[type=number], .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input input[type=password], .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input input[type=tel], .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input input[type=text], .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input input[type=url], .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-text-input input[type=email], .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-text-input input[type=number], .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-text-input input[type=password], .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-text-input input[type=tel], .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-text-input input[type=text], .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-text-input input[type=url], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input input[type=email], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input input[type=number], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input input[type=password], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input input[type=tel], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input input[type=text], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-form .wc-block-components-text-input input[type=url], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-text-input input[type=email], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-text-input input[type=number], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-text-input input[type=password], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-text-input input[type=tel], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-text-input input[type=text], .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-text-input input[type=url] { height: 50px; } .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-totals-wrapper, .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-totals-wrapper { padding: 16px 0; } .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-totals-wrapper:empty, .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-totals-wrapper:empty { border-width: 0; padding: 0; } .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-address-card__edit, .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-address-card__edit { margin: 0 0 0 auto; } .woocommerce-page .content .h-section div:not(.extra-1) .wc-block-components-totals-coupon__form, .woocommerce .content .h-section div:not(.extra-1) .wc-block-components-totals-coupon__form { margin-bottom: 0; } .woocommerce-page .content .h-section div:not(.extra-1) .woocommerce-table--order-details .wc-item-meta, .woocommerce .content .h-section div:not(.extra-1) .woocommerce-table--order-details .wc-item-meta { margin-top: 10px; } .woocommerce-page .content .h-section div:not(.extra-1) .woocommerce-table--order-details .wc-item-meta li, .woocommerce .content .h-section div:not(.extra-1) .woocommerce-table--order-details .wc-item-meta li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 3px; } .woocommerce-page .content .h-section div:not(.extra-1) .woocommerce-table--order-details .wc-item-meta p, .woocommerce .content .h-section div:not(.extra-1) .woocommerce-table--order-details .wc-item-meta p { margin: 0; } .woocommerce-page .content .h-section div:not(.extra-1) .woocommerce-customer-details--email p, .woocommerce .content .h-section div:not(.extra-1) .woocommerce-customer-details--email p { color: inherit; } .woocommerce-page .content .h-section .woocommerce-Message--info, .woocommerce-page .content .h-section .woocommerce-info, .woocommerce .content .h-section .woocommerce-Message--info, .woocommerce .content .h-section .woocommerce-info { background-color: rgba(3, 169, 244, 0.1); line-height: 2.2em; border-width: 1px; border-style: solid; border-color: rgba(74, 144, 226, 0.2); -o-border-image: initial; border-image: initial; border-radius: 4px; } .woocommerce-page .content .h-section .woocommerce-message, .woocommerce-page .content .h-section .woocommerce-notice, .woocommerce .content .h-section .woocommerce-message, .woocommerce .content .h-section .woocommerce-notice { border-radius: 4px; background-color: rgba(76, 175, 80, 0.1); border: solid 1px rgba(76, 175, 80, 0.2); line-height: 2.2em; } .woocommerce-page .content .h-section .wc-block-components-validation-error p, .woocommerce .content .h-section .wc-block-components-validation-error p { color: inherit; } .woocommerce-page .content .h-section .woocommerce-notice::before, .woocommerce .content .h-section .woocommerce-notice::before { top: auto; display: inline-block; position: static; margin-right: 0.5rem; } .woocommerce-page .content .h-section cite, .woocommerce-page .content .h-section code, .woocommerce-page .content .h-section figcaption, .woocommerce-page .content .h-section kbd, .woocommerce-page .content .h-section mark, .woocommerce-page .content .h-section pre, .woocommerce-page .content .h-section samp, .woocommerce-page .content .h-section small, .woocommerce-page .content .h-section time, .woocommerce-page .content .h-section var, .woocommerce .content .h-section cite, .woocommerce .content .h-section code, .woocommerce .content .h-section figcaption, .woocommerce .content .h-section kbd, .woocommerce .content .h-section mark, .woocommerce .content .h-section pre, .woocommerce .content .h-section samp, .woocommerce .content .h-section small, .woocommerce .content .h-section time, .woocommerce .content .h-section var { font-size: 87.5%; } .woocommerce-page .content .h-section .woocommerce-error, .woocommerce .content .h-section .woocommerce-error { background-color: rgba(208, 2, 27, 0.1); border: solid 1px rgba(208, 2, 27, 0.2); border-radius: 4px; padding: 0 2em 0 3.5em; line-height: 2.2em; } .woocommerce-page .content .h-section .woocommerce-notice, .woocommerce .content .h-section .woocommerce-notice { padding: 0.5rem 1rem; } .woocommerce-page .content .h-section .woocommerce-message a.button, .woocommerce-page .content .h-section .woocommerce-notice a.button, .woocommerce .content .h-section .woocommerce-message a.button, .woocommerce .content .h-section .woocommerce-notice a.button { margin-bottom: 0 !important; } .woocommerce-page .content .h-section span.onsale, .woocommerce .content .h-section span.onsale { background-color: #0DB3FE; border-radius: 4px; } .woocommerce-page .content .h-section .page-title, .woocommerce .content .h-section .page-title { display: none; } .woocommerce-page .content .h-section .qty, .woocommerce .content .h-section .qty { text-align: center; margin-bottom: 0.75rem; line-height: 1.5rem; padding: 0.4rem 0.3rem; height: auto; width: 4em; } .woocommerce-page .content .h-section ul.products li.product .price, .woocommerce-page .content .h-section .price, .woocommerce .content .h-section ul.products li.product .price, .woocommerce .content .h-section .price { color: var(--colibri-color-1); font-size: 1.2rem; font-weight: 300; } .woocommerce-page .content .h-section ul.products li.product .price ins, .woocommerce-page .content .h-section .price ins, .woocommerce .content .h-section ul.products li.product .price ins, .woocommerce .content .h-section .price ins { text-decoration: none; display: inline-block; font-weight: 400; } .woocommerce-page .content .h-section ul.products li.product .price del, .woocommerce-page .content .h-section .price del, .woocommerce .content .h-section ul.products li.product .price del, .woocommerce .content .h-section .price del { display: inline-block; font-weight: 400; font-size: 0.6em; color: #0DB3FE; } .woocommerce-page .content .h-section table, .woocommerce .content .h-section table { font-size: 1rem; } .woocommerce-page .content .h-section table th, .woocommerce .content .h-section table th { background-color: #f8f8f8; color: #3C424F; } .woocommerce-page .content .h-section tfoot th, .woocommerce-page .content .h-section tfoot td, .woocommerce .content .h-section tfoot th, .woocommerce .content .h-section tfoot td { color: #8E9DAE; } .woocommerce-page .content .h-section h2, .woocommerce-page .content .h-section h3, .woocommerce .content .h-section h2, .woocommerce .content .h-section h3 { font-family: Muli, Helvetica, Arial, sans-serif; font-weight: 600; letter-spacing: normal; text-transform: none; color: #3C424F; } .woocommerce-page .content .h-section h2, .woocommerce .content .h-section h2 { line-height: 2.25rem; } .woocommerce-page .content .h-section h3, .woocommerce .content .h-section h3 { font-size: 1.313rem; line-height: 2.25rem; } .woocommerce-page .content .h-section label, .woocommerce .content .h-section label { color: #313439; margin-bottom: 4px; font-size: 1rem; } .woocommerce-page .content .h-section input, .woocommerce .content .h-section input { display: block; width: 100%; font-family: inherit; font-size: 1rem; height: 2.5rem; outline: 0; vertical-align: middle; background-color: #fff; border: 1px solid #aaa; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; padding: 0 12px; } .woocommerce-page .content .h-section input[type=checkbox], .woocommerce-page .content .h-section input[type=radio], .woocommerce .content .h-section input[type=checkbox], .woocommerce .content .h-section input[type=radio] { vertical-align: middle; position: relative; width: auto; height: auto; padding: 0; left: 0; top: 0; } .woocommerce-page .content .h-section input[type=checkbox]:not(#extra-1), .woocommerce-page .content .h-section input[type=radio]:not(#extra-1), .woocommerce .content .h-section input[type=checkbox]:not(#extra-1), .woocommerce .content .h-section input[type=radio]:not(#extra-1) { display: inline; } .woocommerce-page .content .h-section .wc-block-components-text-input input, .woocommerce .content .h-section .wc-block-components-text-input input { border: 1px solid #aaa; } .woocommerce-page .content .h-section .wc-block-components-text-input input + label, .woocommerce .content .h-section .wc-block-components-text-input input + label { color: rgba(18, 18, 18, 0.7); } .woocommerce-page .content .h-section .wc-block-components-radio-control__option, .woocommerce .content .h-section .wc-block-components-radio-control__option { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 1rem; padding: 1rem 1.5rem; } .woocommerce-page .content .h-section .wc-block-components-radio-control__option input, .woocommerce .content .h-section .wc-block-components-radio-control__option input { border: 1px solid rgba(18, 18, 18, 0.8); border-radius: 50%; -webkit-transform: none; transform: none; } .woocommerce-page .content .h-section .wc-blocks-components-select__container, .woocommerce .content .h-section .wc-blocks-components-select__container { border: none; } .woocommerce-page .content .h-section .wc-blocks-components-select__container label, .woocommerce .content .h-section .wc-blocks-components-select__container label { top: 4px; left: 0.5rem; } .woocommerce-page .content .h-section .wc-blocks-components-select__container select, .woocommerce .content .h-section .wc-blocks-components-select__container select { height: 100%; padding-top: 16px; padding-left: .5rem; padding-right: .5rem; } .woocommerce-page .content .h-section .wc-block-components-radio-control-accordion-option:has(.wc-block-components-radio-control__option) .wc-block-components-radio-control__option, .woocommerce .content .h-section .wc-block-components-radio-control-accordion-option:has(.wc-block-components-radio-control__option) .wc-block-components-radio-control__option { padding-bottom: 0; } .woocommerce-page .content .h-section .wc-block-components-checkbox .wc-block-components-checkbox__mark, .woocommerce .content .h-section .wc-block-components-checkbox .wc-block-components-checkbox__mark { margin-left: 4px; margin-top: 2px; } .woocommerce-page .content .h-section .wc-block-components-button.contained, .woocommerce .content .h-section .wc-block-components-button.contained { background-color: var(--colibri-color-1); color: white; border-radius: 5px; border: none; } .woocommerce-page .content .h-section .wc-block-components-button.contained:hover, .woocommerce .content .h-section .wc-block-components-button.contained:hover { background-color: var(--colibri-color-1--variant-4); } .woocommerce-page .content .h-section .wc-block-components-radio-control__option--checked-option-highlighted, .woocommerce-page .content .h-section .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .woocommerce .content .h-section .wc-block-components-radio-control__option--checked-option-highlighted, .woocommerce .content .h-section .wc-block-components-radio-control-accordion-option--checked-option-highlighted { -webkit-box-shadow: inset 0 0 0 1px #aaa; box-shadow: inset 0 0 0 1px #aaa; } .woocommerce-page .content .h-section .button.single_add_to_cart_button, .woocommerce-page .content .h-section .button.add_to_cart_button, .woocommerce-page .content .h-section .button.added_to_cart, .woocommerce .content .h-section .button.single_add_to_cart_button, .woocommerce .content .h-section .button.add_to_cart_button, .woocommerce .content .h-section .button.added_to_cart { min-height: 0px; height: auto; font-size: 0.65rem; padding: 0.45rem 1.2rem !important; line-height: 1.5rem !important; } .woocommerce-page .content .h-section label.checkbox input, .woocommerce .content .h-section label.checkbox input { margin-top: 0; } .woocommerce-page .content .h-section .select2-container--default .select2-selection--single .select2-selection__rendered, .woocommerce .content .h-section .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 2.5rem; } .woocommerce-page .content .h-section .form-row .select2-container, .woocommerce-page .content .h-section .select2-container .select2-selection--single, .woocommerce-page .content .h-section .select2-container--default .select2-selection--single .select2-selection__arrow, .woocommerce .content .h-section .form-row .select2-container, .woocommerce .content .h-section .select2-container .select2-selection--single, .woocommerce .content .h-section .select2-container--default .select2-selection--single .select2-selection__arrow { min-height: 2.5rem; } .woocommerce-page .content .h-section .form-item, .woocommerce-page .content .h-section form, .woocommerce .content .h-section .form-item, .woocommerce .content .h-section form { margin-bottom: 2rem; } .woocommerce-page .content .h-section label.checkbox, .woocommerce .content .h-section label.checkbox { text-transform: none; font-weight: 400; } .woocommerce-page .content .h-section .woocommerce-info a.button, .woocommerce .content .h-section .woocommerce-info a.button { margin-bottom: 0; } html:not(#extra-1) a.button.loading, html:not(#extra-1) button.button.loading, html:not(#extra-1) input.button.loading, html:not(#extra-1) .woocommerce a.button.loading, html:not(#extra-1) .woocommerce button.button.loading, html:not(#extra-1) .woocommerce input.button.loading { opacity: .25; padding-right: 2.618em !important; } .post-type-archive-product.woocommerce .content .h-section > .h-section-grid-container > .h-row-container > .h-row > .h-col:first-child { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (min-width: 768px) { .post-type-archive-product.woocommerce .content .h-section > .h-section-grid-container > .h-row-container > .h-row > .h-col:first-child { display: block; } } .post-type-archive-product.woocommerce .content .h-section .added_to_cart.wc-forward { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; } .post-type-archive-product.woocommerce .content .h-section .added_to_cart.wc-forward::before { display: inline-block; width: 1em; content: ""; height: 1em; background-repeat: no-repeat; background-position: center; background-image: url('data:image/svg+xml;utf8,'); margin-right: 0.5em; } .post-type-archive-product.woocommerce .content .h-section .woocommerce-ordering { min-width: 240px; } .post-type-archive-product.woocommerce .content .h-section .woocommerce-ordering select { display: block; width: 100%; font-family: inherit; font-size: 1rem; height: 2.5rem; outline: 0; vertical-align: middle; background-color: #fff; border: 1px solid #f1f1f1; border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; padding: 0 12px; -webkit-appearance: none; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: right 1rem center; } .post-type-archive-product.woocommerce .content .h-section nav.woocommerce-pagination { margin-bottom: 70px; display: -webkit-box; display: -ms-flexbox; display: flex; background-color: #fff; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #e0e1e1; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px calc(2rem - 15px); width: 100%; } .post-type-archive-product.woocommerce .content .h-section nav.woocommerce-pagination ul { border: none; } .post-type-archive-product.woocommerce .content .h-section nav.woocommerce-pagination ul li { border: none; } .post-type-archive-product.woocommerce .content .h-section nav.woocommerce-pagination ul li .page-numbers.current, .post-type-archive-product.woocommerce .content .h-section nav.woocommerce-pagination ul li .page-numbers:hover { color: #fff; background-color: var(--colibri-color-1); } .post-type-archive-product.woocommerce .content .h-section nav.woocommerce-pagination ul li .page-numbers { padding: 8px 15px; margin: 5px; line-height: 1.5rem; } .post-type-archive-product.woocommerce .widget.widget_block.widget_search { border: none !important; } .post-type-archive-product.woocommerce .widget.widget_block.widget_search .wp-block-search__button svg { min-height: 20px; min-width: 20px; } .single-product.woocommerce-page .product .woocommerce-tabs:not(#extra-1) ul.tabs li { padding: 0; padding-left: 2em; padding-right: 2em; background-color: transparent; margin: 0px; } @media (max-width: 576px) { .single-product.woocommerce-page .woocommerce-notices-wrapper .button.wc-forward { float: none; width: 100%; } } @media screen and (max-width: 768px) { .single-product.woocommerce-page .woocommerce-tabs ul.tabs { padding: 0 !important; } .single-product.woocommerce-page .woocommerce-tabs ul.tabs li:not(#extra-1):not(#extra-2) { display: block; margin: 0; border-radius: 0; border: 0; border-bottom: 1px solid #cfc8d8; } .single-product.woocommerce-page .woocommerce-tabs ul.tabs li:not(#extra-1):not(#extra-2):before, .single-product.woocommerce-page .woocommerce-tabs ul.tabs li:not(#extra-1):not(#extra-2):after { display: none; } .single-product.woocommerce-page .woocommerce-tabs ul.tabs li:not(#extra-1):not(#extra-2).active { background: var(--colibri-color-1); color: white; } } .woocommerce-cart.woocommerce-page .woocommerce-cart-form .remove { margin-left: auto; margin-right: 0; } @media (min-width: 1024px) { .woocommerce-cart.woocommerce-page .woocommerce-cart-form .remove { margin-right: auto; } } .woocommerce-checkout.woocommerce-page .content .h-section { margin: 0; } .woocommerce-checkout.woocommerce-page .content .h-section div:not(.extra-1):not(.extra-2):not(.extra-3) .wc-block-components-address-card { padding: 1em; } .woocommerce-checkout.woocommerce-page .content .h-section div:not(.extra-1):not(.extra-2):not(.extra-3) .wc-block-components-address-form__address_2-toggle { margin-top: 16px; } .woocommerce-checkout.woocommerce-page .content .h-section div:not(.extra-1):not(.extra-2):not(.extra-3) .wc-block-components-radio-control-accordion-content { padding: 8px 16px; } .woocommerce-checkout.woocommerce-page .content .h-section div:not(.extra-1):not(.extra-2):not(.extra-3) .wp-block-woocommerce-checkout-order-summary-totals-block .wc-block-components-totals-wrapper { border: 0; padding-bottom: 0; } .woocommerce-checkout.woocommerce-page .content .h-section div:not(.extra-1):not(.extra-2):not(.extra-3) .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-panel__button { outline: none; } .woocommerce-checkout.woocommerce-page .content .h-section div:not(.extra-1):not(.extra-2):not(.extra-3) .wc-block-checkout__terms { margin: 0 0 48px; } .woocommerce-checkout.woocommerce-page .content .h-section div:not(.extra-1):not(.extra-2):not(.extra-3) .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button, .woocommerce-checkout.woocommerce-page .content .h-section div:not(.extra-1):not(.extra-2):not(.extra-3) .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input { margin: 0; } .woocommerce-checkout.woocommerce-page .content .h-section div:not(.extra-1):not(.extra-2):not(.extra-3) .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input { -webkit-box-flex: 3; -ms-flex: 3 1 120px; flex: 3 1 120px; } .woocommerce-checkout.woocommerce-page .content .h-section div:not(.extra-1):not(.extra-2):not(.extra-3) .wp-block-woocommerce-checkout-order-summary-totals-block { padding-bottom: 16px; } .woocommerce-checkout.woocommerce-page .content .h-section div:not(.extra-1):not(.extra-2):not(.extra-3) .wc-block-components-panel__button:focus { outline: none; } .woocommerce-checkout.woocommerce-page .content .h-section .woocommerce-checkout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 768px) { .woocommerce-checkout.woocommerce-page .content .h-section .woocommerce-checkout { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .woocommerce-checkout.woocommerce-page .content .h-section .woocommerce-checkout #order_review_heading { display: none; } .woocommerce-checkout.woocommerce-page .content .h-section .woocommerce-checkout .woocommerce-NoticeGroup { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 2rem; } .woocommerce-checkout.woocommerce-page .content .h-section .woocommerce-checkout .woocommerce-NoticeGroup .woocommerce-error { margin: 0; } .woocommerce-checkout.woocommerce-page .content .h-section .woocommerce-checkout #customer_details, .woocommerce-checkout.woocommerce-page .content .h-section .woocommerce-checkout #order_review { padding: 24px 40px; background-color: #ffffff; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-shadow: 0px 0px 3px 0 rgba(189, 189, 189, 0.4), 0px 2px 3px 0 rgba(189, 189, 189, 0.3), 0 2px 3px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 3px 0 rgba(189, 189, 189, 0.4), 0px 2px 3px 0 rgba(189, 189, 189, 0.3), 0 2px 3px rgba(0, 0, 0, 0.08); } .woocommerce-checkout.woocommerce-page .content .h-section .woocommerce-checkout #customer_details { margin-bottom: 1rem; margin-right: 0; border: 1px solid #f8f8f8; padding: 2rem; } @media (min-width: 768px) { .woocommerce-checkout.woocommerce-page .content .h-section .woocommerce-checkout #customer_details { margin-bottom: 0; margin-right: 1rem; } } .woocommerce-checkout.woocommerce-page .content .h-section .woocommerce-checkout #customer_details .col-1, .woocommerce-checkout.woocommerce-page .content .h-section .woocommerce-checkout #customer_details .col-2 { width: 100%; float: none; } .woocommerce-checkout.woocommerce-page .content .h-section .woocommerce-checkout #order_review { padding: 2rem; margin-bottom: 1rem; margin-left: 0; } @media (min-width: 768px) { .woocommerce-checkout.woocommerce-page .content .h-section .woocommerce-checkout #order_review { margin-bottom: 0; margin-left: 1rem; } } .woocommerce-checkout.woocommerce-page .content .h-section .woocommerce-checkout .woocommerce-form__label-for-checkbox { font-size: 16px; line-height: 1.5rem; cursor: pointer; color: inherit; } .woocommerce-checkout.woocommerce-page .content .h-section .wp-block-woocommerce-checkout-actions-block .wc-block-components-checkout-place-order-button { font-size: 1rem; } .woocommerce-account.woocommerce-page .woocommerce-MyAccount-content table.my_account_orders .button { margin-right: 10px; min-width: 100px; padding: 5px 10px !important; } .woocommerce-account.woocommerce-page .woocommerce-MyAccount-content table.my_account_orders .button:last-child { margin-right: 0; } .woocommerce-account.woocommerce-page .woocommerce-MyAccount-navigation ul li.is-active a { font-weight: 600; }/*xs-cap*//*/xs-cap*/ /*xs-cap*//*/xs-cap*/ #colibri .page-comments .comment-author .url { font-weight: 600; font-style: normal; text-decoration: none; color: #333333; background-color: unset; background-image: none; margin-left: 5px; } [data-aos] { visibility: hidden; } [data-aos].animated { visibility: visible; } [data-aos].colibri-aos-hide-animation, .colibri-aos-hide-animation [data-aos--from-selector] { -webkit-animation-name: none !important; animation-name: none !important; } body.colibri-in-customizer:not(.colibri-in-customizer--loaded) [data-aos].animated { -webkit-animation-duration: 0s !important; animation-duration: 0s !important; } [class*=style-], .h-global-transition, .h-global-transition-all * { -webkit-transition-property: background, padding, margin, border, opacity, color, fill, font, border-radius, max-height, max-width, -webkit-transform, -webkit-box-shadow, -webkit-filter; transition-property: background, padding, margin, border, opacity, color, fill, font, border-radius, max-height, max-width, -webkit-transform, -webkit-box-shadow, -webkit-filter; transition-property: background, padding, margin, border, transform, box-shadow, opacity, color, fill, font, border-radius, max-height, max-width, filter; transition-property: background, padding, margin, border, transform, box-shadow, opacity, color, fill, font, border-radius, max-height, max-width, filter, -webkit-transform, -webkit-box-shadow, -webkit-filter; } .h-global-transition-disable, .h-global-transition-disable * { -webkit-transition-property: none !important; transition-property: none !important; -webkit-transition: none !important; transition: none !important; } .h-svg-icon:not(.h-icon__icon) { -webkit-transition-duration: 0s; transition-duration: 0s; } .new-stacking-context { position: relative; z-index: 1; } ul.mesmerize-language-switcher.after-menu.hover > li{ display: block; } ul.ope-language-switcher.after-menu.hover > li{ display: block; } .h-svg-icon { line-height: 0; display: inline-block; fill: currentColor; -webkit-box-sizing: content-box; box-sizing: content-box; } .hide { display: none; } .w-100 { width: 100%; } .position-relative { position: relative; } /** background wrapper layers START*/ /** background wrapper layers END*/ /** background video css start*/ @media (min-width: 767px) { .cp-video-bg.visible iframe, .cp-video-bg.visible video { visibility: visible; } } /** background video css end */ /** responsive css start*/ @media (min-width: 1024px) { .h-hide-lg { display: none; } } @media (min-width: 768px) and (max-width: 1023px) { .h-hide-md { display: none; } } @media (max-width: 767px) { .h-hide-sm { display: none; } .h-hide-sm-force { display: none !important; } } /** responsive css end */ /** manage styles css start*/ .h-overflow-hidden { overflow: hidden; } /** manage styles css end*/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .page-header, .page-content, .page-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #page-top { overflow-y: hidden; overflow-x: hidden; } h1, h2, h4{ -ms-word-wrap: break-word; word-wrap: break-word; } /** wp6.9 fixes*/ /*end*/ /** wp6.9 fixes*/ /*end*/ .colibri-video-background:before { content: " "; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1; background: transparent; width: 100%; height: 100%; } .colibri-video-background-item { min-width: 100%; max-width: unset; min-height: 100%; width: auto; position: relative; z-index: 0; } iframe.colibri-video-background-item { max-width: unset; max-height: unset; min-height: unset; min-width: unset; visibility: hidden; } iframe.colibri-video-background-item.ready { visibility: visible; } .colibri-slideshow:not([data-loaded="true"]) .slideshow-image { display: none; } .colibri-slideshow:not([data-loaded="true"]) .slideshow-image:first-of-type { opacity: 1 !important; display: block; } .colibri-slideshow .slideshow-image { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-size: cover; background-repeat: no-repeat; opacity: 1 !important; } .colibri-slideshow .slideshow-image.current { opacity: 0 !important; z-index: 1001 !important; } .colibri-slideshow .slideshow-image.next { z-index: 1000 !important; } .ah-headline.type .ah-words-wrapper.selected::after, .ah-headline.type b { visibility: hidden } .ah-headline.clip span, .ah-headline.loading-bar span, .ah-headline.slide span { padding: .2em 0; display: inline-block } .ah-headline.clip .ah-words-wrapper, .ah-headline.loading-bar .ah-words-wrapper, .ah-headline.slide .ah-words-wrapper, .ah-headline.type .ah-words-wrapper { overflow: hidden; vertical-align: top } .ah-words-wrapper { display: inline-block; position: relative; text-align: left } .ah-words-wrapper b { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; -webkit-transition: none !important; transition: none !important; } .ah-words-wrapper b.is-visible { position: relative } .no-js .ah-words-wrapper b { opacity: 0 } .no-js .ah-words-wrapper b.is-visible { opacity: 1 } .ah-headline.rotate-1 .ah-words-wrapper { -webkit-perspective: 300px; perspective: 300px; } .ah-headline.rotate-1 b { opacity: 0; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .ah-headline.rotate-1 b.is-visible { opacity: 1; -webkit-transform: rotateX(0); transform: rotateX(0); -webkit-animation: ah-rotate-1-in 1.2s; animation: ah-rotate-1-in 1.2s } .ah-headline.rotate-1 b.is-hidden { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); -webkit-animation: ah-rotate-1-out 1.2s; animation: ah-rotate-1-out 1.2s } @-webkit-keyframes ah-rotate-1-in { 0% { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0 } 35% { -webkit-transform: rotateX(120deg); transform: rotateX(120deg); opacity: 0 } 65% { opacity: 0 } 100% { -webkit-transform: rotateX(360deg); transform: rotateX(360deg); opacity: 1 } } @keyframes ah-rotate-1-in { 0% { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0 } 35% { -webkit-transform: rotateX(120deg); transform: rotateX(120deg); opacity: 0 } 65% { opacity: 0 } 100% { -webkit-transform: rotateX(360deg); transform: rotateX(360deg); opacity: 1 } } @-webkit-keyframes ah-rotate-1-out { 0% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1 } 35% { -webkit-transform: rotateX(-40deg); transform: rotateX(-40deg); opacity: 1 } 65% { opacity: 0 } 100% { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0 } } @keyframes ah-rotate-1-out { 0% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1 } 35% { -webkit-transform: rotateX(-40deg); transform: rotateX(-40deg); opacity: 1 } 65% { opacity: 0 } 100% { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); opacity: 0 } } .ah-headline.type .ah-words-wrapper::after { content: ''; position: absolute; right: 0; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 90%; width: 1px; background-color: #363636 } .ah-headline.type .ah-words-wrapper.waiting::after { -webkit-animation: ah-pulse 1s infinite; animation: ah-pulse 1s infinite } .ah-headline.type .ah-words-wrapper.selected { background-color: #f0f0f0 } .ah-headline.type .ah-words-wrapper.selected b { color: #363636 } .ah-headline.type b.is-visible { visibility: visible } .ah-headline.type i { position: absolute; visibility: hidden } .ah-headline.type i.in { position: relative; visibility: visible } @-webkit-keyframes ah-pulse { 0% { -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); opacity: 1 } 40% { -webkit-transform: translateY(-50%) scale(.9); transform: translateY(-50%) scale(.9); opacity: 0 } 100% { -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); opacity: 0 } } @keyframes ah-pulse { 0% { -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); opacity: 1 } 40% { -webkit-transform: translateY(-50%) scale(.9); transform: translateY(-50%) scale(.9); opacity: 0 } 100% { -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); opacity: 0 } } .ah-headline.rotate-2 .ah-words-wrapper { -webkit-perspective: 300px; perspective: 300px } .ah-headline.rotate-2 em, .ah-headline.rotate-2 i { display: inline-block; -webkit-backface-visibility: hidden; backface-visibility: hidden } .ah-headline.rotate-2 b { opacity: 0 } .ah-headline.rotate-2 i { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg); opacity: 0 } .is-visible .ah-headline.rotate-2 i { opacity: 1 } .ah-headline.rotate-2 i.in { -webkit-animation: ah-rotate-2-in .4s forwards; animation: ah-rotate-2-in .4s forwards } .ah-headline.rotate-2 i.out { -webkit-animation: ah-rotate-2-out .4s forwards; animation: ah-rotate-2-out .4s forwards } .ah-headline.rotate-2 em { -webkit-transform: translateZ(20px); transform: translateZ(20px) } .no-csstransitions .ah-headline.rotate-2 i { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 0 } .no-csstransitions .ah-headline.rotate-2 i em { -webkit-transform: scale(1); transform: scale(1) } .no-csstransitions .ah-headline.rotate-2 .is-visible i { opacity: 1 } @-webkit-keyframes ah-rotate-2-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg) } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); transform: translateZ(-20px) rotateX(-10deg) } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0) } } @keyframes ah-rotate-2-in { 0% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(90deg); transform: translateZ(-20px) rotateX(90deg) } 60% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(-10deg); transform: translateZ(-20px) rotateX(-10deg) } 100% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0) } } @-webkit-keyframes ah-rotate-2-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0) } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg); transform: translateZ(-20px) rotateX(-100deg) } 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg); transform: translateZ(-20px) rotateX(-90deg) } } @keyframes ah-rotate-2-out { 0% { opacity: 1; -webkit-transform: translateZ(-20px) rotateX(0); transform: translateZ(-20px) rotateX(0) } 60% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-100deg); transform: translateZ(-20px) rotateX(-100deg) } 100% { opacity: 0; -webkit-transform: translateZ(-20px) rotateX(-90deg); transform: translateZ(-20px) rotateX(-90deg) } } .ah-headline.loading-bar .ah-words-wrapper::after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; background: #356efd; z-index: 2; -webkit-transition: width .3s -.1s; transition: width .3s -.1s } .ah-headline.loading-bar .ah-words-wrapper.is-loading::after { width: 100%; -webkit-transition: width 3s; transition: width 3s } .ah-headline.loading-bar b { top: .2em; opacity: 0; -webkit-transition: opacity .3s; transition: opacity .3s } .ah-headline.loading-bar b.is-visible { opacity: 1; top: 0 } .ah-headline.slide b { opacity: 0; top: .2em } .ah-headline.slide b.is-visible { top: 0; opacity: 1; -webkit-animation: slide-in .6s; animation: slide-in .6s } .ah-headline.slide b.is-hidden { -webkit-animation: slide-out .6s; animation: slide-out .6s } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%) } 60% { opacity: 1; -webkit-transform: translateY(20%); transform: translateY(20%) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%) } 60% { opacity: 1; -webkit-transform: translateY(20%); transform: translateY(20%) } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 60% { opacity: 0; -webkit-transform: translateY(120%); transform: translateY(120%) } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%) } } @keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } 60% { opacity: 0; -webkit-transform: translateY(120%); transform: translateY(120%) } 100% { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%) } } .ah-headline.clip .ah-words-wrapper::after { content: ''; position: absolute; top: 0; right: 0; width: 2px; height: 100%; background-color: #363636 } .ah-headline.clip b { opacity: 0 } .ah-headline.clip b.is-visible { opacity: 1 } .ah-headline.zoom .ah-words-wrapper { -webkit-perspective: 300px; perspective: 300px } .ah-headline.zoom b { opacity: 0 } .ah-headline.zoom b.is-visible { opacity: 1; -webkit-animation: zoom-in .8s; animation: zoom-in .8s } .ah-headline.zoom b.is-hidden { -webkit-animation: zoom-out .8s; animation: zoom-out .8s } @-webkit-keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); transform: translateZ(100px) } 100% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes zoom-in { 0% { opacity: 0; -webkit-transform: translateZ(100px); transform: translateZ(100px) } 100% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } } @-webkit-keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } 100% { opacity: 0; -webkit-transform: translateZ(-100px); transform: translateZ(-100px) } } @keyframes zoom-out { 0% { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0) } 100% { opacity: 0; -webkit-transform: translateZ(-100px); transform: translateZ(-100px) } } .ah-headline.rotate-3 .ah-words-wrapper { -webkit-perspective: 300px; perspective: 300px } .ah-headline.rotate-3 b { opacity: 0 } .ah-headline.rotate-3 i { display: inline-block; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden } .is-visible .ah-headline.rotate-3 i { -webkit-transform: rotateY(0); transform: rotateY(0) } .ah-headline.rotate-3 i.in { -webkit-animation: ah-rotate-3-in .6s forwards; animation: ah-rotate-3-in .6s forwards } .ah-headline.rotate-3 i.out { -webkit-animation: ah-rotate-3-out .6s forwards; animation: ah-rotate-3-out .6s forwards } .no-csstransitions .ah-headline.rotate-3 i { -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 0 } .no-csstransitions .ah-headline.rotate-3 .is-visible i { opacity: 1 } @-webkit-keyframes ah-rotate-3-in { 0% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } 100% { -webkit-transform: rotateY(0); transform: rotateY(0) } } @keyframes ah-rotate-3-in { 0% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } 100% { -webkit-transform: rotateY(0); transform: rotateY(0) } } @-webkit-keyframes ah-rotate-3-out { 0% { -webkit-transform: rotateY(0); transform: rotateY(0) } 100% { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg) } } @keyframes ah-rotate-3-out { 0% { -webkit-transform: rotateY(0); transform: rotateY(0) } 100% { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg) } } .ah-headline.scale b { opacity: 0 } .ah-headline.scale i { display: inline-block; opacity: 0; -webkit-transform: scale(0); transform: scale(0) } .is-visible .ah-headline.scale i { opacity: 1 } .ah-headline.scale i.in { -webkit-animation: scale-up .6s forwards; animation: scale-up .6s forwards } .ah-headline.scale i.out { -webkit-animation: scale-down .6s forwards; animation: scale-down .6s forwards } .no-csstransitions .ah-headline.scale i { -webkit-transform: scale(1); transform: scale(1); opacity: 0 } .no-csstransitions .ah-headline.scale .is-visible i { opacity: 1 } @-webkit-keyframes scale-up { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } 60% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1 } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes scale-up { 0% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } 60% { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 1 } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @-webkit-keyframes scale-down { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 60% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } } @keyframes scale-down { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 60% { -webkit-transform: scale(0); transform: scale(0); opacity: 0 } } .ah-headline.push b { opacity: 0 } .ah-headline.push b.is-visible { opacity: 1; -webkit-animation: push-in .6s; animation: push-in .6s } .ah-headline.push b.is-hidden { -webkit-animation: push-out .6s; animation: push-out .6s } @-webkit-keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%) } 60% { opacity: 1; -webkit-transform: translateX(10%); transform: translateX(10%) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes push-in { 0% { opacity: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%) } 60% { opacity: 1; -webkit-transform: translateX(10%); transform: translateX(10%) } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 60% { opacity: 0; -webkit-transform: translateX(110%); transform: translateX(110%) } 100% { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%) } } @keyframes push-out { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0) } 60% { opacity: 0; -webkit-transform: translateX(110%); transform: translateX(110%) } 100% { opacity: 0; -webkit-transform: translateX(100%); transform: translateX(100%) } }