body.oc-loading, body.oc-loading *{cursor:wait !important} .stripe-loading-indicator{height:5px;background:transparent;position:fixed;top:0;left:0;width:100%;overflow:hidden;z-index:2000} .stripe-loading-indicator .stripe, .stripe-loading-indicator .stripe-loaded{height:5px;display:block;background:#0090c0;position:absolute;-webkit-box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF;box-shadow:inset 0 1px 1px -1px #FFF,inset 0 -1px 1px -1px #FFF} .stripe-loading-indicator .stripe{width:100%;-webkit-animation:oc-infinite-loader 60s linear;animation:oc-infinite-loader 60s linear} .stripe-loading-indicator .stripe-loaded{width:100%;transform:translate3d(-100%,0,0);opacity:0} .stripe-loading-indicator.loaded{opacity:0;-webkit-transition:opacity 0.4s linear;transition:opacity 0.4s linear;-webkit-transition-delay:0.3s;transition-delay:0.3s} .stripe-loading-indicator.loaded .stripe{animation-play-state:paused} .stripe-loading-indicator.loaded .stripe-loaded{opacity:1;transform:translate3d(0,0,0);-webkit-transition:transform 0.3s linear;transition:transform 0.3s linear} .stripe-loading-indicator.hide{display:none} body>p.flash-message{position:fixed;width:500px;left:50%;top:13px;margin-left:-250px;color:#fff;font-size:14px;padding:10px 30px 10px 15px;z-index:10300;word-wrap:break-word;text-shadow:0 -1px 0px rgba(0,0,0,0.15);text-align:center;-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);box-shadow:0 1px 6px rgba(0,0,0,0.12),0 1px 4px rgba(0,0,0,0.24);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px} body>p.flash-message.fade{opacity:0;-webkit-transition:all 0.5s,width 0s;transition:all 0.5s,width 0s;-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9)} body>p.flash-message.fade.in{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)} body>p.flash-message.success{background:#8da85e} body>p.flash-message.error{background:#c30} body>p.flash-message.warning{background:#f0ad4e} body>p.flash-message.info{background:#5fb6f5} body>p.flash-message button.close{float:none;position:absolute;right:10px;top:8px;color:white;font-size:21px;line-height:1;font-weight:bold;opacity:.2;padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;outline:none} body>p.flash-message button.close:hover, body>p.flash-message button.close:focus{color:white;text-decoration:none;cursor:pointer;opacity:.5} @media (max-width:768px){body>p.flash-message{left:10px;right:10px;top:10px;margin-left:0;width:auto}} [data-request][data-request-validate] [data-validate-for]:not(.visible), [data-request][data-request-validate] [data-validate-error]:not(.visible){display:none} a.oc-loading:after, button.oc-loading:after, span.oc-loading:after{content:'';display:inline-block;vertical-align:middle;margin-left:.4em;height:1em;width:1em;animation:oc-rotate-loader 0.8s infinite linear;border:.2em solid currentColor;border-right-color:transparent;border-radius:50%;opacity:.5} @-moz-keyframes oc-rotate-loader{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}} @-webkit-keyframes oc-rotate-loader{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}} @-o-keyframes oc-rotate-loader{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(360deg)}} @-ms-keyframes oc-rotate-loader{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(360deg)}} @keyframes oc-rotate-loader{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} @-moz-keyframes oc-infinite-loader{0%{transform:translateX(-100%)}10%{transform:translateX(-50%)}20%{transform:translateX(-25%)}30%{transform:translateX(-12.5%)}40%{transform:translateX(-6.25%)}50%{transform:translateX(-3.125%)}60%{transform:translateX(-1.5625%)}70%{transform:translateX(-0.78125%)}80%{transform:translateX(-0.390625%)}90%{transform:translateX(-0.1953125%)}100%{transform:translateX(-0.09765625%)}} @-webkit-keyframes oc-infinite-loader{0%{transform:translateX(-100%)}10%{transform:translateX(-50%)}20%{transform:translateX(-25%)}30%{transform:translateX(-12.5%)}40%{transform:translateX(-6.25%)}50%{transform:translateX(-3.125%)}60%{transform:translateX(-1.5625%)}70%{transform:translateX(-0.78125%)}80%{transform:translateX(-0.390625%)}90%{transform:translateX(-0.1953125%)}100%{transform:translateX(-0.09765625%)}} @-o-keyframes oc-infinite-loader{0%{transform:translateX(-100%)}10%{transform:translateX(-50%)}20%{transform:translateX(-25%)}30%{transform:translateX(-12.5%)}40%{transform:translateX(-6.25%)}50%{transform:translateX(-3.125%)}60%{transform:translateX(-1.5625%)}70%{transform:translateX(-0.78125%)}80%{transform:translateX(-0.390625%)}90%{transform:translateX(-0.1953125%)}100%{transform:translateX(-0.09765625%)}} @-ms-keyframes oc-infinite-loader{0%{transform:translateX(-100%)}10%{transform:translateX(-50%)}20%{transform:translateX(-25%)}30%{transform:translateX(-12.5%)}40%{transform:translateX(-6.25%)}50%{transform:translateX(-3.125%)}60%{transform:translateX(-1.5625%)}70%{transform:translateX(-0.78125%)}80%{transform:translateX(-0.390625%)}90%{transform:translateX(-0.1953125%)}100%{transform:translateX(-0.09765625%)}} @keyframes oc-infinite-loader{0%{transform:translateX(-100%)}10%{transform:translateX(-50%)}20%{transform:translateX(-25%)}30%{transform:translateX(-12.5%)}40%{transform:translateX(-6.25%)}50%{transform:translateX(-3.125%)}60%{transform:translateX(-1.5625%)}70%{transform:translateX(-0.78125%)}80%{transform:translateX(-0.390625%)}90%{transform:translateX(-0.1953125%)}100%{transform:translateX(-0.09765625%)}} .fr-view strong { font-weight: 700; } .fr-view table { border: none; border-collapse: collapse; empty-cells: show; max-width: 100%; } .fr-view table td, .fr-view table th { border: 1px solid #dddddd; } .fr-view table td:empty, .fr-view table th:empty { height: 20px; } .fr-view table th { background: #e6e6e6; } .fr-view hr { clear: both; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; page-break-after: always; } .fr-view .fr-file { position: relative; } .fr-view .fr-file::after { position: relative; content: "\1F4CE"; font-weight: normal; } .fr-view pre { white-space: pre-wrap; word-wrap: break-word; } .fr-view blockquote { border-left: solid 2px #5e35b1; margin-left: 0; padding-left: 5px; color: #5e35b1; font-size: inherit; } .fr-view blockquote blockquote { border-color: #00bcd4; color: #00bcd4; } .fr-view blockquote blockquote blockquote { border-color: #43a047; color: #43a047; } .fr-view span.fr-emoticon { font-weight: normal; font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols"; display: inline; line-height: 0; } .fr-view span.fr-emoticon.fr-emoticon-img { background-repeat: no-repeat !important; font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle; } .fr-view img { position: relative; max-width: 100%; } .fr-view img.fr-dib { margin: 5px auto; display: block; float: none; vertical-align: top; } .fr-view img.fr-dib.fr-fil { margin-left: 0; } .fr-view img.fr-dib.fr-fir { margin-right: 0; } .fr-view img.fr-dii { display: inline-block; float: none; vertical-align: bottom; margin-left: 5px; margin-right: 5px; max-width: calc(90%); } .fr-view img.fr-dii.fr-fil { float: left; margin: 5px 5px 5px 0; max-width: calc(95%); } .fr-view img.fr-dii.fr-fir { float: right; margin: 5px 0 5px 5px; max-width: calc(95%); } .fr-view .fr-video { text-align: center; position: relative; } .fr-view .fr-video > * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; max-width: 100%; border: none; } .fr-view .fr-video.fr-dvb { display: block; clear: both; } .fr-view .fr-video.fr-dvb.fr-fvl { text-align: left; } .fr-view .fr-video.fr-dvb.fr-fvr { text-align: right; } .fr-view .fr-video.fr-dvi { display: inline-block; } .fr-view .fr-video.fr-dvi.fr-fvl { float: left; } .fr-view .fr-video.fr-dvi.fr-fvr { float: right; } .fr-view ul, .fr-view ol { margin-left: 1.5rem; } /*! locomotive-scroll v4.1.1 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0} /* Recommended styles for Splitting */ .splitting .word, .splitting .char { display: inline-block; } /* Psuedo-element chars */ .splitting .char { position: relative; } /** * Populate the psuedo elements with the character to allow for expanded effects * Set to `display: none` by default; just add `display: block` when you want * to use the psuedo elements */ .splitting .char::before, .splitting .char::after { content: attr(data-char); position: absolute; top: 0; left: 0; visibility: hidden; transition: inherit; user-select: none; } /* Expanded CSS Variables */ .splitting { /* The center word index */ --word-center: calc((var(--word-total) - 1) / 2); /* The center character index */ --char-center: calc((var(--char-total) - 1) / 2); /* The center character index */ --line-center: calc((var(--line-total) - 1) / 2); } .splitting .word { /* Pecent (0-1) of the word's position */ --word-percent: calc(var(--word-index) / var(--word-total)); /* Pecent (0-1) of the line's position */ --line-percent: calc(var(--line-index) / var(--line-total)); } .splitting .char { /* Percent (0-1) of the char's position */ --char-percent: calc(var(--char-index) / var(--char-total)); /* Offset from center, positive & negative */ --char-offset: calc(var(--char-index) - var(--char-center)); /* Absolute distance from center, only positive */ --distance: calc( (var(--char-offset) * var(--char-offset)) / var(--char-center) ); /* Distance from center where -1 is the far left, 0 is center, 1 is far right */ --distance-sine: calc(var(--char-offset) / var(--char-center)); /* Distance from center where 1 is far left/far right, 0 is center */ --distance-percent: calc((var(--distance) / var(--char-center))); } .splitting.cells img { width: 100%; display: block; } @supports ( display: grid ) { .splitting.cells { position: relative; overflow: hidden; background-size: cover; visibility: hidden; } .splitting .cell-grid { background: inherit; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: grid; grid-template: repeat( var(--row-total), 1fr ) / repeat( var(--col-total), 1fr ); } .splitting .cell { background: inherit; position: relative; overflow: hidden; } .splitting .cell-inner { background: inherit; position: absolute; visibility: visible; /* Size to fit the whole container size */ width: calc(100% * var(--col-total)); height: calc(100% * var(--row-total)); /* Position properly */ left: calc(-100% * var(--col-index)); top: calc(-100% * var(--row-index)); } /* Helper variables for advanced effects */ .splitting .cell { --center-x: calc((var(--col-total) - 1) / 2); --center-y: calc((var(--row-total) - 1) / 2); /* Offset from center, positive & negative */ --offset-x: calc(var(--col-index) - var(--center-x)); --offset-y: calc(var(--row-index) - var(--center-y)); /* Absolute distance from center, only positive */ --distance-x: calc( (var(--offset-x) * var(--offset-x)) / var(--center-x) ); /* Absolute distance from center, only positive */ --distance-y: calc( (var(--offset-y) * var(--offset-y)) / var(--center-y) ); } }