@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Lato:wght@400;700&display=swap);
@import url(https://api.fontshare.com/v2/css?f[]=satoshi@700,500,400&display=swap);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700&display=swap);
@import url(https://fonts.googleapis.com/css?family=Oswald);
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: 0px; /*-0.20em;*/
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    /*text-shadow: none;*/
}

::selection {
    background: #b3d4fc;
    /*text-shadow: none;*/
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;touch-action:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{transform:translate(0,-18px);top:auto;right:28px}
:host,:root{--vs-colors--lightest:rgba(60,60,60,0.26);--vs-colors--light:rgba(60,60,60,0.5);--vs-colors--dark:#333;--vs-colors--darkest:rgba(0,0,0,0.15);--vs-search-input-color:inherit;--vs-search-input-bg:#fff;--vs-search-input-placeholder-color:inherit;--vs-font-size:1rem;--vs-line-height:1.4;--vs-state-disabled-bg:#f8f8f8;--vs-state-disabled-color:var(--vs-colors--light);--vs-state-disabled-controls-color:var(--vs-colors--light);--vs-state-disabled-cursor:not-allowed;--vs-border-color:var(--vs-colors--lightest);--vs-border-width:1px;--vs-border-style:solid;--vs-border-radius:4px;--vs-actions-padding:4px 6px 0 3px;--vs-controls-color:var(--vs-colors--light);--vs-controls-size:1;--vs-controls--deselect-text-shadow:0 1px 0 #fff;--vs-selected-bg:#f0f0f0;--vs-selected-color:var(--vs-colors--dark);--vs-selected-border-color:var(--vs-border-color);--vs-selected-border-style:var(--vs-border-style);--vs-selected-border-width:var(--vs-border-width);--vs-dropdown-bg:#fff;--vs-dropdown-color:inherit;--vs-dropdown-z-index:1000;--vs-dropdown-min-width:160px;--vs-dropdown-max-height:350px;--vs-dropdown-box-shadow:0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg:#000;--vs-dropdown-option-color:var(--vs-dropdown-color);--vs-dropdown-option-padding:3px 20px;--vs-dropdown-option--active-bg:#5897fb;--vs-dropdown-option--active-color:#fff;--vs-dropdown-option--deselect-bg:#fb5858;--vs-dropdown-option--deselect-color:#fff;--vs-transition-timing-function:cubic-bezier(1,-0.115,0.975,0.855);--vs-transition-duration:150ms}.v-select{font-family:inherit;position:relative}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function:cubic-bezier(1,0.5,0.8,1);--vs-transition-duration:0.15s}@keyframes vSelectSpinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg:var(--vs-state-disabled-bg);--vs-disabled-color:var(--vs-state-disabled-color);--vs-disabled-cursor:var(--vs-state-disabled-cursor)}.vs--disabled .vs__clear,.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__open-indicator,.vs--disabled .vs__search,.vs--disabled .vs__selected{background-color:var(--vs-disabled-bg);cursor:var(--vs-disabled-cursor)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--vs-search-input-bg);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);display:flex;padding:0 0 4px;white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{align-items:center;display:flex;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);background-color:transparent;border:0;cursor:pointer;margin-right:8px;padding:0}.vs__dropdown-menu{background:var(--vs-dropdown-bg);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);border-top-style:none;box-shadow:var(--vs-dropdown-box-shadow);box-sizing:border-box;color:var(--vs-dropdown-color);display:block;left:0;list-style:none;margin:0;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;padding:5px 0;position:absolute;text-align:left;top:calc(100% - var(--vs-border-width));width:100%;z-index:var(--vs-dropdown-z-index)}.vs__no-options{text-align:center}.vs__dropdown-option{clear:both;color:var(--vs-dropdown-option-color);cursor:pointer;display:block;line-height:1.42857143;padding:var(--vs-dropdown-option-padding);white-space:nowrap}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);display:flex;line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{fill:var(--vs-controls-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;display:inline-flex;margin-left:4px;padding:0;text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--loading .vs__selected,.vs--single.vs--open .vs__selected{opacity:.4;position:absolute}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-ms-clear,.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration{display:none}.vs__search,.vs__search:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid transparent;border-left:none;box-shadow:none;color:var(--vs-search-input-color);flex-grow:1;font-size:var(--vs-font-size);line-height:var(--vs-line-height);margin:4px 0 0;max-width:100%;outline:none;padding:0 7px;width:0;z-index:1}.vs__search::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;animation:vSelectSpinner 1.1s linear infinite;border:.9em solid hsla(0,0%,39%,.1);border-left-color:rgba(60,60,60,.45);font-size:5px;opacity:0;overflow:hidden;text-indent:-9999em;transform:translateZ(0) scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;height:5em;transform:scale(var(--vs-controls--spinner-size,var(--vs-controls-size)));width:5em}.vs--loading .vs__spinner{opacity:1}

/*# sourceMappingURL=vue-select.css.map*/
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (<none>)
 * Config saved to config.json and <none>
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  border:none;
  border-radius: 10px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-header {
  padding: 15px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 20px;
  text-align: center;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}
.clearfix:before,
.clearfix:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}

@charset "UTF-8";
@font-face {
  font-family: 'app-icons';
  src: url("/assets/fonts/app-icons.eot?X3r3ds5");
  src: url("/assets/fonts/app-icons.eot?X3r3ds5#iefix") format("embedded-opentype"), url("/assets/fonts/app-icons.ttf?X3r3ds5") format("truetype"), url("/assets/fonts/app-icons.woff?X3r3ds5") format("woff"), url("/assets/fonts/app-icons.svg?X3r3ds5#app-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="app-icon-"], [class*=" app-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'app-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.app-icon-intro-solid:before {
  content: "\e9f5";
}

.app-icon-intro:before {
  content: "\e9f4";
}

.app-icon-circle-solid:before {
  content: "\e9f3";
}

.app-icon-ghost:before {
  content: "\e9f2";
}

.app-icon-group-2:before {
  content: "\e9f1";
}

.app-icon-media:before {
  content: "\e9f0";
}

.app-icon-discount-outlined:before {
  content: "\e9ef";
}

.app-icon-dislike:before {
  content: "\e9ee";
}

.app-icon-tag-2:before {
  content: "\e9ed";
}

.app-icon-WAX:before {
  content: "\e9ec";
}

.app-icon-insider:before {
  content: "\e9eb";
}

.app-icon-sexual-health:before {
  content: "\e9ea";
}

.app-icon-two-people:before {
  content: "\e9a4";
}

.app-icon-live-chat:before {
  content: "\e9e9";
}

.app-icon-qr:before {
  content: "\e9e8";
}

.app-icon-minus:before {
  content: "\e95a";
}

.app-icon-browse-solid:before {
  content: "\e9e5";
}

.app-icon-communities-solid:before {
  content: "\e9e6";
}

.app-icon-communities:before {
  content: "\e9e7";
}

.app-icon-check-thin:before {
  content: "\e97a";
}

.app-icon-no-drugs:before {
  content: "\e9e2";
}

.app-icon-respect:before {
  content: "\e9e3";
}

.app-icon-secure:before {
  content: "\e9e4";
}

.app-icon-terms:before {
  content: "\e9e1";
}

.app-icon-bed:before {
  content: "\e9e0";
}

.app-icon-app:before {
  content: "\e9c9";
}

.app-icon-kk-badge:before {
  content: "\e9ca";
}

.app-icon-merch:before {
  content: "\e9cd";
}

.app-icon-party-tickets:before {
  content: "\e9df";
}

.app-icon-angel:before {
  content: "\e9dd";
}

.app-icon-devil:before {
  content: "\e9de";
}

.app-icon-suspended:before {
  content: "\e9dc";
}

.app-icon-premium-circle:before {
  content: "\e9db";
}

.app-icon-we-are-x:before {
  content: "\e9da";
}

.app-icon-private-gallery:before {
  content: "\e9d8";
}

.app-icon-public-gallery:before {
  content: "\e9d9";
}

.app-icon-orientation:before {
  content: "\e9d7";
}

.app-icon-about:before {
  content: "\e9d1";
}

.app-icon-diamond:before {
  content: "\e9d2";
}

.app-icon-handcuffs:before {
  content: "\e9d3";
}

.app-icon-heart-bold:before {
  content: "\e9d4";
}

.app-icon-icebreakers:before {
  content: "\e9d5";
}

.app-icon-photos:before {
  content: "\e9d6";
}

.app-icon-alert-circle:before {
  content: "\e9d0";
}

.app-icon-discount:before {
  content: "\e9ce";
}

.app-icon-chat-solid:before {
  content: "\e9cf";
}

.app-icon-arrow:before {
  content: "\e9cb";
}

.app-icon-lock-outline:before {
  content: "\e9cc";
}

.app-icon-info:before {
  content: "\e9c4";
}

.app-icon-limited:before {
  content: "\e9c5";
}

.app-icon-more-likes:before {
  content: "\e9c6";
}

.app-icon-official-chat:before {
  content: "\e9c7";
}

.app-icon-ticket-vertical:before {
  content: "\e9c8";
}

.app-icon-eticket-solid:before {
  content: "\e917";
}

.app-icon-rewards:before {
  content: "\e9c2";
}

.app-icon-vouches:before {
  content: "\e9c3";
}

.app-icon-relationship-status:before {
  content: "\e9c0";
}

.app-icon-looking-for:before {
  content: "\e9c1";
}

.app-icon-distance:before {
  content: "\e927";
}

.app-icon-camper:before {
  content: "\e9b8";
}

.app-icon-glamping:before {
  content: "\e9b9";
}

.app-icon-minus-sm:before {
  content: "\e9ba";
}

.app-icon-parking:before {
  content: "\e9bb";
}

.app-icon-plus-sm:before {
  content: "\e9bc";
}

.app-icon-tent:before {
  content: "\e9bd";
}

.app-icon-tree:before {
  content: "\e9be";
}

.app-icon-vip:before {
  content: "\e9bf";
}

.app-icon-badges:before {
  content: "\e9b7";
}

.app-icon-store:before {
  content: "\e9b6";
}

.app-icon-learn:before {
  content: "\e9b5";
}

.app-icon-hotlist:before {
  content: "\e915";
}

.app-icon-gender:before {
  content: "\e9b4";
}

.app-icon-chat-bubble:before {
  content: "\e9b3";
}

.app-icon-bell:before {
  content: "\e9ac";
}

.app-icon-calendar-solid:before {
  content: "\e9ad";
}

.app-icon-cog:before {
  content: "\e9ae";
}

.app-icon-events-solid:before {
  content: "\e9af";
}

.app-icon-help:before {
  content: "\e9b0";
}

.app-icon-logout:before {
  content: "\e9b1";
}

.app-icon-mask:before {
  content: "\e9b2";
}

.app-icon-audio:before {
  content: "\e9ab";
}

.app-icon-maximise:before {
  content: "\e9a9";
}

.app-icon-minimise:before {
  content: "\e9aa";
}

.app-icon-location-target:before {
  content: "\e9a8";
}

.app-icon-traits:before {
  content: "\e9a6";
}

.app-icon-hst-logo:before {
  content: "\e9a5";
}

.app-icon-pronoun:before {
  content: "\e9a3";
}

.app-icon-individual:before {
  content: "\e9a1";
}

.app-icon-split-couple:before {
  content: "\e9a2";
}

.app-icon-tg-logo:before {
  content: "\e9a0";
}

.app-icon-events-diagonal-duo:before {
  content: "\e99b";
}

.app-icon-group-star:before {
  content: "\e99c";
}

.app-icon-cash:before {
  content: "\e99d";
}

.app-icon-copy:before {
  content: "\e99e";
}

.app-icon-referral:before {
  content: "\e99f";
}

.app-icon-disabled:before {
  content: "\e99a";
}

.app-icon-split:before {
  content: "\e999";
}

.app-icon-archive:before {
  content: "\e998";
}

.app-icon-more-images:before {
  content: "\e997";
}

.app-icon-finished:before {
  content: "\e996";
}

.app-icon-pages:before {
  content: "\e995";
}

.app-icon-clap:before {
  content: "\e994";
}

.app-icon-comment:before {
  content: "\e993";
}

.app-icon-kk-education:before {
  content: "\e98f";
}

.app-icon-share:before {
  content: "\e990";
}

.app-icon-kk-logo:before {
  content: "\e98e";
}

.app-icon-party-approval:before {
  content: "\e98d";
}

.app-icon-chats:before {
  content: "\e98c";
}

.app-icon-error:before {
  content: "\e98b";
}

.app-icon-minus-circle:before {
  content: "\e986";
}

.app-icon-minus-circle-thin:before {
  content: "\e991";
}

.app-icon-website:before {
  content: "\e985";
}

.app-icon-alert-bg:before {
  content: "\e981";
}

.app-icon-alert-exclamation:before {
  content: "\e984";
}

.app-icon-next-circle:before {
  content: "\e980";
}

.app-icon-female:before {
  content: "\e982";
}

.app-icon-male:before {
  content: "\e983";
}

.app-icon-vouch:before {
  content: "\e97f";
}

.app-icon-make-memory:before {
  content: "\e97b";
}

.app-icon-group-solid:before {
  content: "\e975";
}

.app-icon-muted:before {
  content: "\e976";
}

.app-icon-settings:before {
  content: "\e977";
}

.app-icon-star-solid:before {
  content: "\e978";
}

.app-icon-star:before {
  content: "\e979";
}

.app-icon-poll-circle:before {
  content: "\e972";
}

.app-icon-poll-solid:before {
  content: "\e973";
}

.app-icon-poll:before {
  content: "\e974";
}

.app-icon-wave:before {
  content: "\e971";
}

.app-icon-smile:before {
  content: "\e970";
}

.app-icon-sad:before {
  content: "\e98a";
}

.app-icon-cherry:before {
  content: "\e96f";
}

.app-icon-external-link:before {
  content: "\e96e";
}

.app-icon-connected:before {
  content: "\e96a";
}

.app-icon-connected-line:before {
  content: "\e96d";
}

.app-icon-interest-brands:before {
  content: "\e967";
}

.app-icon-interest-content:before {
  content: "\e968";
}

.app-icon-interest-meet:before {
  content: "\e969";
}

.app-icon-eye-line:before {
  content: "\e965";
}

.app-icon-eye:before {
  content: "\e966";
}

.app-icon-info-circle:before, .alert.alert-info:after {
  content: "\e97d";
}

.app-icon-alert:before, .alert.alert-error:after {
  content: "\e962";
}

.app-icon-man:before {
  content: "\e963";
}

.app-icon-woman:before {
  content: "\e964";
}

.app-icon-meets:before {
  content: "\e961";
}

.app-icon-smokes:before {
  content: "\e930";
}

.app-icon-drinks:before {
  content: "\e95b";
}

.app-icon-height:before {
  content: "\e95c";
}

.app-icon-occupation:before {
  content: "\e95d";
}

.app-icon-education:before {
  content: "\e95e";
}

.app-icon-bio:before {
  content: "\e95f";
}

.app-icon-rotate-left:before {
  content: "\e958";
}

.app-icon-rotate-right:before {
  content: "\e959";
}

.app-icon-activity-dashed:before {
  content: "\e956";
}

.app-icon-friends-dashed:before {
  content: "\e957";
}

.app-icon-quote:before, .quickview .profile-section.profile-bio:before, .quickview .profile-section.quote-box p:before, .quickview .profile-section.icebreakers:before {
  content: "\e955";
}

.app-icon-safedate:before {
  content: "\e954";
}

.app-icon-verification:before {
  content: "\e93d";
}

.app-icon-block:before {
  content: "\e93e";
}

.app-icon-friends:before {
  content: "\e93f";
}

.app-icon-friends-solid:before {
  content: "\e940";
}

.app-icon-premium:before {
  content: "\e941";
}

.app-icon-send:before {
  content: "\e942";
}

.app-icon-link:before {
  content: "\e943";
}

.app-icon-selfie:before {
  content: "\e944";
}

.app-icon-group:before {
  content: "\e945";
}

.app-icon-lips:before {
  content: "\e946";
}

.app-icon-invite:before {
  content: "\e947";
}

.app-icon-calendar:before {
  content: "\e948";
}

.app-icon-credit-card:before {
  content: "\e949";
}

.app-icon-globe-solid:before, .quickview .profile-section.profile-looking-for:before {
  content: "\e97c";
}

.app-icon-globe:before {
  content: "\e94a";
}

.app-icon-lock:before {
  content: "\e94b";
}

.app-icon-lock-solid:before {
  content: "\e90f";
}

.app-icon-username:before {
  content: "\e94c";
}

.app-icon-question-circle:before {
  content: "\e907";
}

.app-icon-plus:before {
  content: "\e908";
}

.app-icon-plus-circle:before {
  content: "\e94d";
}

.app-icon-plus-circle-thin:before {
  content: "\e992";
}

.app-icon-introduction:before {
  content: "\e909";
}

.app-icon-introduction-solid:before, .brand-profile .profile-section.profile-bio:before {
  content: "\e960";
}

.app-icon-react:before {
  content: "\e90a";
}

.app-icon-edit:before {
  content: "\e90b";
}

.app-icon-heart-dashed:before {
  content: "\e96b";
}

.app-icon-heart:before {
  content: "\e90c";
}

.app-icon-heart-solid:before {
  content: "\e953";
}

.app-icon-videos:before {
  content: "\e90e";
}

.app-icon-video-chat:before {
  content: "\e90d";
}

.app-icon-ka-circle:before {
  content: "\e910";
}

.app-icon-ka:before {
  content: "\e911";
}

.app-icon-filter:before {
  content: "\e912";
}

.app-icon-reload:before {
  content: "\e913";
}

.app-icon-couple:before {
  content: "\e914";
}

.app-icon-hotlist-solid:before {
  content: "\e916";
}

.app-icon-sexuality:before {
  content: "\e918";
}

.app-icon-meet:before {
  content: "\e919";
}

.app-icon-request-solid:before {
  content: "\e91a";
}

.app-icon-report:before {
  content: "\e91b";
}

.app-icon-verify:before {
  content: "\e906";
}

.app-icon-profile:before {
  content: "\e91c";
}

.app-icon-profile-wizard:before {
  content: "\e989";
}

.app-icon-password:before {
  content: "\e91d";
}

.app-icon-birthday:before {
  content: "\e91e";
}

.app-icon-mail:before {
  content: "\e91f";
}

.app-icon-mail-solid:before {
  content: "\e93c";
}

.app-icon-tag:before {
  content: "\e920";
}

.app-icon-gesture:before {
  content: "\e921";
}

.app-icon-cross:before {
  content: "\e922";
}

.app-icon-cross-thin:before {
  content: "\e988";
}

.app-icon-cross-circle:before {
  content: "\e923";
}

.app-icon-phone:before {
  content: "\e924";
}

.app-icon-more:before {
  content: "\e925";
}

.app-icon-forward:before {
  content: "\e926";
}

.app-icon-bolt:before {
  content: "\e928";
}

.app-icon-check:before, .alert.alert-success:after, .form-group-check label.checkbox-tick span:after, .vue-modal .modal-footer .modal-dont-show-again label.checkbox-tick span:after {
  content: "\e929";
}

.app-icon-check-circle:before {
  content: "\e94e";
}

.app-icon-check-circle-solid:before {
  content: "\e9a7";
}

.app-icon-timer:before {
  content: "\e92a";
}

.app-icon-search:before {
  content: "\e92b";
}

.app-icon-search-thin:before, header .ss-container .ss-search-container .ss-input:after {
  content: "\e987";
}

.app-icon-horny:before {
  content: "\e92c";
}

.app-icon-camera-roll:before {
  content: "\e92d";
}

.app-icon-camera:before {
  content: "\e92e";
}

.app-icon-camera-solid:before {
  content: "\e94f";
}

.app-icon-delete:before {
  content: "\e92f";
}

.app-icon-gif-solid:before {
  content: "\e950";
}

.app-icon-next:before, .settings-navigation li a:after, main .wrapper.settings .sub-settings-dropdown:after, .people-list-container .people-list .people-filter-headings .filter-column:after, .people-list-container .people-list .person .connection-introduction:after {
  content: "\e931";
}

.app-icon-prev:before, .form-select:after {
  content: "\e932";
}

.app-icon-social:before {
  content: "\e933";
}

.app-icon-workshop:before {
  content: "\e934";
}

.app-icon-dresscode:before {
  content: "\e935";
}

.app-icon-event-type:before {
  content: "\e937";
}

.app-icon-event-type-solid:before {
  content: "\e936";
}

.app-icon-location:before {
  content: "\e939";
}

.app-icon-location-solid:before {
  content: "\e938";
}

.app-icon-price:before {
  content: "\e93a";
}

.app-icon-menu:before {
  content: "\e901";
}

.app-icon-chat:before {
  content: "\e902";
}

.app-icon-notifications:before {
  content: "\e903";
}

.app-icon-events:before {
  content: "\e904";
}

.app-icon-event-tickets:before {
  content: "\e97e";
}

.app-icon-events-diagonal:before {
  content: "\e93b";
}

.app-icon-ticket-solid:before {
  content: "\e951";
}

.app-icon-ticket:before {
  content: "\e952";
}

.app-icon-feed:before {
  content: "\e905";
}

.app-icon-feed-line:before {
  content: "\e96c";
}

.app-icon-browse:before {
  content: "\e900";
}

/**
* Killing Kittens
*/
/* New Colour Sets */
.kk-party,
.event-type-kk-party {
  color: #000000;
}

a.event-type-kk-party:hover {
  color: #1a1a1a;
}

.kk-workshop,
.event-type-workshop {
  color: #9d9d9d;
}

a.event-type-workshop:hover {
  color: #b7b7b7;
}

.kk-social,
.event-type-kk-social {
  color: #fd5585;
}

a.event-type-kk-social:hover {
  color: #fe87a9;
}

.kk-masterclass,
.event-type-kk-masterclass {
  color: #4F575E;
}

a.event-type-kk-masterclass:hover {
  color: #66717a;
}

.kk-conversations,
.kk-konversations,
.event-type-konversations,
.event-type-conversations {
  color: #7C3DCE;
}

a.event-type-konversations:hover,
a.event-type-conversations:hover {
  color: #9766d8;
}

@font-face {
  font-family: 'smooth-stone';
  src: url("/assets/themes/killing-kittens/fonts/smoothstone-regular-webfont.woff2") format("woff2"), url("/assets/themes/killing-kittens/fonts/smoothstone-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Wide-Bold';
  src: url("/assets/themes/killing-kittens//fonts/Wide-Bold.eot");
  src: url("/assets/themes/killing-kittens//fonts/Wide-Bold.eot") format("embedded-opentype"), url("/assets/themes/killing-kittens//fonts/Wide-Bold.woff2") format("woff2"), url("/assets/themes/killing-kittens//fonts/Wide-Bold.woff") format("woff"), url("/assets/themes/killing-kittens//fonts/Wide-Bold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}

.btn {
  text-align: center;
  display: inline-block;
  transition: background 0.2s ease-out, color 0.2s ease-out, opacity 0.2s ease-out;
  cursor: pointer;
  border: 0px;
  outline: none;
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
}

.btn i {
  display: inline-block;
  margin-right: 5px;
}

.btn:focus {
  outline: none;
}

.btn.disabled {
  opacity: 0.6;
}

.btn.disabled, .btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.4;
}

.btn.btn-disabled {
  opacity: 0.4;
}

.btn.btn-block {
  width: 100%;
  display: block;
}

.btn.nTM {
  margin-top: 0px !important;
}

.btn.btn-xs {
  font-size: 12px;
  line-height: 21px;
  border-radius: 3px;
  padding: 4px 2px;
}

.btn.btn-xs.btn-outline {
  padding-top: 5px;
  padding-bottom: 5px;
  border-width: 1px;
  border-style: solid;
}

.btn.btn-sm {
  font-size: 12px;
  line-height: 21px;
  border-radius: 3px;
  padding: 6px 3px;
}

.btn.btn-sm.btn-outline {
  padding-top: 5px;
  padding-bottom: 5px;
  border-width: 1px;
  border-style: solid;
}

.btn.btn-sm .loader {
  width: 16px;
  height: 16px;
  border-top-width: 2px;
  border-right-width: 2px;
  border-left-width: 2px;
  border-bottom-width: 2px;
}

.btn.btn-lg {
  font-size: 14px;
  line-height: 23px;
  border-radius: 10px;
  padding: 8px 3px;
}

.btn.btn-lg.btn-outline {
  padding-top: 6px;
  padding-bottom: 6px;
  border-width: 2px;
  border-style: solid;
}

.btn.btn-lg .loader {
  width: 22px;
  height: 22px;
  border-width: 2px;
}

.btn.btn-xl {
  font-size: 16px;
  line-height: 25px;
  border-radius: 10px;
  padding: 12px 18px;
}

.btn.btn-xl.btn-outline {
  padding-top: 10px;
  padding-bottom: 10px;
  border-width: 2px;
  border-style: solid;
}

.btn.btn-xl.btn-circle {
  height: 47px;
  width: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border-radius: 100px;
  padding: 0px;
}

.btn.btn-xl.btn-circle i {
  margin-right: 0px;
}

.btn.btn-xl.btn-shadow {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
}

.btn.btn-xl .loader {
  width: 23px;
  height: 23px;
  border-width: 2px;
}

.btn.btn-rounded {
  border-radius: 10rem;
}

.btn.btn-subscription {
  background: radial-gradient(32.71% 116.96% at 50.14% 154.76%, #F5FF8D 0%, #111111 100%), #FFFFFF;
  color: #FFFFFF;
}

.btn-toggle {
  height: 48px;
  line-height: 48px;
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  padding: 0 20px;
  font-size: 21px;
  line-height: 30px;
  z-index: 4;
  border: 1px solid #dadada;
  border-radius: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  transition: background 0.2s ease-out;
  cursor: pointer;
  color: #3E454B;
}

.btn-toggle:hover {
  background: #f2f2f2;
}

.btn-toggle i {
  display: inline-block;
  font-size: 20px;
  margin-right: 10px;
}

.btn.btn-white {
  color: #111111;
  background: linear-gradient(238.87deg, #fffdff 36.15%, #f5f5f5 67.38%);
}

.btn.btn-white:hover {
  opacity: 0.8;
}

.btn.btn-black {
  background: #111111;
  color: #FFFFFF;
}

.btn.btn-black:hover {
  opacity: 0.8;
}

.btn.btn-black.btn-outline {
  border: 2px solid #FFFFFF;
}

.btn.btn-primary {
  color: #FFFFFF;
  background: #111111;
}

.btn.btn-primary:hover {
  color: #FFFFFF;
  background: rgba(17, 17, 17, 0.5);
}

.btn.btn-primary.btn-border {
  border: 1px solid #FFFFFF;
}

.btn.btn-primary.btn-border:hover {
  background-color: #050505;
}

.btn.btn-primary.btn-outline {
  border-color: #000000;
  color: #000000;
  background: #FFFFFF;
}

.btn.btn-primary.btn-outline:hover {
  background: #FFFFFF;
  color: #1a1a1a;
}

.btn.btn-secondary {
  color: #FFFFFF;
  background: #283039;
}

.btn.btn-secondary:hover {
  color: #FFFFFF;
  background: #3d4957;
}

.btn.btn-secondary.btn-outline {
  background: #FFFFFF;
  color: #283039;
  border-color: #283039;
}

.btn.btn-secondary.btn-outline:hover {
  background: #FFFFFF;
  color: #3d4957;
}

.btn.btn-tertiary {
  color: #FFFFFF;
  background: #9ca8b6;
}

.btn.btn-tertiary:hover {
  color: #FFFFFF;
  background: #b9c2cc;
}

.btn.btn-tertiary.btn-outline {
  background: #FFFFFF;
  color: #9ca8b6;
  border-color: #9ca8b6;
}

.btn.btn-tertiary.btn-outline:hover {
  background: #FFFFFF;
  color: #b9c2cc;
}

.btn.btn-error {
  color: #FFFFFF;
  background: #dd000b;
}

.btn.btn-error:hover {
  color: #FFFFFF;
  background: #ff0713;
}

.btn.btn-error.btn-outline {
  background: #FFFFFF;
  color: #dd000b;
  border-color: #dd000b;
}

.btn.btn-error.btn-outline:hover {
  background: #FFFFFF;
  color: #ff0713;
}

.btn.btn-cta {
  color: #FFFFFF;
  background: #64B830;
}

.btn.btn-cta:hover {
  color: #FFFFFF;
  background: #7ed04b;
}

.btn.btn-cta.btn-outline {
  background: #FFFFFF;
  color: #64B830;
  border-color: #64B830;
}

.btn.btn-cta.btn-outline:hover {
  background: #FFFFFF;
  color: #7ed04b;
}

.btn.btn-free-gradient {
  background: #58646E;
  background: linear-gradient(45deg, #58646E 0%, #414a52 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$colour1, endColorstr=$colour2,GradientType=1 );
  color: #FFFFFF;
}

.btn.btn-free-gradient:hover {
  background: #58646E;
  background: linear-gradient(45deg, #58646E 0%, #414a52 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$colour1, endColorstr=$colour2,GradientType=1 );
  opacity: 0.9;
}

.btn.btn-free-gradient.btn-outline {
  border-color: #58646E;
  background: #FFFFFF;
  color: #58646E;
}

.btn.btn-free-gradient.btn-outline:hover {
  background: #FFFFFF;
  color: #6a7985;
}

.btn.btn-premium-gradient {
  background: radial-gradient(32.71% 116.96% at 50.14% 154.76%, #F5FF8D 0%, #111111 100%), #FFFFFF;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.btn.btn-premium-gradient:hover {
  background: radial-gradient(32.71% 116.96% at 50.14% 154.76%, #F5FF8D 0%, #111111 100%), #FFFFFF;
  opacity: 0.9;
}

.btn.btn-premium-gradient.btn-outline {
  border-color: #F5FF8D;
  background: #000000;
  color: #F5FF8D;
}

.btn.btn-premium-gradient.btn-outline:hover {
  background: #000000;
  color: #f9ffb6;
}

.btn.btn-premium {
  background: #F5FF8D;
  color: #000000;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.btn.btn-premium:hover {
  opacity: 0.9;
}

/************
* Dropdowns *
************/
.dropdown-container {
  display: inline-block;
  position: relative;
  margin-left: 9px;
}

.dropdown-container.dropdown-right .dropdown-menu {
  right: -6px;
  left: auto;
  border-top-right-radius: 10px;
}

.dropdown-container.dropdown-right .dropdown-menu:before {
  right: 17px;
  left: auto;
}

.dropdown-container.dropdown-left .dropdown-menu {
  left: 0px;
  right: auto;
  border-top-left-radius: 10px;
}

.dropdown-container.dropdown-left .dropdown-menu:before {
  right: auto;
  left: 12px;
}

.dropdown-container.dropdown-left.dropup .dropdown-menu {
  left: 27px;
  margin-bottom: 20px;
  right: auto;
  border-top-left-radius: 10px;
}

.dropdown-container.dropdown-left.dropup .dropdown-menu:before {
  left: 18px;
  right: auto;
}

.dropdown-container.dropdown-center .dropdown-menu {
  left: 0px;
  right: auto;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.dropdown-container.dropdown-center .dropdown-menu li {
  text-align: center;
}

.dropdown-container.dropdown-center .dropdown-menu li a {
  justify-content: center;
}

.dropdown-container .btn-dropdown {
  height: 43px;
  line-height: 28px;
  font-size: 13px;
  border-radius: 10px;
  z-index: 2;
  margin-bottom: 0px;
  padding-right: 34px;
  vertical-align: top;
  text-align: left;
}

.dropdown-container .btn-dropdown i {
  font-size: 18px;
  margin-right: 10px;
  line-height: 0px;
}

.dropdown-container.dropdown-more {
  margin-left: 0px;
}

.dropdown-container.dropdown-more .btn-dropdown {
  width: 36px;
  height: 36px;
  line-height: 34px;
  display: inline-block;
  border-radius: 18px;
  border: 0px;
  outline: none;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
  color: #4F575E;
  background: #FFF;
  box-shadow: 0 0px 2px 0 rgba(50, 50, 50, 0.4);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dropdown-container.dropdown-more .btn-dropdown i {
  margin-right: 0px;
}

.dropdown-container.dropdown-more .btn-dropdown:after {
  display: none;
}

.dropdown-container.dropdown-more .dropdown-menu {
  margin-top: 38px;
}

.dropdown-container.dropdown-status-menu {
  position: absolute;
  right: 8px;
  top: 5px;
}

.dropdown-container.dropdown-status-menu .btn-dropdown {
  box-shadow: none;
  width: 28px;
  height: 28px;
  line-height: 28px;
  background: transparent;
}

.dropdown-container.dropdown-status-menu .btn-dropdown i {
  font-size: 16px;
  line-height: 28px;
}

.dropdown-container.dropdown-status-menu .dropdown-menu {
  right: -1px;
  margin-top: 32px;
}

.dropdown-container.dropdown-status-menu .dropdown-menu:before {
  right: 8px;
}

.dropdown-container.dropup .dropdown-menu {
  margin-top: 0px;
  margin-bottom: 16px;
  top: auto;
  bottom: 10px;
  left: 50%;
  margin-left: -35px;
}

.dropdown-container.dropup .dropdown-menu:before {
  content: '▼';
  font-size: 12px;
  color: #FFF;
  transform: scaleX(1.7);
  position: absolute;
  top: auto;
  bottom: -12px;
  right: 50%;
  margin-right: -7px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.dropdown-container.dropup .dropdown-menu li a {
  margin-left: 0px;
}

.dropdown-container.dropup.dropup-small .dropdown-menu {
  width: 80px;
  min-width: 80px;
}

.dropdown-container.dropup.dropup-small .dropdown-menu li a {
  font-size: 12px;
  line-height: 24px;
}

.dropdown-container.open .btn-dropdown {
  color: #4F575E;
}

.dropdown-container.open .btn-dropdown:after {
  content: "\6a";
}

.dropdown-container.open .dropdown-menu {
  display: inline-block;
}

.dropdown-container .dropdown-menu {
  margin-top: 30px;
  margin-bottom: 0px;
  background: #FFF;
  border: 1px solid #f0f0f0;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.1);
  z-index: 999;
  padding: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  min-width: calc(100% + 20px);
  color: #4F575E;
  display: none;
  position: absolute;
  list-style: none;
  min-width: 150px;
  top: 0px;
}

.dropdown-container .dropdown-menu:before {
  content: '▲';
  font-size: 12px;
  color: #FFF;
  transform: scaleX(1.7);
  position: absolute;
  top: -15px;
  right: 17px;
  text-shadow: 0 -2px 2px rgba(0, 0, 0, 0.1);
}

.dropdown-container .dropdown-menu li {
  width: 100%;
  text-align: left;
  display: inline-block;
  border-bottom: 1px solid #e8ebee;
}

.dropdown-container .dropdown-menu li:last-child {
  border-bottom: 0px;
}

.dropdown-container .dropdown-menu li.warning a {
  color: #dd000b;
}

.dropdown-container .dropdown-menu li.chat a {
  color: #000000;
}

.dropdown-container .dropdown-menu li:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.dropdown-container .dropdown-menu li:first-child a {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.dropdown-container .dropdown-menu li:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.dropdown-container .dropdown-menu li:last-child a {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom: 0;
}

.dropdown-container .dropdown-menu li a {
  width: 100%;
  font-size: 13px;
  line-height: 26px;
  display: flex;
  align-items: center;
  color: #4F575E;
  padding: 3px 10px;
  border: 0px;
  transition: background-color 0.2s ease-out;
  background: #FFF;
  font-weight: normal;
  font-weight: bold;
  margin-left: 0px;
}

.dropdown-container .dropdown-menu li a:hover {
  background-color: #f7f7f7;
}

.dropdown-container .dropdown-menu li a i {
  font-size: 14px;
  margin-right: 5px;
  vertical-align: middle;
  display: inline-block;
}

.dropdown-container .dropdown-menu li a i.app-icon-cross {
  font-size: 11px;
}

.dropdown-container.dropdown-left .dropdown-menu {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.dropdown-container.dropdown-left .dropdown-menu li:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.dropdown-container.dropdown-left .dropdown-menu li:first-child a {
  border-top-right-radius: 10px;
}

.dropdown-container.dropdown-full .dropdown-menu {
  left: 0 !important;
  right: auto;
  width: 100%;
  min-width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.dropdown-container.dropdown-full .dropdown-menu li:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.dropdown-container.dropdown-scrollable .dropdown-menu {
  max-height: 210px;
  overflow-y: auto;
}

.dropdown-container.dark .btn-dropdown {
  border: 0px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  color: #FFF;
  cursor: pointer;
  padding: 0px;
  font-size: 12px;
  z-index: 5;
}

.alert {
  width: 100%;
  margin-bottom: 18px;
  background: #FFFFFF;
  position: relative;
  padding: 20px 15px 15px 60px;
  display: inline-block;
  border-top: 0px;
  border-radius: 10px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  min-height: 68px;
  line-height: 32px;
  overflow: hidden;
}

.alert:before {
  content: '';
  width: calc(100% + 2px);
  height: 7px;
  position: absolute;
  top: 0px;
  left: -1px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.alert:after {
  width: 30px;
  height: 30px;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  margin-top: -11px;
  left: 15px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #FFF;
  font-size: 14px;
}

.alert p {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  font-size: 14px;
  line-height: 23px;
  line-height: 20px;
  padding-top: 3px;
  text-align: left;
}

.alert p:first-child {
  padding-top: 0px;
}

.alert a {
  text-decoration: none;
}

.alert.nBM {
  margin-bottom: 0px;
}

.alert.alert-error:before, .alert.alert-error:after {
  background: #dd000b;
}

.alert.alert-error a {
  color: #dd000b;
}

.alert.alert-error a:hover {
  color: #ff444d;
}

.alert.alert-info:before, .alert.alert-info:after {
  background: #FC6B21;
}

.alert.alert-info a {
  color: #FC6B21;
}

.alert.alert-info a:hover {
  color: #fdae86;
}

.alert.alert-success:before, .alert.alert-success:after {
  background: #111111;
}

.alert.alert-success a {
  color: #00D1FF;
}

.alert.alert-success a:hover {
  color: #66e3ff;
}

.alert-container {
  width: 100%;
  max-width: 1150px;
  display: inline-block;
  padding: 40px 40px 0px 40px;
}

@media (max-width: 650px) {
  .alert-container {
    padding: 10px 0px 0px 0px;
  }
  .alert-container .alert {
    border-radius: 0px;
  }
  .alert-container .alert:before {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
  }
}

textarea {
  width: 100%;
  outline: none;
  -webkit-appearance: none;
  border-radius: 20px;
  font-size: 15px;
  line-height: 24px;
  border-style: solid;
  border-width: 1px;
  resize: none;
  padding: 12px;
}

textarea:disabled,
textarea .disabled {
  opacity: 0.4;
  background: #FFF;
}

.character-count-container {
  position: relative;
}

.character-count-container textarea {
  position: relative;
  z-index: 0;
}

.character-count-container .character-count {
  position: absolute;
  bottom: 6px;
  right: 10px;
}

.character-count-container .character-count span {
  font-size: 13px;
  color: #64B830;
}

.character-count-container textarea.external-count + .character-count {
  width: 100%;
  display: inline-block;
  position: relative;
  bottom: auto;
  right: auto;
  text-align: right;
  padding-top: 5px;
}

.form-group-container {
  width: 100%;
}

.form-group-container .form-group-checkbox:last-child {
  border-bottom: 0px;
}

textarea,
input,
.input {
  color: #4F575E;
  border-color: #c8ced5;
  text-shadow: none;
}

textarea:focus, textarea:focus-visible, textarea:focus-within,
input:focus,
input:focus-visible,
input:focus-within,
.input:focus,
.input:focus-visible,
.input:focus-within {
  text-shadow: none !important;
}

.form-group label.form-label {
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
}

.form-group + .form-group {
  padding-top: 0px;
}

.form-group-checkbox {
  font-size: 0;
}

.form-group-checkbox label input[type=checkbox].toggle:checked + span {
  background: #000000;
}

.icon-selector label p span,
.icon-selector-manual label p span {
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
}

.noUi-horizontal .noUi-tooltip {
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
}

.height-container:before, .height-container:after {
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
}

.interests-tags label {
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
}

.select2-selection__choice {
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
}

.form-group-checkbox {
  width: 100%;
  display: inline-block;
  padding: 14px 15px;
  border-bottom: 1px solid #f0f0f0;
}

.form-group-checkbox p {
  width: 70%;
  margin: 0px;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  line-height: 22px;
}

.form-group-checkbox .checkbox-container {
  width: 30%;
  display: inline-block;
  text-align: right;
  vertical-align: middle;
  font-size: 12px;
}

.form-group-checkbox .checkbox-container.with-label label {
  width: 58px;
}

.form-group-checkbox .checkbox-container.with-label input + span:before {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  padding-right: 11px;
  vertical-align: middle;
  line-height: 26px;
}

.form-group-checkbox .checkbox-container.with-label input[type=checkbox].toggle + span {
  text-align: right;
}

.form-group-checkbox .checkbox-container.with-label input[type=checkbox].toggle + span:before {
  content: 'no';
}

.form-group-checkbox .checkbox-container.with-label input[type=checkbox]:checked.toggle + span {
  text-align: left;
}

.form-group-checkbox .checkbox-container.with-label input[type=checkbox]:checked.toggle + span:before {
  content: 'yes';
  padding-right: 0px;
  padding-left: 8px;
}

.form-group-checkbox label {
  width: 36px;
  height: 23px;
  display: inline-block;
  border-radius: 13px;
  cursor: pointer;
  vertical-align: middle;
}

.form-group-checkbox label span {
  width: 100%;
  height: 23px;
  display: inline-block;
  position: relative;
  background: #d6dbe0;
  transition: background-color 0.2s ease-out;
  border-radius: 23px;
  overflow: hidden;
}

.form-group-checkbox label span:after {
  content: '';
  width: 19px;
  height: 19px;
  background: #FFF;
  position: absolute;
  top: 2px;
  left: 2px;
  transition: left .2s ease-out;
  border-radius: 11px;
  box-shadow: 0px 0px 3px 0 rgba(50, 50, 50, 0.1);
}

.form-group-checkbox label.toggle-sm {
  width: 32px;
  height: 18px;
  border-radius: 9px;
}

.form-group-checkbox label.toggle-sm span {
  height: 18px;
}

.form-group-checkbox label.toggle-sm span:after {
  width: 14px;
  height: 14px;
}

.form-group-checkbox label.toggle-sm input[type=checkbox].toggle:checked + span:after {
  left: calc(100% - 16px);
}

.form-group-checkbox label input[type=checkbox].toggle {
  display: none;
}

.form-group-checkbox label input[type=checkbox].toggle span {
  display: inline-block;
}

.form-group-checkbox label input[type=checkbox].toggle:checked + span:after {
  left: calc(100% - 21px);
}

.form-group-check {
  width: 100%;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  margin-bottom: 10px;
}

.form-group-check:last-child {
  margin-bottom: 0px;
}

.form-group-check.pills {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: center;
  gap: 12px 6px;
  flex-wrap: wrap;
  padding: 0px !important;
}

.form-group-check.pills label {
  width: -moz-fit-content;
  width: fit-content;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 500;
}

.form-group-check label {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  line-height: 22px;
}

.form-group-check label i {
  margin-right: 8px;
  font-size: 16px;
}

.form-group-check label span {
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 6px;
  border: 1px solid white;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  margin-right: 8px;
}

.form-group-check label span:after {
  content: "\e929";
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #64B830;
  opacity: 0;
  font-size: 17px;
  transition: opacity 0.1s ease-out;
}

.form-group-check label.on-white span {
  border-color: #c8ced5;
}

.form-group-check label.checkbox-tick span:after {
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: transparent;
  left: 0px;
  right: 0px;
  bottom: auto;
  line-height: 16px;
  font-size: 12px;
  color: #64B830;
  top: 0px;
  text-align: center;
}

.form-group-check label.checkbox-pill {
  display: flex;
  flex-wrap: nowrap;
  padding: 8px 16px;
  align-items: center;
  gap: 8px;
  border-radius: 200px;
  border: 1px solid #CBD0D7;
  background: linear-gradient(239deg, #FFFDFF36 0.15%, #F5F5F567 0.38%);
}

.form-group-check label.checkbox-pill:has(input[type=checkbox]:checked) {
  background: #111111;
  color: white;
}

.form-group-check label input[type=checkbox].checkbox {
  display: none;
}

.form-group-check label input[type=checkbox].checkbox:checked + span:after {
  opacity: 1;
}

.form-container {
  padding: 20px 0;
}

.form-container.nTP {
  padding-top: 0px;
}

.form-group {
  width: 100%;
  display: flex;
  padding: 12px 20px;
}

.form-group .textarea-wrapper {
  width: 100%;
  position: relative;
}

.form-group .textarea-wrapper textarea {
  padding-bottom: 40px;
}

.form-group .textarea-wrapper .saving-state {
  position: absolute;
  left: 12px;
  bottom: 6px;
}

.form-group .textarea-wrapper .saving-state .loading {
  margin-bottom: 4px;
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.form-group .textarea-wrapper .saving-state .saving-message {
  opacity: 1;
  color: #64B830;
  font-size: 13px;
  line-height: 22px;
  transition: opacity 0.2s ease-out;
  position: absolute;
  left: 0px;
  bottom: 6px;
}

.form-group .textarea-wrapper .saving-state.saved .saving-message {
  -webkit-animation: fadeOut 0.2s;
  -webkit-animation-delay: 2s;
  -webkit-animation-fill-mode: forwards;
  -moz-animation: fadeOut 0.2s;
  -moz-animation-delay: 2s;
  -moz-animation-fill-mode: forwards;
  animation: fadeOut 0.2s;
  animation-delay: 2s;
  animation-fill-mode: forwards;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.form-group.form-group-append {
  position: relative;
}

.form-group.form-group-append .form-control {
  padding-right: 90px;
}

.form-group.form-group-append .form-input-append {
  position: absolute;
  font-size: 12px;
  line-height: 21px;
  right: 40px;
  padding: 8px;
  display: flex;
  align-items: center;
  color: #000000;
  cursor: pointer;
  transition: color 0.2s ease-out;
  height: 40px;
}

.form-group.form-group-append .form-input-append.clear {
  position: absolute;
  font-weight: 400;
  display: flex;
  font-size: 12px;
  line-height: 24px;
  padding: 8px;
  color: #9d9d9d;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  right: 110px;
}

.form-group.form-group-append .form-input-append.clear i {
  margin-left: 0px;
}

.form-group.form-group-append .form-input-append.clear:hover {
  color: #b1b1b1;
}

@media (max-width: 650px) {
  .form-group.form-group-append .form-input-append {
    height: 48px;
  }
}

.form-group.form-group-append .form-input-append:hover {
  color: #1a1a1a;
}

.form-group.form-group-append .form-input-append i {
  font-size: 14px;
  margin-left: 4px;
}

@media (max-width: 650px) {
  .form-group.form-group-append .form-input-append {
    padding: 12px;
  }
}

@media (max-width: 650px) {
  .form-group.form-group-append .form-input-append {
    right: 20px;
  }
  .form-group.form-group-append .form-input-append.clear {
    right: 90px;
  }
}

.form-group .help-prompt {
  width: 30px;
  text-align: center;
  align-self: center;
  padding-left: 0px;
}

.form-group.with-loader {
  position: relative;
}

.form-group.with-loader input {
  padding-right: 40px;
}

.form-group.with-loader .loader {
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 50%;
  margin-bottom: -10px;
  right: 10px;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
}

.form-group .edit-field {
  width: 30px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.form-group.nTP {
  padding-top: 0px;
}

.form-group label {
  vertical-align: middle;
  font-size: 13px;
  line-height: 22px;
  line-height: 19px;
}

.form-group label.form-label {
  width: 20%;
  text-align: right;
  display: flex;
  align-self: center;
  justify-content: flex-end;
  word-break: break-word;
}

.form-group label.form-label i {
  margin-right: 8px;
}

.form-group label.form-label + .form-field {
  padding-left: 20px;
}

.form-group .form-field {
  width: 80%;
  display: flex;
  vertical-align: middle;
  position: relative;
}

.form-group .form-field i {
  z-index: 1;
}

.form-group .form-field input,
.form-group .form-field .input {
  width: 80%;
  display: flex;
  vertical-align: middle;
  margin-top: auto;
  margin-bottom: auto;
}

.form-group .form-field.form-field-block {
  width: 100%;
}

.form-group .form-field.form-field-block input,
.form-group .form-field.form-field-block .input {
  width: 100%;
}

.form-group a {
  vertical-align: middle;
  display: inline-block;
  padding-left: 4px;
}

.form-group a i {
  display: inline-block;
}

.form-group a.form-field-option {
  width: 25px;
  padding-left: 0px;
  text-align: right;
  align-self: center;
}

.form-group.form-group-submit {
  text-align: right;
  justify-content: flex-end;
}

.form-group.form-group-submit .form-field {
  padding-left: 20px;
  text-align: left;
}

.form-group.form-group-submit .form-field.form-field-block {
  padding-left: 0px;
}

.form-group.form-group-submit .btn {
  width: 80%;
  justify-content: center;
}

.form-container.stacked {
  text-align: center;
}

.form-container.stacked .form-group {
  width: 100%;
  max-width: 350px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: left;
  margin: 0 auto;
  display: block;
}

.form-container.stacked .form-group.icon-selector-container {
  text-align: center;
  max-width: 380px;
}

.form-container.stacked .form-group.icon-selector-container .icon-selector {
  font-size: 0;
  max-width: 380px;
  text-align: left;
}

.form-container.stacked .form-group.icon-selector-container label.form-label {
  margin-left: 15px;
}

.form-container.stacked .form-group label.form-label {
  width: 100%;
  text-align: left;
  margin-bottom: 10px;
}

.form-container.stacked .form-group label.form-label + .form-field {
  padding-left: 0px;
}

.form-container.stacked .form-group .form-field {
  width: 100%;
}

.form-container.stacked .form-group .form-field input,
.form-container.stacked .form-group .form-field .input {
  width: 100%;
}

@media (max-width: 600px) {
  .form-container.stacked .form-group {
    width: 100%;
    max-width: 100%;
    margin: 0px;
    padding: 12px 20px;
  }
  .form-container.stacked .form-group.icon-selector-container {
    max-width: 100%;
    padding: 12px 14px;
    text-align: center;
  }
  .form-container.stacked .form-group.icon-selector-container .icon-selector {
    max-width: 252px;
    text-align: left;
  }
  .form-container.stacked .form-group.icon-selector-container label.form-label {
    margin-left: 6px;
  }
}

@media (max-width: 650px) {
  .form-container {
    padding: 8px 0 12px 0;
  }
}

@media (max-width: 600px) {
  .form-group {
    padding: 12px 20px;
    flex-direction: column;
  }
  .form-group label.form-label {
    width: 100%;
    text-align: left;
    margin-bottom: 12px;
    justify-content: start;
  }
  .form-group label.form-label + .form-field {
    padding-left: 0px;
  }
  .form-group .form-field {
    width: 100%;
  }
  .form-group .form-field input {
    width: 100%;
  }
  .form-group .form-field.with-icon input,
  .form-group .form-field.with-icon .input {
    width: calc(100% - 25px);
  }
  .form-group.form-group-submit .form-field {
    padding-left: 0px;
  }
  .form-group.form-group-submit .form-field input,
  .form-group.form-group-submit .form-field .input {
    width: 100%;
  }
  .form-group.form-group-submit .form-field input[type=submit],
  .form-group.form-group-submit .form-field .input[type=submit] {
    text-align: center;
    justify-content: center;
  }
}

@media (max-width: 450px) {
  .form-group {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

.interests-container > .multiselect {
  width: 100%;
}

.multiselect {
  border: 0px;
}

.multiselect.interests-multiselect {
  -webkit-appearance: none;
  border: 1px solid #c8ced5;
  border-radius: 6px;
  font-size: 13px;
  line-height: 22px;
  min-height: 59px;
}

.multiselect.interests-multiselect .multiselect-tags {
  padding-left: 6px;
  margin-top: 6px;
  margin-bottom: 6px;
}

.multiselect.interests-multiselect .multiselect-tag {
  background: #f5f6f7;
  color: #4F575E;
  cursor: pointer;
  padding: 6px 8px 6px 10px;
  transition: .15s all ease-in-out;
  font-weight: 900;
  border-radius: 10rem;
  margin: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #000000;
}

.multiselect.interests-multiselect .multiselect-tag > span {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  border: 1px solid #000000;
  background: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.multiselect.interests-multiselect .multiselect-tag > span > span {
  color: #FFF;
  margin-left: 0px;
  line-height: 16px;
  font-size: 14px;
}

.multiselect.interests-multiselect .multiselect-spinner {
  right: 8px;
}

.multiselect.interests-multiselect .multiselect-spinner:before, .multiselect.interests-multiselect .multiselect-spinner:after {
  border-top-color: #9d9d9d;
}

.multiselect.interests-multiselect.is-open .multiselect-input {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

input,
.input {
  -webkit-appearance: none;
  border: 1px solid #c8ced5;
  border-radius: 10rem;
  font-size: 15px;
  line-height: 24px;
  padding: 12px 15px;
  /* Focus style */
  /* This hides focus around selected option in FF */
}

input.multiselect-tags-search,
.input.multiselect-tags-search {
  border: none;
  padding: 0px;
}

input[type=submit],
.input[type=submit] {
  outline: none;
  border: 0px;
}

input:disabled, input.disabled,
.input:disabled,
.input.disabled {
  opacity: 0.4;
  background: #ededee;
}

input:focus,
.input:focus {
  outline: none;
}

input:-moz-focusring,
.input:-moz-focusring {
  text-shadow: 0 0 0 #000;
}

input.dark,
.input.dark {
  border-color: #4b5964;
  background: rgba(0, 0, 0, 0.3);
  color: #FFF;
}

input.error,
.input.error {
  border-color: #fc0d1b;
}

input.rounded,
.input.rounded {
  border-radius: 10rem;
  padding: 12px 15px;
}

.form-group-select + .form-group {
  margin-top: 14px;
}

select {
  /* Make sure the select is wider than the container so we can clip the arrow */
  width: calc(100% + 30px);
  max-width: calc(100% + 30px);
  min-width: calc(100% + 30px);
  /* Remove select styling */
  appearance: none;
  -webkit-appearance: none;
  /* Ugly Firefox way of doing it */
  -moz-appearance: window;
  text-indent: 10px;
  text-overflow: "";
  /* Magic font size number to prevent iOS text zoom */
  font-size: 15px;
  line-height: 24px;
  background: none;
  border: none;
  color: #444;
  outline: none;
  /* Padding works surpringly well */
  padding: 13px 60px 13px 0px;
  margin: 0px;
  /* Focus style */
  /* This hides focus around selected option in FF */
}

select::-ms-expand {
  /* This hides native dropdown button arrow in IE */
  display: none;
}

select:focus {
  outline: none;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

@media (max-width: 650px) {
  select {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

@supports (-moz-appearance: none) {
  select {
    text-indent: 7px;
  }
}

.form-select {
  width: 100%;
  overflow: hidden;
  position: relative;
  display: inline-block;
  border: 0px;
  border-radius: 10rem;
  background: #FFF;
  border: 1px solid #c6c8ca;
  /* Custom arrow - could be an image, SVG, icon font, etc. */
}

.form-select.form-select-dob {
  width: calc(((100% - 30px) / 3) - 8px);
  margin-right: 12px;
  vertical-align: middle;
}

.form-select.form-select-dob.nRM {
  margin-right: 0px;
}

.form-select.form-select-dob:last-child {
  margin-right: 0px;
}

.form-select.disabled {
  background: #e7e7e7;
  cursor: not-allowed;
}

.form-select.disabled select {
  color: #999999;
}

.form-select:after {
  background: none;
  color: #111111;
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: rotate(-90deg);
  font-size: 15px;
  padding: 0;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
  z-index: 1;
  /* This hack makes the select behind the arrow clickable in some browsers */
  pointer-events: none;
}

@media (max-width: 650px) {
  .form-select {
    border-radius: 8px;
  }
}

.select2-container {
  width: 100%;
}

form.unblock-user button.unblock-user {
  width: 100%;
}

/**********
* Recurly *
**********/
.recurly-hosted-field {
  background-color: #fff;
  border: 1px solid #c6c8ca;
  border-radius: 21px;
  line-height: 22px;
  font-size: 14px;
  padding: 8px 12px;
  box-sizing: border-box;
  height: 44px;
}

.recurly-hosted-field-focus {
  border: 1px solid #c6c8ca;
}

.recurly-hosted-field-invalid {
  border: 1px solid #c6c8ca;
}

.recurly-hosted-field-number {
  width: 100%;
  padding-left: 32px;
}

.recurly-hosted-field-cvv,
.recurly-hosted-field-month {
  padding-left: 32px;
}

.recurly-number {
  width: 100%;
}

.page-loader-container {
  margin: 60px auto;
  position: relative;
  text-align: center;
}

.loader {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  flex: none;
  display: inline-block;
  font-size: 3px;
  position: relative;
  text-indent: -9999px;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  border-right: 2px solid rgba(255, 255, 255, 0.2);
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
  border-left-style: solid;
  border-left-width: 2px;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
  border-left-color: #FFFFFF;
}

.loader.dark {
  border-top-color: rgba(157, 157, 157, 0.2);
  border-right-color: rgba(157, 157, 157, 0.2);
  border-bottom-color: rgba(157, 157, 157, 0.2);
  border-left-style: solid;
  border-left-color: #9d9d9d;
}

.loader.alt {
  border-top-color: rgba(49, 83, 105, 0.2);
  border-right-color: rgba(49, 83, 105, 0.2);
  border-bottom-color: rgba(49, 83, 105, 0.2);
  border-left-style: solid;
  border-left-color: #315369;
}

.loader.loader-md {
  width: 70px;
  height: 70px;
  border-width: 3px;
}

.loader.loader-sm {
  width: 38px;
  height: 38px;
  border-width: 2px;
}

.loader.loader-xs {
  width: 25px;
  height: 25px;
  border-width: 2px;
}

.loader.loader-xxs {
  width: 15px;
  height: 15px;
  border-width: 2px;
}

@keyframes load8 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.drawer-container {
  position: fixed;
  top: 0px;
  bottom: 0px;
  z-index: 999;
}

.drawer-container.show-drawer .drawer {
  right: 0px;
}

.drawer-container.show-drawer .backdrop {
  display: inline-block;
}

.drawer-container .drawer {
  width: 400px;
  position: fixed;
  top: 0px;
  right: -410px;
  z-index: 6;
  bottom: 0px;
  background: #d0d7df;
  z-index: 6;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  transition: width 0.3s ease-in-out, right 0.3s ease-in-out;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
}

.drawer-container .drawer .loading {
  text-align: center;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.drawer-container .drawer .close {
  width: 51px;
  height: 51px;
  top: 0px;
  left: 0px;
  position: absolute;
  line-height: 35px;
  text-align: center;
  padding: 8px;
  z-index: 9999;
  cursor: pointer;
}

.drawer-container .drawer .close i {
  display: inline-block;
  color: #FFF;
  font-size: 16px;
  z-index: 9999;
  position: relative;
}

.drawer-container .drawer .close:after {
  content: '';
  position: absolute;
  width: 35px;
  height: 35px;
  display: inline-block;
  border-radius: 50%;
  top: 8px;
  left: 8px;
  z-index: 9998;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.2s ease-out;
}

.drawer-container .drawer .close:hover:after {
  background: rgba(0, 0, 0, 0.4);
}

@media (max-width: 550px) {
  .drawer-container .drawer {
    width: 100%;
    right: -105%;
  }
}

.drawer-container .backdrop {
  z-index: 5;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

.drawer.quickview {
  background: #FFF;
}

.drawer.quickview.quickview-get-verified {
  background: #181E23;
}

.quickview.sistr .quickview-header-container {
  padding-bottom: 18px;
}

.quickview.sistr .quickview-header {
  padding-top: 66px;
  background: #D7C5EA;
  height: auto;
  display: inline-block;
}

.quickview.sistr .quickview-header .profile-public-photo-container {
  display: inline-block;
  height: auto;
  background: #FFF;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  padding-bottom: 10px;
  position: relative;
}

.quickview.sistr .quickview-header .profile-public-photo-container .ambassador-badge {
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: 33px;
  height: 50px;
  width: auto;
}

.quickview.sistr .quickview-header .profile-public-photo-container .profile-public-photo {
  width: 145px;
  height: 145px;
  display: block;
  margin: -22px auto 0 auto;
  border-radius: 75px;
  border: 4px #FFF solid;
  background-color: #FFF;
}

.quickview.sistr .quickview-header .profile-public-photo-container .profile-public-photo.here-to-help:before {
  width: 137px;
  height: 137px;
  border-radius: 70px;
  content: '';
  background: url("/assets/themes/killing-kittens/images/main/here-to-help-round.png") no-repeat;
  background-size: cover;
  position: absolute;
}

.quickview.sistr .profile-engage {
  position: relative;
}

.quickview.sistr .profile-engage .engage-button {
  border-style: solid;
  border-width: 1px;
}

.quickview.sistr .profile-section-top {
  padding-top: 10px;
  padding-bottom: 12px;
}

.quickview.sistr .profile-section-top h1 {
  text-transform: capitalize;
}

.quickview.sistr .profile-section-top h1 .online {
  margin-bottom: 5px;
}

.quickview.sistr .profile-section-top h1,
.quickview.sistr .profile-section-top h2 {
  color: #000;
}

.quickview.sistr .profile-top-row p {
  color: #A1A4A7;
}

.quickview.sistr .profile-top-row p i {
  color: #39264B;
}

.quickview.sistr .profile-section.profile-bio:before, .quickview.sistr .profile-section.icebreakers:before {
  left: 30px;
}

.quickview.sistr .profile-section.profile-bio {
  min-height: 80px;
}

.quickview.sistr .profile-section.profile-bio:before {
  color: #EAF3EF;
}

.quickview.sistr .profile-section.profile-bio + .profile-section-pills {
  padding-top: 5px;
}

.quickview.sistr .profile-section.profile-section-pills {
  padding-bottom: 0px;
}

.quickview.sistr .profile-section.profile-section-pills + .profile-section-pills {
  padding-bottom: 8px;
}

.quickview.sistr .profile-section.profile-section-pills .profile-pills li {
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 20px;
  line-height: 29px;
  padding: 7px 12px 3px 12px;
}

.quickview.sistr .profile-section + .here-to-help {
  border-top: 1px solid #C7D3DD;
}

.quickview.sistr .profile-section.here-to-help {
  background: url("/assets/themes/killing-kittens/images/main/here-to-help-bg.png") no-repeat top right;
}

.quickview.sistr .profile-section.here-to-help h2 {
  color: #000000;
  font-size: 14px;
  line-height: 23px;
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
  margin: 0 0 12px 0;
}

.quickview.quickview-get-verified .quickview-header {
  background: url("/assets/themes/killing-kittens/images/profile/profile-blocker.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quickview.quickview-get-verified .quickview-header .quickview-gv-message {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #FFF;
  width: 100%;
  max-width: 300px;
  margin: auto;
  padding: 12px 0;
}

.quickview.quickview-get-verified .quickview-header .quickview-gv-message i {
  font-size: 60px;
}

.quickview.quickview-get-verified .quickview-header .quickview-gv-message p {
  margin: 18px 0 0 0;
  text-align: center;
  font-size: 16px;
  line-height: 25px;
}

.quickview .quickview-upgrade-prompt {
  padding: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  justify-content: center;
}

.quickview .quickview-upgrade-prompt .quickview-upgrade-prompt-inner {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 20px;
}

.quickview .quickview-upgrade-prompt h2 {
  text-align: center;
  flex: none;
  font-size: 30px;
  line-height: 50px;
  color: #F5FF8D;
  margin: 0px 0 20px 0;
}

.quickview .quickview-upgrade-prompt p {
  padding-right: 0px;
  text-align: center;
  flex: none;
}

.quickview .quickview-upgrade-prompt .btn {
  width: 100%;
  flex: none;
  margin: 0px;
}

.quickview .quickview-error {
  text-align: center;
  height: 100%;
}

.quickview .quickview-error .quickview-header {
  padding: 20px;
  height: 100%;
  display: flex;
  align-items: center;
}

.quickview .quickview-error .quickview-header:after {
  display: none;
}

.quickview .quickview-error .quickview-header .quickview-error-message {
  width: 100%;
}

.quickview .quickview-error .quickview-header .quickview-error-message i {
  font-size: 40px;
  line-height: 40px;
  color: #000000;
}

.quickview .quickview-error .quickview-header .quickview-error-message h2 {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 49px;
  line-height: 38px;
  margin: 18px 0 5px 0;
  color: #181c1f;
}

.quickview .quickview-error .quickview-header .quickview-error-message p {
  font-size: 16px;
  line-height: 25px;
  margin: 0px;
}

.quickview .profile-engage {
  width: 100%;
  text-align: center;
  z-index: 6;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 64px;
  padding-left: 8px;
}

.quickview .profile-engage.my-profile {
  height: auto;
  padding-left: 15px;
}

.quickview .profile-engage .engage-button,
.quickview .profile-engage .engage-button-icon {
  position: relative;
  background: rgba(0, 0, 0, 0.4);
  height: 40px;
  border-radius: 20px;
  padding: 8px 22px 8px 18px;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  display: flex;
  align-items: center;
}

.quickview .profile-engage .engage-button.desktop-only,
.quickview .profile-engage .engage-button-icon.desktop-only {
  display: flex;
}

.quickview .profile-engage .engage-button.mobile-only,
.quickview .profile-engage .engage-button-icon.mobile-only {
  display: none;
}

@media (max-width: 800px) {
  .quickview .profile-engage .engage-button.desktop-only,
  .quickview .profile-engage .engage-button-icon.desktop-only {
    display: none;
  }
  .quickview .profile-engage .engage-button.mobile-only,
  .quickview .profile-engage .engage-button-icon.mobile-only {
    display: flex;
  }
}

.quickview .profile-engage .engage-button i,
.quickview .profile-engage .engage-button-icon i {
  font-size: 18px;
}

.quickview .profile-engage .engage-button:hover,
.quickview .profile-engage .engage-button-icon:hover {
  background: rgba(0, 0, 0, 0.6);
}

.quickview .profile-engage .engage-button:last-child,
.quickview .profile-engage .engage-button-icon:last-child {
  margin-right: 0px;
}

.quickview .profile-engage .engage-button.selected,
.quickview .profile-engage .engage-button-icon.selected {
  background: #fff;
  color: #111;
}

.quickview .profile-engage .engage-button.selected.disabled, .quickview .profile-engage .engage-button.selected[disabled],
.quickview .profile-engage .engage-button-icon.selected.disabled,
.quickview .profile-engage .engage-button-icon.selected[disabled] {
  opacity: 1 !important;
}

.quickview .profile-engage .engage-button-container {
  width: 63px;
  height: 60px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.quickview .profile-engage .engage-button-icon {
  width: 53px;
  height: 53px;
  border-radius: 50%;
  padding: 0px;
  justify-content: center;
  transition: all 0.2s ease-out;
}

.quickview .profile-engage .engage-button-icon:has(.say-hello-text), .quickview .profile-engage .engage-button-icon:has(.into-you-text) {
  border-color: #F5FF8D;
}

.quickview .profile-engage .engage-button-icon:has(.say-hello-text) i.app-icon-intro-solid, .quickview .profile-engage .engage-button-icon:has(.into-you-text) i.app-icon-intro-solid {
  color: #F5FF8D;
  display: inline-block;
  font-size: 20px;
  margin-top: 10px;
}

.quickview .profile-engage .engage-button-icon i {
  margin-right: 0px;
  font-size: 28px;
  transition: font 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.quickview .profile-engage .engage-button-icon i.app-icon-cross {
  font-size: 17px;
}

.quickview .profile-engage .engage-button-icon i.app-icon-intro {
  display: inline-block;
}

.quickview .profile-engage .engage-button-icon i.app-icon-intro-solid {
  display: none;
  color: #111111;
}

.quickview .profile-engage .engage-button-icon i.animated {
  animation-name: wave-animation;
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
}

.quickview .profile-engage .engage-button-icon:hover {
  height: 60px;
  width: 60px;
}

.quickview .profile-engage .engage-button-icon:hover i {
  font-size: 34px;
}

.quickview .profile-engage .engage-button-icon:hover i.app-icon-cross {
  font-size: 23px;
}

.quickview .profile-engage .engage-button-icon:hover .absolute-sparks {
  top: 9px;
  scale: 1.1;
}

.quickview .profile-engage .engage-button-icon.creating:hover {
  width: 59px;
  height: 59px;
  background: #FFF;
  opacity: 1;
}

.quickview .profile-engage .engage-button-icon.connection-rejected {
  opacity: 0.4;
}

.quickview .profile-engage .engage-button-icon.connection-pending-sent, .quickview .profile-engage .engage-button-icon.connection-rejected-sent {
  background: #FFFFFF;
  color: #111111;
}

.quickview .profile-engage .engage-button-icon.connection-pending-sent i.app-icon-intro, .quickview .profile-engage .engage-button-icon.connection-rejected-sent i.app-icon-intro {
  display: none;
}

.quickview .profile-engage .engage-button-icon.connection-pending-sent i.app-icon-intro-solid, .quickview .profile-engage .engage-button-icon.connection-rejected-sent i.app-icon-intro-solid {
  display: inline-block;
}

.quickview .profile-engage .engage-button-icon.connection-requested {
  border: 1px solid #F5FF8D;
  color: #F5FF8D;
}

.quickview .profile-engage .engage-button-icon.connection-requested i {
  color: #F5FF8D;
  font-size: 20px;
}

.quickview .profile-engage .engage-button-icon.connection-requested i.app-icon-intro {
  display: none;
}

.quickview .profile-engage .engage-button-icon.connection-requested i.app-icon-intro-solid {
  display: inline-block;
  margin-top: 10px;
}

.quickview .profile-engage .engage-button-icon.connection-requested:hover {
  border-width: 3px;
  height: 64px;
  width: 64px;
}

@keyframes wave-animation {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(-10deg);
  }
  20% {
    transform: rotate(12deg);
  }
  30% {
    transform: rotate(-10deg);
  }
  40% {
    transform: rotate(9deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.quickview .profile-engage .engage-button-icon.disabled i, .quickview .profile-engage .engage-button-icon[disabled] i {
  animation: none;
}

.quickview .profile-engage .engage-button-icon-sm {
  width: 53px;
  height: 53px;
  border-radius: 50%;
  padding: 0px;
  justify-content: center;
  transition: all 0.2s ease-out;
  background: #FFFFFF;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  color: #000000;
}

.quickview .profile-engage .engage-button-icon-sm i {
  margin-right: 0px;
  font-size: 30px;
  transition: font 0.2s ease-out;
}

.quickview .profile-engage .engage-button-icon-sm:hover {
  transform: scale(1.15);
}

.quickview .profile-engage .engage-button-icon-sm.selected {
  background: #000000;
  color: #FFF;
}

.quickview .profile-engage .engage-button-icon-sm.selected.disabled, .quickview .profile-engage .engage-button-icon-sm.selected[disabled] {
  opacity: 1 !important;
}

.quickview .profile-engage .engage-button-icon-sm.selected:hover {
  background: #000000;
}

.quickview .profile-engage .engage-button-hotlist {
  position: absolute;
  bottom: 0px;
  right: 50%;
  margin-right: 37px;
}

.quickview .quickview-header {
  width: 100%;
  max-height: 748px;
  height: 100vh;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-size: cover;
  background-position: center;
}

.quickview .quickview-header:after {
  content: '';
  width: 100%;
  height: 234px;
  position: absolute;
  bottom: 0;
  z-index: 4;
  background: linear-gradient(to bottom, rgba(23, 28, 34, 0) 0%, #171c22 94%);
}

.quickview .quickview-header .hooper,
.quickview .quickview-header .profile-navigation {
  width: 100%;
  z-index: 3;
  outline: none;
  flex: 1;
}

.quickview .quickview-header .profile-navigation:hover .profile-navigate {
  opacity: 1;
}

.quickview .quickview-header .profile-navigation .profile-navigate {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  transition: opacity 0.2s ease-out;
  position: absolute;
  top: 70px;
  bottom: 25px;
  width: 15%;
  min-width: 50px;
  font-size: 27px;
  z-index: 2;
  cursor: pointer;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

@media (max-width: 650px) {
  .quickview .quickview-header .profile-navigation .profile-navigate {
    opacity: 1;
  }
}

.quickview .quickview-header .profile-navigation .profile-navigate span {
  width: 27px;
  height: 27px;
  border: 2px solid #FFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.3));
}

.quickview .quickview-header .profile-navigation .profile-navigate span i {
  font-size: 14px;
}

.quickview .quickview-header .profile-navigation .profile-navigate.next {
  right: 0px;
}

.quickview .quickview-header .profile-navigation .profile-navigate.next span i {
  margin-left: 2px;
}

.quickview .quickview-header .profile-navigation .profile-navigate.prev {
  left: 0px;
}

.quickview .quickview-header .profile-navigation .profile-navigate.prev span i {
  margin-right: 2px;
}

.quickview .quickview-header .more-images {
  top: 23px;
  right: 23px;
  position: absolute;
  display: inline-block;
  font-size: 22px;
  color: #FFF;
}

.quickview .quickview-header .profile-public-photo {
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  outline: none;
}

.quickview .quickview-header .profile-header {
  color: #FFF;
  z-index: 5;
  position: relative;
  padding: 12px 15px 15px 15px;
}

.quickview .quickview-header .profile-header h1 {
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 28px;
  line-height: 37px;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.quickview .quickview-header .profile-header h1 span.profile-ages {
  margin-left: 6px;
  flex: none;
}

.quickview .quickview-header .profile-header h1 span.profile-ages i {
  font-style: normal;
  margin: 0px 3px;
  display: inline-block;
}

.quickview .quickview-header .profile-header h1 .online {
  width: 9px;
  height: 9px;
  background: #7ED321;
  margin-left: 8px;
  border-radius: 50%;
}

.quickview .quickview-header .profile-header p {
  margin: 0px;
  font-weight: 700;
}

.quickview .quickview-header .profile-header p span {
  color: #AFB5BF;
}

.quickview .quickview-header .profile-header p span.split {
  color: #FFF;
  font-size: 8px;
}

.quickview .quickview-header .profile-header .profile-header-info {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding-top: 12px;
}

.quickview .quickview-header .profile-header .profile-header-info .profile-location {
  display: flex;
  font-size: 14px;
  line-height: 23px;
  flex-wrap: wrap;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0px;
  align-items: center;
  margin-right: 5px;
}

.quickview .quickview-header .profile-header .profile-header-info .profile-location i {
  font-size: 13px;
  margin-right: 4px;
}

.quickview .quickview-header .profile-header .profile-header-info .profile-distance {
  display: flex;
  font-size: 14px;
  line-height: 23px;
  flex-wrap: wrap;
  font-weight: 700;
  color: #FFFFFF;
  padding: 0px;
  align-items: center;
  margin-right: 5px;
}

.quickview .quickview-header .profile-header .profile-header-info .profile-distance span {
  color: #FFF;
  font-size: 8px;
  margin-right: 5px;
}

.quickview .quickview-header .profile-header .profile-header-info .pc {
  height: 28px;
  margin-right: 5px;
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid #738A9C;
  border-radius: 20px;
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0 12px;
  color: #FFF;
  font-size: 13px;
  line-height: 22px;
  white-space: nowrap;
  font-weight: bold;
}

.quickview .quickview-header .profile-header .profile-header-info .pc i {
  font-size: 13px;
  margin-right: 5px;
}

.quickview .quickview-header .profile-header .profile-header-info .pc.verified {
  font-size: 14px;
  line-height: 23px;
  line-height: 14px;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  color: #FFF;
}

.quickview .quickview-header .profile-header .profile-header-info .pc.verified i {
  font-size: 12px;
  background: linear-gradient(to right, #A3B7C7 0%, #738A9C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.quickview .quickview-header .profile-header .profile-header-info .pc.premium-badge {
  padding: 0px;
  color: #FFF;
  border: 0px;
  background: none;
}

.quickview .quickview-header .profile-header .profile-header-info .pc.premium-badge i {
  font-size: 20px;
  margin-right: 0px;
}

.quickview .quickview-header .profile-header .profile-header-info .pc.square {
  width: 28px;
  padding: 0px;
}

.quickview .quickview-header .profile-header .profile-header-info .pc.square i {
  margin-right: 0px;
}

.quickview .quickview-header .profile-header .profile-header-info .pc.meet-tonight {
  width: 26px;
  height: 26px;
  padding: 0px;
  border-radius: 10rem;
  color: #FFF;
  border: 0px;
  background: linear-gradient(74.2deg, #F29100 -1.72%, #FFB930 103.01%);
}

.quickview .quickview-header .profile-header .profile-header-info .pc.meet-tonight i {
  margin-right: 0px;
  font-size: 19px;
}

.quickview .quickview-header .profile-header .profile-header-info .pc-premium-badge {
  margin-right: 5px;
}

.quickview .quickview-header .profile-header .profile-header-info .pc-new-user {
  height: 28px;
  margin-right: 5px;
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid #F2DA00;
  border-radius: 20px;
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0 12px;
  font-size: 13px;
  line-height: 22px;
  white-space: nowrap;
  font-weight: bold;
}

.quickview .quickview-header .profile-header .profile-header-info .pc-new-user .new-user {
  font-size: 14px;
  line-height: 23px;
  line-height: 14px;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  color: #FFF;
}

.quickview .quickview-header .profile-header .profile-header-info .pc-new-user .new-user i {
  font-size: 12px;
  background: linear-gradient(to right, #F2DA00 0%, #FFD130 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.quickview .quickview-header .profile-header .profile-header-info .pc-new-user > span {
  margin-left: 5px;
  font-family: Bebas Neue;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  color: #FFF;
}

.quickview .quickview-options {
  position: absolute;
  top: 17px;
  left: 17px;
  z-index: 6;
}

.quickview .drawer-action-dropdown {
  display: inline-block;
}

.quickview .drawer-action,
.quickview .drawer-more {
  transition: background-color 0.2s ease-out;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  border: 0px;
  padding: 0px;
  font-size: 20px;
  z-index: 5;
}

.quickview .drawer-action:hover, .quickview .drawer-action:focus,
.quickview .drawer-more:hover,
.quickview .drawer-more:focus {
  background: black;
}

.quickview .drawer-close {
  position: absolute;
  right: 17px;
  top: 17px;
  font-size: 12px;
}

.quickview .profile-section-top {
  width: 100%;
  min-height: 98px;
  padding: 20px 35px 20px 35px;
  text-align: center;
  background: #171C22;
  color: #FFF;
  font-size: 13px;
  line-height: 22px;
}

@media (max-width: 650px) {
  .quickview .profile-section-top {
    padding: 20px;
  }
}

.quickview .profile-section-top h1 {
  font-size: 28px;
  line-height: 37px;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.quickview .profile-section-top h1 + .profile-top-row {
  margin-top: 8px;
}

.quickview .profile-section-top h1 span.profile-ages {
  margin-left: 6px;
  flex: none;
}

.quickview .profile-section-top h1 span.profile-ages i {
  font-style: normal;
  margin: 0px 3px;
  display: inline-block;
}

.quickview .profile-section-top h1 .online {
  width: 9px;
  height: 9px;
  background: #7ED321;
  margin-left: 8px;
  border-radius: 50%;
}

.quickview .profile-section-top h2 {
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 21px;
  margin: 0 0 8px 0;
}

.quickview .profile-section-top .profile-top-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #D7DDE6;
}

.quickview .profile-section-top .profile-top-row span.split {
  font-size: 16px;
  display: inline-block;
  margin: 0 8px;
}

.quickview .profile-section-top .profile-top-row p {
  width: auto;
  word-break: break-word;
  flex: none;
  flex-wrap: wrap;
}

.quickview .profile-section-top .profile-top-row p + p {
  margin-left: 5px;
}

.quickview .profile-section-top .profile-top-row p i.app-icon-party-approval, .quickview .profile-section-top .profile-top-row p i.app-icon-connected {
  color: #000000;
}

.quickview .profile-section-top .profile-top-row p i.app-icon-party-approval {
  font-size: 20px;
}

.quickview .profile-section-top .profile-top-row p.connected {
  margin-left: 10px;
}

.quickview .profile-section-top p {
  width: 100%;
  margin: 0 0 4px 0;
  font-size: 13px;
  line-height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.quickview .profile-section-top p i {
  margin-right: 5px;
  font-size: 15px;
  display: inline-block;
}

.quickview .profile-section-top p a {
  color: #FFF;
}

.quickview .profile-section-top ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  margin-top: 7px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.quickview .profile-section-top ul li {
  flex: none;
  padding: 6px 12px;
  display: flex;
  margin-right: 5px;
  border: 1px solid #2c3540;
  border-radius: 10rem;
  margin-top: 5px;
  align-items: center;
  min-height: 35px;
}

.quickview .profile-section-top ul li i {
  margin-right: 5px;
}

.quickview .profile-section-top ul li.premium {
  width: 34px;
  padding: 0px;
  justify-content: center;
}

.quickview .profile-section-top ul li.premium i {
  font-size: 18px;
  margin-right: 0px;
  margin-left: 1px;
}

.quickview .profile-section-top ul li.relationship {
  padding-right: 10px;
}

.quickview .profile-section-top ul li img {
  width: 19px;
  height: 19px;
  display: inline-block;
  border-radius: 50%;
  margin-left: 8px;
}

.quickview .profile-section-top ul li:last-child {
  margin-right: 0px;
}

.quickview .profile-tabs {
  width: 100%;
  height: 51px;
  position: relative;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #D7DDE6;
}

.quickview .profile-tabs .tabs {
  box-shadow: none;
}

.quickview .profile-tabs .tabs li a {
  color: #181E23;
  font-size: 14px;
}

.quickview .profile-tabs .tabs li a.selected {
  color: #000000;
}

.quickview .profile-tabs .tabs li a.selected:after {
  background: #000000;
}

.quickview .quickview-back {
  width: 100%;
  background: #FFF;
  border-bottom: 1px solid #D7DDE6;
  display: flex;
  align-items: center;
}

.quickview .quickview-back .back-to-arrow {
  height: 55px;
  width: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #b7bdc0;
  transition: color 0.2s ease-out;
  font-size: 20px;
  vertical-align: middle;
}

.quickview .quickview-back .back-to-arrow:hover {
  color: #d2d6d8;
}

.quickview .profile-connections {
  padding: 16px;
  display: flex;
  flex-direction: column;
}

.quickview .profile-connections a {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 12px;
}

.quickview .profile-connections a:last-child {
  margin-bottom: 0px;
}

.quickview .profile-connections a .profile-conn-image img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.quickview .profile-connections a .profile-conn-info {
  padding-left: 18px;
  margin: auto 0px;
  width: 100%;
}

.quickview .profile-connections a .profile-conn-info p {
  margin: 0px;
  font-size: 15px;
  line-height: 24px;
}

.quickview .profile-connections a .profile-conn-info p.profile-conn-location {
  font-size: 13px;
  line-height: 22px;
  color: #4F575E;
}

.quickview .profile-connections .profile-connections-load-more button {
  margin-top: 8px;
}

.quickview .profile-section-bio {
  width: 100%;
  display: inline-block;
  position: relative;
  border-bottom: 1px solid #f0f0f0;
}

.quickview .profile-section-bio p {
  white-space: pre-line;
}

.quickview .profile-section-bio .profile-reaction {
  bottom: 16px;
  right: 16px;
  position: absolute;
}

.quickview .profile-section-bio .profile-section {
  border-bottom: 0px;
}

.quickview .profile-user-info {
  width: 100%;
  padding: 0px;
}

.quickview .profile-user-info .profile-user-info-inner.with-bio .tabs {
  border-top: 1px solid #f0f0f0;
}

.quickview .profile-user-info .toggle-user-info {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease-out;
}

.quickview .profile-user-info .toggle-user-info i {
  transform: rotate(90deg);
  font-size: 20px;
}

.quickview .profile-user-info .tabs {
  position: relative;
  box-shadow: none;
}

.quickview .profile-user-info .tabs li {
  width: 50%;
}

.quickview .profile-user-info .tabs li a {
  color: #171C22;
}

.quickview .profile-user-info .tabs li a.selected {
  color: #171C22;
  background: #FFF;
}

.quickview .profile-user-info .tabs li a.selected:after {
  background: #000000;
}

.quickview .profile-user-info .user-info-section {
  padding: 16px 20px;
}

.quickview .profile-user-info .user-info-section > div {
  display: flex;
  align-items: center;
  padding: 0 0 5px 0;
  font-size: 15px;
  line-height: 24px;
}

.quickview .profile-user-info .user-info-section > div:last-child {
  padding-bottom: 0px;
}

.quickview .profile-user-info .user-info-section > div > .line-label {
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  line-height: 18px;
  width: 45%;
  color: #181e23;
  margin-top: 4px;
}

.quickview .profile-user-info .user-info-section > div > .line-info {
  width: 55%;
}

.quickview .profile-user-info .user-info-section > div > .line-info .app-icon-check {
  color: #000000;
  display: block;
}

.quickview .profile-user-info .user-info-section > div > .line-info .app-icon-cross {
  color: #dd000b;
  display: block;
}

.quickview .profile-section {
  padding: 16px;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
}

.quickview .profile-section.profile-looking-for {
  background: #F9F7F9;
  padding-left: 50px;
}

.quickview .profile-section.profile-looking-for:before {
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 17px;
  color: #315369;
  position: absolute;
  top: 16px;
  left: 20px;
}

.quickview .profile-section.profile-looking-for p {
  margin: 0px;
  font-size: 14px;
  line-height: 23px;
}

.quickview .profile-section.profile-bio {
  padding-bottom: 8px;
}

.quickview .profile-section.profile-bio:before {
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 80px;
  color: rgba(55, 68, 104, 0.07);
  position: absolute;
  top: 28px;
  left: 15px;
  z-index: 1;
}

.quickview .profile-section.profile-bio .profile-reaction {
  margin-bottom: 8px;
}

.quickview .profile-section.profile-bio p {
  z-index: 2;
  position: relative;
  margin: 0px 0px 8px 0;
  font-size: 15px;
  line-height: 24px;
}

.quickview .profile-section.profile-section-pills h3, .quickview .profile-section.profile-badges h3 {
  font-size: 22px;
  line-height: 31px;
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0px 0px 18px 0;
}

.quickview .profile-section.profile-section-pills {
  background-image: url("/assets/themes/killing-kittens/images/profile/pill-bg.jpg");
  background-size: cover;
  padding-bottom: 8px;
}

.quickview .profile-section.profile-section-pills.top-pills {
  background-image: url("/assets/themes/killing-kittens/images/profile/top-pill-bg.jpg");
  background-size: cover;
  padding: 6px 6px 0 6px;
}

.quickview .profile-section.profile-section-pills.top-pills:after {
  content: '';
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.38) 0%, #FFFFFF 100%);
  z-index: 1;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.quickview .profile-section.profile-section-pills.top-pills .profile-pills {
  padding: 10px 10px 16px 10px;
  -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, black 2%, black 98%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, black 2%, black 98%, rgba(0, 0, 0, 0) 100%);
}

.quickview .profile-section.profile-section-pills + .profile-section-pills {
  padding-top: 0px;
}

.quickview .profile-section .profile-pills {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}

.quickview .profile-section .profile-pills.scrollable {
  flex-wrap: nowrap;
  overflow-x: auto;
}

.quickview .profile-section .profile-pills.scrollable li {
  white-space: nowrap;
}

.quickview .profile-section .profile-pills li {
  margin: 0;
  padding: 7px 20px;
  border-radius: 10rem;
  margin-right: 8px;
  margin-bottom: 8px;
  font-size: 15px;
  line-height: 24px;
  filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.13));
}

.quickview .profile-section .profile-pills li:last-child {
  margin-right: 0px;
}

.quickview .profile-section .profile-pills.interests li {
  background: linear-gradient(208.47deg, #FFFFFF 36.15%, #fafafa 89.72%);
}

.quickview .profile-section .profile-pills.traits li {
  background: #F9F7F9;
}

.quickview .profile-section .profile-pills.help li {
  background: #D3E6DF;
}

.quickview .profile-section.profile-vouch {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-image: url("/assets/themes/killing-kittens/images/profile/vouches-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.quickview .profile-section.profile-vouch a.click-disabled {
  cursor: text;
}

.quickview .profile-section.profile-vouch .vouch-images {
  display: flex;
  flex-direction: row;
  padding-right: 10px;
  position: relative;
}

.quickview .profile-section.profile-vouch .vouch-images img {
  width: 27px;
  height: 27px;
  position: relative;
  flex: none;
  border-radius: 10rem;
  border: 2px solid #F7F5F7;
}

.quickview .profile-section.profile-vouch .vouch-images img + img {
  margin-left: -7px;
}

.quickview .profile-section.profile-vouch .vouch-more-info {
  flex: 1;
  display: flex;
  align-items: center;
}

.quickview .profile-section.profile-vouch .vouch-more-info a {
  padding: 0 10px;
  display: flex;
  flex: none;
}

.quickview .profile-section.profile-vouch .vouch-more-info a i {
  font-size: 20px;
  color: #ADB3BC;
}

.quickview .profile-section.profile-vouch .vouch-btn-container {
  flex: none;
}

.quickview .profile-section.profile-vouch .vouch-btn-container .btn {
  padding: 7px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.quickview .profile-section.profile-vouch .vouch-btn-container .btn i {
  font-size: 24px;
  margin-right: 10px;
}

.quickview .profile-section.profile-vouch .vouch-count {
  flex: none;
  display: flex;
}

.quickview .profile-section.profile-vouch .vouch-count h4 {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 33px;
  line-height: 24px;
  color: #111111;
  margin: 0px;
  padding-top: 2px;
}

.quickview .profile-section.profile-friends h3 {
  font-size: 14px;
  line-height: 23px;
  margin: 0px 0px 6px 0;
  text-transform: capitalize;
}

.quickview .profile-section.profile-friends h3 span {
  color: #000000;
}

.quickview .profile-section.profile-friends h3 a {
  color: #4F575E;
}

.quickview .profile-section.profile-friends .profile-preview-loading {
  width: 100%;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quickview .profile-section.profile-friends .profile-friends-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap;
}

.quickview .profile-section.profile-friends .profile-friends-container .profile-friend {
  flex: none;
  width: 25%;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 10px;
}

.quickview .profile-section.profile-friends .profile-friends-container .profile-friend img {
  width: 60px;
  height: 60px;
  border-radius: 30px;
}

.quickview .profile-section.profile-friends .profile-friends-container .profile-friend p {
  margin: 0px;
  margin-top: 12px;
  font-weight: bold;
  padding: 0 2px;
  font-size: 14px;
  line-height: 23px;
}

.quickview .profile-section.profile-friends .btn {
  margin-top: 18px;
}

.quickview .profile-section.profile-badges {
  background-image: url("/assets/themes/killing-kittens/images/profile/badges-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 16px 0 0 0;
}

.quickview .profile-section.profile-badges h3 {
  padding-left: 16px;
  margin-bottom: 14px;
}

.quickview .profile-section.profile-badges .badges {
  width: 100%;
  display: flex;
  padding: 0 10px 16px 10px;
  overflow-x: auto;
}

.quickview .profile-section.profile-badges .badges > .user-badge {
  width: 29%;
  min-width: 95px;
  background-image: url("/assets/themes/killing-kittens/images/badges/badge-bg.png");
  background-repeat: no-repeat;
  background-size: 87px 98px;
  background-position: center top;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: none;
  cursor: pointer;
}

.quickview .profile-section.profile-badges .badges > .user-badge > img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin-top: 25px;
}

.quickview .profile-section.profile-badges .badges > .user-badge > p {
  margin: 0px auto;
  color: #375268;
  min-width: 50px;
  padding: 2px 6px;
  margin-top: 45px;
  font-size: 15px;
  line-height: 24px;
  line-height: 15px;
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  white-space: nowrap;
}

.quickview .profile-section.profile-gallery {
  padding: 100% 0px 0px 0px;
  position: relative;
  border-bottom: 0px;
  background: #f9f7fa;
}

.quickview .profile-section.profile-gallery img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  position: absolute;
  top: 0px;
}

.quickview .profile-section.profile-gallery .profile-reaction {
  position: absolute;
  bottom: 16px;
  right: 16px;
}

.quickview .profile-section.quote-box {
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.quickview .profile-section.quote-box:before {
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: #000000;
  opacity: 0.5;
  z-index: 1;
}

.quickview .profile-section.quote-box img {
  position: absolute;
  z-index: 0;
  filter: blur(10px);
  -o-object-fit: cover;
     object-fit: cover;
  width: 120%;
  height: 120%;
}

.quickview .profile-section.quote-box p {
  padding: 50px 0px;
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 32px;
  line-height: 41px;
  position: relative;
  text-align: center;
  color: #FFF;
  margin: 0px;
}

.quickview .profile-section.quote-box p span {
  position: relative;
  z-index: 2;
  padding: 0 50px;
  display: inline-block;
  line-height: 1.7em;
}

.quickview .profile-section.quote-box p:before {
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 30px;
  margin: 0px auto;
  display: block;
  font-size: 80px;
  color: #FFF;
  opacity: 0.17;
  z-index: 1;
  text-align: center;
  width: 100%;
}

.quickview .profile-section.icebreakers {
  border: 0px;
  position: relative;
  padding: 16px;
}

.quickview .profile-section.icebreakers.icebreaker-bg-0 {
  background: #315369;
}

.quickview .profile-section.icebreakers.icebreaker-bg-0 .icebreaker .question {
  color: #D7DDE6;
}

.quickview .profile-section.icebreakers.icebreaker-bg-1 {
  background: #181E23;
}

.quickview .profile-section.icebreakers.icebreaker-bg-1 .icebreaker .question {
  color: #D7DDE6;
}

.quickview .profile-section.icebreakers.icebreaker-bg-2 {
  background: #87D3EA;
}

.quickview .profile-section.icebreakers.icebreaker-bg-2:before {
  opacity: 0.3;
}

.quickview .profile-section.icebreakers.icebreaker-bg-2 .icebreaker .question {
  color: #315369;
}

.quickview .profile-section.icebreakers:before {
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50px;
  left: 16px;
  font-size: 80px;
  color: #FFF;
  opacity: 0.1;
  z-index: 1;
}

.quickview .profile-section.icebreakers .profile-reaction {
  margin-top: 0px;
}

.quickview .profile-section.icebreakers .icebreaker {
  padding: 44px 2px 30px 2px;
  position: relative;
  z-index: 2;
}

.quickview .profile-section.icebreakers .icebreaker .question {
  font-weight: bold;
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  line-height: 18px;
  margin-bottom: 6px;
}

.quickview .profile-section.icebreakers .icebreaker .answer {
  font-weight: bold;
  color: #ffffff;
  font-size: 22px;
  line-height: 31px;
  word-break: break-word;
}

.quickview .profile-section.icebreakers .hooper-pagination {
  padding: 0 0 22px 0;
}

.quickview .profile-section.icebreakers .hooper-pagination ol li {
  width: 8px;
  height: 8px;
  margin-right: 4px;
}

.quickview .profile-section.icebreakers .hooper-pagination ol li:last-child {
  margin-bottom: 0px;
}

.quickview .profile-section.icebreakers .hooper-pagination ol li .hooper-indicator {
  width: 8px;
  height: 8px;
  border-radius: 5px;
  margin: 0px;
  background: #323232;
}

.quickview .profile-section.icebreakers .hooper-pagination ol li .hooper-indicator.is-active {
  background: #FFF;
}

.quickview .profile-activity {
  background: #d0d7df;
  padding-top: 10px;
  position: relative;
}

.quickview .profile-activity .quickview-section-blocker {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3;
  cursor: pointer;
}

.quickview .profile-activity .feed-item {
  border-radius: 0px;
  margin-bottom: 10px;
}

.quickview .profile-activity.profile-activity-single {
  background: #FFF;
  padding-top: 0px;
}

.quickview .profile-activity.profile-activity-single h3 {
  font-size: 14px;
  line-height: 23px;
  padding: 16px;
  margin: 0px;
  border-bottom: 1px solid #d7dde6;
}

.quickview .profile-activity.profile-activity-single .profile-activity-more {
  padding: 0px 16px 16px 16px;
}

.quickview .tab-loading {
  width: 100%;
  padding: 40px 0;
}

.quickview .no-results {
  width: 100%;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
}

.quickview .no-results .no-results-icon {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quickview .no-results .no-results-icon i {
  font-size: 50px;
  color: #000000;
}

.quickview .no-results .no-results-icon i.app-icon-friends-dashed {
  font-size: 40px;
}

.quickview .no-results h4 {
  font-size: 16px;
  line-height: 25px;
  margin: 0px;
  text-align: center;
}

.quickview .profile-reaction {
  position: relative;
  display: flex;
  justify-content: flex-end;
  z-index: 2;
}

.quickview .profile-reaction .reaction-like-container {
  width: 36px;
  height: 36px;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.2);
  border-radius: 18px;
  background: #FFF;
  transition: width 0.2s ease-out;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0px;
}

.quickview .profile-reaction .reaction-like-container .reaction-item-like-inner {
  height: 20px;
  margin-right: 0px;
}

.quickview .profile-reaction .profile-reaction-inner {
  width: 36px;
  height: 36px;
  display: inline-block;
  overflow: hidden;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.2);
  border-radius: 18px;
  background: #FFF;
  transition: width 0.2s ease-out;
  position: relative;
}

.quickview .profile-reaction .profile-reaction-inner.open {
  width: 260px;
}

.quickview .profile-reaction .profile-reaction-types {
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: absolute;
  left: 0px;
  top: 0px;
  background: #FFF;
  padding: 0 8px;
  border-radius: 18px;
  height: 36px;
  display: flex;
  flex-direction: row;
}

.quickview .profile-reaction .profile-reaction-types li {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.quickview .profile-reaction .profile-reaction-types li .reaction {
  transition: transform 0.1s ease-out;
}

.quickview .profile-reaction .profile-reaction-types li:hover .reaction {
  transform: scale(1.4);
}

.quickview .profile-reaction .reaction-trigger {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0px;
  top: 0px;
  background: #FFF;
}

.quickview .profile-reaction .reaction-trigger span {
  display: flex;
}

.quickview .profile-reaction .reaction-trigger i.app-icon-react {
  margin-left: 2px;
  font-size: 17px;
}

.quickview .profile-reaction .reaction-trigger i.app-icon-cross {
  font-size: 14px;
}

.drawer.brand-profile {
  background: #FFF;
}

.brand-profile .brand-header {
  width: 100%;
  height: 270px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  background-size: cover;
  background-position: top center;
}

.brand-profile .brand-header .brand-profile-image {
  width: 90px;
  position: relative;
  z-index: 5;
  border-radius: 50%;
  border: 1px solid #FFF;
}

.brand-profile .brand-header .overlay {
  width: 100%;
  height: 80px;
  position: absolute;
  bottom: 0;
  z-index: 4;
  background: linear-gradient(to bottom, rgba(23, 28, 34, 0) 0%, #171c22 75%);
}

.brand-profile .drawer-action {
  transition: background-color 0.2s ease-out;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 17px;
  color: #fff;
  cursor: pointer;
  border: 0px;
  padding: 0px;
  font-size: 12px;
  z-index: 5;
}

.brand-profile .drawer-action:hover, .brand-profile .drawer-action:focus {
  background: black;
}

.brand-profile .drawer-action.drawer-close {
  left: 17px;
}

.brand-profile .profile-section-top {
  width: 100%;
  min-height: 98px;
  padding: 20px 35px 20px 35px;
  text-align: center;
  background: #171C22;
  color: #FFF;
  font-size: 13px;
  line-height: 22px;
}

.brand-profile .profile-section-top .brand-engage {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 28px;
}

.brand-profile .profile-section-top .brand-engage .engage-button {
  background: #FFF;
  height: 40px;
  border-radius: 10rem;
  padding: 8px 22px 8px 18px;
  box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.2);
  color: #000000;
  display: flex;
  align-items: center;
  margin-right: 10px;
  min-width: 120px;
  justify-content: center;
  font-size: 14px;
  line-height: 23px;
}

.brand-profile .profile-section-top .brand-engage .engage-button i {
  font-size: 18px;
}

.brand-profile .profile-section-top .brand-engage .engage-button:hover {
  background: #e6e5e5;
}

.brand-profile .profile-section-top .brand-engage .engage-button:last-child {
  margin-right: 0px;
}

.brand-profile .profile-section-top .brand-engage .engage-button.selected {
  background: #000000;
  color: #FFF;
}

.brand-profile .profile-section-top .brand-engage .engage-button.selected.disabled, .brand-profile .profile-section-top .brand-engage .engage-button.selected[disabled] {
  opacity: 1 !important;
}

.brand-profile .profile-section-top .brand-engage .engage-button.selected:hover {
  background: #000000;
}

.brand-profile .profile-section-top h1 {
  font-size: 32px;
  line-height: 41px;
  margin: 0 0 8px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.brand-profile .profile-section-top h1 .online {
  width: 9px;
  height: 9px;
  background: #7ED321;
  margin-left: 8px;
  border-radius: 50%;
}

.brand-profile .profile-section-top .profile-top-row {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: #D7DDE6;
}

.brand-profile .profile-section-top .profile-top-row span.split {
  font-size: 16px;
  display: inline-block;
  margin: 0 8px;
}

.brand-profile .profile-section-top .profile-top-row .launch-website {
  flex: none;
  padding: 6px 12px;
  display: flex;
  border: 1px solid #2c3540;
  border-radius: 10rem;
  margin-top: 5px;
  align-items: center;
  color: #FFF;
  font-weight: normal;
  margin-top: 12px;
}

.brand-profile .profile-section-top .profile-top-row .launch-website i {
  margin-right: 5px;
}

.brand-profile .profile-section-top .profile-top-row .launch-website:hover {
  color: #ebebeb;
}

.brand-profile .profile-section-top p {
  width: 100%;
  margin: 0 0 4px 0;
  font-size: 13px;
  line-height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.brand-profile .profile-section-top p i {
  margin-right: 5px;
  font-size: 15px;
  display: inline-block;
}

.brand-profile .profile-section-top p a {
  color: #FFF;
}

.brand-profile .profile-section-top ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  margin-top: 7px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.brand-profile .profile-section-top ul li {
  flex: none;
  padding: 6px 12px;
  display: flex;
  margin-right: 5px;
  border: 1px solid #2c3540;
  border-radius: 10rem;
  margin-top: 5px;
  align-items: center;
}

.brand-profile .profile-section-top ul li i {
  margin-right: 5px;
}

.brand-profile .profile-section-top ul li.relationship {
  padding-right: 10px;
}

.brand-profile .profile-section-top ul li img {
  width: 19px;
  height: 19px;
  display: inline-block;
  border-radius: 50%;
  margin-left: 8px;
}

.brand-profile .profile-section-top ul li:last-child {
  margin-right: 0px;
}

.brand-profile .profile-section-bio {
  width: 100%;
  display: inline-block;
  position: relative;
  border-bottom: 1px solid #d7dde6;
}

.brand-profile .profile-section-bio p {
  white-space: pre-line;
}

.brand-profile .profile-section-bio .profile-section {
  border-bottom: 0px;
}

.brand-profile .profile-section {
  padding: 16px;
  border-bottom: 1px solid #d7dde6;
  position: relative;
}

.brand-profile .profile-section.profile-bio {
  padding-bottom: 8px;
  padding-left: 50px;
}

.brand-profile .profile-section.profile-bio:before {
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 17px;
  color: #000000;
  position: absolute;
  top: 16px;
  left: 20px;
}

.brand-profile .profile-section.profile-bio p {
  margin: 0px 0px 8px 0;
  font-size: 14px;
  line-height: 23px;
}

.brand-profile .profile-activity {
  background: #d0d7df;
  padding-top: 10px;
  position: relative;
}

.brand-profile .profile-activity .quickview-section-blocker {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 3;
  cursor: pointer;
}

.brand-profile .profile-activity .feed-item {
  border-radius: 0px;
  margin-bottom: 10px;
}

.brand-profile .tab-loading {
  width: 100%;
  padding: 40px 0;
}

.brand-profile .no-results {
  width: 100%;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
}

.brand-profile .no-results .no-results-icon {
  width: 100%;
  height: 50px;
  text-align: center;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.brand-profile .no-results .no-results-icon i {
  font-size: 50px;
  color: #000000;
}

.brand-profile .no-results .no-results-icon i.app-icon-friends-dashed {
  font-size: 40px;
}

.brand-profile .no-results h4 {
  font-size: 16px;
  line-height: 25px;
  margin: 0px;
  text-align: center;
}

.drawer-container .drawer.show-e-ticket {
  background: #24282c;
}

.drawer-container .drawer.show-e-ticket.drawer-loading .loader-container .loader {
  display: none;
}

.drawer-container .drawer.show-e-ticket.drawer-loading .loader-container .loader.light {
  display: inline-block;
}

.e-ticket {
  width: 100%;
  display: inline-block;
  position: relative;
}

.e-ticket .e-ticket-attendees {
  width: 100%;
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 60px;
  text-align: center;
  z-index: 3;
}

.e-ticket .e-ticket-attendees .attendee {
  width: 130px;
  height: 130px;
  display: inline-block;
  border-radius: 70px;
  border: 2px solid #FFF;
  cursor: pointer;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.3);
  background-color: #FFF;
}

.e-ticket .e-ticket-attendees .attendee + .attendee {
  margin-left: 7px;
}

.e-ticket .e-ticket-user-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  align-self: stretch;
  overflow: hidden;
}

.e-ticket .e-ticket-user-details.flex-row {
  flex-direction: row;
}

.e-ticket .e-ticket-attendee-image {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background-color: lightgray;
  background-size: cover;
  display: inline-block;
  border: 2px solid rgba(0, 0, 0, 0.2);
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

.e-ticket .e-ticket-attendee-image img {
  width: 70px;
}

.e-ticket .e-ticket-attendee-image.image-sm {
  width: 43px;
  height: 43px;
}

.e-ticket .e-ticket-attendee-image.image-sm img {
  width: 43px;
}

.e-ticket .e-ticket-attendee-username {
  flex-shrink: 0;
}

.e-ticket .e-ticket-header {
  width: 100%;
  height: 140px;
  display: inline-block;
  position: relative;
}

.e-ticket .e-ticket-header .drawer-action {
  transition: background-color 0.2s ease-out;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 17px;
  color: #fff;
  cursor: pointer;
  border: 0px;
  padding: 0px;
  font-size: 12px;
  z-index: 5;
}

.e-ticket .e-ticket-header .drawer-action:hover, .e-ticket .e-ticket-header .drawer-action:focus {
  background: black;
}

.e-ticket .e-ticket-header .drawer-action.drawer-close {
  left: 17px;
}

.e-ticket .e-ticket-header h1 {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0px;
  color: #FFF;
  font-size: 16px;
  line-height: 25px;
  display: inline-block;
  text-align: center;
  padding-top: 21px;
}

.e-ticket .e-ticket-header .e-ticket-header-bg {
  position: relative;
  width: 100%;
  min-height: 204px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  padding: 0px 20px 20px 20px;
  flex: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 3px;
}

.e-ticket .e-ticket-header .e-ticket-header-bg:after {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.3);
  content: '';
}

.e-ticket .e-ticket-header .e-ticket-title-main {
  width: 100%;
  color: #fff;
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
  z-index: 5;
}

.e-ticket .e-ticket-header .e-ticket-title-main h3 {
  font-size: 19px;
  line-height: 1.368;
  margin: 0 0 3px 0;
}

.e-ticket .e-ticket-header .e-ticket-title-main p {
  font-size: 14px;
  line-height: 1.357;
  margin: 0px;
}

.e-ticket.no-party-approval .e-ticket-header {
  height: auto;
}

.e-ticket.no-party-approval .e-ticket-header h1 {
  padding-bottom: 21px;
}

.e-ticket .e-ticket-content {
  position: relative;
  width: 100%;
  flex: 1;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  gap: 25px;
  z-index: 3;
  background-color: #FFF;
}

.e-ticket .e-ticket-content .e-ticket-content-inner {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 0px 0px 30px 0px;
  width: 100%;
  border-bottom: 1.5px dashed rgba(0, 0, 0, 0.35);
}

.e-ticket .e-ticket-content .e-ticket-content-inner.flex-grow-0 {
  flex-grow: 0;
}

.e-ticket .e-ticket-content .e-ticket-title {
  width: 100%;
  color: #000;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: "Bebas Neue", sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.21;
  margin: 0px;
}

.e-ticket .e-ticket-content .e-ticket-row {
  width: 100%;
  display: flex;
  flex-direction: row;
}

.e-ticket .e-ticket-content .e-ticket-row.e-ticket-row-attendees {
  flex-direction: column;
}

.e-ticket .e-ticket-content .e-ticket-row dl, .e-ticket .e-ticket-content .e-ticket-row .dl {
  display: flex;
  flex-direction: column;
  margin: 0px;
  flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
}

.e-ticket .e-ticket-content .e-ticket-row dl:first-child, .e-ticket .e-ticket-content .e-ticket-row .dl:first-child {
  margin-right: 20px;
  flex-basis: 20%;
}

.e-ticket .e-ticket-content .e-ticket-row dd, .e-ticket .e-ticket-content .e-ticket-row .dd,
.e-ticket .e-ticket-content .e-ticket-row dt, .e-ticket .e-ticket-content .e-ticket-row .dt {
  display: block;
  margin: 0px;
}

.e-ticket .e-ticket-content .e-ticket-row dt, .e-ticket .e-ticket-content .e-ticket-row .dt {
  color: #A0A0A0;
  font-family: "Bebas Neue", sans-serif;
  font-size: 20px;
  line-height: 0.97;
  font-weight: 400;
  white-space: nowrap;
  flex-shrink: 0;
}

.e-ticket .e-ticket-content .e-ticket-row dd, .e-ticket .e-ticket-content .e-ticket-row .dd {
  color: #000;
  font-family: 'Satoshi', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.386;
}

.e-ticket .e-ticket-content .e-ticket-row .overflow-ellipsis {
  text-overflow: ellipsis;
  max-width: 205px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.e-ticket .e-ticket-content .e-ticket-row .e-ticket-hosted-by {
  color: #fff;
  display: flex;
  align-items: center;
}

.e-ticket .e-ticket-content .e-ticket-row .e-ticket-hosted-by > div {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  border-radius: 100%;
  border: 0.6px solid rgba(255, 255, 255, 0.3);
  flex-shrink: 0;
}

.e-ticket .e-ticket-content .e-ticket-row:last-child {
  border-bottom: 0px;
}

.e-ticket .e-ticket-comment {
  color: #738A9C;
  text-align: center;
  font-family: 'Satoshi', sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.46;
}

.e-ticket .e-ticket-buttons {
  width: 100%;
  display: inline-block;
  padding: 36px 25px;
}

.e-ticket .e-ticket-buttons a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.e-ticket.e-ticket-social .e-ticket-content {
  background: #fc1d52;
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
}

.e-ticket.e-ticket-social .e-ticket-content .e-ticket-event-info h3 {
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 28px;
  line-height: 30px;
}

.e-ticket.e-ticket-social .e-ticket-content .e-ticket-event-info p b {
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 20px;
  line-height: 29px;
}

.e-ticket.e-ticket-social .e-ticket-content .e-ticket-row dl dd,
.e-ticket.e-ticket-social .e-ticket-content .e-ticket-row dl dt {
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 17px;
  line-height: 26px;
}

.scanner-wrap {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99;
  background: rgba(30, 30, 30, 0.9);
}

.scanner-wrap .scanner-close {
  position: absolute;
  top: 10px;
  right: 10px;
  transition: background-color 0.2s ease-out;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 17px;
  color: #fff;
  cursor: pointer;
  border: 0px;
  padding: 0px;
  font-size: 12px;
  z-index: 5;
}

.scanner-container .overlay-element {
  height: 100% !important;
  clip-path: polygon(0% 0%, 0% 100%, 10% 100%, 10% 10%, 90% 10%, 90% 90%, 10% 90%, 10% 100%, 100% 100%, 100% 0%) !important;
}

.scanner-container .laser {
  width: 80% !important;
  margin-left: 10% !important;
}

.plus-features-drawer {
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: right;
  z-index: 102;
}

.plus-features-drawer .backdrop {
  z-index: 1;
  position: fixed;
  display: none;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
}

.plus-features-drawer.open .backdrop {
  display: block;
}

.plus-features-drawer .pfd-close {
  transition: background-color 0.2s ease-out;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  border: 0px;
  padding: 0px;
  font-size: 20px;
  z-index: 5;
  position: absolute;
  right: 17px;
  top: 17px;
  font-size: 12px;
}

.plus-features-drawer .pfd-close:hover, .plus-features-drawer .pfd-close:focus {
  background: black;
}

.plus-features-drawer .pfd-inner {
  width: 400px;
  right: 0px;
  background: #F7F5F7;
  text-align: left;
  transition: width 0.3s ease-in-out, right 0.3s ease-in-out;
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
  position: fixed;
  top: 0px;
  bottom: 0px;
  right: -400px;
  z-index: 101;
  visibility: visible;
  opacity: 1;
  border-radius: 0px;
  box-shadow: none;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
}

.plus-features-drawer .pfd-inner .pfd-inner-content {
  width: 100%;
  display: inline-block;
  position: relative;
  padding: 16px;
  z-index: 3;
}

.plus-features-drawer .pfd-inner .pfd-inner-content h2 {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 39px;
  line-height: 30px;
  margin-top: 6px;
  margin-bottom: 20px;
  color: #111111;
}

.plus-features-drawer .pfd-inner .pfd-inner-content .plus-feature {
  width: 100%;
  min-height: 242px;
  display: flex;
  margin-bottom: 12px;
  border-radius: 20px;
  overflow: hidden;
  flex-direction: row;
  position: relative;
}

.plus-features-drawer .pfd-inner .pfd-inner-content .plus-feature:before, .plus-features-drawer .pfd-inner .pfd-inner-content .plus-feature:after {
  position: absolute;
  content: '';
  z-index: 1;
  opacity: 1;
}

.plus-features-drawer .pfd-inner .pfd-inner-content .plus-feature:before {
  width: 300px;
  height: 300px;
  left: 80px;
  top: -130px;
  background: radial-gradient(41.25% 45.38% at 42.9% 47.03%, rgba(0, 209, 255, 0.26) 0%, rgba(196, 196, 196, 0) 100%);
}

.plus-features-drawer .pfd-inner .pfd-inner-content .plus-feature:after {
  width: 300px;
  height: 300px;
  left: -110px;
  bottom: -130px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(255, 0, 138, 0.2) 0%, rgba(196, 196, 196, 0) 100%);
}

.plus-features-drawer .pfd-inner .pfd-inner-content .plus-feature .plus-feature-info {
  display: flex;
  flex-direction: column;
  padding: 20px 30px 20px 16px;
  position: relative;
  z-index: 2;
  justify-content: center;
}

.plus-features-drawer .pfd-inner .pfd-inner-content .plus-feature .plus-feature-info i {
  font-size: 24px;
  background: linear-gradient(96.19deg, #F13B93 0%, #AC51A9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-flex;
  margin-right: auto;
}

.plus-features-drawer .pfd-inner .pfd-inner-content .plus-feature .plus-feature-info span {
  width: 28px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(96.19deg, #F13B93 0%, #AC51A9 100%);
  border-radius: 10rem;
  margin-right: auto;
}

.plus-features-drawer .pfd-inner .pfd-inner-content .plus-feature .plus-feature-info span i {
  font-size: 24px;
  margin-right: 0px;
  -webkit-text-fill-color: unset;
  color: #FFF;
  background: none;
}

.plus-features-drawer .pfd-inner .pfd-inner-content .plus-feature .plus-feature-info h3 {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 49px;
  line-height: 38px;
  color: #111111;
  margin: 13px 0 20px 0;
}

.plus-features-drawer .pfd-inner .pfd-inner-content .plus-feature .plus-feature-info p {
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  margin: 0px;
  color: #111111;
}

.plus-features-drawer .pfd-inner .pfd-inner-content .plus-feature .plus-feature-image {
  width: 131px;
  display: flex;
  flex-direction: column;
  flex: none;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 2;
}

.plus-features-drawer.open .pfd-inner {
  right: 0px;
  visibility: visible;
  opacity: 1;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}

@media (max-width: 650px) {
  .plus-features-drawer .pfd-toggle {
    display: none;
  }
}

@media (max-width: 550px) {
  .plus-features-drawer {
    width: 100%;
  }
  .plus-features-drawer .pfd-inner {
    right: -100%;
    width: 100%;
  }
}

.noUi-handle {
  background: #00c5fc;
}

.noUi-handle, .noUi-handle:focus {
  outline: none;
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
  right: -10px;
}

.noUi-horizontal {
  height: 6px;
  box-shadow: none;
}

.noUi-horizontal .noUi-tooltip {
  bottom: 150%;
  top: auto;
  background: none;
  border: 0px;
  color: #838688;
  padding: 0px;
  font-size: 12px;
  line-height: 21px;
}

.noUi-horizontal .noUi-handle {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  border: 2px solid #FFF;
  box-shadow: none;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.2);
}

.noUi-horizontal .noUi-handle:before, .noUi-horizontal .noUi-handle:after {
  display: none;
}

.noUi-horizontal .noUi-handle[data-handle="0"] .noUi-tooltip {
  left: 50%;
  transform: translate(-50%, 0);
}

.noUi-horizontal .noUi-handle[data-handle="1"] .noUi-tooltip {
  left: auto;
  right: 0%;
  transform: translate(50%, 0);
}

.noUi-target {
  background: #49525c;
  border: none;
}

.noUi-connect {
  background: #00c5fc;
}

.on-light .noUi-target {
  background: #d0d1d3;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.select2-container--default {
  outline: none;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
  display: none;
}

.select2-container--default .select2-selection--single {
  border-color: #c6c8ca;
  height: 36px;
  outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 36px;
  outline: none;
  font-size: 13px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered .select2-list-img {
  width: 28px;
  height: 28px;
  display: inline-block;
  background-size: cover;
  margin-right: 8px;
  margin-top: 3px;
  vertical-align: top;
  border-radius: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  width: 25px;
  font-size: 20px;
  text-align: center;
  line-height: 31px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 36px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:after {
  background: none;
  color: #949494;
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\71";
  transform: rotate(-90deg);
  font-size: 12px;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -11px;
  z-index: 1;
}

.select2-container--default .select2-results__option[aria-selected] {
  background: #FFF;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #edf1f5;
  color: #191c1f;
}

.select2-dropdown {
  z-index: 9;
}

.select2-dropdown .select2-list-img {
  width: 28px;
  height: 28px;
  display: inline-block;
  background-size: cover;
  margin-right: 8px;
  margin-top: 0px;
  vertical-align: top;
  border-radius: 15px;
}

.select2-dropdown .select2-results__option[aria-selected] span {
  vertical-align: middle;
  font-size: 13px;
}

.v--modal-overlay {
  background: rgba(0, 0, 0, 0.8) !important;
}

.v--modal-overlay .v--modal-box {
  left: 0px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.vue-modal {
  overflow-y: auto;
  display: flex;
}

.vue-modal .modal-dialog {
  margin: auto;
  border-radius: 10px;
  background-color: #fff;
}

.vue-modal .modal-dialog.gradient-bg {
  background-image: url("/assets/themes/killing-kittens/images/modals/modal-gradient-bg.jpg");
  background-size: cover;
  background-position: center;
  border-radius: 10px;
}

@media (max-width: 650px) {
  .vue-modal .modal-dialog.gradient-bg {
    border-radius: 0px;
  }
}

.vue-modal .modal-dialog.gradient-bg .modal-content {
  background-color: transparent;
}

.vue-modal .modal-dialog.gradient-full-bg {
  background-image: url("/assets/themes/killing-kittens/images/modals/modal-gradient-full-bg.jpg");
  background-size: cover;
  background-position: center;
  border-radius: 10px;
}

@media (max-width: 650px) {
  .vue-modal .modal-dialog.gradient-full-bg {
    border-radius: 0px;
  }
}

.vue-modal .modal-dialog.gradient-full-bg .modal-content {
  background-color: transparent;
}

.vue-modal .modal-dialog .modal-close,
.vue-modal .modal-dialog .modal-content .modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 36px;
  height: 36px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 18px;
  transition: background-color 0.2s ease-out;
}

.vue-modal .modal-dialog .modal-close:hover,
.vue-modal .modal-dialog .modal-content .modal-close:hover {
  background-color: black;
}

@media (max-width: 650px) {
  .vue-modal .modal-dialog .modal-close,
  .vue-modal .modal-dialog .modal-content .modal-close {
    position: fixed;
  }
}

.vue-modal .modal-dialog.modal-image-bg {
  width: 380px !important;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  position: relative;
  color: #fff;
}

@media (max-width: 650px) {
  .vue-modal .modal-dialog.modal-image-bg {
    width: 100% !important;
    border-radius: 0px;
  }
}

.vue-modal .modal-dialog.modal-image-bg:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: #181e23;
  border-radius: 10px;
  opacity: 0.82;
}

@media (max-width: 650px) {
  .vue-modal .modal-dialog.modal-image-bg:before {
    border-radius: 0px;
  }
}

.vue-modal .modal-dialog.modal-image-bg .modal-content {
  background: transparent;
  color: #fff;
}

.vue-modal .modal-dialog.modal-image-bg .modal-scroller {
  display: flex;
  flex: 1;
  overflow-y: auto;
  flex-direction: column;
  min-height: 330px;
}

@media (max-width: 400px) {
  .vue-modal .modal-dialog.modal-image-bg .modal-scroller {
    min-height: auto;
  }
}

.vue-modal .modal-dialog.modal-image-bg .modal-image-bg-header {
  padding: 36px 20px 0px 20px;
  text-align: center;
}

.vue-modal .modal-dialog.modal-image-bg .modal-image-bg-header .modal-image-bg-icon {
  width: 100%;
  text-align: center;
  margin-bottom: 25px;
}

.vue-modal .modal-dialog.modal-image-bg .modal-image-bg-header .modal-image-bg-icon i {
  font-size: 45px;
  color: #fb0c55;
}

.vue-modal .modal-dialog.modal-image-bg .modal-image-bg-header h1 {
  font-size: 26px;
  line-height: 35px;
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0px 0px 12px 0px;
}

.vue-modal .modal-dialog.modal-image-bg .modal-image-bg-header p {
  margin: 0px;
  font-size: 15px;
  line-height: 24px;
  padding: 0 20px;
}

.vue-modal .modal-dialog.modal-image-bg .modal-footer .script-font {
  font-size: 40px;
  line-height: 68px;
}

.vue-modal .modal-dialog.modal-image-bg .modal-footer .script-font span {
  color: #000000;
}

.vue-modal .modal-dialog.modal-image-bg .modal-footer .modal-close-toggle .form-group-checkbox {
  border-bottom: 0px;
}

.vue-modal .modal-dialog.modal-image-bg .modal-footer .modal-close-toggle .form-group-checkbox p {
  width: auto;
}

.vue-modal .modal-dialog.modal-image-bg .modal-footer .modal-close-toggle .form-group-checkbox .checkbox-container {
  width: 60px;
}

.vue-modal .modal-dialog .modal-content {
  min-width: 300px;
  position: relative;
  background-color: #FFFFFF;
  color: #111111;
}

.vue-modal .modal-header {
  text-align: center;
  padding: 36px 16px 0px 16px;
}

.vue-modal .modal-header .modal-icon {
  width: 100%;
  display: inline-block;
  margin-bottom: 10px;
  text-align: center;
}

.vue-modal .modal-header .modal-icon i {
  font-size: 36px;
  line-height: 36px;
  color: #111111;
}

.vue-modal .modal-header .modal-image {
  width: 100%;
  display: inline-block;
  margin-bottom: 15px;
  text-align: center;
}

.vue-modal .modal-header .modal-image img {
  height: 36px;
  width: auto;
}

.vue-modal .modal-header h4,
.vue-modal .modal-header .modal-title {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 36px;
  line-height: 45px;
  line-height: 34px;
  width: 100%;
  display: inline-block;
}

.vue-modal .modal-header p {
  margin: 10px 0 0 0;
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
}

.vue-modal .modal-body {
  width: 100%;
  padding: 0px 20px;
}

.vue-modal .modal-body.no-footer {
  padding-bottom: 20px;
}

.vue-modal .modal-body .back-to-previous {
  width: 100%;
  display: flex;
  padding: 3px 6px;
  background: #FFFFFF;
}

.vue-modal .modal-body .back-to-previous a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #909090;
  font-size: 18px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vue-modal .modal-body .back-to-previous a:hover {
  color: #a4a4a4;
}

.vue-modal .modal-body .alert {
  margin-bottom: 0px;
  margin-top: 22px;
}

.vue-modal .modal-body .form-container {
  padding: 12px 0 0 0;
}

.vue-modal .modal-body .form-container .form-group {
  margin-top: 18px;
  padding: 0px;
}

.vue-modal .modal-body .form-container .form-group .options {
  display: flex;
  flex-wrap: wrap;
}

.vue-modal .modal-body .form-container .form-group .options .option {
  margin-bottom: 10px;
  margin-right: 6px;
  color: #315369;
  background: #daf6ff;
  font-weight: bold;
  padding: 4px 14px;
  border-radius: 15px;
  cursor: pointer;
  transition: all 0.2s ease-out;
}

.vue-modal .modal-body .form-container .form-group .options .option:hover {
  background: #e4f8ff;
}

.vue-modal .modal-body .form-container .form-group .options .option.selected {
  background: #37536a;
  color: #fff;
}

.vue-modal .modal-body .form-container .form-group textarea {
  border-radius: 8px;
}

.vue-modal .modal-body .form-container .form-group input {
  width: 100%;
}

.vue-modal .modal-body p.modal-subtitle {
  width: 100%;
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  margin: 0px;
  margin-top: 10px;
  padding: 0 20px;
  text-align: center;
}

.vue-modal .modal-body p.modal-subtitle i {
  vertical-align: middle;
  margin: 0 1px;
}

.vue-modal .modal-body p.modal-subtitle.warning {
  color: #e30000;
}

.vue-modal .modal-footer {
  text-align: center;
  padding-top: 16px;
  padding-bottom: 36px;
}

.vue-modal .modal-footer .modal-buttons {
  display: inline-block;
}

.vue-modal .modal-footer .modal-buttons .btn {
  margin-top: 10px;
}

.vue-modal .modal-footer .modal-buttons .btn i {
  margin-right: 5px;
  font-size: 20px;
  line-height: 1em;
}

.vue-modal .modal-footer .modal-buttons .btn .loader {
  vertical-align: top;
}

.vue-modal .modal-footer .modal-footer-text {
  width: 90%;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  color: #738a9c;
  display: block;
  margin: 10px auto 0px auto;
}

.vue-modal .modal-footer .modal-dont-show-again {
  width: 100%;
  text-align: center;
  display: inline-block;
  margin-top: 18px;
  font-size: 14px;
  line-height: 23px;
  color: #4F575E;
  vertical-align: middle;
}

.vue-modal .modal-footer .modal-dont-show-again label {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
}

.vue-modal .modal-footer .modal-dont-show-again label i {
  margin-right: 8px;
  font-size: 16px;
}

.vue-modal .modal-footer .modal-dont-show-again label span {
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #fff;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  margin-right: 8px;
}

.vue-modal .modal-footer .modal-dont-show-again label span:after {
  content: "";
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  background-color: #000000;
  opacity: 0;
  transition: opacity 0.1s ease-out;
}

.vue-modal .modal-footer .modal-dont-show-again label.on-white span {
  border-color: #c8ced5;
}

.vue-modal .modal-footer .modal-dont-show-again label.checkbox-tick span:after {
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: transparent;
  left: 0px;
  right: 0px;
  bottom: auto;
  line-height: 17px;
  font-size: 14px;
  color: #64B830;
  top: 0px;
  text-align: center;
}

.vue-modal .modal-footer .modal-dont-show-again label input[type="checkbox"].checkbox {
  display: none;
}

.vue-modal .modal-footer .modal-dont-show-again label input[type="checkbox"].checkbox:checked + span:after {
  opacity: 1;
}

.vue-modal.modal-sm .modal-dialog {
  width: 380px;
}

.vue-modal.modal-sm .modal-footer .modal-buttons {
  width: 90%;
  max-width: 220px;
}

@media (max-width: 400px) {
  .vue-modal.modal-sm .modal-dialog {
    width: 100%;
  }
}

.vue-modal.dialog-modal.cruise-dialog .modal-header h4 {
  font-family: "Cormorant Garamond";
  font-size: 31px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -1.55px;
  text-transform: none;
}

.vue-modal.dialog-modal .modal-header {
  padding-bottom: 20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.vue-modal.dialog-modal .modal-header h4 {
  margin: 0px;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 25px;
  line-height: 34px;
  line-height: 25px;
}

.vue-modal.dialog-modal .modal-body p {
  font-size: 15px;
  line-height: 24px;
  margin: 0 0 18px 0;
  width: 100%;
  text-align: center;
}

.vue-modal.dialog-modal .modal-buttons button:first-child {
  margin-top: 0px;
}

.vue-modal.modal-v2.modal-v2-md .modal-dialog {
  width: 480px;
}

.vue-modal.modal-v2 .modal-dialog {
  width: 370px;
  height: 90%;
  max-height: 750px;
  border-radius: 20px;
}

.vue-modal.modal-v2 .modal-dialog.modal-fluid {
  height: auto;
  max-height: unset;
}

.vue-modal.modal-v2 .modal-dialog .modal-bg-image {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  border-radius: 20px;
}

.vue-modal.modal-v2 .modal-dialog .modal-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: transparent;
  border-radius: 20px;
}

@media (max-width: 650px) {
  .vue-modal.modal-v2 .modal-dialog .modal-content .modal-footer .modal-buttons {
    width: 100%;
    max-width: 380px;
  }
}

@media (max-width: 650px) {
  .vue-modal.modal-v2 .modal-dialog, .vue-modal.modal-v2 .modal-dialog.modal-fluid {
    height: 100%;
    max-height: unset !important;
  }
  .vue-modal.modal-v2 .modal-dialog,
  .vue-modal.modal-v2 .modal-dialog .modal-bg-image,
  .vue-modal.modal-v2 .modal-dialog .modal-content {
    border-radius: 0px;
  }
}

@media (max-width: 400px) {
  .vue-modal.modal-v2 .modal-dialog {
    width: 100%;
  }
}

.vue-modal.modal-v2 .modal-footer {
  padding: 6px 16px 34px;
}

.vue-modal.modal-v2 .modal-footer .modal-buttons {
  width: 100%;
}

.vue-modal.modal-v2 .modal-footer .modal-buttons .btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.vue-modal.modal-v2 .modal-footer .modal-buttons .btn i {
  margin-right: 9px;
}

.vue-modal.modal-v2 .modal-footer .modal-footer-text {
  color: #111111;
  font-size: 13px;
  line-height: 22px;
  margin-top: 17px;
}

@media (max-width: 650px) {
  .vue-modal.modal-v2.modal-slide-up {
    padding-top: 10vh;
  }
  .vue-modal.modal-v2.modal-slide-up.max-height .modal-dialog {
    height: 100%;
  }
}

.vue-modal.modal-v2.modal-slide-up .modal-dialog {
  height: auto;
}

.vue-modal.modal-v2.modal-slide-up .modal-dialog .modal-header {
  padding-left: 20px;
  padding-right: 20px;
}

.vue-modal.modal-v2.modal-slide-up .modal-dialog .modal-close + .modal-header {
  padding-left: 55px;
  padding-right: 55px;
}

@media (max-width: 650px) {
  .vue-modal.modal-v2.modal-slide-up .modal-dialog {
    max-height: 80vh;
    margin-bottom: 0px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    overflow: hidden;
  }
  .vue-modal.modal-v2.modal-slide-up .modal-dialog .modal-close {
    position: absolute;
  }
  .vue-modal.modal-v2.modal-slide-up .modal-dialog .modal-content .modal-close {
    top: unset;
    margin-top: 15px;
  }
}

.vue-modal.modal-v2 .modal-scroller {
  display: flex;
  flex: 1;
  overflow-y: auto;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px 16px 10px 16px;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10px, black 20px, black calc(100% - 10px), rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10px, black 20px, black calc(100% - 10px), rgba(0, 0, 0, 0) 100%);
}

.vue-modal.modal-v2 .modal-scroller.with-spacer:before {
  content: "";
  display: flex;
  flex: 1;
  width: 100%;
}

.vue-modal.modal-v2 .modal-scroller .modal-header {
  width: 100%;
  padding: 16px 0 0 0;
}

.vue-modal.modal-v2 .modal-scroller .modal-body {
  padding-left: 0px;
  padding-right: 0px;
}

.vue-modal.modal-v2 .modal-scroller .modal-body .modal-subtitle {
  padding-left: 0px;
  padding-right: 0px;
}

.vue-modal.modal-v2 .modal-scroller .modal-body-image {
  width: 85%;
  display: flex;
  flex: 1;
  background-position: top center;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 10px auto 0;
}

@media (max-width: 650px) {
  .vue-modal.modal-v2 .modal-scroller .modal-body-image {
    width: 100%;
    margin-top: 20px;
  }
}

.vue-modal.modal-tour.modal-tour-wide .modal-dialog {
  width: 100%;
  max-width: 650px;
}

@media (max-width: 650px) {
  .vue-modal.modal-tour {
    background: #FFFFFF;
  }
}

.vue-modal.modal-tour .modal-dialog {
  width: 370px;
}

.vue-modal.modal-tour .modal-footer .modal-buttons {
  width: 90%;
  max-width: 220px;
}

@media (max-width: 400px) {
  .vue-modal.modal-tour .modal-dialog {
    width: 100%;
  }
}

.vue-modal.modal-tour .modal-dialog {
  border-radius: 20px;
}

.vue-modal.modal-tour .modal-dialog .modal-content {
  border-radius: 20px;
}

@media (max-width: 650px) {
  .vue-modal.modal-tour .modal-dialog,
  .vue-modal.modal-tour .modal-dialog .modal-content {
    border-radius: 0px;
  }
}

.vue-modal.modal-tour .modal-scroller {
  display: flex;
  flex: 1;
  overflow-y: auto;
  flex-direction: column;
}

.vue-modal.modal-tour .tour-header {
  padding: 36px 20px 0px 20px;
  text-align: center;
}

.vue-modal.modal-tour .tour-header h1 {
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 26px;
  line-height: 35px;
  margin: 0px 0px 0px 0px;
}

.vue-modal.modal-tour .tour-header h2 {
  font-size: 50px;
  line-height: 70px;
  color: #000000;
  margin: 0px 0px 12px 0;
}

.vue-modal.modal-tour .tour-header p {
  margin: 0px;
  font-size: 15px;
  line-height: 24px;
  padding: 0 10px;
}

.vue-modal.modal-tour .tour-header .header-hashtag {
  margin-top: 12px;
  font-size: 40px;
  line-height: 60px;
}

.vue-modal.modal-tour .tour-header .header-hashtag span {
  color: #000000;
}

.vue-modal.modal-tour .modal-footer .form-group-checkbox {
  border: 0px;
  padding: 12px 0;
}

.vue-modal.modal-tour .modal-footer .form-group-checkbox p {
  width: auto;
}

.vue-modal.modal-tour .modal-footer .form-group-checkbox .checkbox-container {
  width: 60px;
}

.vue-modal.modal-tour .modal-footer .script-font {
  font-size: 40px;
  line-height: 60px;
}

.vue-modal.modal-tour .modal-footer .script-font span {
  color: #000000;
}

.vue-modal.modal-md .modal-dialog {
  width: 480px;
}

.vue-modal.modal-md .modal-footer .modal-buttons {
  width: 90%;
  max-width: 220px;
}

@media (max-width: 520px) {
  .vue-modal.modal-md .modal-dialog {
    width: 100%;
  }
  .vue-modal.modal-md.modal-mobile-fullscreen {
    padding: 0px !important;
    background: #FFFFFF;
  }
  .vue-modal.modal-md.modal-mobile-fullscreen .modal-dialog {
    margin: 0px;
  }
  .vue-modal.modal-md.modal-mobile-fullscreen .modal-dialog .modal-content {
    vertical-align: middle;
    border-radius: 0px;
    box-shadow: none;
  }
}

@media (max-width: 650px) {
  .vue-modal .modal-dialog .modal-header {
    padding-top: 30px;
  }
  .vue-modal .modal-dialog .modal-header .modal-icon i {
    font-size: 28px;
    line-height: 28px;
  }
  .vue-modal .modal-dialog .modal-header h4,
  .vue-modal .modal-dialog .modal-header .modal-title {
    font-size: 28px;
    line-height: 37px;
    line-height: 28px;
  }
  .vue-modal .modal-dialog .modal-body p.modal-subtitle {
    font-size: 14px;
    line-height: 23px;
    margin-top: 4px;
  }
  .vue-modal .modal-dialog .modal-footer {
    padding-top: 10px;
    padding-bottom: 36px;
  }
  .vue-modal .modal-dialog .modal-footer .modal-buttons {
    width: 90%;
  }
  .vue-modal .modal-dialog .modal-footer .modal-buttons .btn {
    margin-top: 10px;
  }
  .vue-modal .modal-dialog .modal-footer .modal-buttons .btn-xl {
    border-radius: 10px;
  }
  .vue-modal .modal-dialog .modal-footer .modal-buttons .btn-xl.btn-outline {
    border-width: 2px;
    border-style: solid;
  }
  .vue-modal .modal-dialog .modal-footer .modal-buttons .btn-xl.btn-rounded {
    border-radius: 10rem;
  }
}

@media (max-width: 650px) {
  .vue-modal.gif-picker-modal .modal-dialog {
    width: 100% !important;
    height: 100%;
    background: #FFFFFF;
    max-height: unset;
  }
  .vue-modal.gif-picker-modal .modal-dialog .modal-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: transparent;
    box-shadow: none;
    margin: 0px auto;
  }
  .vue-modal.gif-picker-modal .modal-dialog .modal-content .modal-body {
    flex: 1;
    overflow-y: auto;
    padding-bottom: 10px;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, black 10px, black 98%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, black 10px, black 98%, rgba(0, 0, 0, 0) 100%);
  }
  .vue-modal.gif-picker-modal .modal-dialog .modal-content .modal-body.with-body-image {
    flex: none;
  }
  .vue-modal.gif-picker-modal .modal-dialog .modal-content .modal-footer {
    padding-bottom: 20px;
  }
  .vue-modal.gif-picker-modal .modal-dialog .modal-content .modal-footer .modal-buttons {
    width: 100%;
    max-width: 100%;
  }
}

.vue-modal.activate-e-ticket .modal-dialog {
  width: 100% !important;
  height: 100%;
  background: #FFFFFF;
  max-height: unset;
}

.vue-modal.activate-e-ticket .modal-dialog .modal-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: transparent;
  box-shadow: none;
  margin: 0px auto;
}

.vue-modal.activate-e-ticket .modal-dialog .modal-content .modal-body {
  flex: 1;
  overflow-y: auto;
  padding-bottom: 10px;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, black 10px, black 98%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, black 10px, black 98%, rgba(0, 0, 0, 0) 100%);
}

.vue-modal.activate-e-ticket .modal-dialog .modal-content .modal-body.with-body-image {
  flex: none;
}

.vue-modal.activate-e-ticket .modal-dialog .modal-content .modal-footer {
  padding-bottom: 20px;
}

.vue-modal.activate-e-ticket .modal-dialog .modal-content .modal-footer .modal-buttons {
  width: 100%;
  max-width: 100%;
}

.vue-modal.activate-e-ticket .modal-dialog {
  background: transparent;
  max-height: 735px;
  max-width: 380px;
}

@media (max-width: 650px) {
  .vue-modal.activate-e-ticket .modal-dialog {
    max-height: unset;
    max-width: unset;
  }
}

@media (max-width: 650px) {
  .vue-modal .modal-dialog {
    width: 100% !important;
    height: 100%;
    background: #FFFFFF;
    max-height: unset;
  }
  .vue-modal .modal-dialog .modal-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    background: transparent;
    box-shadow: none;
    margin: 0px auto;
  }
  .vue-modal .modal-dialog .modal-content .modal-body {
    flex: 1;
    overflow-y: auto;
    padding-bottom: 10px;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, black 10px, black 98%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, black 10px, black 98%, rgba(0, 0, 0, 0) 100%);
  }
  .vue-modal .modal-dialog .modal-content .modal-body.with-body-image {
    flex: none;
  }
  .vue-modal .modal-dialog .modal-content .modal-footer {
    padding-bottom: 20px;
  }
  .vue-modal .modal-dialog .modal-content .modal-footer .modal-buttons {
    width: 100%;
    max-width: 100%;
  }
}

.vue-modal.payment-modal .modal-dialog {
  max-height: 90vh !important;
}

.vue-modal.payment-modal .modal-dialog.axcess {
  max-height: unset;
}

.vue-modal.payment-modal .modal-dialog.axcess .modal-content {
  background: #fff;
}

.vue-modal.payment-modal .modal-dialog.axcess .modal-content .modal-body {
  -webkit-mask-image: none;
  mask-image: none;
}

.vue-modal.payment-modal .modal-dialog .modal-content {
  max-width: none;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body {
  position: relative;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body .modal-payment-methods {
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
  max-height: 401px;
  overflow-y: auto;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body .alert-error + #axcess-payment {
  min-height: auto;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment {
  position: relative;
  padding-top: 18px;
  min-height: 120px;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment form {
  margin-bottom: 0px;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-group {
  display: flex;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-wrapper-billing {
  width: 100% !important;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-group-billing {
  display: flex;
  flex-direction: column;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-form-card {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-control {
  border: 1px solid #c9ced4;
  border-radius: 10rem;
  height: 50px;
  font-size: 16px;
  padding: 0 15px;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-control-cardNumber {
  padding-left: 54px;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .card-image {
  width: 32px;
  height: 24px;
  position: absolute;
  left: 15px;
  top: 12px;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-label-billing {
  font-size: 16px;
  line-height: 25px;
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-wrapper-submit {
  width: 100%;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-group-submit {
  margin-bottom: 0px;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-button-pay {
  border-radius: 10rem;
  font-size: 16px;
  line-height: 25px;
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
  color: #fff;
  background: #000;
  border: 0px;
  float: unset;
  width: 90%;
  max-width: 220px;
  transition: background 0.2s ease-out;
  display: block;
  padding: 12px 18px;
  margin: 10px auto 0 auto;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-button-pay:hover {
  background: rgba(17, 17, 17, 0.5);
}

@media (max-width: 650px) {
  .vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-button-pay {
    width: 100%;
    max-width: unset;
  }
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-sup-wrapper-country {
  position: relative;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-sup-wrapper-country:after {
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e931";
  position: absolute;
  right: 15px;
  top: 26px;
  transform: rotate(90deg);
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-control-country,
.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-control-stateSelect {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  padding-left: 0px;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-has-error {
  color: #b00020;
  border-color: #c9ced4;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-label {
  display: flex;
  align-items: center;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-label-billing,
.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-sup-wrapper {
  width: 100%;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-sup-wrapper {
  flex-direction: column;
  display: flex;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-wrapper-cardHolder {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-control-givenName,
.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-control-surName {
  width: 50%;
  margin-right: 0px;
  flex: 1;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-hint-givenNameError,
.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-hint-surNameError {
  width: 100%;
  display: flex;
  flex: auto;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-control-givenName {
  margin-right: 5px;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-control-surName {
  margin-left: 5px;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-wrapper-cardNumber,
.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-wrapper-expiry,
.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-wrapper-cvv {
  width: 100%;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-wrapper-expiry:after {
  content: "\e9ad";
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 13px;
  top: 13px;
  font-size: 14px;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-control-expiry {
  padding-left: 35px;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-wrapper-cvv:after {
  content: "\e94b";
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 13px;
  top: 13px;
  font-size: 14px;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-control-cvv {
  padding-left: 35px;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment div.wpwl-wrapper-brand,
.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment div.wpwl-label-brand,
.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment div.wpwl-brand {
  display: none;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment div.wpwl-label-expiry,
.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment div.wpwl-label-cvv,
.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment div.wpwl-label-cardHolder,
.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment div.wpwl-label-cardNumber {
  display: none !important;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-group-expiry,
.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-group-cvv {
  width: 50%;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-group-expiry {
  padding-right: 5px;
}

.vue-modal.payment-modal .modal-dialog .modal-content .modal-body #axcess-payment .wpwl-group-cvv {
  padding-left: 5px;
}

.vue-modal.upgrade-modal, .vue-modal.payment-modal {
  /* Sizing */
}

.vue-modal.upgrade-modal .modal-dialog, .vue-modal.payment-modal .modal-dialog {
  width: calc(min(420px, 100%)) !important;
  max-width: 420px;
  overflow-y: auto;
  border-radius: 10px;
}

.vue-modal.upgrade-modal .modal-footer .modal-buttons, .vue-modal.payment-modal .modal-footer .modal-buttons {
  width: 90%;
  max-width: 220px;
}

.vue-modal.upgrade-modal .modal-footer .modal-buttons.full, .vue-modal.payment-modal .modal-footer .modal-buttons.full {
  max-width: unset;
}

@media (max-width: 650px) {
  .vue-modal.upgrade-modal .modal-footer .modal-buttons.full, .vue-modal.payment-modal .modal-footer .modal-buttons.full {
    max-width: 380px;
  }
}

@media (max-width: 400px) {
  .vue-modal.upgrade-modal .modal-dialog, .vue-modal.payment-modal .modal-dialog {
    width: 100%;
  }
}

.vue-modal.upgrade-modal .modal-content, .vue-modal.payment-modal .modal-content {
  max-height: 90vh;
  overflow-y: auto;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #FFFFFF;
  position: static;
}

.vue-modal.upgrade-modal .modal-content .modal-body, .vue-modal.payment-modal .modal-content .modal-body {
  padding: 0 px;
}

.vue-modal.upgrade-modal .modal-content .modal-footer, .vue-modal.payment-modal .modal-content .modal-footer {
  padding-bottom: 25px;
}

@media (max-width: 650px) {
  .vue-modal.upgrade-modal .modal-content .modal-footer, .vue-modal.payment-modal .modal-content .modal-footer {
    padding-top: 5px;
  }
}

.vue-modal.upgrade-modal .modal-content .accepted-cards, .vue-modal.payment-modal .modal-content .accepted-cards {
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-top: 22px;
}

.vue-modal.upgrade-modal .modal-content .accepted-cards img, .vue-modal.payment-modal .modal-content .accepted-cards img {
  height: 24px;
  display: inline-block;
}

.vue-modal.upgrade-modal .modal-content.card-details, .vue-modal.payment-modal .modal-content.card-details {
  background-color: #ffffff;
}

.vue-modal.upgrade-modal .modal-content.card-details .modal-header h4, .vue-modal.payment-modal .modal-content.card-details .modal-header h4 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.vue-modal.upgrade-modal .modal-content.card-details .modal-header span.x-plus, .vue-modal.payment-modal .modal-content.card-details .modal-header span.x-plus {
  margin-right: 8px;
  margin-bottom: 2px;
  width: 28px;
  height: 28px;
  border-radius: 10rem;
  background: linear-gradient(96.19deg, #f13b93 0%, #ac51a9 100%);
  justify-content: center;
  align-items: center;
  display: flex;
}

.vue-modal.upgrade-modal .modal-content.card-details .modal-header span.x-plus i, .vue-modal.payment-modal .modal-content.card-details .modal-header span.x-plus i {
  font-size: 24px;
  color: #fff;
}

.vue-modal.upgrade-modal .modal-content.card-details .modal-body, .vue-modal.payment-modal .modal-content.card-details .modal-body {
  border-bottom: 0px;
  padding: 0px 20px;
}

.vue-modal.upgrade-modal .modal-content.card-details .modal-body .payment-form-loading, .vue-modal.payment-modal .modal-content.card-details .modal-body .payment-form-loading {
  width: 100%;
  padding: 50px 0 30px 0;
  text-align: center;
}

.vue-modal.upgrade-modal .modal-content.card-details .modal-body .payment-form, .vue-modal.payment-modal .modal-content.card-details .modal-body .payment-form {
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
}

.vue-modal.upgrade-modal .modal-content.card-details .modal-body .form-group, .vue-modal.payment-modal .modal-content.card-details .modal-body .form-group {
  padding: 16px 0 0 0;
}

.vue-modal.upgrade-modal .modal-content.card-details .modal-body .form-group .form-field, .vue-modal.payment-modal .modal-content.card-details .modal-body .form-group .form-field {
  width: 100%;
  border: 1px solid #c9ced4;
  border-radius: 10rem;
  padding: 12px 15px;
}

.vue-modal.upgrade-modal .modal-content.card-details .modal-body .form-group .form-field.expiry, .vue-modal.payment-modal .modal-content.card-details .modal-body .form-group .form-field.expiry {
  width: 70%;
  border: 0px;
  padding: 0 12px 0 0;
}

.vue-modal.upgrade-modal .modal-content.card-details .modal-body .form-group .form-field.expiry .cc-number, .vue-modal.payment-modal .modal-content.card-details .modal-body .form-group .form-field.expiry .cc-number {
  padding: 12px 15px;
  border: 1px solid #c9ced4;
  border-radius: 10rem;
}

.vue-modal.upgrade-modal .modal-content.card-details .modal-body .form-group .form-field.expiry .cc-number:first-of-type, .vue-modal.payment-modal .modal-content.card-details .modal-body .form-group .form-field.expiry .cc-number:first-of-type {
  padding-left: 35px;
}

.vue-modal.upgrade-modal .modal-content.card-details .modal-body .form-group .form-field.expiry span, .vue-modal.payment-modal .modal-content.card-details .modal-body .form-group .form-field.expiry span {
  padding: 0px 5px;
  align-self: center;
}

.vue-modal.upgrade-modal .modal-content.card-details .modal-body .form-group .form-field.cvc, .vue-modal.payment-modal .modal-content.card-details .modal-body .form-group .form-field.cvc {
  width: 30%;
  padding-left: 35px;
}

.vue-modal.upgrade-modal .modal-content.card-details .modal-body .form-group .form-field i, .vue-modal.payment-modal .modal-content.card-details .modal-body .form-group .form-field i {
  color: #000;
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 11px;
  font-size: 14px;
  line-height: 23px;
}

.vue-modal.upgrade-modal .modal-content.card-details .modal-body .form-group .form-field i + input, .vue-modal.payment-modal .modal-content.card-details .modal-body .form-group .form-field i + input {
  padding-left: 32px;
}

.vue-modal.upgrade-modal .modal-content.card-details .modal-body .form-group .form-field input, .vue-modal.payment-modal .modal-content.card-details .modal-body .form-group .form-field input {
  width: 100%;
}

@media (max-width: 650px) {
  .vue-modal.upgrade-modal .modal-content.card-details .modal-body .form-group, .vue-modal.payment-modal .modal-content.card-details .modal-body .form-group {
    flex-direction: row;
  }
}

@media (max-width: 400px) {
  .vue-modal.upgrade-modal .modal-content.card-details .modal-body .form-group, .vue-modal.payment-modal .modal-content.card-details .modal-body .form-group {
    flex-direction: column;
  }
  .vue-modal.upgrade-modal .modal-content.card-details .modal-body .form-group .form-field.expiry, .vue-modal.payment-modal .modal-content.card-details .modal-body .form-group .form-field.expiry {
    width: 100%;
    padding-right: 0px;
  }
  .vue-modal.upgrade-modal .modal-content.card-details .modal-body .form-group .form-field.cvc, .vue-modal.payment-modal .modal-content.card-details .modal-body .form-group .form-field.cvc {
    width: 100%;
    margin-top: 16px;
  }
}

@media (max-width: 550px) {
  .vue-modal.upgrade-modal .modal-content.card-details .modal-body, .vue-modal.payment-modal .modal-content.card-details .modal-body {
    padding-bottom: 4px;
  }
}

.vue-modal.upgrade-modal .modal-body, .vue-modal.payment-modal .modal-body {
  padding: 0px;
}

.vue-modal.upgrade-modal .modal-body .upgrade-header, .vue-modal.payment-modal .modal-body .upgrade-header {
  text-align: center;
  padding: 0px;
  display: flex;
}

.vue-modal.upgrade-modal .modal-body .upgrade-header .limited-offer, .vue-modal.payment-modal .modal-body .upgrade-header .limited-offer {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  background: linear-gradient(96deg, #f13b93 0%, #ac51a9 100%);
  display: flex;
  flex-direction: row;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 60px 20px 10px 20px;
  z-index: 2;
}

.vue-modal.upgrade-modal .modal-body .upgrade-header .limited-offer .offer-details, .vue-modal.payment-modal .modal-body .upgrade-header .limited-offer .offer-details {
  display: flex;
  flex: 1;
  flex-direction: column;
  color: #fff;
  text-align: left;
}

.vue-modal.upgrade-modal .modal-body .upgrade-header .limited-offer .offer-details h3, .vue-modal.payment-modal .modal-body .upgrade-header .limited-offer .offer-details h3 {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 28px;
  line-height: 37px;
  line-height: 28px;
  margin: 0;
}

.vue-modal.upgrade-modal .modal-body .upgrade-header .limited-offer .offer-details p, .vue-modal.payment-modal .modal-body .upgrade-header .limited-offer .offer-details p {
  font-size: 15px;
  line-height: 24px;
  margin: 0;
}

@media (max-width: 400px) {
  .vue-modal.upgrade-modal .modal-body .upgrade-header .limited-offer, .vue-modal.payment-modal .modal-body .upgrade-header .limited-offer {
    padding-left: 16px;
    padding-right: 16px;
  }
  .vue-modal.upgrade-modal .modal-body .upgrade-header .limited-offer .offer-details h3, .vue-modal.payment-modal .modal-body .upgrade-header .limited-offer .offer-details h3 {
    font-size: 22px;
    line-height: 31px;
    line-height: 22px;
  }
  .vue-modal.upgrade-modal .modal-body .upgrade-header .limited-offer .offer-details p, .vue-modal.payment-modal .modal-body .upgrade-header .limited-offer .offer-details p {
    font-size: 14px;
    line-height: 23px;
  }
}

.vue-modal.upgrade-modal .modal-body .upgrade-header .limited-offer .offer-countdown, .vue-modal.payment-modal .modal-body .upgrade-header .limited-offer .offer-countdown {
  flex: none;
  width: 138px;
  display: flex;
  align-items: center;
}

.vue-modal.upgrade-modal .modal-body .upgrade-header .limited-offer + .premium-pill, .vue-modal.payment-modal .modal-body .upgrade-header .limited-offer + .premium-pill {
  display: none;
}

@media (max-width: 650px) {
  .vue-modal.upgrade-modal .modal-body .upgrade-header .limited-offer, .vue-modal.payment-modal .modal-body .upgrade-header .limited-offer {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}

.vue-modal.upgrade-modal .modal-body .upgrade-header .premium-pill, .vue-modal.payment-modal .modal-body .upgrade-header .premium-pill {
  font-size: 17px;
  color: #FFFFFF;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  line-height: 20px;
  top: 45px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.vue-modal.upgrade-modal .modal-body.premium-features-info-content, .vue-modal.payment-modal .modal-body.premium-features-info-content {
  padding: 20px 16px;
  color: #FFFFFF;
  font-size: 20px;
}

.vue-modal.upgrade-modal .modal-body.premium-features-info-content .premium-features-info-title, .vue-modal.payment-modal .modal-body.premium-features-info-content .premium-features-info-title {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 33px;
  line-height: 24px;
  text-transform: uppercase;
  padding-top: 20px;
  padding-bottom: 10px;
  margin: 0px;
}

.vue-modal.upgrade-modal .modal-body.premium-features-info-content .premium-feature-item, .vue-modal.payment-modal .modal-body.premium-features-info-content .premium-feature-item {
  display: flex;
  padding: 20px 0px 30px;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  border-bottom: 1px solid rgba(240, 238, 238, 0.4);
}

.vue-modal.upgrade-modal .modal-body.premium-features-info-content .premium-feature-item:first-child, .vue-modal.payment-modal .modal-body.premium-features-info-content .premium-feature-item:first-child {
  border-top: 1px solid rgba(240, 238, 238, 0.4);
}

.vue-modal.upgrade-modal .modal-body.premium-features-info-content .premium-feature-item .feature-icon, .vue-modal.payment-modal .modal-body.premium-features-info-content .premium-feature-item .feature-icon {
  color: #F5FF8D;
  line-height: 0.7;
  margin-top: 2px;
  width: 23px;
}

.vue-modal.upgrade-modal .modal-body.premium-features-info-content .premium-feature-item .feature-icon .app-icon-group-2, .vue-modal.payment-modal .modal-body.premium-features-info-content .premium-feature-item .feature-icon .app-icon-group-2 {
  font-size: 15px;
}

.vue-modal.upgrade-modal .modal-body.premium-features-info-content .premium-feature-item .feature-description, .vue-modal.payment-modal .modal-body.premium-features-info-content .premium-feature-item .feature-description {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.vue-modal.upgrade-modal .modal-body.premium-features-info-content .premium-feature-item .feature-description h3, .vue-modal.payment-modal .modal-body.premium-features-info-content .premium-feature-item .feature-description h3 {
  margin: 0px;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 20px;
}

.vue-modal.upgrade-modal .modal-body.premium-features-info-content .premium-feature-item .feature-description p, .vue-modal.payment-modal .modal-body.premium-features-info-content .premium-feature-item .feature-description p {
  margin: 0px;
  font-size: 14px;
  color: #A7ACB2;
}

.vue-modal.upgrade-modal .modal-body .VueCarousel, .vue-modal.payment-modal .modal-body .VueCarousel {
  width: 100%;
  display: inline-block;
  font-size: 20px;
  overflow: hidden;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #000;
}

.vue-modal.upgrade-modal .modal-body .VueCarousel .VueCarousel-wrapper, .vue-modal.payment-modal .modal-body .VueCarousel .VueCarousel-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 280px;
  max-height: 420px;
}

.vue-modal.upgrade-modal .modal-body .VueCarousel .VueCarousel-wrapper .VueCarousel-inner, .vue-modal.payment-modal .modal-body .VueCarousel .VueCarousel-wrapper .VueCarousel-inner {
  margin-bottom: 16px;
}

@media (max-width: 650px) {
  .vue-modal.upgrade-modal .modal-body .VueCarousel .VueCarousel-wrapper .VueCarousel-inner, .vue-modal.payment-modal .modal-body .VueCarousel .VueCarousel-wrapper .VueCarousel-inner {
    flex-basis: 100% !important;
  }
}

.vue-modal.upgrade-modal .modal-body .VueCarousel .VueCarousel-pagination, .vue-modal.payment-modal .modal-body .VueCarousel .VueCarousel-pagination {
  text-align: center;
  position: absolute;
  bottom: 0px;
  padding: 0px;
}

.vue-modal.upgrade-modal .modal-body .VueCarousel .VueCarousel-pagination .VueCarousel-dot, .vue-modal.payment-modal .modal-body .VueCarousel .VueCarousel-pagination .VueCarousel-dot {
  background-color: #6b6b6b !important;
}

.vue-modal.upgrade-modal .modal-body .VueCarousel .VueCarousel-pagination .VueCarousel-dot:focus, .vue-modal.payment-modal .modal-body .VueCarousel .VueCarousel-pagination .VueCarousel-dot:focus {
  outline: none;
}

.vue-modal.upgrade-modal .modal-body .VueCarousel .VueCarousel-pagination .VueCarousel-dot--active, .vue-modal.payment-modal .modal-body .VueCarousel .VueCarousel-pagination .VueCarousel-dot--active {
  background-color: #FFFFFF !important;
}

.vue-modal.upgrade-modal .modal-body .VueCarousel .feature-container, .vue-modal.payment-modal .modal-body .VueCarousel .feature-container {
  width: 100%;
  aspect-ratio: 1;
  text-align: center;
  padding: 70px 40px 30px;
  background-size: 100%;
  background-position: center;
  position: relative;
  justify-content: flex-end;
  display: flex;
  flex-direction: column;
}

.vue-modal.upgrade-modal .modal-body .VueCarousel .feature-container:after, .vue-modal.payment-modal .modal-body .VueCarousel .feature-container:after {
  content: "";
  height: 254px;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  position: absolute;
  bottom: -3px;
  left: 0px;
  z-index: 1;
}

.vue-modal.upgrade-modal .modal-body .VueCarousel .feature-container h3, .vue-modal.payment-modal .modal-body .VueCarousel .feature-container h3 {
  font-size: 36px;
  line-height: 45px;
  line-height: 34px;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
  line-height: 0.9;
  margin: 0px 0px 10px 0px;
  position: relative;
  z-index: 2;
}

.vue-modal.upgrade-modal .modal-body .VueCarousel .feature-container p, .vue-modal.payment-modal .modal-body .VueCarousel .feature-container p {
  color: #fff;
  font-size: 14px;
  line-height: 23px;
  line-height: 20px;
  font-weight: 500;
  margin: 0px;
  position: relative;
  z-index: 2;
}

.vue-modal.upgrade-modal .modal-body .VueCarousel .feature-container.first-slide .feature-container-video-background, .vue-modal.payment-modal .modal-body .VueCarousel .feature-container.first-slide .feature-container-video-background {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
}

.vue-modal.upgrade-modal .modal-body .VueCarousel .feature-container.first-slide .feature-container-video-background video, .vue-modal.payment-modal .modal-body .VueCarousel .feature-container.first-slide .feature-container-video-background video {
  height: 100%;
}

.vue-modal.upgrade-modal .modal-body .VueCarousel .feature-container.first-slide .premium-pill, .vue-modal.payment-modal .modal-body .VueCarousel .feature-container.first-slide .premium-pill {
  position: static;
  margin: 0px auto 13px;
  transform: none;
}

.vue-modal.upgrade-modal .modal-body .VueCarousel .feature-container.first-slide h3, .vue-modal.payment-modal .modal-body .VueCarousel .feature-container.first-slide h3 {
  leading-trim: both;
  text-edge: cap;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 58px;
  line-height: 45px;
  margin-bottom: 10px;
}

@media (max-width: 650px) {
  .vue-modal.upgrade-modal .modal-body .VueCarousel, .vue-modal.payment-modal .modal-body .VueCarousel {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  .vue-modal.upgrade-modal .modal-body .VueCarousel .feature-container .feature-icon span, .vue-modal.payment-modal .modal-body .VueCarousel .feature-container .feature-icon span {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .vue-modal.upgrade-modal .modal-body .VueCarousel .feature-container .feature-icon span i, .vue-modal.payment-modal .modal-body .VueCarousel .feature-container .feature-icon span i {
    font-size: 18px !important;
    margin-top: 8px;
  }
}

.vue-modal.upgrade-modal .modal-body .premium-what-you-get, .vue-modal.payment-modal .modal-body .premium-what-you-get {
  background-color: #000000;
  color: #FFFFFF;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 15px 16px;
}

.vue-modal.upgrade-modal .modal-body .premium-what-you-get h2, .vue-modal.payment-modal .modal-body .premium-what-you-get h2 {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 39px;
  text-transform: uppercase;
}

.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row, .vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row {
  display: flex;
  flex-direction: row;
}

.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row:last-child, .vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row:last-child {
  border-bottom: 1px solid rgba(240, 238, 238, 0.4);
}

.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row.premium-row-title, .vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row.premium-row-title {
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row.premium-row-title:not(:last-child), .vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row.premium-row-title:not(:last-child) {
  border-bottom: 1px solid rgba(240, 238, 238, 0.4);
}

.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row.premium-row-title + .premium-row .premium-row-feature, .vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row.premium-row-title + .premium-row .premium-row-feature {
  padding-top: 13px;
}

.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row.premium-row-title + .premium-row .premium-row-free,
.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row.premium-row-title + .premium-row .premium-row-premium, .vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row.premium-row-title + .premium-row .premium-row-free,
.vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row.premium-row-title + .premium-row .premium-row-premium {
  padding-top: 20px;
}

.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row .premium-row-feature, .vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row .premium-row-feature {
  cursor: pointer;
  text-decoration: underline;
}

.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row .premium-row-feature-group,
.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row .premium-row-feature, .vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row .premium-row-feature-group,
.vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row .premium-row-feature {
  display: flex;
  flex: 1;
  align-items: center;
  font-size: 15px;
  line-height: 24px;
  font-weight: 700;
}

.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row .premium-row-feature-group a,
.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row .premium-row-feature a, .vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row .premium-row-feature-group a,
.vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row .premium-row-feature a {
  display: inline-flex;
}

.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row .premium-row-feature-group, .vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row .premium-row-feature-group {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 29px;
  text-transform: uppercase;
  padding: 50px 0px 10px;
}

.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row .premium-row-feature-group.without-padding-top, .vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row .premium-row-feature-group.without-padding-top {
  padding-top: 20px;
}

.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row .premium-row-free,
.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row .premium-row-premium, .vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row .premium-row-free,
.vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row .premium-row-premium {
  width: 65px;
  display: flex;
  flex: none;
  justify-content: center;
  padding: 7px;
}

.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row .premium-row-free.yes:before, .vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row .premium-row-free.no:before,
.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row .premium-row-premium.yes:before,
.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row .premium-row-premium.no:before, .vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row .premium-row-free.yes:before, .vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row .premium-row-free.no:before,
.vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row .premium-row-premium.yes:before,
.vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row .premium-row-premium.no:before {
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  justify-content: center;
  align-items: center;
}

.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row .premium-row-free.yes:before,
.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row .premium-row-premium.yes:before, .vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row .premium-row-free.yes:before,
.vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row .premium-row-premium.yes:before {
  content: "\e929";
  color: #F5FF8D;
  font-size: 20px;
}

.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row .premium-row-free.no:before,
.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row .premium-row-premium.no:before, .vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row .premium-row-free.no:before,
.vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row .premium-row-premium.no:before {
  content: "\e922";
  color: #A7ACB2;
  font-size: 15px;
}

.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row .premium-row-premium, .vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row .premium-row-premium {
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: 7px;
  background: #222222;
  color: #FFFFFF;
}

.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row:first-child .premium-row-feature,
.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row:first-child .premium-row-free.yes,
.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row:first-child .premium-row-free.no,
.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row:first-child .premium-row-premium.yes,
.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row:first-child .premium-row-premium.no, .vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row:first-child .premium-row-feature,
.vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row:first-child .premium-row-free.yes,
.vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row:first-child .premium-row-free.no,
.vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row:first-child .premium-row-premium.yes,
.vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row:first-child .premium-row-premium.no {
  align-self: start;
  padding-top: 20px;
}

.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row:last-child .premium-row-feature,
.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row:last-child .premium-row-free.yes,
.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row:last-child .premium-row-free.no,
.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row:last-child .premium-row-premium.yes,
.vue-modal.upgrade-modal .modal-body .premium-what-you-get .premium-row:last-child .premium-row-premium.no, .vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row:last-child .premium-row-feature,
.vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row:last-child .premium-row-free.yes,
.vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row:last-child .premium-row-free.no,
.vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row:last-child .premium-row-premium.yes,
.vue-modal.payment-modal .modal-body .premium-what-you-get .premium-row:last-child .premium-row-premium.no {
  padding-bottom: 20px;
}

@media (max-width: 650px) {
  .vue-modal.upgrade-modal .modal-body, .vue-modal.payment-modal .modal-body {
    border-bottom: 0px;
  }
}

@media (max-width: 650px) {
  .vue-modal.upgrade-modal .modal-body, .vue-modal.payment-modal .modal-body {
    overflow-y: initial !important;
  }
}

.vue-modal.upgrade-modal .premium-what-you-get-cta, .vue-modal.payment-modal .premium-what-you-get-cta {
  position: sticky;
  bottom: 0px;
  display: flex;
  width: 100%;
  padding: 140px 16px 40px 16px;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 41.03%, #000 56.62%);
  pointer-events: none;
}

.vue-modal.upgrade-modal .premium-what-you-get-cta .btn, .vue-modal.payment-modal .premium-what-you-get-cta .btn {
  display: flex;
  height: 50px;
  padding: 15px 13px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  align-self: stretch;
  border-radius: 63px;
  border: 1px solid #f5ff8d;
  background: #000000;
  font-weight: 700;
  pointer-events: all;
}

@media (max-width: 650px) {
  .vue-modal.upgrade-modal .premium-what-you-get-cta .btn, .vue-modal.payment-modal .premium-what-you-get-cta .btn {
    width: 100%;
  }
}

.vue-modal.upgrade-modal .modal-dialog {
  max-height: -moz-fit-content;
  max-height: fit-content;
  border-radius: 10px;
  overflow: hidden;
}

.vue-modal.upgrade-modal .modal-content {
  position: relative !important;
  background-color: #000000;
  flex-direction: column;
  flex: 1;
  scrollbar-width: none;
}

.vue-modal.upgrade-modal .modal-content .modal-body {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.vue-modal.upgrade-modal .modal-content .modal-close {
  position: absolute !important;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content {
  position: relative;
  background-image: url("/assets/themes/killing-kittens/images/main/premium-subscription-bg.png");
  background-size: cover;
  background-position: center;
  background-color: #000000;
  background-color: #000000;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap {
  width: 100%;
  padding: 36px 16px 8px;
  color: #FFFFFF;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap.with-offer {
  padding: 36px;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap .premium-logo {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap .upgrade-select-title {
  font-weight: 500;
  margin-top: 15px;
  margin-bottom: 30px;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap .upgrade-select {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap label {
  width: 100%;
  position: relative;
  text-align: center;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap label .plan-info {
  width: 100%;
  height: 100%;
  border-width: 2px;
  padding: 20px;
  margin: 0px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  border-color: #CBD0D7;
  border-style: solid;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2px);
  color: #FFFFFF;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap label .plan-info:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-style: solid;
  border-width: 0px;
  border-color: #F5FF8D;
  border-radius: 9px;
  z-index: 1;
  transition: border-color 0.2s ease-out;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap label .plan-info span {
  display: block;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap label .plan-info span.saving {
  display: inline-flex;
  align-items: center;
  position: absolute;
  top: -12px;
  left: 20px;
  background: #FFFFFF;
  color: #111111;
  height: 24px;
  padding: 0px 8px;
  border-radius: 10rem;
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 21px;
  white-space: nowrap;
  z-index: 2;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap label .plan-info span.month, .vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap label .plan-info span.price {
  font-weight: bold;
  font-style: normal;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap label .plan-info span.month {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 26px;
  line-height: 35px;
  line-height: 26px;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap label .plan-info span.month-text {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 26px;
  line-height: 35px;
  line-height: 26px;
  text-align: left;
  flex: 1;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap label .plan-info span.price {
  font-size: 16px;
  line-height: 25px;
  font-weight: 900;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap label .plan-info span.price.previous-price {
  text-decoration: line-through;
  color: gray;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap label .plan-info span.price.offer-price {
  line-height: 20px;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap label .plan-info span.total {
  font-size: 13px;
  line-height: 22px;
  text-align: right;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap label .plan-info .discounted-price-wrap {
  display: flex;
  gap: 10px;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap label input[type="radio"] {
  display: none;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap label input[type="radio"]:checked + .plan-info {
  border-color: transparent;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap label input[type="radio"]:checked + .plan-info:after {
  border-width: 3px;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap label input[type="radio"]:checked + .plan-info span {
  color: #F5FF8D;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap label input[type="radio"]:checked + .plan-info span.saving {
  color: #111111;
  background-color: #F5FF8D;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .upgrade-select-wrap label input[type="radio"]:checked + .plan-info span.previous-price {
  color: #818d00;
}

.vue-modal.upgrade-modal .modal-content.upgrade-select-content .modal-buttons {
  width: 100%;
  max-width: 100%;
}

@media (max-width: 650px) {
  .vue-modal.upgrade-modal .modal-dialog .modal-content {
    max-width: unset;
  }
  .vue-modal.upgrade-modal .modal-dialog .modal-content .modal-body {
    -webkit-mask-image: linear-gradient(to bottom, black 10px, black 20px, black calc(100% - 10px), rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(to bottom, black 10px, black 20px, black calc(100% - 10px), rgba(0, 0, 0, 0) 100%);
  }
}

.vue-modal {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.pop-out-enter-active,
.pop-out-leave-active {
  transition: all 0.5s;
}

.pop-out-enter,
.pop-out-leave-active {
  opacity: 0;
  transform: translateY(24px);
}

.modal-slide-up-enter-active,
.modal-slide-up-leave-active {
  transition: all 0.5s;
}

@media (max-width: 650px) {
  .modal-slide-up-enter-active,
  .modal-slide-up-leave-active {
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    flex: none;
  }
}

.modal-slide-up-enter {
  opacity: 0;
  transform: translateY(24px);
}

.modal-slide-up-leave-active {
  opacity: 0;
  transform: translateY(24px);
}

@media (max-width: 650px) {
  .modal-slide-up-leave-active {
    opacity: 1;
  }
}

@media (max-width: 650px) {
  .modal-slide-up-enter,
  .modal-slide-up-leave-to {
    transform: translateY(100%);
  }
}

@media (max-width: 650px) {
  .modal-slide-up-leave,
  .modal-slide-up-enter-to {
    transform: translateY(0);
  }
}

.vue-modal-enter,
.vue-modal-leave-to {
  transform: scale(0.8);
  opacity: 0;
}

.vue-modal-enter-active,
.vue-modal-leave-active {
  transition: opacity, transform 0.2s ease-in-out;
}

.vue-modal-enter-to,
.vue-modal-leave {
  opacity: 1;
  transform: scale(1);
}

@media (max-width: 650px) {
  .vue-modal.qr-scanned-modal .modal-dialog {
    height: unset;
    margin-bottom: 0px;
    border-radius: 20px 20px 0px 0px;
  }
}

header .header-notification {
  position: relative;
}

header .header-notification span.notification {
  min-width: 18px;
  height: 18px;
  background: #f20000;
  border: 1px solid #fff;
  border-radius: 10rem;
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 19px;
  line-height: 15px;
  text-align: center;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  letter-spacing: 0px;
  position: absolute;
  top: 23px;
  left: 20px;
}

@media (max-width: 650px) {
  header .header-notification span.notification {
    top: 19px;
  }
}

.main-nav ul li a {
  position: relative;
}

.main-nav ul li a span.notification {
  min-width: 18px;
  height: 18px;
  background: #fff;
  border: 1px solid #000;
  text-align: center;
  margin-left: 0px;
  border-radius: 10rem;
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 19px;
  line-height: 15px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  letter-spacing: 0px;
  position: absolute;
  top: -5px;
  left: 100%;
}

@media (max-width: 1024px) {
  .main-nav ul li a span.notification {
    top: 8px;
    right: auto;
    left: 15px;
  }
}

.mobile-nav ul li a {
  position: relative;
}

.mobile-nav ul li a span.notification {
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  background: #000;
  border: 1px solid #fff;
  position: absolute;
  top: 16px;
  left: 50%;
  margin: 0px;
  margin-left: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10rem;
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 19px;
  line-height: 15px;
  padding: 0 4px;
  color: #fff;
}

.tabs li a span.notification {
  min-width: 18px;
  height: 18px;
  background: #000;
  border: 1px solid #fff;
  text-align: center;
  margin-left: 0px;
  border-radius: 10rem;
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 19px;
  line-height: 15px;
  padding: 0 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  letter-spacing: 0px;
  margin-left: 5px;
  margin-top: -15px;
  -webkit-text-fill-color: #fff;
}

/*.child-view {
  //position: relative;
  transition: all 0.3s cubic-bezier(.55,0,.1,1);
}*/
.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.fade-leave,
.fade-enter-to {
  opacity: 1;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  flex: none;
}

.fade-in-up-enter,
.fade-in-up-leave-to {
  opacity: 0;
  transform: translateY(30px);
}

.fade-in-up-leave,
.fade-in-up-enter-to {
  opacity: 1;
  transform: translateY(0);
}

.fade-in-up-enter-active,
.fade-in-up-leave-active {
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  flex: none;
}

.fade-in-down-enter,
.fade-in-down-leave-to {
  opacity: 0;
  transform: translateY(-100%);
}

.fade-in-down-leave,
.fade-in-down-enter-to {
  opacity: 1;
  transform: translateY(0);
}

.fade-in-down-enter-active,
.fade-in-down-leave-active {
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  flex: none;
}

.slide-up-enter,
.slide-up-leave-to {
  transform: translateY(100%);
}

.slide-up-leave,
.slide-up-enter-to {
  transform: translateY(0);
}

.slide-up-enter-active,
.slide-up-leave-active {
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  flex: none;
}

.delay-0 {
  transition-delay: 0s;
}

.delay-1 {
  transition-delay: 0.15s;
}

.delay-2 {
  transition-delay: 0.3s;
}

.delay-3 {
  transition-delay: 0.45s;
}

.delay-4 {
  transition-delay: 0.6s;
}

.slide-left-enter,
.slide-right-leave-active {
  opacity: 0;
  transform: translate(30px, 0);
}

.slide-left-leave-active,
.slide-right-enter {
  opacity: 0;
  transform: translate(-30px, 0);
}

.slide-left-enter-active,
.slide-left-leave-active,
.slide-right-enter-active,
.slide-right-leave-active {
  position: absolute !important;
  top: 0;
  left: 0;
  bottom: 0px;
  transition: transform ease-in-out 0.3s, opacity ease-in-out 0.3s;
}

.slide-left-leave-to,
.slide-right-enter-active {
  transform: translateX(-100%);
}

.slide-left-enter-active,
.slide-right-leave-to {
  transform: translateX(100%);
}

.slide-left-enter-to,
.slide-right-enter-to {
  transform: translateX(0);
}

.fade-in-help-enter,
.fade-in-help-leave-to {
  opacity: 0;
}

.fade-in-help-leave,
.fade-in-help-enter-to {
  opacity: 1;
}

.fade-in-help-enter-active,
.fade-in-help-leave-active {
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  flex: none;
}

.fade-in-help-leave-active {
  transition-delay: 0s;
}

.fade-in-help-enter-active {
  transition-delay: 0.75s;
}

.tooltip {
  display: block !important;
  z-index: 10000;
  margin: 10px;
}

.tooltip .tooltip-inner {
  background: #000000;
  color: white;
  border-radius: 0.5rem;
  padding: 8px 12px;
}

.tooltip .tooltip-inner p,
.tooltip .tooltip-inner h1,
.tooltip .tooltip-inner h2,
.tooltip .tooltip-inner h3,
.tooltip .tooltip-inner h4,
.tooltip .tooltip-inner h5,
.tooltip .tooltip-inner h6 {
  margin: 0px;
}

.tooltip .tooltip-inner ol {
  list-style-type: decimal;
  padding-left: 8px;
}

.tooltip .tooltip-inner ol li {
  margin-top: 8px;
}

.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
  border-color: #000000;
  z-index: 1;
  box-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15));
}

.tooltip[x-placement^="top"] {
  margin-bottom: 5px;
}

.tooltip[x-placement^="top"] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^="bottom"] {
  margin-top: 5px;
}

.tooltip[x-placement^="bottom"] .tooltip-arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-top-color: transparent !important;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^="right"] {
  margin-left: 5px;
}

.tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  box-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15));
  border: 1px solid #e5e7eb;
  border-left-color: transparent !important;
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.tooltip[x-placement^="left"] {
  margin-right: 5px;
}

.tooltip[x-placement^="left"] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.tooltip.popover .popover-inner {
  background: #ffffff;
  color: black;
  padding: 16px;
  border-radius: 0.5rem;
  box-shadow: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15));
  border: 1px solid #e5e7eb;
}

.tooltip[aria-hidden="true"] {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s, visibility 0.15s;
}

.tooltip[aria-hidden="false"] {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.15s;
}

.pac-logo::after {
  display: none;
}

/*!
 * vue2-animate
 * (c) 2018 Pavel Savushkin
 * Released under the MIT License.
 * Documentation: https://github.com/asika32764/vue2-animate
 */
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.bounce-enter-active, .bounceIn,
.bounce-leave-active, .bounceOut {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.bounce-enter-active, .bounceIn {
  animation-name: bounceIn;
}

.bounce-leave-active, .bounceOut {
  animation-name: bounceOut;
}

.bounceDown-enter-active, .bounceInDown,
.bounceDown-leave-active, .bounceOutDown {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.bounceDown-enter-active, .bounceInDown {
  animation-name: bounceInDown;
}

.bounceDown-leave-active, .bounceOutDown {
  animation-name: bounceOutDown;
}

.bounceLeft-enter-active, .bounceInLeft,
.bounceLeft-leave-active, .bounceOutLeft {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.bounceLeft-enter-active, .bounceInLeft {
  animation-name: bounceInLeft;
}

.bounceLeft-leave-active, .bounceOutLeft {
  animation-name: bounceOutLeft;
}

.bounceRight-enter-active, .bounceInRight,
.bounceRight-leave-active, .bounceOutRight {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.bounceRight-enter-active, .bounceInRight {
  animation-name: bounceInRight;
}

.bounceRight-leave-active, .bounceOutRight {
  animation-name: bounceOutRight;
}

.bounceUp-enter-active, .bounceInUp,
.bounceUp-leave-active, .bounceOutUp {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.bounceUp-enter-active, .bounceInUp {
  animation-name: bounceInUp;
}

.bounceUp-leave-active, .bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

.fade-enter-active, .fadeIn,
.fade-leave-active, .fadeOut {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.fade-enter-active, .fadeIn {
  animation-name: fadeIn;
}

.fade-leave-active, .fadeOut {
  animation-name: fadeOut;
}

.fadeDown-enter-active, .fadeInDown,
.fadeDown-leave-active, .fadeOutDown {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.fadeDown-enter-active, .fadeInDown {
  animation-name: fadeInDown;
}

.fadeDown-leave-active, .fadeOutDown {
  animation-name: fadeOutDown;
}

.fadeDownBig-enter-active, .fadeInDownBig,
.fadeDownBig-leave-active, .fadeOutDownBig {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.fadeDownBig-enter-active, .fadeInDownBig {
  animation-name: fadeInDownBig;
}

.fadeDownBig-leave-active, .fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

.fadeLeft-enter-active, .fadeInLeft,
.fadeLeft-leave-active, .fadeOutLeft {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.fadeLeft-enter-active, .fadeInLeft {
  animation-name: fadeInLeft;
}

.fadeLeft-leave-active, .fadeOutLeft {
  animation-name: fadeOutLeft;
}

.fadeLeftBig-enter-active, .fadeInLeftBig,
.fadeLeftBig-leave-active, .fadeOutLeftBig {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.fadeLeftBig-enter-active, .fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

.fadeLeftBig-leave-active, .fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

.fadeRight-enter-active, .fadeInRight,
.fadeRight-leave-active, .fadeOutRight {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.fadeRight-enter-active, .fadeInRight {
  animation-name: fadeInRight;
}

.fadeRight-leave-active, .fadeOutRight {
  animation-name: fadeOutRight;
}

.fadeRightBig-enter-active, .fadeInRightBig,
.fadeRightBig-leave-active, .fadeOutRightBig {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.fadeRightBig-enter-active, .fadeInRightBig {
  animation-name: fadeInRightBig;
}

.fadeRightBig-leave-active, .fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

.fadeUp-enter-active, .fadeInUp,
.fadeUp-leave-active, .fadeOutUp {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.fadeUp-enter-active, .fadeInUp {
  animation-name: fadeInUp;
}

.fadeUp-leave-active, .fadeOutUp {
  animation-name: fadeOutUp;
}

.fadeUpBig-enter-active, .fadeInUpBig,
.fadeUpBig-leave-active, .fadeOutUpBig {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.fadeUpBig-enter-active, .fadeInUpBig {
  animation-name: fadeInUpBig;
}

.fadeUpBig-leave-active, .fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotate-enter-active, .rotateIn,
.rotate-leave-active, .rotateOut {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.rotate-enter-active, .rotateIn {
  animation-name: rotateIn;
}

.rotate-leave-active, .rotateOut {
  animation-name: rotateOut;
}

.rotateDownLeft-enter-active, .rotateInDownLeft,
.rotateDownLeft-leave-active, .rotateOutDownLeft {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.rotateDownLeft-enter-active, .rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

.rotateDownLeft-leave-active, .rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

.rotateDownRight-enter-active, .rotateInDownRight,
.rotateDownRight-leave-active, .rotateOutDownRight {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.rotateDownRight-enter-active, .rotateInDownRight {
  animation-name: rotateInDownRight;
}

.rotateDownRight-leave-active, .rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

.rotateUpLeft-enter-active, .rotateInUpLeft,
.rotateUpLeft-leave-active, .rotateOutUpLeft {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.rotateUpLeft-enter-active, .rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

.rotateUpLeft-leave-active, .rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

.rotateUpRight-enter-active, .rotateInUpRight,
.rotateUpRight-leave-active, .rotateOutUpRight {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.rotateUpRight-enter-active, .rotateInUpRight {
  animation-name: rotateInUpRight;
}

.rotateUpRight-leave-active, .rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}

.slide-enter-active, .slideIn,
.slide-leave-active, .slideOut {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.slide-enter-active, .slideIn {
  animation-name: slideIn;
}

.slide-leave-active, .slideOut {
  animation-name: slideOut;
}

.slideDown-enter-active, .slideInDown,
.slideDown-leave-active, .slideOutDown {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.slideDown-enter-active, .slideInDown {
  animation-name: slideInDown;
}

.slideDown-leave-active, .slideOutDown {
  animation-name: slideOutDown;
}

.slideLeft-enter-active, .slideInLeft,
.slideLeft-leave-active, .slideOutLeft {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.slideLeft-enter-active, .slideInLeft {
  animation-name: slideInLeft;
}

.slideLeft-leave-active, .slideOutLeft {
  animation-name: slideOutLeft;
}

.slideRight-enter-active, .slideInRight,
.slideRight-leave-active, .slideOutRight {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.slideRight-enter-active, .slideInRight {
  animation-name: slideInRight;
}

.slideRight-leave-active, .slideOutRight {
  animation-name: slideOutRight;
}

.slideUp-enter-active, .slideInUp,
.slideUp-leave-active, .slideOutUp {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.slideUp-enter-active, .slideInUp {
  animation-name: slideInUp;
}

.slideUp-leave-active, .slideOutUp {
  animation-name: slideOutUp;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    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);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    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);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    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);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    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);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoom-enter-active, .zoomIn,
.zoom-leave-active, .zoomOut {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.zoom-enter-active, .zoomIn {
  animation-name: zoomIn;
}

.zoom-leave-active, .zoomOut {
  animation-name: zoomOut;
}

.zoomDown-enter-active, .zoomInDown,
.zoomDown-leave-active, .zoomOutDown {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.zoomDown-enter-active, .zoomInDown {
  animation-name: zoomInDown;
}

.zoomDown-leave-active, .zoomOutDown {
  animation-name: zoomOutDown;
}

.zoomLeft-enter-active, .zoomInLeft,
.zoomLeft-leave-active, .zoomOutLeft {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.zoomLeft-enter-active, .zoomInLeft {
  animation-name: zoomInLeft;
}

.zoomLeft-leave-active, .zoomOutLeft {
  animation-name: zoomOutLeft;
}

.zoomRight-enter-active, .zoomInRight,
.zoomRight-leave-active, .zoomOutRight {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.zoomRight-enter-active, .zoomInRight {
  animation-name: zoomInRight;
}

.zoomRight-leave-active, .zoomOutRight {
  animation-name: zoomOutRight;
}

.zoomUp-enter-active, .zoomInUp,
.zoomUp-leave-active, .zoomOutUp {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.zoomUp-enter-active, .zoomInUp {
  animation-name: zoomInUp;
}

.zoomUp-leave-active, .zoomOutUp {
  animation-name: zoomOutUp;
}

@keyframes flipIn {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
    opacity: 0.4;
  }
  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
    opacity: 0.5;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
    opacity: 0.8;
  }
  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
    opacity: 1;
  }
}

@keyframes flipOut {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
    opacity: 1;
  }
  40% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
    opacity: 0.6;
  }
  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
    opacity: 0.5;
  }
  80% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
    opacity: 0.2;
  }
  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
    opacity: 0;
  }
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flip-enter-active, .flipIn,
.flip-leave-active, .flipOut {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.flip-enter-active, .flipIn {
  animation-name: flipIn;
}

.flip-leave-active, .flipOut {
  animation-name: flipOut;
}

.flipX-enter-active, .flipInX,
.flipX-leave-active, .flipOutX {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.flipX-enter-active, .flipInX {
  animation-name: flipInX;
}

.flipX-leave-active, .flipOutX {
  animation-name: flipOutX;
}

.flipY-enter-active, .flipInY,
.flipY-leave-active, .flipOutY {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.flipY-enter-active, .flipInY {
  animation-name: flipInY;
}

.flipY-leave-active, .flipOutY {
  animation-name: flipOutY;
}

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeed-enter-active, .lightSpeedIn,
.lightSpeed-leave-active, .lightSpeedOut {
  animation-duration: 0.35s;
  animation-fill-mode: both;
}

.lightSpeed-enter-active, .lightSpeedIn {
  animation-name: lightSpeedIn;
}

.lightSpeed-leave-active, .lightSpeedOut {
  animation-name: lightSpeedOut;
}

.v--modal-overlay {
  z-index: 9998 !important;
}

.slide-enter-active, .slide-leave-active {
  transition: all .6s ease;
}

.slide-enter, .slide-leave-to {
  transform: translateY(-100%);
  opacity: 0;
}

*,
*:before,
*:after {
  vertical-align: top;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  padding: 0px;
  margin: 0px;
  position: relative;
  font-size: 14px;
  line-height: 23px;
  min-width: 320px;
  overflow-y: hidden;
  color: #4F575E;
}

.fade-enter,
.fade-leave-to {
  opacity: 0;
}

.background-fade-enter-active, .background-fade-leave-active {
  transition: opacity 1s ease-in-out;
}

.background-fade-enter, .background-fade-leave-to {
  opacity: 0;
}

.blurred {
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

h1,
h2,
h3,
h4,
h5,
h6,
dt {
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
}

.unbold {
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
}

b,
strong,
.bold {
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
  vertical-align: baseline;
}

a {
  color: #000000;
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
  text-decoration: underline;
}

a:hover {
  color: #1a1a1a;
}

a[data-quickview="false"] {
  color: #000000;
}

.title-main {
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
}

.title-main-bold {
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
}

.script-font {
  font-family: 'smooth-stone';
  font-weight: 400;
}

.event-calendar {
  background: #FFFFFF;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  border-radius: 12px;
}

.event-calendar .event-calendar-top {
  color: #F5003A;
}

.event-calendar .event-calendar-bottom {
  color: #171C22;
}

/****************
* Subscriptions *
****************/
.basic-gradient-text {
  background: linear-gradient(to right, #58646E 0%, #414a52 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.premium-gradient-text {
  background: linear-gradient(to right, #F5FF8D 0%, #111111 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.premium-gradient-text i {
  background: linear-gradient(to right, #F5FF8D 0%, #111111 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.premium-text {
  color: #F5FF8D;
}

.VueCarousel-dot {
  background-color: black !important;
}

.VueCarousel-dot--active {
  background-color: #F5FF8D !important;
}

.buttons-v-img {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 40px;
}

.buttons-v-img a {
  padding: 8px;
  display: flex;
}

body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: #E5E5E5;
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
}

body .background-overlay {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 101;
}

body #app {
  min-height: 100%;
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

body #app .app-container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

body #app .app-loading {
  display: flex;
  align-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  flex: 1;
  align-items: center;
}

body #app .tabs + .container {
  overflow-y: auto;
  padding-top: 71px;
}

@media (max-width: 650px) {
  body #app .tabs + .container {
    overflow-y: visible;
    height: auto;
    padding-top: 45px;
  }
}

.reaction {
  width: 20px;
  height: 20px;
  background-image: url("/assets/images/icons/react.png");
  background-repeat: no-repeat;
  background-size: auto 20px;
  display: inline-block;
}

.reaction.reaction-1 {
  background-position: 0px 0px;
}

.reaction.reaction-2 {
  background-position: -20px 0px;
}

.reaction.reaction-3 {
  background-position: -40px 0px;
}

.reaction.reaction-4 {
  background-position: -60px 0px;
}

.reaction.reaction-5 {
  background-position: -80px 0px;
}

.reaction.reaction-6 {
  background-position: -100px 0px;
}

.reaction.reaction-sm {
  width: 17px;
  height: 17px;
  background-size: auto 17px;
}

.reaction.reaction-sm.reaction-1 {
  background-position: 0px 0px;
}

.reaction.reaction-sm.reaction-2 {
  background-position: -17px 0px;
}

.reaction.reaction-sm.reaction-3 {
  background-position: -34px 0px;
}

.reaction.reaction-sm.reaction-4 {
  background-position: -51px 0px;
}

.reaction.reaction-sm.reaction-5 {
  background-position: -68px 0px;
}

.reaction.reaction-sm.reaction-6 {
  background-position: -85px 0px;
}

.reaction.reaction-xl {
  width: 36px;
  height: 36px;
  background-size: auto 36px;
}

.reaction.reaction-xl.reaction-1 {
  background-position: 0px 0px;
}

.reaction.reaction-xl.reaction-2 {
  background-position: -36px 0px;
}

.reaction.reaction-xl.reaction-3 {
  background-position: -72px 0px;
}

.reaction.reaction-xl.reaction-4 {
  background-position: -108px 0px;
}

.reaction.reaction-xl.reaction-5 {
  background-position: -144px 0px;
}

.reaction.reaction-xl.reaction-6 {
  background-position: -180px 0px;
}

.no-results {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 40px 20px;
  text-align: center;
}

.no-results .no-results-icon {
  width: 100%;
  margin-bottom: 12px;
}

.no-results .no-results-icon i {
  font-size: 40px;
}

.no-results .no-results-actions {
  width: 100%;
  margin-top: 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.no-results .no-results-actions a {
  max-width: 250px;
}

.no-results h4 {
  width: 100%;
  font-size: 20px;
  line-height: 29px;
  margin: 0px;
  color: #4F575E;
  margin-bottom: 8px;
  word-wrap: break-word;
}

.no-results p {
  width: 100%;
  font-size: 16px;
  line-height: 25px;
  margin: 0px;
  color: #707a82;
}

.tabs {
  display: flex;
  flex-direction: row;
  list-style: none;
  margin: 0px;
  padding: 0px;
  text-align: center;
  height: 51px;
  overflow: hidden;
  z-index: 6;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.1);
  background: #FFFFFF;
}

.tabs li {
  width: 100%;
  display: inline-block;
  position: relative;
}

.tabs li a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 21px;
  line-height: 30px;
  color: #4F575E;
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
}

.tabs li a:hover {
  color: #383d42;
}

.tabs li a.desktop-only {
  display: flex;
}

.tabs li a.mobile-only {
  display: none;
}

@media (max-width: 800px) {
  .tabs li a.desktop-only {
    display: none;
  }
  .tabs li a.mobile-only {
    display: flex;
  }
}

.tabs li a i {
  display: inline-block;
  margin-right: 5px;
}

.tabs li a i.app-icon-matched {
  font-size: 18px;
  line-height: 0px;
}

.tabs li a span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.tabs li a span.gt-phablet {
  display: flex;
}

@media (max-width: 650px) {
  .tabs li a span.gt-phablet {
    display: none;
  }
}

.tabs li a span.lt-phablet {
  display: none;
}

@media (max-width: 650px) {
  .tabs li a span.lt-phablet {
    display: flex;
  }
}

.tabs li a.selected {
  color: #000000;
}

.tabs li a.selected:hover {
  color: #000000;
}

.tabs li a.selected:after {
  bottom: 0px;
}

.tabs li a:after {
  height: 2px;
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0px;
  right: 0px;
  transition: all 0.2s ease-out;
  background: #000000;
}

.tabs.two-wide li {
  width: 50%;
}

.tabs.three-wide li {
  width: 33.3%;
}

.tabs.four-wide li {
  width: 25%;
}

@media (max-width: 650px) {
  .tabs {
    height: 45px;
  }
  .tabs li a {
    padding-top: 7px;
  }
}

.custom-input-group {
  display: flex;
}

.custom-input-group > .prefix {
  font-size: 20px;
  line-height: 51px;
  font-weight: 500;
  color: #d6dbe0;
  position: absolute;
}

a {
  transition: color 0.2s ease-out;
  text-decoration: none;
}

a[data-quickview="false"] {
  cursor: default;
}

.no-more {
  width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 16px;
  line-height: 25px;
  padding: 43px 0;
  opacity: 0.6;
}

.no-more p {
  margin: 0px;
}

.infinite-loader {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 36px 0;
  overflow: hidden;
}

.update-banner {
  display: flex;
  width: 100%;
  z-index: 102;
  padding: 4px;
  min-height: 30px;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  flex: none;
  background: #1a1a1a;
  border-bottom: 1px solid #404040;
}

.update-banner > p {
  display: inline-block;
  padding: 0px;
  margin: 0px;
  color: #FFFFFF;
  font-size: 13px;
  line-height: 22px;
  vertical-align: middle;
  text-align: center;
}

.update-banner > .btn {
  color: #1a1a1a;
  display: inline-flex;
  align-items: center;
  background: #FFFFFF;
  padding-right: 20px;
  padding-left: 20px;
  margin: 8px 8px 8px 8px;
  vertical-align: middle;
}

.update-banner > .btn:hover {
  background: #a6a6a6;
}

@media (max-width: 650px) {
  .update-banner {
    padding: 14px;
  }
  .update-banner p {
    font-size: 16px;
    line-height: 25px;
  }
}

.verification-bar {
  display: flex;
  width: 100%;
  z-index: 102;
  padding: 4px;
  min-height: 30px;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
  flex: none;
}

.verification-bar.error {
  background: #dd000b;
}

.verification-bar.error .btn {
  color: #dd000b;
}

.verification-bar.error .btn:hover {
  background: #fff7f7;
}

.verification-bar.info {
  background: #FC6B21;
}

.verification-bar.info .btn {
  color: #FC6B21;
}

.verification-bar.info .btn:hover {
  background: white;
}

.verification-bar.success {
  background: #64B830;
}

.verification-bar.success .btn {
  color: #64B830;
}

.verification-bar.success .btn:hover {
  background: white;
}

.verification-bar.no-button p {
  padding: 12px 0;
}

.verification-bar p {
  display: inline-block;
  padding: 0px;
  margin: 0px;
  color: #FFFFFF;
  font-size: 13px;
  line-height: 22px;
  vertical-align: middle;
  text-align: center;
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
}

.verification-bar .btn {
  display: inline-block;
  background: #FFFFFF;
  padding-right: 20px;
  padding-left: 20px;
  margin: 8px 8px 8px 8px;
  vertical-align: middle;
}

@media (max-width: 650px) {
  .verification-bar {
    display: none;
  }
}

.app-content {
  width: 100%;
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  overflow: hidden;
}

.app-content .app-navigation {
  width: 270px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  flex: none;
  border-right-style: solid;
  border-right-width: 1px;
  background-color: #111111;
  border-color: #444444;
}

.app-content main {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

header {
  width: 100%;
  height: 70px;
  padding-left: 270px;
  z-index: 100;
  display: flex;
  align-items: center;
  position: relative;
  background: #111111;
}

@media (max-width: 650px) {
  header {
    background-color: #FFFFFF;
  }
}

header .login-signup-header {
  position: absolute;
  right: 20px;
  display: flex;
  flex-direction: row;
}

header .login-signup-header .btn-su-login {
  border-radius: 10rem;
  padding: 6px 20px;
  border: 2px solid #FFF;
  background: transparent;
  color: #FFF;
  display: inline-flex;
  font-size: 15px;
  line-height: 24px;
}

header .login-signup-header .btn-su-login:hover {
  color: #111111;
  background: #FFF;
}

header .login-signup-header .btn-su-login + .btn {
  margin-left: 10px;
}

@media (max-width: 650px) {
  header .login-signup-header .btn-su-login {
    color: #111111;
    border-color: #111111;
  }
  header .login-signup-header .btn-su-login:hover {
    color: #FFF;
    background: #111111;
  }
}

header .nav-logo {
  width: 35px;
  display: inline-block;
  position: absolute;
  top: 20px;
  left: 40px;
}

@media (max-width: 1024px) {
  header .nav-logo {
    left: 20px;
  }
}

header .nav-logo img {
  width: 100%;
  height: auto;
  display: inline-block;
}

header .nav-logo img.m-logo {
  display: none;
}

header .header-notification {
  height: 70px;
  position: absolute;
  top: 0px;
  right: 90px;
  font-size: 25px;
  padding: 22px 15px 20px 5px;
  color: #FFFFFF;
}

header .header-notification:hover {
  color: #e6e6e6;
}

header .rhm-toggle {
  display: inline-block;
  position: absolute;
  top: 15px;
  right: 40px;
  z-index: 3;
  cursor: pointer;
}

header .rhm-toggle.with-alert .rhm-toggle-alert, header .rhm-toggle.with-warning .rhm-toggle-alert {
  display: inline-flex;
}

header .rhm-toggle.premium .rhm-toggle-pic {
  border: 2px solid #000;
}

header .rhm-toggle.premium .rhm-toggle-premium {
  display: inline-flex;
}

header .rhm-toggle.premium .rhm-toggle-alert {
  display: none;
}

header .rhm-toggle.with-warning.premium .rhm-toggle-pic,
header .rhm-toggle.with-warning .rhm-toggle-pic {
  border: 2px solid #F29100;
}

header .rhm-toggle.with-warning .rhm-toggle-alert i {
  background: linear-gradient(74.2deg, #F29100 -1.72%, #FFB930 103.01%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

header .rhm-toggle.with-warning.premium .rhm-toggle-premium {
  display: none;
}

header .rhm-toggle.with-alert.premium .rhm-toggle-pic,
header .rhm-toggle.with-alert .rhm-toggle-pic {
  border: 2px solid #F20000;
}

header .rhm-toggle.with-alert .rhm-toggle-alert i {
  background: linear-gradient(74.2deg, #F20000 -1.72%, #D60505 103.01%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

header .rhm-toggle.with-alert.premium .rhm-toggle-premium {
  display: none;
}

header .rhm-toggle.boosted.premium .rhm-toggle-pic,
header .rhm-toggle.boosted.with-alert .rhm-toggle-pic,
header .rhm-toggle.boosted.with-warning .rhm-toggle-pic,
header .rhm-toggle.boosted .rhm-toggle-pic {
  border: 2px solid #000;
}

header .rhm-toggle.boosted .rhm-toggle-boosted {
  display: inline-flex;
}

header .rhm-toggle.boosted .rhm-toggle-alert, header .rhm-toggle.boosted .rhm-toggle-premium {
  display: none;
}

header .rhm-toggle .rhm-toggle-alert {
  display: none;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: 8px;
  border-radius: 10rem;
  border: 1px solid #FFF;
  background: #FFF;
}

header .rhm-toggle .rhm-toggle-alert i {
  font-size: 18px;
  display: inline-block;
  position: relative;
  z-index: 2;
}

header .rhm-toggle .rhm-toggle-premium {
  display: none;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}

header .rhm-toggle .rhm-toggle-boosted {
  display: none;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: 8px;
  border-radius: 10rem;
  border: 1px solid #000;
  background: #F5FF8D;
}

header .rhm-toggle .rhm-toggle-boosted i {
  font-size: 10px;
  display: inline-block;
  position: relative;
  z-index: 2;
  padding: 3px;
  color: #000;
  border: 1px solid #000;
  border-radius: 30px;
}

header .rhm-toggle .rhm-toggle-pic {
  width: 40px;
  height: 40px;
  background-size: cover;
  border-radius: 20px;
  border: 1px solid #4F575E;
}

header .ss-container {
  position: absolute;
  height: 70px;
  top: 0px;
  margin-left: 270px;
  left: 18%;
  right: 18%;
  max-width: 1150px;
}

@media (max-width: 1440px) {
  header .ss-container {
    left: 270px;
    right: 153px;
    margin-left: 0px;
  }
}

@media (max-width: 1024px) {
  header .ss-container {
    left: 80px;
  }
}

@media (max-width: 650px) {
  header .ss-container {
    right: 50px;
    left: 50px;
    height: 63px;
    display: none;
  }
}

header .ss-container .ss-toggle-open {
  position: absolute;
  top: 0px;
  z-index: 5;
  display: none;
  color: #FFFFFF;
  font-size: 22px;
  padding: 23px 6px;
  transition-property: none;
  transform: translateX(-50%);
  left: 50%;
  right: auto;
}

header .ss-container .ss-toggle-open .app-icon-cross-thin {
  display: none;
}

@media (max-width: 650px) {
  header .ss-container .ss-toggle-open {
    display: flex;
    color: #000000;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

header .ss-container .ss-search-container {
  width: 100%;
  position: absolute;
  top: 15px;
  right: 0px;
  z-index: 5;
}

@media (max-width: 650px) {
  header .ss-container .ss-search-container {
    right: 52px;
  }
}

header .ss-container .ss-search-container .ss-input.with-value:after {
  left: 16px;
  margin-left: 0px;
}

header .ss-container .ss-search-container .ss-input.with-value input {
  text-align: left;
  padding-left: 40px;
  padding-right: 90px;
}

@media (max-width: 650px) {
  header .ss-container .ss-search-container .ss-input.with-value input {
    padding-right: 50px;
  }
}

header .ss-container .ss-search-container .ss-input input {
  width: 100%;
  height: 40px;
  display: block;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
  text-align: left;
  padding-left: 46px;
  padding-right: 20px;
  text-align: center;
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 14px;
  line-height: 23px;
}

@media (max-width: 650px) {
  header .ss-container .ss-search-container .ss-input input {
    display: none;
    height: 48px;
  }
}

header .ss-container .ss-search-container .ss-input:after {
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #9d9d9d;
  position: absolute;
  font-size: 16px;
  line-height: 40px;
  top: 0px;
  left: 50%;
  margin-left: -90px;
}

@media (max-width: 650px) {
  header .ss-container .ss-search-container .ss-input:after {
    display: none;
    line-height: 48px;
    margin-left: -90px;
  }
}

header .ss-container .ss-search-container .ss-input .ss-desktop-close {
  display: none;
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 14px;
  align-items: center;
  justify-content: center;
  color: #9d9d9d;
  height: 40px;
  flex: 1;
}

header .ss-container .ss-search-container .ss-input .ss-desktop-close span {
  display: flex;
  padding: 2px 14px 2px 11px;
}

header .ss-container .ss-search-container .ss-input .ss-toggle {
  font-size: 12px;
  line-height: 21px;
  position: absolute;
  top: 0px;
  right: 39px;
  color: #9d9d9d;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}

header .ss-container .ss-search-container .ss-input .ss-toggle + .ss-desktop-close span {
  border-left: 1px solid #b7b7b7;
}

@media (max-width: 650px) {
  header .ss-container .ss-search-container .ss-input .ss-toggle {
    height: 48px;
    right: 0px;
  }
}

header .ss-container .ss-search-container .ss-results {
  display: none;
  background: #FFFFFF;
  width: 100%;
  margin-top: 8px;
  border-radius: 10px;
  max-height: 400px;
  overflow-y: auto;
}

header .ss-container .ss-search-container .ss-results .loading {
  display: flex;
  justify-content: center;
  padding: 15px 16px 16px 16px;
}

header .ss-container .ss-search-container .ss-results .ss-results-list {
  width: 100%;
  padding: 7px 0;
}

header .ss-container .ss-search-container .ss-results .ss-results-list .ss-no-results {
  width: 100%;
  display: inline-block;
  padding: 10px 22px;
  text-align: center;
}

header .ss-container .ss-search-container .ss-results .ss-results-list h2 {
  margin: 0px;
  font-size: 14px;
  line-height: 23px;
  margin-top: 10px;
  margin-bottom: 5px;
  padding: 0px 12px;
}

header .ss-container .ss-search-container .ss-results .ss-results-list h2:first-child {
  margin-top: 0px;
}

header .ss-container .ss-search-container .ss-results .ss-results-list .ss-result-item {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}

header .ss-container .ss-search-container .ss-results .ss-results-list .ss-result-item a {
  display: flex;
  flex: 1;
  transition: background-color 0.2s ease-out;
  padding: 5px 12px;
}

header .ss-container .ss-search-container .ss-results .ss-results-list .ss-result-item a:hover {
  background-color: #f7f7f7;
}

header .ss-container .ss-search-container .ss-results .ss-results-list .ss-result-item .ss-result-item-image {
  display: flex;
  flex: none;
  position: relative;
  width: 42px;
}

header .ss-container .ss-search-container .ss-results .ss-results-list .ss-result-item .ss-result-item-image span {
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0px;
  right: 0px;
  border-radius: 50%;
  background: #000000;
  color: white;
  font-size: 9px;
}

header .ss-container .ss-search-container .ss-results .ss-results-list .ss-result-item .ss-result-item-image img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.2));
}

header .ss-container .ss-search-container .ss-results .ss-results-list .ss-result-item .ss-result-item-info {
  display: flex;
  flex: 1;
  font-size: 14px;
  line-height: 23px;
  font-weight: 400;
  padding-left: 10px;
  color: #4F575E;
  margin: auto;
}

header .ss-container .ss-search-container .ss-results .ss-results-list .ss-result-item .ss-result-item-info .highlight {
  background: none;
  font-weight: bold;
  color: #4F575E;
}

header .ss-container .ss-search-container .ss-results .ss-results-list .ss-result-item .ss-result-item-additional {
  display: flex;
  flex: none;
  font-size: 13px;
  line-height: 22px;
  color: #707a82;
  font-weight: normal;
  align-items: center;
}

@media (max-width: 650px) {
  header .ss-container .ss-search-container {
    top: 8px;
  }
  header .ss-container .ss-search-container .ss-results {
    max-height: 80vh;
  }
}

header .ss-container .backdrop {
  z-index: 4;
  position: fixed;
  display: none;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 650px) {
  header .ss-container.open {
    right: 0px;
    background: #FFFFFF;
    z-index: 10;
    left: 12px;
  }
}

header .ss-container.open .backdrop {
  display: block;
}

header .ss-container.open .ss-toggle-open {
  transform: unset;
  left: auto;
  right: 0px;
  margin-right: 12px;
}

header .ss-container.open .ss-toggle-open .app-icon-search-thin {
  display: none;
}

header .ss-container.open .ss-toggle-open .app-icon-cross-thin {
  display: block;
}

@media (max-width: 650px) {
  header .ss-container.open .ss-search-container {
    width: calc(100% - 52px);
  }
}

header .ss-container.open .ss-search-container .ss-input .ss-desktop-close {
  display: flex;
}

@media (max-width: 650px) {
  header .ss-container.open .ss-search-container .ss-input .ss-desktop-close {
    display: none;
  }
}

@media (max-width: 650px) {
  header .ss-container.open .ss-search-container .ss-input input {
    display: inline-block;
    opacity: 1;
  }
}

header .ss-container.open .ss-search-container .ss-input:after {
  display: inline-block;
}

header .ss-container.open .ss-search-container.searching .ss-results {
  display: inline-block;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}

@media (max-width: 650px) {
  header .ss-container.open .ss-toggle-open {
    color: white;
  }
}

@media (max-width: 650px) {
  header {
    height: 63px;
  }
  header .nav-logo {
    top: 17px;
    left: 15px;
  }
  header .nav-logo img.m-logo {
    display: inline-block;
  }
  header .nav-logo img.d-logo {
    display: none;
  }
  header .header-notification {
    height: 63px;
    right: 80px;
    color: #000000;
    padding: 18px 15px 17px 5px;
  }
  header .header-notification:hover {
    color: #0d0d0d;
  }
  header .rhm-toggle {
    right: 30px;
    top: 12px;
  }
}

nav.rhm {
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: right;
  z-index: 104;
}

nav.rhm .backdrop {
  z-index: 1;
  position: fixed;
  display: none;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
}

nav.rhm.open .backdrop {
  display: block;
}

nav.rhm .rhm-close {
  transition: background-color 0.2s ease-out;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  cursor: pointer;
  border: 0px;
  padding: 0px;
  font-size: 20px;
  z-index: 5;
  position: absolute;
  right: 17px;
  top: 17px;
  font-size: 12px;
}

nav.rhm .rhm-close:hover, nav.rhm .rhm-close:focus {
  background: black;
}

nav.rhm .rhm-header {
  background: #FFF;
  padding-bottom: 20px;
}

nav.rhm .rhm-me {
  display: flex;
  flex-direction: row;
  padding: 15px 15px 0px;
}

nav.rhm .rhm-me.complete-profile .rhm-me-pic {
  border: 3px solid #ffb930;
}

nav.rhm .rhm-me .rhm-me-pic {
  width: 61px;
  height: 61px;
  border-radius: 10rem;
  display: flex;
  flex: none;
  background-size: cover;
  background-position: center;
}

nav.rhm .rhm-me .rhm-me-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 15px;
}

nav.rhm .rhm-me .rhm-me-info .user-name-wrap {
  width: 100%;
  display: flex;
  gap: 10px;
  align-items: stretch;
  padding-right: 45px;
  margin-top: 6px;
}

nav.rhm .rhm-me .rhm-me-info h3 {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 33px;
  line-height: 24px;
  line-height: 26px;
  margin: 0px;
  color: #181c1f;
  transform: translateY(2px);
}

nav.rhm .rhm-me .rhm-me-info p {
  margin: 0px;
  color: #4F575E;
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  transition: all 0.2s ease-out;
  display: flex;
  align-items: center;
}

nav.rhm .rhm-me .rhm-me-info p .complete-profile-toggle {
  display: inline-flex;
  margin-right: 7px;
}

nav.rhm .rhm-me .rhm-me-info p .complete-profile-toggle i {
  background: linear-gradient(74.2deg, #f29100 -1.72%, #ffb930 103.01%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 17px;
  line-height: 18px;
}

nav.rhm .rhm-me .rhm-me-info p:hover {
  color: #707a82;
}

nav.rhm .rhm-me .current-subscription a.account-status {
  color: #4F575E;
  border-radius: 10rem;
  padding: 7px 11px;
  font-size: 12px;
  line-height: 21px;
  display: inline-flex;
  align-items: center;
}

nav.rhm .rhm-me .current-subscription a.account-status img {
  height: 11px;
  width: auto;
}

nav.rhm .rhm-me .current-subscription a.account-status.premium {
  font-size: 19px;
  padding: 0px;
}

nav.rhm .rhm-me .current-subscription a.account-status.admin, nav.rhm .rhm-me .current-subscription a.account-status.manager {
  padding: 5px 13px;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 24px;
  line-height: 15px;
}

nav.rhm .rhm-upgrade {
  padding: 15px 15px 0;
}

nav.rhm .rhm-upgrade a {
  color: #FFF;
  border-radius: 10rem;
  padding: 12px 11px;
  font-size: 16px;
  line-height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  background: radial-gradient(32.71% 116.96% at 50.14% 154.76%, #F5FF8D 0%, #111111 100%), #FFFFFF;
}

nav.rhm .meet-tonight-wrapper {
  display: flex;
  width: 100%;
  margin-top: 20px;
  padding: 15px 25px;
  align-items: center;
  gap: 10px;
  background: #FFF;
  border-top: 1px solid #e6e8eb;
  border-bottom: 1px solid #e6e8eb;
}

nav.rhm .meet-tonight-wrapper .action-box {
  position: relative;
  padding: 0px;
}

nav.rhm .meet-tonight-wrapper .action-box.action-box--active .switch {
  background: linear-gradient(74deg, #F29100 -1.72%, #FFB930 103.01%);
}

nav.rhm .meet-tonight-wrapper .action-box .app-icon-info {
  position: absolute;
  top: 4px;
  left: 120px;
  font-size: 17px;
  color: #A7ACB2;
}

nav.rhm .meet-tonight-wrapper .switch-box-info {
  color: #6B6B6B;
  font-family: 'Satoshi';
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  align-items: flex-start;
}

nav.rhm .meet-tonight-wrapper .switch-box-info p {
  margin-top: 2px;
}

nav.rhm .actions-wrapper {
  display: flex;
  align-items: stretch;
  gap: 9px;
  width: 100%;
  padding: 26px 20px 0px;
}

nav.rhm .actions-wrapper .action-box {
  position: relative;
  flex: 1 0;
  border-radius: 10px;
  font-size: 15px;
  line-height: 24px;
  display: flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 10px 12px;
  border: 1px solid #CBD0D7;
  background: linear-gradient(234deg, #FFFDFF 0%, #F5F5F5 100%);
  color: #111;
}

nav.rhm .actions-wrapper .action-box i {
  font-size: 23px;
}

nav.rhm .actions-wrapper .action-box i.app-icon-info {
  color: #A7ACB2;
  position: absolute;
  top: 10px;
  right: 12px;
  cursor: pointer;
  font-size: 17px;
}

nav.rhm .actions-wrapper .action-box .switch-box-info > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}

nav.rhm .actions-wrapper .action-box.action-box--active {
  border: 2px solid #000000;
}

nav.rhm .actions-wrapper .action-box.action-box--active i.app-icon-bolt {
  color: #000;
}

nav.rhm .actions-wrapper .action-box .title {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 21px;
  line-height: 30px;
  line-height: 21px;
  color: #111111;
}

nav.rhm .actions-wrapper .action-box .counter {
  display: flex;
  padding: 0px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: center;
  border-radius: 30px;
  background: #111;
  color: #FFF;
  font-weight: 400;
  line-height: 21px;
}

nav.rhm .actions-wrapper .action-box .counter b {
  font-size: 11px;
}

nav.rhm .rhm-perks {
  margin: 20px 0 15px;
  background: #FFF;
  padding-bottom: 20px;
}

nav.rhm .rhm-perks h2 {
  padding: 20px 15px 0px 15px;
  margin-bottom: 0px;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 21px;
  line-height: 30px;
  line-height: 21px;
}

nav.rhm .rhm-perks h2 i {
  font-size: 15px;
  line-height: 21px;
}

nav.rhm .rhm-perks .rhm-perks-inner .VueCarousel-wrapper {
  padding: 15px;
}

nav.rhm .rhm-perks .rhm-perks-inner .VueCarousel-inner {
  width: calc(100% - 0px);
}

nav.rhm .rhm-perks .rhm-perk-slide {
  width: calc(50% - 20px);
  height: 100%;
}

nav.rhm .rhm-perks .rhm-perk-slide .perk-card {
  margin: 0px 5px;
  height: 100%;
}

nav.rhm .rhm-tasks {
  margin: 20px 0px 0px;
  background: #fff;
  color: #181c1f;
}

nav.rhm .rhm-tasks .task-list-title {
  padding: 20px 15px 0px 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

nav.rhm .rhm-tasks .task-list-title h4, nav.rhm .rhm-tasks .task-list-title p {
  margin: 0px;
}

nav.rhm .rhm-tasks .task-list-title p {
  color: #738A9C;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
}

nav.rhm .rhm-tasks .rhm-task-list {
  list-style-type: none;
  margin: 0px;
  padding: 20px;
}

nav.rhm .rhm-tasks .rhm-task {
  display: flex;
  padding: 15px 15px 15px 16px;
  align-items: center;
  gap: 3px;
  align-self: stretch;
  border-radius: 10px;
  border: 1px solid #e2e6ec;
  cursor: pointer;
}

nav.rhm .rhm-tasks .rhm-task:not(:last-child) {
  margin-bottom: 10px;
}

nav.rhm .rhm-tasks .rhm-task.disabled {
  cursor: default;
  opacity: 0.6;
}

nav.rhm .rhm-tasks .rhm-task .rhm-task-inner {
  background: #fff;
  padding: 0px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 13px;
  overflow: hidden;
  width: 100%;
}

nav.rhm .rhm-tasks .rhm-task .rhm-task-inner .rhm-task-description {
  flex: 1;
}

nav.rhm .rhm-tasks .rhm-task .rhm-task-inner .rhm-task-description .title-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}

nav.rhm .rhm-tasks .rhm-task .rhm-task-inner .rhm-task-description .title {
  margin: 0px;
  font-size: 14px;
  line-height: 23px;
  line-height: 14px;
}

nav.rhm .rhm-tasks .rhm-task .rhm-task-inner .rhm-task-description .subtitle {
  font-size: 13px;
  line-height: 22px;
  margin: 0px;
  color: #6b6b6b;
  font-weight: 500;
}

nav.rhm .rhm-tasks .rhm-task .rhm-task-inner .rhm-image-title {
  display: flex;
  flex-direction: row;
}

nav.rhm .rhm-tasks .rhm-task .rhm-task-inner .rhm-image-title .profile-nav-pic {
  width: 63px;
  height: 63px;
  filter: drop-shadow(0px 2px 40px rgba(0, 0, 0, 0.15));
  margin-right: 11px;
  display: flex;
  flex: none;
  border-radius: 10rem;
  border: 3px solid #ffb930;
  background-size: cover;
  background-position: center;
}

nav.rhm .rhm-tasks .rhm-task .rhm-task-inner .rhm-image-title h5 {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  margin: auto 0px;
}

nav.rhm .rhm-tasks .rhm-task .rhm-task-inner .rhm-task-icon {
  font-size: 26px;
  flex-shrink: 0;
  padding: 1px;
}

nav.rhm .rhm-tasks .rhm-task .rhm-task-inner .rhm-task-icon.user-photo {
  width: 26px;
  height: 26px;
  border-radius: 50px;
  background-color: #e5e5e5;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

nav.rhm .rhm-tasks .rhm-task .rhm-task-inner .rhm-task-error-icon {
  background: #f20000;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 17px;
  line-height: 18px;
}

nav.rhm .rhm-tasks .rhm-task .rhm-task-inner .rhm-task-warning-icon {
  background: linear-gradient(74.2deg, #f29100 -1.72%, #ffb930 103.01%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 17px;
  line-height: 18px;
}

nav.rhm .rhm-tasks .rhm-task .rhm-task-inner .rhm-task-email {
  position: relative;
  display: inline-flex;
}

nav.rhm .rhm-tasks .rhm-task .rhm-task-inner .rhm-task-email .loader {
  margin: 4px 2px 0px 2px;
}

nav.rhm .rhm-tasks .rhm-task .rhm-task-inner .rhm-task-right-link {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 13px;
  line-height: 22px;
}

nav.rhm .rhm-tasks .rhm-task .rhm-task-inner .success {
  color: #6cc86a;
}

nav.rhm .rhm-tasks .rhm-task .rhm-task-inner.task-verify-profile .rhm-task-icon {
  color: rgba(0, 0, 0, 0.6);
}

nav.rhm .rhm-tasks.rhm-one-task {
  padding-bottom: 0px;
}

nav.rhm .pill {
  padding: 0px 6px;
  border-radius: 10rem;
  margin: 0px;
  display: inline-flex;
  font-size: 10px;
  line-height: 19px;
  font-weight: 700;
  line-height: 1.7;
}

nav.rhm .pill.pill-error {
  background: #f20000;
  color: #ffffff;
}

nav.rhm .pill.pill-warning {
  background: linear-gradient(74.2deg, #f29100 -1.72%, #ffb930 103.01%);
  color: #fff;
}

nav.rhm h4 {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 29px;
  line-height: 20px;
  color: #181c1f;
  margin: 0 0 4px 0;
}

nav.rhm .rhm-actions {
  padding: 15px 10px;
}

nav.rhm .rhm-actions h4 {
  padding: 0 5px;
}

nav.rhm .rhm-quicklinks {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: 0px;
  padding: 0px;
}

nav.rhm .rhm-quicklinks li {
  width: calc(50% - 10px);
  margin: 5px;
  box-shadow: 3px 8px 15px 0px rgba(115, 138, 156, 0.08);
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}

nav.rhm .rhm-quicklinks li a {
  display: flex;
  gap: 10px;
  align-items: center;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 29px;
  line-height: 20px;
  color: #181c1f;
  background: #fff;
  border-radius: 10px;
  min-height: 65px;
  padding: 19px 16px;
}

nav.rhm .rhm-quicklinks li a i {
  color: #738A9C;
  font-size: 20px;
  line-height: 1;
  display: flex;
  position: relative;
}

nav.rhm .rhm-quicklinks li a i.app-icon-eticket-solid {
  background: linear-gradient(90deg, #A3B7C7 0%, #738A9C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

nav.rhm .rhm-quicklinks li a .title {
  position: relative;
  top: 2px;
  flex: 1;
}

nav.rhm .rhm-quicklinks li a .counter {
  display: flex;
  padding: 0px 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: center;
  border-radius: 30px;
  border: 1px solid #FFF;
  background: #111;
  color: #FFF;
  font-family: 'Satoshi', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
}

nav.rhm .rhm-quicklinks .ql-premium {
  width: 25px;
  height: 25px;
  color: #fff;
  background: linear-gradient(to right, #F5FF8D 0%, #111111 100%);
  border-radius: 10rem;
  position: absolute;
  top: 10px;
  right: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 3;
}

nav.rhm .rhm-quicklinks .ql-premium i {
  color: #fff !important;
}

nav.rhm .rhm-links {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0px;
  margin: 0px 16px 18px;
  border-radius: 10px;
  background: #fff;
}

nav.rhm .rhm-links li {
  width: 100%;
  display: flex;
  align-items: center;
}

nav.rhm .rhm-links li:not(:last-child) {
  border-bottom: 1px solid #e6e8eb;
}

nav.rhm .rhm-links li a {
  width: 100%;
  display: flex;
  gap: 15px;
  align-items: center;
  padding: 13px 15px;
  font-weight: 700;
  font-size: 14px;
  line-height: 23px;
  color: #181c1f;
  cursor: pointer;
}

nav.rhm .rhm-links li a.mobile-only {
  display: none;
}

@media (max-width: 650px) {
  nav.rhm .rhm-links li a.mobile-only {
    display: flex;
  }
  nav.rhm .rhm-links li a.desktop-only {
    display: none;
  }
}

nav.rhm .rhm-links li a:hover {
  color: #4F575E;
}

nav.rhm .rhm-links li a .link-title {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
}

nav.rhm .rhm-links li a i {
  color: #A7ACB2;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 1;
}

nav.rhm .rhm-links li a i.app-icon-respect {
  color: #fff;
  background: #A7ACB2;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

nav.rhm .rhm-links.image-links {
  background-color: transparent;
  margin-top: 18px;
}

nav.rhm .rhm-links.image-links .rhm-e-inner {
  padding: 0px;
}

nav.rhm .rhm-subscription {
  width: 100%;
  display: inline-block;
  padding: 20px 20px;
}

nav.rhm .rhm-subscription span.upgrade-btn {
  position: absolute;
  right: 0px;
  top: 0px;
  background: #F5FF8D;
  background: linear-gradient(45deg, #F5FF8D 0%, #111111 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$colour1, endColorstr=$colour2,GradientType=1 );
  border-radius: 10rem;
  padding: 0 14px;
  font-size: 11px;
  line-height: 22px;
  color: #FFFFFF;
}

nav.rhm .rhm-subscription .account-status {
  width: 100%;
  margin: 0px;
  display: inline-block;
  font-size: 22px;
  line-height: 31px;
  position: relative;
}

nav.rhm .rhm-subscription .account-status .upgrade-btn {
  letter-spacing: 0px;
}

nav.rhm .rhm-subscription .account-status.manager-text {
  color: #4F575E;
}

nav.rhm .rhm-subscription .account-status i {
  display: inline-block;
  color: #F5FF8D;
  font-size: 18px;
  vertical-align: text-bottom;
}

nav.rhm .rhm-inner {
  width: 400px;
  right: 0px;
  background: #F7F5F7;
  text-align: left;
  transition: width 0.3s ease-in-out, right 0.3s ease-in-out;
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
  position: fixed;
  top: 0px;
  bottom: 0px;
  right: -400px;
  z-index: 101;
  visibility: visible;
  opacity: 1;
  border-radius: 0px;
  box-shadow: none;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
}

@media (max-width: 650px) {
  nav.rhm .rhm-inner {
    padding-bottom: 80px;
  }
}

nav.rhm .rhm-inner .rhm-inner-content {
  width: 100%;
  display: inline-block;
  position: relative;
  z-index: 3;
}

nav.rhm .rhm-inner .rhm-inner-content.rhm-event-account {
  background: #f7f5f7;
}

nav.rhm.open .rhm-inner {
  right: 0px;
  visibility: visible;
  opacity: 1;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}

@media (max-width: 650px) {
  nav.rhm .rhm-toggle {
    display: none;
  }
}

@media (max-width: 550px) {
  nav.rhm {
    width: 100%;
  }
  nav.rhm .rhm-inner {
    right: -100%;
    width: 100%;
  }
}

nav .rhm-event .rhm-e-header {
  display: flex;
  flex-direction: row;
  color: #111111;
  font-size: 24px;
  line-height: 33px;
  line-height: 24px;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  gap: 10px;
  align-items: center;
  padding: 20px 20px 15px 20px;
  background: #fff;
}

nav .rhm-event .rhm-e-header .rhm-e-avatar {
  width: 34px;
  height: 34px;
  background-image: url("/assets/themes/killing-kittens/images/main/default-avatar.png");
  background-size: cover;
  background-position: center;
  border-radius: 10rem;
}

nav .rhm-event .rhm-e-inner {
  padding: 20px 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

nav .rhm-event .rhm-e-manage-cruise,
nav .rhm-event .rhm-e-upgrade-event-account,
nav .rhm-event .rhm-e-manage-retreat {
  padding: 16px;
  flex-direction: column;
  display: flex;
  background-position: center;
  background-size: cover;
  border-radius: 10px;
  color: #fff;
  min-height: 173px;
  justify-content: flex-end;
  overflow: hidden;
}

nav .rhm-event .rhm-e-manage-cruise .flex-wrap,
nav .rhm-event .rhm-e-upgrade-event-account .flex-wrap,
nav .rhm-event .rhm-e-manage-retreat .flex-wrap {
  display: flex;
  gap: 10px;
  align-items: flex-end;
}

nav .rhm-event .rhm-e-manage-cruise .flex-wrap i,
nav .rhm-event .rhm-e-upgrade-event-account .flex-wrap i,
nav .rhm-event .rhm-e-manage-retreat .flex-wrap i {
  font-size: 16px;
  margin-bottom: 0px;
}

nav .rhm-event .rhm-e-manage-cruise .rhm-e-manage-info,
nav .rhm-event .rhm-e-manage-cruise .rhm-e-upgrade-event-account-info,
nav .rhm-event .rhm-e-upgrade-event-account .rhm-e-manage-info,
nav .rhm-event .rhm-e-upgrade-event-account .rhm-e-upgrade-event-account-info,
nav .rhm-event .rhm-e-manage-retreat .rhm-e-manage-info,
nav .rhm-event .rhm-e-manage-retreat .rhm-e-upgrade-event-account-info {
  flex-grow: 1;
}

nav .rhm-event .rhm-e-manage-cruise .rhm-e-manage-info h2,
nav .rhm-event .rhm-e-manage-cruise .rhm-e-upgrade-event-account-info h2,
nav .rhm-event .rhm-e-upgrade-event-account .rhm-e-manage-info h2,
nav .rhm-event .rhm-e-upgrade-event-account .rhm-e-upgrade-event-account-info h2,
nav .rhm-event .rhm-e-manage-retreat .rhm-e-manage-info h2,
nav .rhm-event .rhm-e-manage-retreat .rhm-e-upgrade-event-account-info h2 {
  font-size: 24px;
  line-height: 33px;
  line-height: 24px;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
}

nav .rhm-event .rhm-e-manage-cruise .rhm-e-manage-info p,
nav .rhm-event .rhm-e-manage-cruise .rhm-e-upgrade-event-account-info p,
nav .rhm-event .rhm-e-upgrade-event-account .rhm-e-manage-info p,
nav .rhm-event .rhm-e-upgrade-event-account .rhm-e-upgrade-event-account-info p,
nav .rhm-event .rhm-e-manage-retreat .rhm-e-manage-info p,
nav .rhm-event .rhm-e-manage-retreat .rhm-e-upgrade-event-account-info p {
  font-size: 14px;
  line-height: 23px;
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
  margin: 0px;
}

nav .rhm-event .rhm-e-manage-cruise .rhm-e-manage-premium-icon,
nav .rhm-event .rhm-e-upgrade-event-account .rhm-e-manage-premium-icon,
nav .rhm-event .rhm-e-manage-retreat .rhm-e-manage-premium-icon {
  color: #fff;
  border-radius: 10rem;
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  background: linear-gradient(to right, #F5FF8D 0%, #111111 100%);
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 29px;
  line-height: 20px;
  padding: 3px 9px 3px 6px;
  margin-bottom: 10px;
}

nav .rhm-event .rhm-e-manage-cruise .rhm-e-manage-premium-icon i,
nav .rhm-event .rhm-e-upgrade-event-account .rhm-e-manage-premium-icon i,
nav .rhm-event .rhm-e-manage-retreat .rhm-e-manage-premium-icon i {
  font-size: 28px;
  line-height: 27px;
  margin-right: 2px;
}

nav .rhm-event .rhm-e-manage-cruise {
  background-image: url("/assets/images/cruise/cruise-booking.jpg");
}

nav .rhm-event .rhm-e-manage-cruise i {
  font-size: 28px;
  line-height: 28px;
  margin-bottom: 10px;
}

nav .rhm-event .rhm-e-manage-retreat {
  background-image: url("/assets/images/retreat/retreat-booking.jpg");
  position: relative;
}

nav .rhm-event .rhm-e-manage-retreat .rhm-e-manage-info h2, nav .rhm-event .rhm-e-manage-retreat .rhm-e-manage-info p {
  position: relative;
  z-index: 5;
}

nav .rhm-event .rhm-e-manage-retreat .rhm-e-manage-info::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: -2px;
  left: 0;
  right: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 50%, #000000 85.32%);
}

nav .rhm-event .rhm-e-manage-retreat i {
  font-size: 28px;
  line-height: 28px;
  margin-bottom: 10px;
  z-index: 5;
}

nav .rhm-event .rhm-e-upgrade-event-account {
  background-image: url("/assets/images/create-profile-bg.jpg");
}

nav .rhm-event .rhm-e-upgrade-event-account i {
  font-size: 28px;
  line-height: 28px;
  margin-bottom: 10px;
}

nav .rhm-event ul.rhm-e-quicklinks {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

nav .rhm-event ul.rhm-e-quicklinks li {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
}

nav .rhm-event ul.rhm-e-quicklinks li a {
  padding: 22px 14px;
  font-size: 22px;
  line-height: 31px;
  line-height: 22px;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  flex: 1;
  display: inline-flex;
  gap: 10px;
  transition: all 0.2s ease-out;
}

nav .rhm-event ul.rhm-e-quicklinks li a:hover {
  background: #fafafa;
  color: #2b2b2b;
}

nav .rhm-event ul.rhm-e-quicklinks li a i {
  font-size: 20px;
  background: #a3b7c7;
  background: linear-gradient(180deg, #a3b7c7 0%, #738a9c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$colour1, endColorstr=$colour2,GradientType=1 );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

nav .rhm-event ul.rhm-e-accountlinks {
  margin: 0px;
  padding: 0px;
  list-style: none;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: #fff;
}

nav .rhm-event ul.rhm-e-accountlinks li {
  display: flex;
}

nav .rhm-event ul.rhm-e-accountlinks li + li {
  border-top: 1px solid #f0eeee;
}

nav .rhm-event ul.rhm-e-accountlinks li a {
  padding: 14px;
  flex: 1;
  display: inline-flex;
  gap: 10px;
  font-size: 14px;
  line-height: 23px;
  align-items: center;
  transition: all 0.2s ease-out;
}

nav .rhm-event ul.rhm-e-accountlinks li a:hover {
  background: #fafafa;
  color: #2b2b2b;
}

nav .rhm-event ul.rhm-e-accountlinks li a.mobile-only {
  display: none;
}

@media (max-width: 650px) {
  nav .rhm-event ul.rhm-e-accountlinks li a.mobile-only {
    display: flex;
  }
  nav .rhm-event ul.rhm-e-accountlinks li a.desktop-only {
    display: none;
  }
}

nav .rhm-event ul.rhm-e-accountlinks li a i {
  font-size: 20px;
  color: #adb3bc;
}

nav .rhm-event.mobile-only {
  display: none;
}

@media (max-width: 650px) {
  nav .rhm-event.mobile-only {
    display: block;
  }
}

@media (max-width: 650px) {
  .from-app header {
    display: none;
  }
  .from-app .tabs {
    height: 51px;
  }
  .from-app .tabs li a {
    padding-top: 13px;
  }
  .from-app .mobile-nav {
    display: none;
  }
  .from-app .booking-container .booking .booking-summary {
    bottom: 0px;
  }
  .from-app .event-details .mobile-buy,
  .from-app .event-details .mobile-buy-button {
    bottom: 0px;
  }
  .from-app .wrapper.settings.settings-mobile {
    margin-top: 0px;
  }
  .from-app .wrapper.settings.settings-mobile .settings-title {
    display: none;
  }
}

nav.main-nav {
  width: 100%;
  display: inline-block;
  z-index: 5;
}

nav.main-nav .main-nav-mobile-toggle {
  display: none;
  padding: 5px;
}

nav.main-nav ul {
  display: inline-block;
  list-style: none;
  padding: 0px;
  margin: 0px;
  width: 100%;
}

nav.main-nav ul li {
  width: 100%;
  display: inline-block;
}

nav.main-nav ul li a {
  width: 100%;
  font-size: 21px;
  line-height: 30px;
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  vertical-align: middle;
  padding: 14px 10px 15px 38px;
  display: inline-block;
  transition: all 0.2s ease-out;
  color: #FFFFFF;
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
}

nav.main-nav ul li a:hover {
  color: #cccccc;
}

nav.main-nav ul li a i {
  width: 20px;
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
  text-align: center;
  vertical-align: unset;
  color: #5B6469;
}

nav.main-nav ul li a i.active {
  display: none;
}

nav.main-nav ul li a span {
  margin-left: 15px;
  display: inline-block;
}

nav.main-nav ul li a span i {
  width: auto;
  margin-left: 8px;
}

nav.main-nav ul li a p {
  margin: 0px;
  display: inline-block;
  position: relative;
  padding-right: 5px;
}

@media (max-width: 650px) {
  nav.main-nav ul li a p {
    padding-right: 0px;
  }
}

nav.main-nav ul li a.selected {
  background-color: #1a1a1a;
}

nav.main-nav ul li a.selected i {
  display: none;
  color: #FFF;
}

nav.main-nav ul li a.selected i.active {
  display: inline-block;
}

@media (max-width: 650px) {
  nav.main-nav {
    display: none;
  }
}

@media (max-width: 400px) {
  nav.main-nav {
    width: 100%;
  }
}

nav.mobile-nav {
  width: 100%;
  height: 60px;
  display: none;
  z-index: 103;
  box-shadow: 0 0px 3px 0px rgba(0, 0, 0, 0.1);
  background: #FFFFFF;
}

nav.mobile-nav ul {
  width: 100%;
  display: flex;
  flex-direction: row;
  list-style: none;
  padding: 0px;
  margin: 0px;
  font-size: 0px;
  justify-content: center;
}

nav.mobile-nav ul li {
  flex: 1;
  display: flex;
  overflow: hidden;
  max-width: 50%;
}

nav.mobile-nav ul li a {
  width: 100%;
  height: 60px;
  padding: 10px 2px 0px 2px;
  display: flex;
  flex-direction: column;
  text-align: center;
  transition: all 0.2s ease-out;
  color: #949494;
}

nav.mobile-nav ul li a span.mobile-nav-title {
  font-size: 10px;
  line-height: 19px;
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
}

nav.mobile-nav ul li a.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

nav.mobile-nav ul li a:before {
  height: 3px;
  content: '';
  position: absolute;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  top: -3px;
  left: 15%;
  right: 15%;
  transition: all 0.2s ease-out;
}

nav.mobile-nav ul li a.selected {
  background-color: #FFFFFF;
}

nav.mobile-nav ul li a.selected:before {
  top: 0px;
  background-color: #000000;
}

nav.mobile-nav ul li a.selected i {
  color: #000000;
  display: none;
}

nav.mobile-nav ul li a.selected i.active {
  display: inline-block;
}

nav.mobile-nav ul li a.selected .mobile-nav-title {
  color: #000000;
}

nav.mobile-nav ul li a .mobile-nav-pic {
  width: 31px;
  height: 31px;
  margin-top: -2px;
  border: 2px solid #000000;
  border-radius: 50%;
  display: inline-block;
  background-size: cover;
}

nav.mobile-nav ul li a i {
  font-size: 21px;
  display: inline-block;
  vertical-align: middle;
}

nav.mobile-nav ul li a i.active {
  display: none;
}

.app-container main {
  width: 100%;
  display: flex;
  text-align: center;
  position: relative;
  flex: 1;
}

.app-container main section {
  padding: 20px;
}

@media (max-width: 650px) {
  .app-container main section {
    padding: 0px;
  }
}

.app-container main .container {
  width: 100%;
  height: 100%;
  position: relative;
  flex: 1;
  overflow-x: hidden;
  padding: 20px 0 0 0;
}

@media (max-width: 650px) {
  .app-container main .container {
    padding: 0px;
  }
}

.app-container main .wrapper {
  max-width: 1150px;
  display: flex;
  text-align: left;
  position: relative;
  vertical-align: top;
  margin: 0px auto;
  flex-direction: column;
}

.app-container main .wrapper .wrapper-inner {
  width: 100%;
  display: flex;
  padding: 0px;
  flex-direction: column;
}

@media (max-width: 650px) {
  .app-container main .wrapper .wrapper-inner {
    padding: 0px;
  }
}

.app-container main .content {
  width: 100%;
  display: inline-block;
  padding: 20px;
  text-align: left;
  position: relative;
}

@media (max-width: 650px) {
  .app-container main .content {
    padding-bottom: 10px;
  }
}

.app-container main .content.cards {
  padding: 0px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

@media (max-width: 550px) {
  .app-container main .content.cards.allow-fullwidth {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.app-container main .content.filter {
  padding: 0 8px 0 7px;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 18px;
}

.app-container main .content.filter i {
  margin-right: 0px;
}

.app-container main .content.filter span {
  margin-left: 10px;
}

@media (max-width: 650px) {
  .app-container main .content.filter {
    margin-bottom: 0px;
    padding: 18px 20px 0 20px;
  }
}

@media (max-width: 650px) {
  .app-container main .content.filter.hide-on-mobile {
    display: none;
  }
}

.app-container main .content.two-wide {
  width: 66.6%;
}

.app-container main .content.one-wide {
  width: 33.3%;
}

.app-container main .content section {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}

.app-container main .content section:last-child {
  margin-bottom: 0px;
}

.app-container main .content section.light {
  background: #FFFFFF;
}

.app-container main .content section.dark {
  background: #1a232c;
}

.app-container main .content.sidebar {
  padding-left: 0px;
}

.app-container main .content.sidebar section .header {
  width: 100%;
  display: inline-block;
  padding: 20px;
  line-height: 23px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.app-container main .content.sidebar section .header h3 {
  width: 70%;
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  padding: 0px;
  margin: 0px;
  vertical-align: middle;
}

.app-container main .content.sidebar section .header a {
  width: 30%;
  display: inline-block;
  text-align: right;
  vertical-align: middle;
  font-size: 12px;
  line-height: 21px;
}

.app-container main .content.sidebar section .sidebar-item {
  width: 100%;
  display: inline-block;
  padding: 20px;
  line-height: 23px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.app-container main .content.sidebar section .sidebar-item:last-child {
  border-bottom: 0px;
}

@media (max-width: 1024px) {
  header {
    padding-left: 80px;
  }
  .app-content .app-navigation {
    width: 80px;
  }
  nav.main-nav ul li a {
    padding-left: 10px;
    text-align: center;
  }
  nav.main-nav ul li a span {
    display: none;
  }
  .app-container main aside {
    width: 230px;
  }
}

@media (max-width: 1150px) {
  main .content.one-wide {
    width: 40%;
  }
  main .content.two-wide {
    width: 60%;
  }
}

@media (max-width: 800px) {
  main .content.one-wide, main .content.two-wide {
    width: 100%;
  }
  main .content.sidebar {
    padding-left: 20px;
  }
}

@media (max-width: 650px) {
  header,
  main {
    padding-left: 0px;
  }
  .app-content {
    flex-direction: column;
  }
  .app-content .app-navigation {
    width: 100%;
    height: auto;
    border-right: 0px;
  }
  nav.main-nav {
    position: fixed;
    top: 0px;
    left: -290px;
    bottom: 0px;
    z-index: 102;
    padding-top: 70px;
    width: 90%;
    max-width: 270px;
    border-right: 0px;
    overflow: visible;
    transition: left 0.3s ease-out;
  }
  nav.main-nav ul {
    z-index: 5;
    position: relative;
  }
  nav.main-nav ul li a {
    text-align: left;
    padding-left: 30px;
  }
  nav.main-nav ul li a span {
    display: inline-block;
  }
  nav.main-nav .backdrop {
    z-index: 2;
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
  }
  nav.mobile-nav {
    display: inline-block;
  }
  nav.rhm .rhm-toggle {
    margin-right: 0px;
  }
  .app-container main .wrapper {
    margin: 5px 0 0 0;
  }
  .app-container main .content {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (max-width: 650px) and (max-width: 650px) {
  .app-container main .content.cards {
    padding-top: 20px;
    padding-left: 12px;
    padding-right: 13px;
  }
}

@media (max-width: 450px) {
  nav.rhm .rhm-inner {
    right: -100%;
  }
  nav.rhm.open .rhm-inner {
    width: 100%;
    max-width: 100%;
  }
  nav.rhm.open + .main-nav .main-nav-mobile-toggle .app-icon-menu {
    opacity: 0;
  }
}

@media (max-width: 400px) {
  nav.main-nav {
    left: -100%;
  }
  nav.main-nav.open {
    width: 100%;
    max-width: 100%;
  }
}

.likes-countdown-timer {
  display: inline-block;
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-top: 18px;
  /************
  * Animation *
  ************/
}

.likes-countdown-timer .countdown-container {
  height: 60px;
  display: inline-block;
  padding-top: 5px;
}

.likes-countdown-timer .time {
  border-radius: 5px;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.2);
  display: inline-block;
  text-align: center;
  position: relative;
  height: 50px;
  width: 40px;
  margin-left: 5px;
  -ms-perspective: 479px;
  -o-perspective: 479px;
  perspective: 479px;
  backface-visibility: hidden;
  transform: translateZ(0);
  transform: translate3d(0, 0, 0);
}

.likes-countdown-timer .count {
  background: #202020;
  color: #F8F8F8;
  display: block;
  font-family: 'Oswald', sans-serif;
  font-size: 25px;
  line-height: 47px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  top: 0;
  width: 100%;
  transform: translateZ(0);
  transform-style: flat;
}

.likes-countdown-timer .count.top {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-radius: 5px 5px 0 0;
  height: 50%;
  transform-origin: 50% 100%;
}

.likes-countdown-timer .count.bottom {
  background-image: linear-gradient(rgba(255, 255, 255, 0.1), transparent);
  background-image: -o-linear-gradient(rgba(255, 255, 255, 0.1), transparent);
  border-top: 1px solid #070707;
  border-bottom: 1px solid #070707;
  border-radius: 0 0 5px 5px;
  line-height: 0;
  height: 50%;
  top: 50%;
  transform-origin: 50% 0;
}

.likes-countdown-timer .count.curr.top {
  transform: rotateX(0deg);
  z-index: 3;
}

.likes-countdown-timer .count.next.bottom {
  transform: rotateX(90deg);
  z-index: 2;
}

.likes-countdown-timer .flip .count.curr.top {
  transition: all 250ms ease-in-out;
  transform: rotateX(-90deg);
}

.likes-countdown-timer .flip .count.next.bottom {
  transition: all 250ms ease-in-out 250ms;
  transform: rotateX(0deg);
}

.external-container {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
}

.external-container main {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  padding: 0px;
  margin: auto;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.external-container main.login-form {
  background: #1b1c21;
  color: #FFFFFF;
}

.external-container main.login-form .video-background {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  z-index: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.external-container main.login-form .video-background:after {
  z-index: 1;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  content: '';
  background: rgba(0, 0, 0, 0.5);
}

.external-container main.login-form .video-background video {
  min-width: 100%;
  min-height: 100%;
  position: fixed;
}

.external-container main.login-form .container.auth-form {
  height: 100%;
  max-height: 800px;
}

.external-container main.login-form .container.auth-form p {
  font-size: 15px;
  line-height: 24px;
}

.external-container main .container {
  width: 100%;
  display: inline-block;
  padding: 0px;
  text-align: center;
  position: relative;
  z-index: 2;
}

.external-container main .container.auth-form {
  width: 100%;
  height: auto;
  max-width: 300px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.external-container main .container.auth-form .kk-logo {
  height: 52px;
  display: inline-block;
  margin-bottom: 24px;
}

.external-container main .container.auth-form .kk-logo img {
  width: auto;
  height: 100%;
  display: inline-block;
}

.external-container main .container.auth-form h1 {
  margin: 0px;
  margin-bottom: 12px;
  color: #4F575E;
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 29px;
  line-height: 38px;
}

.external-container main .container.auth-form p {
  margin: 0px;
  font-size: 15px;
  line-height: 24px;
  width: 100%;
  display: inline-block;
  margin-bottom: 25px;
}

.external-container main .container.auth-form p.sM {
  margin-bottom: 8px;
}

.external-container main .container.auth-form .auth-form-error {
  font-size: 13px;
  line-height: 22px;
  color: #dd000b;
  margin-bottom: 12px;
  padding: 0px 20px;
  font-weight: bold;
}

.external-container main .container.auth-form .auth-form-error a {
  color: #dd000b;
  text-decoration: underline;
}

.external-container main .container.auth-form .auth-form-error a:hover {
  color: #ff0713;
}

.external-container main .container.auth-form .form-group {
  padding: 0px 0px 16px 0;
}

.external-container main .container.auth-form .form-group.form-group-submit .btn {
  width: 100%;
}

.external-container main .container.auth-form .form-group .form-field i {
  color: #d6dbe0;
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 18px;
  font-size: 17px;
}

.external-container main .container.auth-form .form-group .form-field i + input {
  padding-left: 48px;
}

.external-container main .container.auth-form .form-group .password {
  padding-right: 48px;
}

.external-container main .container.auth-form .form-field .show-hide-password {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  padding: 0px 12px;
  display: flex;
  align-items: center;
}

.external-container main .container.auth-form .form-field .show-hide-password:hover i {
  color: #9da7b4;
}

.external-container main .container.auth-form .form-field .show-hide-password i {
  margin: 0px;
  position: relative;
  top: auto;
  left: auto;
  font-size: 18px;
  transition: color 0.2s ease-out;
}

.external-container main .container.auth-form input[type="text"] + .show-hide-password i.app-icon-eye {
  display: none;
}

.external-container main .container.auth-form input[type="text"] + .show-hide-password i.app-icon-eye-line {
  display: inline-block;
}

.external-container main .container.auth-form input[type="password"] + .show-hide-password i.app-icon-eye {
  display: inline-block;
}

.external-container main .container.auth-form input[type="password"] + .show-hide-password i.app-icon-eye-line {
  display: none;
}

.external-container main .container.auth-form .auth-form-footer {
  width: 100%;
  display: inline-block;
}

.external-container main .container.auth-form .auth-form-footer p {
  width: 100%;
  display: inline-block;
  font-size: 13px;
  line-height: 22px;
  margin: 0px;
  padding: 0px;
  padding-top: 5px;
}

.external-container main .container.auth-form .auth-form-footer p:last-child {
  padding-top: 20px;
}

.external-container.content-pages {
  background: none;
  overflow-y: auto;
}

.external-container.content-pages .external-loader {
  margin: auto;
}

.external-container.content-pages .wrapper {
  width: 100%;
  margin: auto;
  padding: 30px 40px;
  max-width: 1150px;
  position: relative;
  background: #FFFFFF;
}

@media (max-width: 650px) {
  .external-container.content-pages .wrapper {
    padding: 20px;
  }
}

.external-container.content-pages .external-nav {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #111111;
  height: 60px;
  position: fixed;
  z-index: 3;
}

.external-container.content-pages .external-nav img {
  height: 40px;
  display: inline-block;
}

.external-container.content-pages .external-heading {
  width: 100%;
  display: flex;
  padding: 30px 0;
  background: url("/assets/themes/killing-kittens/images/main/external-bg.jpg") no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  text-align: center;
  margin-top: 60px;
}

.external-container.content-pages .external-heading .wrapper {
  background: none;
  padding: 20px;
}

.external-container.content-pages .external-heading h1 {
  font-size: 20px;
  line-height: 29px;
  margin: 0px;
  color: #FFFFFF;
  position: relative;
  z-index: 2;
}

.external-container.content-pages .external-heading:after {
  z-index: 1;
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.4);
}

.external-container.content-pages main {
  height: auto;
}

.external-container.content-pages main section {
  width: 100%;
  margin-bottom: 20px;
}

.external-container.content-pages main section:last-child {
  margin-bottom: 0px;
}

.external-container.content-pages main section.divide {
  border-top: 1px solid #e6e6e6;
  margin-top: 0px;
  padding-top: 30px;
}

.external-container.content-pages main hr {
  margin-bottom: 30px;
  margin-top: 30px;
  border-top: 1px solid #f0f0f0;
}

.external-container.content-pages main h2 {
  font-size: 20px;
  line-height: 29px;
  margin-top: 0px;
  margin-bottom: 18px;
}

.external-container.content-pages main h3 {
  font-size: 17px;
  line-height: 26px;
  margin-top: 0px;
  margin-bottom: 18px;
}

.external-container.content-pages main h4 {
  font-size: 15px;
  line-height: 24px;
  margin-top: 0px;
  margin-bottom: 18px;
}

.external-container.content-pages main p {
  font-size: 14px;
  line-height: 23px;
  line-height: 26px;
  margin-top: 0px;
  margin-bottom: 18px;
}

.external-container.content-pages main p.anchor {
  display: block;
  position: relative;
  top: -90px;
  visibility: hidden;
  margin: 0px;
}

.external-container.content-pages main .data-table {
  width: 100%;
  min-width: 320px;
  overflow-y: scroll;
}

.external-container.content-pages main table {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
  border-spacing: 0px;
  margin-bottom: 18px;
}

.external-container.content-pages main table, .external-container.content-pages main table th, .external-container.content-pages main table td {
  border: 1px solid #9d9d9d;
}

.external-container.content-pages main table tr:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}

.external-container.content-pages main table td {
  padding: 5px;
}

.external-container.content-pages main table .table-title {
  padding-right: 30px;
  min-width: 150px;
  max-width: 200px;
}

.external-container.content-pages main table p:last-child {
  margin-bottom: 0px;
}

.external-container.content-pages main ul {
  margin-bottom: 18px;
}

.external-container.content-pages main ul li {
  margin-bottom: 18px;
}

.external-container.content-pages main .pricing-table {
  width: 100%;
  overflow-x: auto;
  margin-bottom: 18px;
}

/**************
* Page Layout *
**************/
.app-container main .home-wrapper {
  display: flex;
  flex-direction: row;
}

.app-container main .home-wrapper section.home-container {
  width: calc(100% - 340px);
  display: flex;
  flex-direction: column;
}

@media (max-width: 1150px) {
  .app-container main .home-wrapper section.home-container {
    width: 60%;
  }
}

@media (max-width: 800px) {
  .app-container main .home-wrapper section.home-container {
    width: 100%;
  }
}

.app-container main .home-wrapper section.home-sidebar {
  width: 340px;
}

@media (max-width: 1150px) {
  .app-container main .home-wrapper section.home-sidebar {
    width: 40%;
  }
}

@media (max-width: 800px) {
  .app-container main .home-wrapper section.home-sidebar {
    display: none;
  }
}

.app-container main .home-wrapper section.home-sidebar .ab-container .ab-container-inner {
  margin-bottom: 20px;
}

@media (max-width: 800px) {
  .app-container main .home-wrapper {
    flex-direction: column;
  }
}

/*******
* Feed *
*******/
.compose-bg-1 {
  background: #e35568;
  background: linear-gradient(45deg, #e35568 0%, #d19be2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$colour1, endColorstr=$colour2,GradientType=1 );
}

.compose-bg-1:after {
  background-image: url("/assets/themes/killing-kittens/images/feed/background-1-icon.png");
  background-size: 65px;
}

.compose-bg-2 {
  background: #37a8f9;
  background: linear-gradient(45deg, #37a8f9 0%, #4f55f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$colour1, endColorstr=$colour2,GradientType=1 );
}

.compose-bg-2:after {
  background-image: url("/assets/themes/killing-kittens/images/feed/background-2-icon.png");
  background-size: 60px;
}

.compose-bg-3 {
  background: #f74450;
  background: linear-gradient(45deg, #f74450 0%, #faa231 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$colour1, endColorstr=$colour2,GradientType=1 );
}

.compose-bg-3:after {
  background-image: url("/assets/themes/killing-kittens/images/feed/background-3-icon.png");
  background-size: 50px;
}

.compose-bg-4 {
  background: #3196d2;
  background: linear-gradient(45deg, #3196d2 0%, #71bec9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$colour1, endColorstr=$colour2,GradientType=1 );
}

.compose-bg-4:after {
  background-image: url("/assets/themes/killing-kittens/images/feed/background-4-icon.png");
  background-size: 55px;
}

.compose-bg-5 {
  background: #eb2c8c;
  background: linear-gradient(45deg, #eb2c8c 0%, #ad56aa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$colour1, endColorstr=$colour2,GradientType=1 );
}

.compose-bg-5:after {
  background-image: url("/assets/themes/killing-kittens/images/feed/background-5-icon.png");
  background-size: 60px;
}

.compose-bg-2 a,
.compose-bg-4 a {
  color: #000;
}

.compose-bg-2 a:hover,
.compose-bg-4 a:hover {
  color: #404040;
}

/**********
* Compose *
**********/
.compose-status-container {
  width: 100%;
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
  /*********
  * Mobile *
  *********/
}

.compose-status-container .close-compose {
  position: absolute;
  top: 0px;
  right: 0px;
  display: none;
  z-index: 105;
  font-size: 12px;
  padding: 14px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.compose-status-container .compose-status-overlay {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.6);
  display: inline-block;
  opacity: 1;
  z-index: 103;
}

@media (min-width: 650px) {
  .compose-status-container.expanded .compose-canvas-customise,
  .compose-status-container.expanded .compose-action-bar,
  .compose-status-container.expanded .compose-memory {
    display: flex;
  }
  .compose-status-container.expanded .compose-privacy,
  .compose-status-container.expanded .compose-footer {
    display: inline-block;
  }
}

.compose-status-container .compose-privacy {
  display: none;
}

.compose-status-container .compose-privacy .btn-privacy {
  font-size: 12px;
  line-height: 21px;
  background: #FFF;
  border-radius: 6px;
  padding: 9px 6px 9px 12px;
  color: #315369;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #979797;
}

.compose-status-container .compose-privacy .btn-privacy span {
  display: flex;
  align-items: center;
}

.compose-status-container .compose-privacy .btn-privacy span i {
  margin-right: 5px;
}

.compose-status-container .compose-privacy .btn-privacy i.app-icon-next {
  transform: rotate(90deg);
  margin-left: 10px;
}

.compose-status-container .compose-privacy .dropdown-menu {
  min-width: 200px;
}

.compose-status-container .compose-privacy .dropdown-menu .privacy-header {
  padding: 8px 15px;
  font-size: 13px;
  line-height: 22px;
  font-weight: bold;
}

.compose-status-container .compose-privacy .dropdown-menu .privacy-option {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}

.compose-status-container .compose-privacy .dropdown-menu .privacy-option a {
  padding: 6px 15px;
}

.compose-status-container .compose-privacy .dropdown-menu .privacy-option i {
  font-size: 22px;
  margin-right: 0px;
}

.compose-status-container .compose-privacy .dropdown-menu .privacy-option .privacy-option-inner {
  display: flex;
  flex-direction: column;
  padding-left: 12px;
}

.compose-status-container .compose-privacy .dropdown-menu .privacy-option .privacy-option-inner h3,
.compose-status-container .compose-privacy .dropdown-menu .privacy-option .privacy-option-inner p {
  width: 100%;
  margin: 0px;
}

.compose-status-container .compose-privacy .dropdown-menu .privacy-option .privacy-option-inner h3 {
  color: #1D2429;
  font-size: 14px;
  line-height: 23px;
}

.compose-status-container .compose-privacy .dropdown-menu .privacy-option .privacy-option-inner p {
  font-weight: normal;
  color: #9B9B9B;
  font-size: 13px;
  line-height: 22px;
}

.compose-status-container .v--modal-overlay {
  background: none !important;
}

.compose-status-container .compose-overlay-fade-enter-active,
.compose-status-container .compose-overlay-fade-fade-leave-active {
  transition: opacity 0.2s;
}

.compose-status-container .compose-overlay-fade-enter,
.compose-status-container .compose-overlay-fade-leave-to {
  transition: opacity 0.2s;
  opacity: 0;
}

.compose-status-container.focussed .compose-status {
  z-index: 104;
}

.compose-status-container.focussed .compose-user {
  padding-right: 38px;
  padding-bottom: 15px;
}

.compose-status-container.focussed .close-compose {
  display: flex;
}

.compose-status-container .gif-background-toggle {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 2;
}

.compose-status-container .compose-status {
  width: 100%;
  display: inline-block;
  border-radius: 10px;
  background: #FFF;
  position: relative;
}

.compose-status-container .compose-status .feed-item-attachment-loading {
  width: 100%;
  display: inline-block;
  text-align: center;
  border-top: 1px solid #d1d8e2;
  padding: 20px;
}

.compose-status-container .compose-status .feed-item-attachment .feed-item-link {
  border-top: 1px solid #d1d8e2;
  width: 100%;
  display: inline-block;
}

.compose-status-container .compose-status .feed-item-attachment .feed-item-link iframe {
  width: 100%;
  height: auto;
  min-height: 250px;
}

.compose-status-container .compose-status .feed-item-attachment .feed-item-link .youtube-video {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.compose-status-container .compose-status .feed-item-attachment .feed-item-link .youtube-video iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  min-height: none;
}

.compose-status-container .compose-status .feed-item-attachment .feed-item-link .feed-item-link-image {
  width: 100%;
  height: 0px;
  padding-top: 38%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

.compose-status-container .compose-status .feed-item-attachment .feed-item-link .feed-item-link-meta {
  padding: 15px;
}

.compose-status-container .compose-status .feed-item-attachment .feed-item-link .feed-item-link-meta h3 {
  font-size: 15px;
  line-height: 24px;
  margin: 0px 0px 8px 0;
  color: #4f575e;
}

.compose-status-container .compose-status .feed-item-attachment .feed-item-link .feed-item-link-meta p {
  font-size: 12px;
  line-height: 18px;
  margin: 0px;
  font-weight: normal;
  color: #a7a7a7;
}

.compose-status-container .compose-user {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 20px;
}

.compose-status-container .compose-user img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.2));
}

.compose-status-container .compose-user p {
  margin: 0px;
  margin-left: 10px;
  font-weight: bold;
  color: #181E23;
  flex: 1;
}

.compose-status-container .compose-user > .btn {
  padding: 7px 20px !important;
}

.compose-status-container .compose-bg-empty {
  background: #ebedf0;
}

.compose-status-container .compose-canvas textarea {
  border: 0px;
  padding: 0px 20px 30px 20px;
  font-size: 15px;
  line-height: 24px;
  background: transparent;
  outline: none;
  resize: none;
}

.compose-status-container .compose-canvas.with-background {
  position: relative;
}

.compose-status-container .compose-canvas.with-background textarea {
  padding: 40px 20px;
  font-size: 20px;
  line-height: 29px;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  position: relative;
  z-index: 2;
}

.compose-status-container .compose-canvas.with-background:after {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  content: '';
  background-repeat: repeat;
  z-index: 1;
}

.compose-status-container .compose-canvas.emoji-only textarea {
  font-size: 35px;
  line-height: 44px;
}

.compose-status-container .compose-canvas-customise {
  width: 100%;
  display: none;
  padding: 18px 0px 10px 0px;
  align-items: center;
  position: relative;
}

.compose-status-container .compose-canvas-customise .compose-background {
  display: flex;
  list-style: none;
  padding: 0px 0px 10px 20px;
  margin: 0px;
  position: relative;
}

.compose-status-container .compose-canvas-customise .compose-background li {
  width: 32px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.compose-status-container .compose-canvas-customise .compose-background li.compose-background-blocker {
  position: absolute;
  width: auto;
  height: auto;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: #FFF;
  opacity: 0.8;
  z-index: 2;
}

.compose-status-container .compose-canvas-customise .compose-background li a {
  width: 25px;
  height: 25px;
  border-radius: 3px;
  display: block;
  transition: all 0.1s ease-in-out;
  box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.3);
}

.compose-status-container .compose-canvas-customise .compose-background li a.selected {
  border: 2px solid #FFF;
}

.compose-status-container .compose-canvas-customise .compose-background li a:hover {
  width: 28px;
  height: 28px;
}

.compose-status-container .compose-canvas-customise .remove-upload {
  width: 36px;
  height: 36px;
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.compose-status-container .compose-canvas-customise .remove-upload i {
  color: #FFF;
  font-size: 15px;
}

.compose-status-container .compose-canvas-customise .image-preview {
  width: 100%;
  display: inline-block;
  position: relative;
  list-style: none;
  padding: 0 20px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.compose-status-container .compose-canvas-customise .image-preview li {
  width: 100px;
  height: 100px;
  display: inline-block;
  overflow: hidden;
  position: relative;
  margin-right: 10px;
  margin-top: 10px;
}

.compose-status-container .compose-canvas-customise .image-preview li .remove-upload {
  top: 5px;
  right: 5px;
}

.compose-status-container .compose-canvas-customise .image-preview li img {
  width: 100%;
  /*width of parent container*/
  height: 100%;
  /*height of parent container*/
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}

.compose-status-container .compose-canvas-customise .video-preview {
  width: 100%;
  display: inline-block;
  position: relative;
}

.compose-status-container .compose-canvas-customise .video-preview video {
  width: 100%;
  height: auto;
  display: inline-block;
}

.compose-status-container .compose-canvas-customise .gif-preview {
  width: 100%;
  display: inline-block;
  position: relative;
}

.compose-status-container .compose-canvas-customise .gif-preview img {
  width: 100%;
  height: auto;
  display: inline-block;
}

.compose-status-container .compose-canvas-customise .compose-file {
  width: 100%;
  display: flex;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.compose-status-container .compose-canvas-customise .compose-file li {
  width: 118px;
  height: 118px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.compose-status-container .compose-canvas-customise .compose-file li a {
  width: 100px;
  height: 100px;
  border-radius: 3px;
  display: block;
  box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.3);
}

.compose-status-container .compose-canvas-customise .compose-file li a > img {
  width: 100px;
  height: 100px;
  transition: all 0.1s ease-in-out;
}

.compose-status-container .compose-canvas-customise .compose-file li a > img:hover {
  width: 105px;
  height: 105px;
}

.compose-status-container .compose-canvas-customise .compose-file li a.selected {
  border: 2px solid #FFF;
}

.compose-status-container .compose-action-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}

@media (max-width: 650px) {
  .compose-status-container .compose-action-container {
    flex-direction: column-reverse;
  }
}

.compose-status-container .compose-action-bar {
  width: 100%;
  display: none;
  align-items: center;
  padding: 0px 20px 10px 20px;
}

.compose-status-container .compose-action-bar .compose-action-trigger {
  background: #f5f6f7;
  font-size: 13px;
  display: inline-block;
  border-radius: 22px;
  line-height: 22px;
  padding: 6px 12px;
  color: #315369;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
  margin-right: 5px;
}

.compose-status-container .compose-action-bar .compose-action-trigger:last-child {
  margin-right: 0px;
}

.compose-status-container .compose-action-bar .compose-action-trigger:hover {
  background: #e7e9ec;
}

.compose-status-container .compose-action-bar .compose-action-trigger i {
  margin-right: 5px;
  font-size: 17px;
  line-height: inherit;
}

.compose-status-container .compose-action-bar .compose-action-trigger i.app-icon-gif-solid {
  font-size: 20px;
}

.compose-status-container .compose-action-bar .compose-action-trigger.compose-emoji-picker {
  position: relative;
  padding: 0px;
}

.compose-status-container .compose-action-bar .compose-action-trigger.compose-emoji-picker i {
  margin-right: 0px;
  padding: 6px 12px;
  display: inline-block;
}

.compose-status-container .compose-action-bar .compose-action-trigger.compose-emoji-picker .emoji-mart {
  position: absolute;
  left: -40px;
  top: 30px;
  z-index: 1;
  height: 250px;
}

.compose-status-container .compose-memory {
  border-top: 1px solid #f0f0f0;
  display: none;
  flex-direction: row;
  align-items: center;
  padding: 10px 20px;
}

.compose-status-container .compose-memory p {
  flex: 1;
  align-items: center;
  display: flex;
  cursor: pointer;
  margin: 0px;
  font-weight: bold;
}

.compose-status-container .compose-memory p i {
  margin-right: 5px;
  display: inline-block;
  text-align: center;
}

.compose-status-container .compose-memory .form-group-checkbox {
  width: auto;
  padding: 0px;
  border-bottom: 0px;
}

@media (max-width: 650px) {
  .compose-status-container .compose-memory p i {
    width: 24px;
    font-size: 17px;
  }
}

.compose-status-container .compose-footer {
  width: 100%;
  display: none;
  padding: 12px 16px;
  text-align: right;
  background: #eef1f4;
  border-top: 1px solid #dee0e1;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.compose-status-container .compose-footer a {
  min-width: 100px;
}

.compose-status-container .compose-mobile-toggle {
  display: none;
}

.compose-status-container .mobile-compose {
  display: none;
}

@media (max-width: 650px) {
  .compose-status-container {
    margin-bottom: 0px;
  }
  .compose-status-container .compose-privacy {
    display: inline-block;
  }
  .compose-status-container .compose-canvas-customise,
  .compose-status-container .compose-action-bar,
  .compose-status-container .compose-memory {
    display: flex;
  }
  .compose-status-container .compose-footer {
    display: inline-block;
  }
  .compose-status-container.focussed {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 104;
    flex: none;
  }
  .compose-status-container.focussed .compose-status {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .compose-status-container .mobile-compose {
    display: inline-block;
    width: 100%;
    background: #FFF;
    padding: 20px 12px;
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
  }
  .compose-status-container .mobile-compose .mobile-compose-button {
    flex: 1;
  }
  .compose-status-container.focussed .mobile-compose {
    display: none;
  }
  .compose-status-container .compose-mobile-toggle {
    width: 66px;
    height: 66px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 30px;
    color: #FFF;
    z-index: 103;
    display: block;
    background: #1AC4FF;
    border-radius: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.3);
  }
  .compose-status-container .compose-mobile-toggle:hover {
    background: #43cfff;
  }
  .compose-status-container .compose-status {
    display: none;
    height: 100%;
    border-radius: 0px;
  }
  .compose-status-container .compose-status .compose-status-inner {
    flex: 1 1 100%;
    overflow-y: auto;
  }
  .compose-status-container .compose-status .compose-action-bar {
    flex-direction: column;
    padding: 0px;
    border-bottom: 1px solid #f7f7f8;
  }
  .compose-status-container .compose-status .compose-action-bar .compose-action-trigger {
    width: 100%;
    padding: 12px 20px;
    border-top: 1px solid #f7f7f8;
    background: #FFF;
    border-radius: 0px;
    margin-right: 0px;
    font-size: 14px;
    font-weight: bold;
  }
  .compose-status-container .compose-status .compose-action-bar .compose-action-trigger i {
    color: #1AC4FF;
    width: 24px;
    display: inline-block;
    text-align: center;
  }
  .compose-status-container .compose-status .compose-action-bar .compose-action-trigger:hover {
    background: #FFF;
  }
  .compose-status-container .compose-status .compose-action-bar .compose-action-trigger.compose-emoji-picker {
    display: none;
  }
  .compose-status-container .compose-status .compose-footer {
    flex: none;
    width: 100%;
  }
  .compose-status-container .compose-status .compose-footer a {
    width: 100%;
  }
}

/****************
* Events Slider *
****************/
.feed-slider {
  width: 100%;
  display: inline-block;
  background: #FFF;
  border-radius: 10px;
  margin-bottom: 20px;
  position: relative;
  padding: 20px 0 20px 0;
}

.feed-slider h3 {
  width: 100%;
  display: inline-block;
  margin: 0px 0px 18px 0px;
  padding: 0 20px;
}

.feed-slider .feed-slider-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.feed-slider .upcoming-events-slider {
  width: 100%;
  padding: 0px !important;
  outline: none;
}

.feed-slider .upcoming-events-slider.hooper {
  height: auto;
}

.feed-slider .upcoming-events-slider .slide {
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 801px) and (max-width: 820px) {
  .feed-slider .upcoming-events-slider .slide {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 479px) {
  .feed-slider .upcoming-events-slider .slide {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.feed-slider .upcoming-events-slider .slide:last-child {
  padding-right: 0px;
}

.feed-slider .upcoming-events-slider .slide a.event-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  overflow: hidden;
}

.feed-slider .upcoming-events-slider .slide .event-image {
  width: 100%;
  height: 0px;
  padding-top: 60%;
  display: inline-block;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  position: relative;
}

.feed-slider .upcoming-events-slider .slide .event-image .event-image-banner {
  position: absolute;
  top: 10px;
  right: -35px;
  transform: rotate(45deg);
  font-size: 11px;
  line-height: 13px;
  background: #FFF;
  color: #fb1c83;
  display: inline-block;
  z-index: 2;
  text-align: center;
  padding: 2px 0 3px 0;
  width: 120px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}

.feed-slider .upcoming-events-slider .slide .event-image .event-image-banner i {
  display: inline-block;
  margin-right: 2px;
  font-size: 13px;
}

.feed-slider .upcoming-events-slider .slide .event-details {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  padding: 11px 15px 15px 15px;
  max-height: 94px;
  min-height: 94px;
}

.feed-slider .upcoming-events-slider .slide .event-details .event-calendar {
  width: 40px;
  display: flex;
  flex-direction: column;
  text-align: center;
  flex: none;
  margin-top: 4px;
}

.feed-slider .upcoming-events-slider .slide .event-details .event-calendar .event-calendar-top {
  background: #f7194e;
  font-size: 8px;
  line-height: 12px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  margin: 0px;
}

.feed-slider .upcoming-events-slider .slide .event-details .event-calendar .event-calendar-bottom {
  border: 1px solid #cbcbcb;
  border-top: 0px;
  text-align: center;
  font-size: 23px;
  line-height: 32px;
  color: #181c1f;
  font-weight: bold;
  margin: 0px;
}

.feed-slider .upcoming-events-slider .slide .event-details .event-info {
  padding-left: 12px;
  flex: 1;
  flex-direction: column;
  display: flex;
  overflow: hidden;
  line-height: 22px;
}

.feed-slider .upcoming-events-slider .slide .event-details .event-info p {
  margin: 0px;
  font-size: 14px;
  line-height: 20px;
  max-height: 40px;
  width: 100%;
  color: #181c1f;
  display: flex;
  overflow: hidden;
  margin-bottom: 5px;
  flex: none;
}

.feed-slider .upcoming-events-slider .slide .event-details .event-info .event-location {
  font-size: 12px;
  line-height: 18px;
  max-height: 18px;
  color: #999999;
  margin-bottom: 5px;
  flex: none;
}

.feed-slider .upcoming-events-slider .slide .event-details .event-info .event-type {
  font-size: 13px;
  line-height: 18px;
  max-height: 18px;
  flex: none;
}

.feed-slider .upcoming-events-slider .hooper-prev,
.feed-slider .upcoming-events-slider .hooper-next {
  background: #FFF;
  border: 1px solid #dee0e1;
  font-size: 16px;
  border-radius: 3px;
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #325368;
  padding: 5px;
}

.feed-slider .upcoming-events-slider .hooper-prev {
  left: -8px;
}

.feed-slider .upcoming-events-slider .hooper-next {
  right: -8px;
}

.feed-slider .feed-slider-footer {
  width: 100%;
  display: inline-block;
  padding: 10px 20px 0 20px;
}

@media (max-width: 650px) {
  .feed-slider {
    border-radius: 0px;
  }
  .feed-slider .upcoming-events-slider .VueCarousel-navigation-button.VueCarousel-navigation-prev {
    left: 36px;
  }
  .feed-slider .upcoming-events-slider .VueCarousel-navigation-button.VueCarousel-navigation-next {
    right: 36px;
  }
}

/************
* New Posts *
************/
.new-posts {
  background: #FFF;
  text-align: center;
  padding: 20px;
  display: block;
  border-radius: 10px;
  margin-bottom: 20px;
}

@media (max-width: 650px) {
  .new-posts {
    border-radius: 0px;
    margin-bottom: 10px;
  }
}

.new-posts > h3 {
  font-size: 15px;
  line-height: 24px;
  margin: 0;
}

.new-posts > p {
  color: #a7a7a7;
  margin: 0;
  font-size: 13px;
  line-height: 22px;
  font-weight: 300;
}

/**************
* Feed Advert *
**************/
.feed-prev-container {
  width: 100%;
  display: inline-block;
}

.feed-prev-container a {
  width: 100%;
  display: block;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 20px;
}

@media (max-width: 650px) {
  .feed-prev-container a {
    border-radius: 0px;
    margin-bottom: 10px;
  }
}

.feed-prev-container a img {
  display: inline-block;
  width: 100%;
  height: auto;
}

/*******
* Feed *
*******/
.feed-item {
  width: 100%;
  display: inline-block;
  background: #FFF;
  border-radius: 10px;
  margin-bottom: 20px;
  position: relative;
}

.feed-item .loading {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.feed-item .feed-item-user {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 20px 20px 5px 20px;
}

.feed-item .feed-item-user img {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.2));
}

.feed-item .feed-item-user .feed-item-meta {
  flex: 1;
  padding-left: 10px;
}

.feed-item .feed-item-user .feed-item-meta .meta-username {
  width: 100%;
  font-size: 14px;
  line-height: 23px;
}

.feed-item .feed-item-user .feed-item-meta .meta-username i {
  margin-left: 2px;
  margin-right: 2px;
}

.feed-item .feed-item-user .feed-item-meta .meta-time {
  width: 100%;
  display: inline-block;
  color: #a7a7a7;
  font-size: 12px;
  line-height: 21px;
  font-weight: 400;
}

.feed-item .feed-item-user .feed-item-meta a.meta-time:hover {
  color: #bbbbbb;
}

@media (max-width: 650px) {
  .feed-item .feed-item-user {
    padding: 12px 12px 5px 12px;
  }
}

.feed-item .feed-item-content {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  line-height: 23px;
  padding: 10px 20px;
  white-space: pre-line;
}

.feed-item .feed-item-content .vue-line-clamp {
  word-break: normal;
}

.feed-item .feed-item-content.with-background {
  padding: 40px 20px;
  font-size: 20px;
  line-height: 29px;
  color: #FFF;
  text-align: center;
  font-weight: bold;
  margin-top: 6px;
  position: relative;
}

.feed-item .feed-item-content.with-background:after {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  content: '';
  background-repeat: repeat;
  z-index: 1;
}

.feed-item .feed-item-content div {
  position: relative;
  z-index: 2;
}

.feed-item .feed-item-content.emoji-only {
  font-size: 35px;
  line-height: 44px;
}

.feed-item .feed-item-content a {
  font-weight: normal;
}

.feed-item .feed-item-attachment {
  width: 100%;
  display: inline-block;
  margin-top: 6px;
}

.feed-item .feed-item-attachment img {
  width: 100%;
  height: auto;
}

.feed-item .feed-item-attachment .feed-item-link {
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #d1d8e2;
  border-top: 1px solid #d1d8e2;
}

.feed-item .feed-item-attachment .feed-item-link:hover .feed-item-link-meta {
  background: #f5f6f7;
}

.feed-item .feed-item-attachment .feed-item-link iframe {
  width: 100%;
  height: auto;
}

.feed-item .feed-item-attachment .feed-item-link .youtube-video {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.feed-item .feed-item-attachment .feed-item-link .youtube-video iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  min-height: none;
}

.feed-item .feed-item-attachment .feed-item-link .feed-item-link-image {
  width: 100%;
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #ecedf0;
}

.feed-item .feed-item-attachment .feed-item-link .feed-item-link-meta {
  width: 100%;
  display: inline-block;
  padding: 20px;
  transition: all 0.2s ease-in-out;
}

.feed-item .feed-item-attachment .feed-item-link .feed-item-link-meta h3 {
  font-size: 15px;
  line-height: 24px;
  margin: 0px 0px 8px 0;
  color: #4f575e;
}

.feed-item .feed-item-attachment .feed-item-link .feed-item-link-meta p {
  font-size: 12px;
  line-height: 18px;
  margin: 0px;
  font-weight: normal;
  color: #a7a7a7;
}

.feed-item .feed-item-attachment .feed-item-image img {
  width: 100%;
  /*width of parent container*/
  height: 100%;
  /*height of parent container*/
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 1;
  /*top: 50%;
        transform: translateY(-50%);*/
}

.feed-item .feed-item-attachment .feed-item-video {
  background-size: cover;
  max-height: 400px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.feed-item .feed-item-attachment .feed-item-video img {
  width: calc(100% + 30px);
  position: absolute;
  top: -15px;
  right: -15px;
  bottom: -15px;
  left: -15px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  filter: brightness(50%) blur(10px);
}

.feed-item .feed-item-attachment .feed-item-video video {
  width: 100%;
  max-height: 400px;
  position: relative;
  z-index: 2;
}

.feed-item .feed-item-attachment.album-2 {
  padding-top: 50%;
  height: 0px;
  position: relative;
}

.feed-item .feed-item-attachment.album-2 .feed-item-image {
  position: absolute;
  text-align: center;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}

.feed-item .feed-item-attachment.album-2 .feed-item-image:first-child {
  width: 50%;
  height: 100%;
  top: 0px;
  left: 0px;
  border-right: 2px solid #FFF;
}

.feed-item .feed-item-attachment.album-2 .feed-item-image:nth-child(2) {
  width: 50%;
  height: 100%;
  top: 0px;
  right: 0px;
}

.feed-item .feed-item-attachment.album-3 {
  padding-top: 50%;
  height: 0px;
  position: relative;
}

.feed-item .feed-item-attachment.album-3 .feed-item-image {
  position: absolute;
  text-align: center;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}

.feed-item .feed-item-attachment.album-3 .feed-item-image:first-child {
  width: 50%;
  height: 100%;
  top: 0px;
  left: 0px;
  border-right: 2px solid #FFF;
}

.feed-item .feed-item-attachment.album-3 .feed-item-image:nth-child(2) {
  width: 50%;
  height: 50%;
  top: 0px;
  right: 0px;
  border-bottom: 2px solid #FFF;
}

.feed-item .feed-item-attachment.album-3 .feed-item-image:nth-child(3) {
  width: 50%;
  height: 50%;
  bottom: 0px;
  right: 0px;
}

.feed-item .feed-item-attachment.album-3.plus .feed-item-image:nth-child(3) {
  display: flex;
  align-items: center;
  justify-content: center;
}

.feed-item .feed-item-attachment.album-3.plus .feed-item-image:nth-child(3) .show-more-images {
  font-size: 34px;
  color: #FFF;
  position: absolute;
  z-index: 3;
}

.feed-item .feed-item-attachment.album-3.plus .feed-item-image:nth-child(3) img {
  filter: brightness(80%);
}

.feed-item .feed-item-engage {
  width: 100%;
  display: flex;
  padding: 15px;
  font-size: 13px;
  align-items: center;
}

.feed-item .feed-item-engage span {
  min-width: 22px;
}

.feed-item .feed-item-engage .comment-count {
  cursor: pointer;
  display: flex;
  align-items: center;
}

.feed-item .feed-item-engage .comment-count .comment-icon .app-icon-comment {
  font-size: 20px;
  margin-bottom: 1px;
  margin-right: 8px;
  color: #888;
}

@media (max-width: 650px) {
  .feed-item .feed-item-engage {
    padding: 12px 12px 12px 9px;
  }
}

.feed-item .comment-compose {
  width: 100%;
  display: flex;
  padding: 4px 15px 15px 15px;
}

.feed-item .comment-compose img {
  width: 36px;
  height: 36px;
  display: inline-block;
  flex: none;
  margin-right: 10px;
  border-radius: 50%;
}

.feed-item .comment-compose .comment-compose-canvas {
  width: 100%;
  flex: 1;
  position: relative;
}

.feed-item .comment-compose .comment-compose-canvas textarea {
  font-size: 13px;
  line-height: 22px;
  padding: 7px 55px 7px 14px;
  min-height: 38px;
  border-radius: 20px;
}

.feed-item .comment-compose .comment-compose-canvas .post-comment {
  position: absolute;
  bottom: 8px;
  right: 14px;
  font-size: 14px;
  line-height: 23px;
}

@media (max-width: 650px) {
  .feed-item .comment-compose {
    padding: 12px;
  }
}

.feed-item .feed-item-add-comment {
  border-top: 1px solid #d1d8e2;
  padding: 12px 15px;
}

.feed-item .feed-item-add-comment a {
  font-size: 13px;
  line-height: 22px;
  font-weight: normal;
  color: #4f575e;
}

.feed-item .feed-item-add-comment a i {
  font-size: 20px;
  margin-right: 8px;
}

@media (max-width: 650px) {
  .feed-item .feed-item-add-comment {
    padding-left: 12px;
    padding-right: 12px;
  }
}

.feed-item .feed-item-comments {
  border-top: 1px solid #d1d8e2;
  padding-top: 0px;
  padding-bottom: 0px;
}

.feed-item .feed-item-comments.first-comment .comment-list {
  padding-top: 0px;
}

.feed-item .feed-item-comments.first-comment .comment-list:last-child {
  padding-bottom: 0px;
}

.feed-item .feed-item-comments.first-comment .comment-list .comment {
  padding-top: 10px;
  padding-bottom: 2px;
}

.feed-item .feed-item-comments.first-comment .comment-list .comment .comment-by-image {
  width: 22px;
  margin-top: 0px;
  display: inline-block;
  line-height: 32px;
}

.feed-item .feed-item-comments.first-comment .comment-list .comment .comment-container {
  padding-left: 4px;
  justify-content: center;
}

.feed-item .feed-item-comments.first-comment .comment-list .view-more-comments {
  width: 100%;
  font-size: 13px;
  line-height: 22px;
  padding: 0px 2px 10px 15px;
  display: inline-block;
  color: #9b9b9b;
  font-weight: normal;
}

.feed-item .feed-item-comments .feed-item-attachment-loading {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 20px;
}

.feed-item .feed-item-comments .feed-item-attachment .feed-item-link {
  border-bottom: 0px;
}

.feed-item .feed-item-comments .comment-list {
  width: 100%;
  display: block;
  padding-top: 6px;
}

.feed-item .feed-item-comments .comment-list:last-child {
  padding-bottom: 6px;
}

.feed-item .feed-item-comments .comment-list .load-more-comments {
  min-height: 28px;
  display: flex;
  align-items: center;
  padding: 3px 15px 0px 56px;
}

.feed-item .feed-item-comments .comment-list .load-more-comments a {
  font-size: 13px;
  line-height: 22px;
}

.feed-item .feed-item-comments .comment-list .load-more-comments .loading {
  padding-right: 41px;
}

.feed-item .feed-item-comments .comment-list .no-comments {
  width: 100%;
  padding: 20px;
  font-size: 13px;
  line-height: 22px;
  color: #a7a7a7;
  text-align: center;
}

.feed-item .feed-item-comments .comment-list .comment {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 6px 15px 6px 15px;
}

.feed-item .feed-item-comments .comment-list .comment .comment-by-image {
  margin-top: 4px;
  width: 30px;
  flex: none;
}

.feed-item .feed-item-comments .comment-list .comment .comment-by-image img {
  width: 100%;
  display: inline-block;
  border-radius: 50%;
}

.feed-item .feed-item-comments .comment-list .comment .comment-container {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding-left: 8px;
}

.feed-item .feed-item-comments .comment-list .comment .comment-container.highlighted .comment-content {
  background-color: #fff5bc;
  animation: background 0.5s ease-out 3s forwards;
}

@keyframes background {
  0% {
    background-color: #fff5bc;
  }
  100% {
    background-color: #ffffff;
  }
}

.feed-item .feed-item-comments .comment-list .comment .comment-container .comment-by {
  padding-bottom: 6px;
}

.feed-item .feed-item-comments .comment-list .comment .comment-container .comment-by a {
  color: #181E23;
}

.feed-item .feed-item-comments .comment-list .comment .comment-container .comment-by a:hover {
  color: #2d3841;
}

.feed-item .feed-item-comments .comment-list .comment .comment-container .comment-content {
  padding: 2px 3px;
  border-radius: 6px;
  white-space: pre-line;
  font-size: 13px;
  line-height: 22px;
}

.feed-item .feed-item-comments .comment-list .comment .comment-container .comment-content .feed-item-attachment {
  margin-bottom: 0px;
  margin-top: 6px;
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  overflow: hidden;
}

.feed-item .feed-item-comments .comment-list .comment .comment-container .comment-content .feed-item-attachment .feed-item-link {
  border-top: 0px;
  border-bottom: 0px;
  display: flex;
  flex-direction: row;
}

.feed-item .feed-item-comments .comment-list .comment .comment-container .comment-content .feed-item-attachment .feed-item-link.feed-item-iframe {
  flex-direction: column;
}

.feed-item .feed-item-comments .comment-list .comment .comment-container .comment-content .feed-item-attachment .feed-item-link .feed-item-link-image {
  width: 70px;
  height: auto;
  flex: none;
  background-size: cover;
}

.feed-item .feed-item-comments .comment-list .comment .comment-container .comment-content .feed-item-attachment .feed-item-link:hover .feed-item-link-meta {
  background: none;
}

.feed-item .feed-item-comments .comment-list .comment .comment-container .comment-content .feed-item-attachment .feed-item-link-meta {
  padding: 10px;
}

.feed-item .feed-item-comments .comment-list .comment .comment-container .comment-content .feed-item-attachment .feed-item-link-meta h3 {
  font-size: 13px;
  line-height: 22px;
  margin-bottom: 2px;
}

.feed-item .feed-item-comments .comment-list .comment .comment-container .comment-content.emoji-only {
  line-height: 32px;
}

.feed-item .feed-item-comments .comment-list .comment .comment-container .comment-content.emoji-only span {
  font-size: 24px;
  line-height: 33px;
}

.feed-item .feed-item-comments .comment-list .comment .comment-container .comment-content a {
  color: #000000;
  font-weight: bold;
}

.feed-item .feed-item-comments .comment-list .comment .comment-container .comment-content a:hover {
  color: #1a1a1a;
}

.feed-item .feed-item-comments .comment-list .comment .comment-container .comment-content a.author-link {
  color: #181E23;
}

.feed-item .feed-item-comments .comment-list .comment .comment-container .comment-content a.author-link:hover {
  color: #2d3841;
}

.feed-item .feed-item-comments .comment-list .comment .comment-container .comment-actions {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding-top: 2px;
  padding-left: 3px;
  color: #9b9b9b;
  font-size: 12px;
  line-height: 21px;
}

.feed-item .feed-item-comments .comment-list .comment .comment-container .comment-actions a.comment-option {
  margin-left: 10px;
  color: #9b9b9b;
}

.feed-item .feed-item-comments .comment-list .comment .comment-container .comment-actions .reply-more {
  border: 0px;
  margin: 0px 0px 0px 10px;
  padding: 0px;
  color: #9b9b9b;
  font-size: 12px;
  line-height: 21px;
  background: transparent;
  font-weight: bold;
  cursor: pointer;
  position: relative;
}

@media (max-width: 650px) {
  .feed-item .feed-item-comments .comment-list .comment {
    padding: 6px 12px 6px 12px;
  }
}

.feed-item .feed-item-comments .comment-list .comment-reply {
  padding-left: 40px;
}

.feed-item .feed-item-comments .comment-list .comment-reply .comment .comment-by-image {
  width: 20px;
  height: 20px;
}

.feed-item .feed-item-comments .comment-list .comment-reply .comment .comment-container {
  padding-left: 6px;
}

.feed-item .feed-item-comments .comment-list .comment-reply .comment-compose {
  border-top: 0px;
  padding-top: 0px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 6px;
}

@media (max-width: 650px) {
  .feed-item .feed-item-comments .comment-list .comment-reply .comment-compose {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (max-width: 650px) {
  .feed-item {
    border-radius: 0px;
    margin-bottom: 10px;
  }
}

.feed-loading .feed-item {
  text-align: left;
}

.feed-loading .feed-loader {
  padding: 20px 0;
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

.feed-loading .animated-background, .feed-loading .feed-item-user .feed-item-user-image, .feed-loading .feed-item-user .feed-item-meta span, .feed-loading .feed-item-user .meta-time span, .feed-loading .feed-item-content span {
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: #F6F6F6;
  background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
  background-size: 800px 104px;
  height: 96px;
  position: relative;
}

.feed-loading .feed-item-user .feed-item-user-image {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.feed-loading .feed-item-user .feed-item-meta span {
  width: 180px;
  height: 10px;
  display: inline-block;
  vertical-align: middle;
}

.feed-loading .feed-item-user .meta-time span {
  width: 80px;
  height: 8px;
  margin-bottom: 0px;
  display: inline-block;
  vertical-align: middle;
}

.feed-loading .feed-item-content span {
  width: 100%;
  height: 8px;
  margin-bottom: 10px;
  display: inline-block;
}

.feed-loading .feed-item-content span:last-child {
  width: 60%;
  margin-bottom: 0px;
}

/**********
* Sidebar *
**********/
.sidebar-section {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  display: inline-block;
  border-radius: 10px;
  background: #202830;
  overflow: hidden;
}

.sidebar-section .sidebar-loader {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 74px 0 20px 0;
}

.sidebar-section:last-child {
  margin-bottom: 0px;
}

@media (max-width: 650px) {
  .sidebar-section {
    border-radius: 0;
  }
}

.sidebar-section .sidebar-section-inner {
  width: 100%;
  display: inline-block;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.sidebar-section h4 {
  position: absolute;
  top: 17px;
  left: 20px;
  font-size: 21px;
  line-height: 30px;
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  padding: 10px;
  color: #FFFFFF;
  background: #000000;
  z-index: 1;
  margin: 0px;
}

.sidebar-section.sidebar-events .sidebar-link, .sidebar-section.sidebar-blog .sidebar-link {
  padding: 18px 18px 0px 18px;
  width: 100%;
  display: flex;
}

.sidebar-section.sidebar-events .sidebar-link .sidebar-image, .sidebar-section.sidebar-blog .sidebar-link .sidebar-image {
  width: 80px;
  height: 0px;
  padding-top: 20%;
  min-height: 45px;
  overflow: hidden;
  display: inline-block;
  position: relative;
}

.sidebar-section.sidebar-events .sidebar-link .sidebar-image img, .sidebar-section.sidebar-blog .sidebar-link .sidebar-image img {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  -o-object-position: 50% 0%;
     object-position: 50% 0%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.2s ease-out;
}

@media (max-width: 800px) {
  .sidebar-section.sidebar-events .sidebar-link .sidebar-image, .sidebar-section.sidebar-blog .sidebar-link .sidebar-image {
    padding-top: 10%;
  }
}

.sidebar-section.sidebar-events .sidebar-link:hover .sidebar-image img, .sidebar-section.sidebar-blog .sidebar-link:hover .sidebar-image img {
  width: 110%;
  height: 110%;
  margin-left: -5%;
  margin-top: -5%;
}

.sidebar-section.sidebar-events .sidebar-section-inner li:first-child .sidebar-link, .sidebar-section.sidebar-blog .sidebar-section-inner li:first-child .sidebar-link {
  flex-direction: column;
  padding: 0px;
  background: #202830;
  border-bottom: 1px solid #495b6d;
}

.sidebar-section.sidebar-events .sidebar-section-inner li:first-child .sidebar-link .sidebar-image, .sidebar-section.sidebar-blog .sidebar-section-inner li:first-child .sidebar-link .sidebar-image {
  width: 100%;
  padding-top: 58.09%;
}

.sidebar-section.sidebar-events .sidebar-section-inner li:last-child .sidebar-link, .sidebar-section.sidebar-blog .sidebar-section-inner li:last-child .sidebar-link {
  padding-bottom: 18px;
}

.sidebar-section.sidebar-events .sidebar-link .event-details {
  width: calc(100% - 80px);
  display: flex;
}

.sidebar-section.sidebar-events .sidebar-link .event-calendar {
  width: 38px;
  display: none;
  text-align: center;
  z-index: 2;
  position: relative;
}

.sidebar-section.sidebar-events .sidebar-link .event-calendar p {
  margin: 0px;
}

.sidebar-section.sidebar-events .sidebar-link .event-calendar p.event-calendar-top {
  font-size: 8px;
  line-height: 12px;
  text-transform: uppercase;
}

.sidebar-section.sidebar-events .sidebar-link .event-calendar p.event-calendar-bottom {
  font-size: 23px;
  line-height: 32px;
  border-style: solid;
  border-width: 1px;
  border-top: 0px;
}

.sidebar-section.sidebar-events .sidebar-link .event-info {
  width: 100%;
  display: inline-block;
  position: relative;
  z-index: 2;
  padding-left: 15px;
}

.sidebar-section.sidebar-events .sidebar-link .event-info p {
  width: 100%;
  font-size: 14px;
  line-height: 23px;
  line-height: 20px;
  color: #FFFFFF;
  margin-top: 0px;
  margin-bottom: 5px;
  max-height: 40px;
  overflow: hidden;
  display: inline-block;
}

.sidebar-section.sidebar-events .sidebar-link .event-info span {
  width: 100%;
  font-size: 12px;
  line-height: 21px;
  color: #9d9d9d;
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
}

.sidebar-section.sidebar-events .sidebar-link .event-info span.event-location {
  display: none;
}

.sidebar-section.sidebar-events .sidebar-link .event-info span.event-date {
  display: inline-block;
}

.sidebar-section.sidebar-events .sidebar-section-inner li:first-child .sidebar-link .event-details {
  width: 100%;
  padding: 18px;
}

.sidebar-section.sidebar-events .sidebar-section-inner li:first-child .sidebar-link .event-calendar {
  display: inline-block;
}

.sidebar-section.sidebar-events .sidebar-section-inner li:first-child .sidebar-link .event-info {
  width: calc(100% - 38px);
}

.sidebar-section.sidebar-events .sidebar-section-inner li:first-child .sidebar-link .event-info span.event-location {
  display: inline-block;
}

.sidebar-section.sidebar-events .sidebar-section-inner li:first-child .sidebar-link .event-info span.event-date {
  display: none;
}

.sidebar-section.sidebar-blog .blog-details {
  width: calc(100% - 80px);
  display: inline-block;
  padding-left: 15px;
}

.sidebar-section.sidebar-blog .blog-details h5 {
  width: 100%;
  font-size: 14px;
  line-height: 23px;
  line-height: 20px;
  color: #FFFFFF;
  margin-top: 0px;
  margin-bottom: 5px;
  overflow: hidden;
  display: inline-block;
}

.sidebar-section.sidebar-blog .blog-details p {
  width: 100%;
  font-size: 12px;
  line-height: 21px;
  color: #9d9d9d;
  margin: 0px;
}

.sidebar-section.sidebar-blog .sidebar-section-inner li:first-child .sidebar-link .blog-details {
  width: 100%;
  padding: 18px;
}

.sidebar-section.sidebar-blog .sidebar-section-inner li:first-child .sidebar-link .blog-details h5 {
  font-size: 18px;
  line-height: 27px;
}

.sidebar-section.sidebar-blog .sidebar-section-inner li:first-child .sidebar-link .blog-details p {
  font-size: 12px;
  line-height: 21px;
}

section.public-chats-list {
  background: #FFF;
  width: 100%;
  display: inline-block;
  border-radius: 10px;
}

@media (max-width: 650px) {
  section.public-chats-list {
    border-radius: 0;
    margin-bottom: 10px !important;
  }
}

section.public-chats-list .public-chats-title {
  width: 100%;
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  color: #515c67;
  margin: 0px;
  border-bottom: 1px solid #f0f0f0;
  padding: 10px 15px;
}

section.public-chats-list .public-chats-title i {
  margin-right: 5px;
}

@media (max-width: 650px) {
  section.public-chats-list .public-chats-title {
    font-size: 15px;
    line-height: 24px;
    padding: 10px 20px 10px 20px;
  }
}

section.public-chats-list .public-chat {
  width: 100%;
  display: inline-block;
  position: relative;
  font-size: 0px;
  padding: 24px 28px 25px 28px;
  border-bottom: 1px solid #f0f0f0;
  cursor: pointer;
}

section.public-chats-list .public-chat:last-child {
  border-bottom: 0px;
}

section.public-chats-list .public-chat.premium .public-chat-info {
  width: calc(100% - 146px);
}

section.public-chats-list .public-chat.premium .premium-badge {
  display: inline-block;
}

section.public-chats-list .public-chat .public-chat-image {
  width: 66px;
  height: 66px;
  background-size: cover;
  display: inline-block;
  border-radius: 50%;
  vertical-align: middle;
  background-position: center center;
}

section.public-chats-list .public-chat .public-chat-info {
  width: calc(100% - 66px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 16px;
}

section.public-chats-list .public-chat .public-chat-info h3 {
  font-size: 14px;
  line-height: 23px;
  margin: 0px;
  margin-bottom: 2px;
  width: 100%;
  display: inline-block;
  color: #303235;
}

section.public-chats-list .public-chat .public-chat-info p {
  font-size: 14px;
  line-height: 23px;
  margin: 0px;
  width: 100%;
  color: #4f575e;
  display: inline-block;
}

section.public-chats-list .public-chat .premium-badge {
  width: 80px;
  display: none;
  color: #697175;
  font-size: 13px;
  line-height: 22px;
  text-align: right;
  vertical-align: middle;
}

section.public-chats-list .public-chat .premium-badge span {
  display: inline-block;
  background: #fb1c83;
  background: linear-gradient(45deg, #fb1c83 0%, #a059af 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$colour1, endColorstr=$colour2,GradientType=1 );
  color: #FFFFFF;
  font-size: 10px;
  text-transform: uppercase;
  font-family: 'GS-Regular';
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 26px;
  height: 26px;
  padding: 0px 10px;
  border-radius: 13px;
  vertical-align: middle;
}

@media (max-width: 650px) {
  section.public-chats-list .public-chat {
    padding: 14px 20px 14px 20px;
  }
  section.public-chats-list .public-chat .public-chat-image {
    width: 56px;
    height: 56px;
  }
  section.public-chats-list .public-chat .public-chat-info {
    width: calc(100% - 56px);
  }
  section.public-chats-list .public-chat.premium .public-chat-info {
    width: calc(100% - 136px);
  }
}

#events-listing {
  padding-top: 20px;
  padding-left: 11px;
  padding-right: 11px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

@media (max-width: 650px) {
  #events-listing {
    padding-top: 10px;
  }
}

@media (max-width: 550px) {
  #events-listing.content {
    padding: 0px;
  }
}

#events-listing .loading {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 40px 0;
  overflow: hidden;
}

#events-listing .events-list-container {
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  flex-direction: row;
  align-items: flex-start;
  align-content: flex-start;
}

#events-listing .events-list-container .infinite-loading-container {
  flex: none;
  width: 100%;
}

#events-listing .events-list-container .no-more p {
  color: #4F575E;
}

@media (max-width: 550px) {
  #events-listing .events-list-container {
    padding-top: 20px;
  }
}

#events-listing .event-listing-results {
  width: 100%;
  display: inline-block;
}

.event-filter {
  width: 100%;
  display: inline-block;
  padding: 0px 9px 30px 9px;
}

.event-filter .event-filter-inner {
  width: 100%;
  background: #FFF;
  border-radius: 10px;
  padding: 10px 20px;
  text-align: center;
  box-shadow: 3px 8px 15px rgba(115, 138, 156, 0.08);
  color: #171C22;
  display: flex;
  gap: 10px;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}

@media (min-width: 1024px) {
  .event-filter .event-filter-inner {
    flex-direction: row;
  }
}

.event-filter .event-filter-title {
  display: inline-block;
}

.event-filter .form-group-check {
  width: auto;
  display: flex;
  padding-bottom: 10px;
  flex-wrap: wrap;
}

.event-filter .form-group-check .checkbox-tick {
  display: flex;
  margin-right: 25px;
  flex: none;
  padding: 10px 0 0 0;
  align-items: center;
  font-size: 14px;
  line-height: 23px;
}

.event-filter .form-group-check .checkbox-tick span {
  width: 20px;
  height: 20px;
  border-width: 2px;
  border-color: #171C22;
}

.event-filter .form-group-check .checkbox-tick:last-child {
  margin-right: 0px;
}

.event-filter .form-group-check .pills {
  align-self: flex-start;
  flex-grow: 1;
}

.event-filter .form-group-checkbox.event-filter-checkbox {
  display: flex;
  gap: 10px;
  padding: 0px;
  border: none;
  width: -moz-fit-content;
  width: fit-content;
}

.event-filter .form-group-checkbox.event-filter-checkbox .form-group-checkbox-data {
  display: flex;
  align-items: center;
}

.event-filter .form-group-checkbox.event-filter-checkbox .checkbox-container {
  flex-shrink: 0;
}

.event-filter .form-group-checkbox.event-filter-checkbox .checkbox-container label {
  display: flex;
  gap: 30px;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  color: #000;
  font-family: 'Satoshi', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.event-filter .form-group-checkbox.event-filter-checkbox .checkbox-container label span {
  width: 36px;
}

@media (max-width: 650px) {
  .event-filter {
    padding-top: 10px;
  }
}

@media (max-width: 550px) {
  .event-filter {
    padding: 0px 0px 10px 0;
    margin-top: 10px;
  }
  .event-filter .event-filter-inner {
    border-radius: 0px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .event-filter .event-filter-inner .form-group-check {
    padding: 0px 0 10px 0;
  }
}

.event-filter label {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

.event-filter p {
  display: inline-block;
  margin: 0px;
  vertical-align: middle;
}

@media (max-width: 400px) {
  .event-filter .event-filter-inner .form-group-check {
    width: 100%;
    flex-direction: column;
    padding-top: 5px;
  }
  .event-filter .event-filter-inner .form-group-check.pills {
    flex-direction: row;
    justify-content: flex-start;
    padding: 0px;
  }
  .event-filter .event-filter-inner .form-group-check .checkbox-tick {
    width: 100%;
    margin-bottom: 10px;
    padding-top: 0px;
  }
  .event-filter .event-filter-inner .form-group-check .checkbox-tick:last-child {
    margin-bottom: 0px;
  }
}

.event-card {
  width: 33.3%;
  padding: 0px 9px 20px 9px;
  display: inline-block;
  flex-basis: 33.3%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  position: relative;
  min-width: 300px;
}

.event-card.event-card--slide {
  width: 100%;
  flex-basis: 100%;
  min-width: auto;
}

.event-card a {
  width: 100%;
  max-height: 494px;
  aspect-ratio: 1/1;
  display: flex;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  padding: 20px 16px;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.event-card a:before {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  content: '';
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.414) 0%, rgba(0, 0, 0, 0) 22%, rgba(0, 0, 0, 0) 42.32%, rgba(0, 0, 0, 0.9) 100%);
  z-index: 2;
}

.event-card a .event-image {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-size: cover;
  background-position: center;
  transition: transform 0.2s ease-out;
  z-index: 1;
}

.event-card a:hover .event-image {
  transform: scale(1.1);
}

.event-card .event-hosted-by {
  position: absolute;
  z-index: 3;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 33px;
  line-height: 24px;
  text-transform: none;
  color: #FFF;
  display: flex;
  align-items: center;
}

@media (max-width: 550px) {
  .event-card .event-hosted-by {
    font-size: 18px;
    line-height: 27px;
    line-height: 18px;
  }
}

.event-card .event-hosted-by .event-hosted-by-title {
  display: inline-block;
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
}

@media (max-width: 650px) {
  .event-card .event-hosted-by .event-hosted-by-title {
    display: none;
  }
}

.event-card .event-hosted-by > div {
  width: 42px;
  height: 42px;
  border: #FFF 1px solid;
  border-radius: 10rem;
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
}

@media (max-width: 550px) {
  .event-card .event-hosted-by > div {
    width: 30px;
    height: 30px;
  }
}

.event-card .event-hosted-by.event-hosted-by--featured {
  position: relative;
  margin-bottom: 10px;
  align-self: center;
}

.event-card .event-hosted-by.event-hosted-by--featured > div {
  width: 30px;
  height: 30px;
}

.event-card .event-hosted-by.event-hosted-by--featured .event-hosted-by-title {
  display: inline-block !important;
}

.event-card.event-card--featured {
  padding-bottom: 0px;
  max-height: 100%;
  width: 100%;
  flex-basis: 100%;
  padding: 0px;
}

.event-card.event-card--featured a {
  width: 100%;
  max-width: 100%;
  aspect-ratio: 2.3 / 1;
  height: auto;
}

@media (max-width: 800px) {
  .event-card.event-card--featured a {
    aspect-ratio: auto;
    height: 494px;
  }
}

@media (max-width: 550px) {
  .event-card.event-card--featured a {
    aspect-ratio: 1 / 1;
    height: auto;
  }
}

.event-card.event-card--featured a .event-info.event-info--featured {
  text-align: center;
}

.event-card.event-card--featured a .event-info.event-info--featured .event-location-wrap {
  align-self: center;
}

.event-card.event-card--featured a .event-info.event-info--featured .event-location-wrap .event-location {
  font-weight: 400;
}

.event-card.event-card--featured a .event-info.event-info--featured p {
  font-size: 60px;
  line-height: 69px;
  line-height: 58px;
}

@media (max-width: 800px) {
  .event-card.event-card--featured a .event-info.event-info--featured p {
    font-size: 32px;
    line-height: 41px;
    line-height: 30px;
  }
}

.event-card .event-info {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 3;
  flex: 1;
  margin: auto 0 0 0;
}

.event-card .event-info p {
  width: 100%;
  color: #FFF;
  margin: 0px;
  display: inline-block;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 45px;
  line-height: 54px;
  line-height: 43px;
  flex: none;
  word-break: break-word;
}

@media (max-width: 550px) {
  .event-card .event-info p {
    font-size: 39px;
    line-height: 48px;
    line-height: 37px;
  }
}

.event-card .event-info .event-location-wrap {
  display: flex;
  gap: 0px 14px;
  z-index: 3;
  flex: 1;
  color: #fff;
  align-items: center;
  flex-wrap: wrap;
}

.event-card .event-info .event-location-wrap .flex-wrap {
  display: flex;
  gap: 5px;
  align-items: center;
}

.event-card .event-info .event-location {
  flex: none;
  display: inline-block;
  font-size: 14px;
  line-height: 23px;
  max-height: 23px;
  overflow: hidden;
  color: #FFF;
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
  line-height: 18px;
}

.event-card .banners-wrap {
  display: flex;
  align-items: center;
  gap: 15px;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 16px;
}

.event-card .banners-wrap.banners-wrap--featured {
  position: absolute;
  top: 20px;
  left: 16px;
  z-index: 3;
  margin-bottom: 0px;
}

.event-card .banners-wrap .event-status-banner {
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 22px;
  line-height: 1;
  padding: 6px 9px;
}

.event-card .event-type-banner {
  display: flex;
  padding: 0px 9px 1px;
  align-items: center;
  align-self: stretch;
  gap: 5px;
  border-radius: 100px;
  border: 1px solid #CBD0D7;
  background: #111;
  color: #FFF;
  leading-trim: both;
  text-edge: cap;
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 22px;
  line-height: 1;
  max-height: 25px;
  min-height: 25px;
}

.event-card .event-status-banner {
  color: #FFFFFF;
  display: flex;
  padding: 6.5px 9px;
  align-items: center;
  gap: 5px;
  border-radius: 100px;
  background-color: #EB5400;
  font-size: 12px;
  font-weight: 500;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
  max-height: 25px;
}

.event-card .event-status-banner.discount {
  background: #F5FF8D;
  font-weight: 700;
  color: #111111;
  white-space: nowrap;
}

.event-card .event-status-banner.discount .desktop-only {
  display: flex;
  align-items: center;
}

@media (min-width: 1025px) and (max-width: 1144px) {
  .event-card .event-status-banner.discount .desktop-only {
    display: none;
  }
}

@media (min-width: 650px) and (max-width: 800px) {
  .event-card .event-status-banner.discount .desktop-only {
    display: none;
  }
}

@media (max-width: 340px) {
  .event-card .event-status-banner.discount .desktop-only {
    display: none;
  }
}

.event-card .event-status-banner.sold-out {
  background-color: #F5003A;
}

.event-card .event-calendar {
  width: 62px;
  height: 64px;
  display: flex;
  text-align: center;
  z-index: 3;
  position: absolute;
  top: 20px;
  right: 20px;
  flex: none;
  box-shadow: 0px 2.35294px 11.7647px rgba(0, 0, 0, 0.1);
  justify-content: center;
  flex-direction: column;
}

@media (max-width: 550px) {
  .event-card .event-calendar {
    width: 45px;
    height: 48px;
  }
}

.event-card .event-calendar p {
  margin: 0px;
}

.event-card .event-calendar p.event-calendar-top {
  font-size: 20px;
  line-height: 20px;
}

.event-card .event-calendar p.event-calendar-bottom {
  font-size: 32px;
  line-height: 28px;
}

@media (max-width: 550px) {
  .event-card .event-calendar p.event-calendar-top {
    font-size: 15.5px;
    line-height: 24px;
  }
  .event-card .event-calendar p.event-calendar-bottom {
    font-size: 25px;
    line-height: 24px;
  }
}

.event-card .event-card-footer {
  display: flex;
  align-items: center;
  gap: 10px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}

.event-card .event-card-footer .participants-wrap {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 0px;
  width: 55px;
  height: 29px;
}

.event-card .event-card-footer .participant-photo {
  width: 29px;
  height: 29px;
  border-radius: 29px;
  border: 1.6px solid #FFF;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0px;
  left: 0px;
}

.event-card .event-card-footer .participant-photo + .participant-photo {
  left: 13px;
}

.event-card .event-card-footer .participant-photo + .participant-photo + .participant-photo {
  left: 26px;
}

@media (max-width: 1400px) {
  .event-card:not(.event-card--slide) {
    width: 50%;
    flex-basis: 50%;
  }
}

@media (max-width: 650px) {
  .event-card:not(.event-card--slide) {
    width: 100%;
    flex-basis: 100%;
    max-width: 494px;
  }
}

@media (max-width: 800px) {
  .event-card {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    max-height: -moz-fit-content;
    max-height: fit-content;
  }
  .event-card .event-details {
    height: auto;
  }
  .event-card .event-info .event-type {
    font-size: 16px;
    line-height: 24px;
  }
  .event-card .event-info span {
    font-size: 14px;
    line-height: 24px;
  }
  .event-card .event-info p,
  .event-card .event-info span {
    max-height: inherit;
  }
}

.booking-step .event-ticket,
.booking-step .additional-booking-options {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-family: "Satoshi", sans-serif;
  border-radius: 12px;
  position: relative;
  padding: 30px 20px 30px 20px;
  cursor: pointer;
  background: linear-gradient(239deg, #FFFDFF36 0.15%, #F5F5F567 0.38%);
}

.booking-step .event-ticket .cntr,
.booking-step .additional-booking-options .cntr {
  height: -moz-fit-content;
  height: fit-content;
  display: none;
}

.booking-step .event-ticket span.ticket-price,
.booking-step .additional-booking-options span.ticket-price {
  display: inline-block;
  color: #738A9C;
  font-size: 15px;
  font-weight: 500;
}

.booking-step .event-ticket span.ticket-price.strikethrough,
.booking-step .additional-booking-options span.ticket-price.strikethrough {
  text-decoration-line: line-through;
}

.booking-step .event-ticket span.ticket-price-discount,
.booking-step .additional-booking-options span.ticket-price-discount {
  font-size: 15px;
  font-weight: 500;
  background: radial-gradient(38.52% 137.71% at 48.52% 127.78%, #7A822A 0%, #111111 100%), #111111;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.booking-step .event-ticket + .event-ticket,
.booking-step .event-ticket + .additional-booking-options,
.booking-step .additional-booking-options + .event-ticket,
.booking-step .additional-booking-options + .additional-booking-options {
  margin-top: 10px;
}

.booking-step .event-ticket.selected,
.booking-step .additional-booking-options.selected {
  background: var(--White-Pill-Gradient, linear-gradient(239deg, #FFFDFF 36.15%, #F5F5F5 67.38%));
  cursor: auto;
}

.booking-step .event-ticket.selected .cntr,
.booking-step .additional-booking-options.selected .cntr {
  display: flex;
  padding-top: 0px;
}

.booking-step .event-ticket.selected .cntr .cntr-value,
.booking-step .additional-booking-options.selected .cntr .cntr-value {
  font-size: 24px;
  line-height: 33px;
  font-family: "Satoshi", sans-serif;
  line-height: 30px;
  font-weight: 700;
  padding: 0 12px;
}

.booking-step .event-ticket.selected .cntr .cntr-button,
.booking-step .additional-booking-options.selected .cntr .cntr-button {
  width: 40px;
  height: 40px;
  font-size: 18px;
  font-weight: 700;
}

@media (max-width: 550px) {
  .booking-step .event-ticket.selected .cntr .cntr-button,
  .booking-step .additional-booking-options.selected .cntr .cntr-button {
    width: 28px;
    height: 28px;
    font-size: inherit;
  }
}

.booking-step .event-ticket.selected .cntr .cntr-button:has(.app-icon-minus),
.booking-step .additional-booking-options.selected .cntr .cntr-button:has(.app-icon-minus) {
  background: linear-gradient(239deg, #FFFDFF36 15%, #F5F5F567 38%);
  border-color: #CBD0D7;
  color: #111111;
}

.booking-step .event-ticket.selected .cntr .cntr-button:has(.app-icon-plus),
.booking-step .additional-booking-options.selected .cntr .cntr-button:has(.app-icon-plus) {
  background-color: #111111;
  color: white;
}

.booking-step .event-ticket.selected .cntr .cntr-button.disabled,
.booking-step .additional-booking-options.selected .cntr .cntr-button.disabled {
  opacity: 0.5;
}

.booking-step .event-ticket.selected .cntr .cntr-button.disabled:has(.app-icon-minus),
.booking-step .additional-booking-options.selected .cntr .cntr-button.disabled:has(.app-icon-minus) {
  color: #CBD0D7;
}

.booking-step .event-ticket.disabled, .booking-step .event-ticket.sold-out, .booking-step .event-ticket.coming-soon,
.booking-step .additional-booking-options.disabled,
.booking-step .additional-booking-options.sold-out,
.booking-step .additional-booking-options.coming-soon {
  cursor: auto;
}

.booking-step .event-ticket.disabled h4,
.booking-step .event-ticket.disabled p,
.booking-step .event-ticket.disabled .ticket-price, .booking-step .event-ticket.sold-out h4,
.booking-step .event-ticket.sold-out p,
.booking-step .event-ticket.sold-out .ticket-price, .booking-step .event-ticket.coming-soon h4,
.booking-step .event-ticket.coming-soon p,
.booking-step .event-ticket.coming-soon .ticket-price,
.booking-step .additional-booking-options.disabled h4,
.booking-step .additional-booking-options.disabled p,
.booking-step .additional-booking-options.disabled .ticket-price,
.booking-step .additional-booking-options.sold-out h4,
.booking-step .additional-booking-options.sold-out p,
.booking-step .additional-booking-options.sold-out .ticket-price,
.booking-step .additional-booking-options.coming-soon h4,
.booking-step .additional-booking-options.coming-soon p,
.booking-step .additional-booking-options.coming-soon .ticket-price {
  opacity: 0.3;
}

.booking-step .event-ticket.disabled .radio,
.booking-step .event-ticket.disabled .check, .booking-step .event-ticket.sold-out .radio,
.booking-step .event-ticket.sold-out .check, .booking-step .event-ticket.coming-soon .radio,
.booking-step .event-ticket.coming-soon .check,
.booking-step .additional-booking-options.disabled .radio,
.booking-step .additional-booking-options.disabled .check,
.booking-step .additional-booking-options.sold-out .radio,
.booking-step .additional-booking-options.sold-out .check,
.booking-step .additional-booking-options.coming-soon .radio,
.booking-step .additional-booking-options.coming-soon .check {
  display: none;
}

.booking-step .event-ticket h4,
.booking-step .additional-booking-options h4 {
  font-size: 20px;
  line-height: 29px;
  font-family: "Satoshi", sans-serif;
  color: #171C22;
  margin: 0px;
}

.booking-step .event-ticket h4 span,
.booking-step .additional-booking-options h4 span {
  display: inline-flex;
  align-items: flex-start;
  margin-right: 10px;
}

.booking-step .event-ticket h4 span i,
.booking-step .additional-booking-options h4 span i {
  margin-right: 10px;
  margin-top: 5px;
}

.booking-step .event-ticket h4 span.included,
.booking-step .additional-booking-options h4 span.included {
  font-weight: normal;
}

.booking-step .event-ticket h4 span + span,
.booking-step .additional-booking-options h4 span + span {
  margin-right: 0px;
}

.booking-step .event-ticket p,
.booking-step .additional-booking-options p {
  margin-top: 8px;
  font-size: 15px;
  line-height: 24px;
  font-family: "Satoshi", sans-serif;
}

@media (max-width: 1024px) {
  .booking-step .event-ticket,
  .booking-step .additional-booking-options {
    padding: 16px;
    align-items: center;
  }
  .booking-step .event-ticket h4,
  .booking-step .additional-booking-options h4 {
    font-size: 16px;
    line-height: 25px;
  }
  .booking-step .event-ticket h4 span i,
  .booking-step .additional-booking-options h4 span i {
    display: none;
  }
  .booking-step .event-ticket p,
  .booking-step .additional-booking-options p {
    font-size: 14px;
    line-height: 23px;
    margin-top: 2px;
  }
}

.booking-step .event-ticket.sold-out .add-options-img:before,
.booking-step .additional-booking-options.sold-out .add-options-img:before {
  position: absolute;
  content: "Sold Out";
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 25px;
  line-height: 34px;
  line-height: 25px;
  color: #F20000;
  border: 2px solid #F20000;
  border-radius: 8px;
  padding: 12px 0px 9px;
  left: 50%;
  top: 50%;
  text-align: center;
  width: 112px;
  margin-top: -27px;
  margin-left: -56px;
  z-index: 2;
  transform: rotate(-20deg);
  background: rgba(255, 255, 255, 0.8);
}

.booking-step .event-ticket.sold-out .add-options-img:after,
.booking-step .additional-booking-options.sold-out .add-options-img:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(255, 255, 255, 0.3);
}

@media (max-width: 1130px) {
  .booking-step .event-ticket.sold-out .add-options-img:before,
  .booking-step .additional-booking-options.sold-out .add-options-img:before {
    font-size: 18px;
    line-height: 27px;
    line-height: 18px;
    padding: 8px 0px 6px;
    width: 75px;
    margin-top: -24px;
    margin-left: -36px;
  }
}

.booking-step .event-ticket {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.booking-step .event-ticket.sold-out, .booking-step .event-ticket.coming-soon {
  padding-right: 86px;
}

.booking-step .event-ticket.sold-out:after, .booking-step .event-ticket.coming-soon:after {
  position: absolute;
  top: 22px;
  right: 21px;
  opacity: 0.4;
  background: #111111;
  color: #FFF;
  font-size: 12px;
  line-height: 21px;
  padding: 2px 7px;
  border-radius: 10rem;
}

.booking-step .event-ticket.sold-out:after {
  content: "Sold Out";
}

.booking-step .event-ticket.coming-soon {
  padding-right: 110px;
}

.booking-step .event-ticket.coming-soon:after {
  content: "Coming Soon";
}

.booking-step .event-ticket .flex-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  flex-wrap: wrap;
}

.booking-step .additional-booking-options.selected {
  cursor: pointer;
}

.booking-step .radio {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border: 1px solid #111111;
  position: absolute;
  top: 24px;
  right: 20px;
}

.booking-step .check {
  width: 21px;
  height: 21px;
  border-radius: 6px;
  border: 1px solid #111111;
  position: absolute;
  top: 24px;
  right: 20px;
}

.booking-step .selected .radio:after {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  background: #111111;
  border-radius: 50%;
  top: 2px;
  left: 2px;
}

.booking-step .selected .check:after {
  content: '';
  position: absolute;
  width: 15px;
  height: 15px;
  background: #111111;
  border-radius: 3px;
  top: 2px;
  left: 2px;
}

.booking-step .custom-ticket.sold-out {
  padding-right: 140px;
}

.booking-step .custom-ticket.sold-out:after {
  position: absolute;
  content: "Sold Out";
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 25px;
  line-height: 34px;
  line-height: 25px;
  color: #F20000;
  border: 2px solid #F20000;
  border-radius: 8px;
  padding: 12px 0px 9px;
  right: 20px;
  top: 50%;
  text-align: center;
  width: 112px;
  margin-top: -25px;
}

@media (max-width: 1024px) {
  .booking-step .custom-ticket.sold-out {
    padding-right: 102px;
  }
  .booking-step .custom-ticket.sold-out:after {
    font-size: 18px;
    line-height: 27px;
    line-height: 18px;
    padding: 8px 0px 6px;
    width: 75px;
    margin-top: -18px;
  }
}

.booking-step .additional-booking-options {
  display: flex;
  flex-direction: row;
  padding: 0px 41px 0px 0px;
  min-height: 220px;
  overflow: hidden;
}

.booking-step .additional-booking-options.clear-option {
  min-height: auto;
}

.booking-step .additional-booking-options .add-options-img {
  width: 40%;
  max-width: 220px;
  max-height: 220px;
  display: flex;
  flex-shrink: 0;
  position: relative;
  background-size: cover;
  background-position: center;
  align-self: normal;
}

.booking-step .additional-booking-options .add-options-inner {
  padding: 30px 0px 30px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (max-width: 1024px) {
  .booking-step .additional-booking-options {
    min-height: 180px;
    min-width: 180px;
  }
}

@media (max-width: 650px) {
  .booking-step .additional-booking-options {
    min-height: 130px;
    min-width: 130px;
  }
}

#events-container .wrapper,
#events-container .wrapper .wrapper-inner {
  height: 100%;
}

#event-details {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}

#event-details .wrapper {
  margin-top: 0px;
  min-height: 100%;
  max-width: unset;
}

#event-details .wrapper .wrapper-inner {
  flex: 1;
  max-width: 1150px;
  padding: 20px;
  margin: 0 auto;
  flex-direction: row;
}

@media (max-width: 900px) {
  #event-details .wrapper .wrapper-inner.event-body {
    padding: 0px;
  }
}

main .event-details {
  width: 100%;
  display: flex;
  flex-direction: row;
  position: relative;
  min-height: 100%;
  flex: 1;
}

main .event-details.content {
  padding: 0px;
}

main .event-details .event-header {
  width: 100%;
  height: 60vh;
  max-height: 637px;
  display: flex;
  position: relative;
  z-index: 1;
}

main .event-details .event-header.event-header.withoutSidebar {
  max-width: 1110px;
  margin: 0px auto;
  border-radius: 20px;
  overflow: hidden;
  margin-top: 25px;
}

@media (max-width: 1110px) {
  main .event-details .event-header.event-header.withoutSidebar {
    margin-top: 0px;
    border-radius: 0px;
  }
}

main .event-details .event-header .event-header-wrapper {
  top: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, #000 100%);
  z-index: 2;
}

main .event-details .event-header .event-header-wrapper .wrapper-inner {
  flex-direction: column !important;
  height: 100%;
  justify-content: space-between;
}

main .event-details .event-header .event-header-info {
  pointer-events: all;
  z-index: 2;
  text-align: center;
  color: #FFF;
  display: flex;
  flex-direction: column;
  align-self: center;
  justify-content: end;
}

main .event-details .event-header .event-header-info h1 {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 56px;
  line-height: 65px;
  line-height: 54px;
  margin: 0px;
}

main .event-details .event-header .event-header-info p {
  font-size: 14px;
  line-height: 23px;
  margin: 6px 0 0 0;
}

main .event-details .event-header .event-header-info p span {
  margin-left: 3px;
  margin-right: 3px;
}

@media (max-width: 900px) {
  main .event-details .event-header .event-header-info h1 {
    font-size: 40px;
    line-height: 49px;
    line-height: 38px;
  }
  main .event-details .event-header .event-header-info p {
    margin-bottom: 20px;
  }
}

main .event-details .event-header .VueCarousel {
  width: 100%;
  height: 100%;
}

main .event-details .event-header .VueCarousel .VueCarousel-pagination {
  position: absolute;
  z-index: 2;
  transform: translateX(-50%);
  left: 50%;
  width: auto;
  margin-top: 18px;
}

main .event-details .event-header .VueCarousel .VueCarousel-pagination .VueCarousel-dot-container {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10rem;
  padding: 0px 8px 5px 8px;
  margin: 0px;
  white-space: nowrap;
}

main .event-details .event-header .VueCarousel .VueCarousel-pagination .VueCarousel-dot-container .VueCarousel-dot {
  margin: 0px 1px 0 1px;
  background-color: #ADB3BC !important;
}

main .event-details .event-header .VueCarousel .VueCarousel-pagination .VueCarousel-dot-container .VueCarousel-dot.VueCarousel-dot--active {
  background-color: #FFF !important;
}

main .event-details .event-header .VueCarousel .VueCarousel-pagination .VueCarousel-dot-container .VueCarousel-dot:focus {
  outline: none;
}

main .event-details .event-header .VueCarousel .VueCarousel-wrapper {
  height: 100%;
}

main .event-details .event-header .VueCarousel .VueCarousel-wrapper .VueCarousel-inner {
  width: 100%;
}

main .event-details .event-header .VueCarousel .VueCarousel-wrapper .VueCarousel-inner .carousel-slide {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  min-width: 100%;
  height: 60vh;
  max-height: 637px;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

main .event-details .event-header .VueCarousel .VueCarousel-wrapper .VueCarousel-inner .carousel-slide .blur-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(5px);
  background-position: center;
}

main .event-details .event-header .VueCarousel .VueCarousel-wrapper .VueCarousel-inner .carousel-slide .video-overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  max-height: 60vh;
  -o-object-fit: cover;
     object-fit: cover;
}

main .event-details .event-header .VueCarousel .VueCarousel-wrapper .VueCarousel-inner .carousel-slide .video {
  height: 100%;
  min-height: 100%;
  max-height: 60vh;
  -o-object-fit: contain;
     object-fit: contain;
  position: relative;
  margin: auto;
  max-width: 100%;
}

main .event-details .event-header .VueCarousel .VueCarousel-wrapper .VueCarousel-inner .carousel-slide .image {
  position: relative;
  height: 100%;
  max-height: 60vh;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 100%;
}

@media (max-width: 480px) {
  main .event-details .event-header .VueCarousel .VueCarousel-wrapper .VueCarousel-inner .carousel-slide .video {
    height: auto;
    max-height: 637px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  main .event-details .event-header .VueCarousel .VueCarousel-wrapper .VueCarousel-inner .carousel-slide .image {
    max-height: 637px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

main .event-details .event-header .event-header-back {
  width: 35px;
  height: 35px;
  background: #FFF;
  border-radius: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 3;
  pointer-events: all;
}

main .event-details .key-event-details {
  width: 100%;
}

main .event-details .key-event-details .detail {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  color: #111111;
}

main .event-details .key-event-details .detail + .detail {
  margin-top: 20px;
}

main .event-details .key-event-details .detail > div {
  flex: 1;
  flex-direction: column;
}

main .event-details .key-event-details .detail > div p {
  margin: 0px;
  font-size: 15px;
  line-height: 24px;
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
}

main .event-details .key-event-details .detail > div p + p {
  font-size: 14px;
  line-height: 23px;
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
  color: #738A9C;
  font-weight: 500;
}

main .event-details .key-event-details .detail .ticket-price-discount {
  font-size: 15px;
  font-weight: 500;
  color: #111111;
}

main .event-details .key-event-details .detail .flex-container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}

main .event-details .key-event-details .detail .ticket-price {
  display: inline-block;
  color: #738A9C;
  font-size: 15px;
  font-weight: 500;
}

main .event-details .key-event-details .detail .ticket-price.strikethrough {
  text-decoration-line: line-through;
}

main .event-details .key-event-details .detail.date:before {
  content: "\e948";
}

main .event-details .key-event-details .detail.date p span {
  margin-left: 3px;
  margin-right: 3px;
}

main .event-details .key-event-details .detail.location:before {
  content: "\e939";
}

main .event-details .key-event-details .detail.accommodation:before {
  content: "\e9e0";
}

main .event-details .key-event-details .detail.addons:before {
  content: "\e979";
}

main .event-details .key-event-details .detail.tickets:before {
  content: "\e952";
  font-size: 17px;
}

main .event-details .key-event-details .detail.x-pay::before {
  content: "\e949";
  font-size: 19px;
}

main .event-details .key-event-details .detail.tickets .tickets-inner + .tickets-inner, main .event-details .key-event-details .detail.accommodation .tickets-inner + .tickets-inner, main .event-details .key-event-details .detail.addons .tickets-inner + .tickets-inner, main .event-details .key-event-details .detail.x-pay .tickets-inner + .tickets-inner {
  margin-top: 15px;
}

main .event-details .key-event-details .detail.tickets .tickets-inner p span, main .event-details .key-event-details .detail.accommodation .tickets-inner p span, main .event-details .key-event-details .detail.addons .tickets-inner p span, main .event-details .key-event-details .detail.x-pay .tickets-inner p span {
  display: none;
}

main .event-details .key-event-details .detail.tickets .tickets-inner p span.strikethrough, main .event-details .key-event-details .detail.accommodation .tickets-inner p span.strikethrough, main .event-details .key-event-details .detail.addons .tickets-inner p span.strikethrough, main .event-details .key-event-details .detail.x-pay .tickets-inner p span.strikethrough {
  display: inline-block;
  color: #738A9C;
  font-size: 12px;
  text-decoration-line: line-through;
}

main .event-details .key-event-details .detail.tickets .tickets-inner.sold-out, main .event-details .key-event-details .detail.accommodation .tickets-inner.sold-out, main .event-details .key-event-details .detail.addons .tickets-inner.sold-out, main .event-details .key-event-details .detail.x-pay .tickets-inner.sold-out {
  opacity: 0.6;
}

main .event-details .key-event-details .detail.tickets .tickets-inner.sold-out .ticket-status, main .event-details .key-event-details .detail.accommodation .tickets-inner.sold-out .ticket-status, main .event-details .key-event-details .detail.addons .tickets-inner.sold-out .ticket-status, main .event-details .key-event-details .detail.x-pay .tickets-inner.sold-out .ticket-status {
  display: inline;
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
}

main .event-details .key-event-details .detail.tickets .tickets-inner.coming-soon, main .event-details .key-event-details .detail.accommodation .tickets-inner.coming-soon, main .event-details .key-event-details .detail.addons .tickets-inner.coming-soon, main .event-details .key-event-details .detail.x-pay .tickets-inner.coming-soon {
  opacity: 0.6;
}

main .event-details .key-event-details .detail.tickets .tickets-inner.coming-soon .ticket-status, main .event-details .key-event-details .detail.accommodation .tickets-inner.coming-soon .ticket-status, main .event-details .key-event-details .detail.addons .tickets-inner.coming-soon .ticket-status, main .event-details .key-event-details .detail.x-pay .tickets-inner.coming-soon .ticket-status {
  display: inline;
  color: rgba(0, 0, 0, 0.5);
  text-decoration: none;
}

main .event-details .key-event-details .detail.tickets .tickets-inner.limited-availability .ticket-status, main .event-details .key-event-details .detail.accommodation .tickets-inner.limited-availability .ticket-status, main .event-details .key-event-details .detail.addons .tickets-inner.limited-availability .ticket-status, main .event-details .key-event-details .detail.x-pay .tickets-inner.limited-availability .ticket-status {
  background: linear-gradient(90deg, #9651CC 0%, #560099 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline;
  text-decoration: none;
}

main .event-details .key-event-details .detail:before {
  width: 30px;
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
}

main .event-details .key-event-details .price-discount-banner {
  display: flex;
  margin: 20px 0px;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  align-self: stretch;
  border-radius: 12px;
  padding: 12px 12px 12px 14px;
  background: linear-gradient(92deg, #BA4DA5 -44.13%, #EF9CCE 145.64%);
}

main .event-details .key-event-details .price-discount-banner .btn.btn-lg {
  padding: 10px 16px;
}

main .event-details .key-event-details .price-discount-banner .banner-inner {
  margin: 0px;
  font-family: 'Satoshi', sans-serif;
  font-size: 15px;
  font-weight: 500;
}

main .event-details .key-event-details .price-discount-banner .banner-inner .banner-inner-title {
  color: #FFF;
  font-weight: 700;
  margin: 0px;
}

main .event-details .key-event-details .price-discount-banner .banner-inner .banner-inner-text {
  color: rgba(255, 255, 255, 0.8);
  font-size: 13px;
  line-height: 16px;
  margin: 0px;
}

main .event-details .key-event-details .price-discount-banner.price-discount-banner--light {
  padding: 10px;
  background: #FFF1FC;
  border: 1px solid #BF4CA4;
  justify-content: center;
}

main .event-details .key-event-details .price-discount-banner.price-discount-banner--light .banner-inner {
  background: linear-gradient(96deg, #F13B93 0%, #AC51A9 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 24px;
}

main .event-details .key-event-details .price-discount-banner.price-discount-banner--light .banner-inner::before {
  display: inline-block;
  content: '';
  top: 0px;
  left: 0px;
  z-index: 5;
  width: 24px;
  height: 24px;
  background-image: url("/assets/images/icons/premium-percent.svg");
  background-position: center;
  background-size: contain, auto;
  background-repeat: no-repeat;
}

main .event-details .event-details-l {
  width: 700px;
  display: flex;
  position: relative;
  z-index: 2;
  padding-right: 20px;
  flex-direction: column;
  overflow: hidden;
  font-size: 15px;
  line-height: 24px;
  color: #111111;
}

main .event-details .event-details-l .mobile-event-details {
  display: none;
}

main .event-details .event-details-l section {
  margin: 0px;
  background: #FFF;
  border-radius: 20px;
}

main .event-details .event-details-l section + section,
main .event-details .event-details-l section + div {
  margin-top: 20px;
}

@media (max-width: 900px) {
  main .event-details .event-details-l section + section,
  main .event-details .event-details-l section + div {
    margin-top: 8px;
  }
}

main .event-details .event-details-l section.dresscode {
  padding-left: 0px;
  padding-right: 0px;
}

main .event-details .event-details-l section.dresscode .event-dresscode h3 {
  padding-left: 20px;
  padding-right: 20px;
}

main .event-details .event-details-l section.dresscode .event-dresscode .dresscode-ideas,
main .event-details .event-details-l section.dresscode .event-dresscode .generated-content {
  padding-left: 20px;
  padding-right: 20px;
}

main .event-details .event-details-l section.dresscode .event-dresscode .generated-content h3 {
  padding-left: 0px;
  padding-right: 0px;
}

main .event-details .event-details-l section.event-about, main .event-details .event-details-l section.dresscode, main .event-details .event-details-l section.event-rules, main .event-details .event-details-l section.event-requirements, main .event-details .event-details-l section.event-staying-safe {
  padding-bottom: 2px;
}

main .event-details .event-details-l section.event-rules--colored {
  padding: 1px;
  border-radius: 20px;
}

main .event-details .event-details-l section.event-rules--colored .event-section {
  padding: 20px;
  border-radius: 18px;
}

@media (max-width: 900px) {
  main .event-details .event-details-l section.event-rules--colored .event-section {
    padding: 20px;
    border-radius: 18px;
  }
}

main .event-details .event-details-l section .rule-item {
  display: flex;
  gap: 10px;
  align-items: start;
}

main .event-details .event-details-l section .rule-item p {
  margin: 0px;
}

main .event-details .event-details-l section .rule-item .rule-title {
  font-weight: 700;
}

main .event-details .event-details-l section.event-requirements--list {
  padding: 20px;
}

main .event-details .event-details-l section.event-requirements--list .requirements-item {
  display: flex;
  gap: 10px;
  align-items: center;
}

main .event-details .event-details-l section.event-requirements--list .requirements-item p {
  margin: 0px;
}

main .event-details .event-details-l .border-gradient {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px 2px;
  background: radial-gradient(131.11% 83.67% at 102.67% 2.52%, #00D1FF 0%, rgba(0, 209, 255, 0) 100%), radial-gradient(139.81% 124.14% at 16.39% 88.33%, #FF008A 0%, rgba(255, 0, 138, 0) 100%), #F7F5F7;
}

main .event-details .event-details-l .border-gradient .bg-gradient {
  width: 100%;
  height: 100%;
}

main .event-details .event-details-l .bg-gradient {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.9) 100%), radial-gradient(131.11% 83.67% at 102.67% 2.52%, #00D1FF 0%, rgba(0, 209, 255, 0) 100%), radial-gradient(139.81% 124.14% at 16.39% 88.33%, #FF008A 0%, rgba(255, 0, 138, 0) 100%), #F7F5F7;
}

main .event-details .event-details-l .event-kk-experience + section {
  margin-top: 20px;
}

@media (max-width: 900px) {
  main .event-details .event-details-l .event-kk-experience + section {
    margin-top: 8px;
  }
}

main .event-details .event-details-l .event-kk-experience .kk-experience {
  background: #171C22;
  color: #FFF;
}

main .event-details .event-details-l .event-kk-experience ul {
  padding: 0px;
  list-style: none;
}

main .event-details .event-details-l .event-kk-experience ul li {
  display: flex;
  flex-direction: row;
  margin-top: 35px;
}

main .event-details .event-details-l .event-kk-experience ul li span {
  width: 30px;
  height: 30px;
  border-radius: 10rem;
  border: 1px solid #FFF;
  display: flex;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}

main .event-details .event-details-l .event-kk-experience ul li span i.app-icon-mask {
  font-size: 9px;
}

main .event-details .event-details-l .event-kk-experience ul li div {
  display: flex;
  flex-direction: column;
}

main .event-details .event-details-l .event-kk-experience ul li div p {
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 25px;
  margin: 0px;
}

main .event-details .event-details-l .event-kk-experience ul li div p + p {
  color: #ADB3BC;
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  margin-top: 6px;
}

main .event-details .event-details-l .event-section + .event-section {
  margin-top: 25px;
}

main .event-details .event-details-l .event-section h3 {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 29px;
  line-height: 20px;
  margin: 0 0 15px 0;
}

main .event-details .event-details-l .event-section .generated-content {
  font-size: 15px;
  line-height: 24px;
}

main .event-details .event-details-l .event-section .generated-content h1, main .event-details .event-details-l .event-section .generated-content h2, main .event-details .event-details-l .event-section .generated-content h3, main .event-details .event-details-l .event-section .generated-content h4, main .event-details .event-details-l .event-section .generated-content h5, main .event-details .event-details-l .event-section .generated-content h6, main .event-details .event-details-l .event-section .generated-content p {
  width: 100% !important;
  margin: 0px;
  margin-bottom: 18px;
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
  text-transform: none;
}

main .event-details .event-details-l .event-section .generated-content h1 a, main .event-details .event-details-l .event-section .generated-content h2 a, main .event-details .event-details-l .event-section .generated-content h3 a, main .event-details .event-details-l .event-section .generated-content h4 a, main .event-details .event-details-l .event-section .generated-content h5 a, main .event-details .event-details-l .event-section .generated-content h6 a, main .event-details .event-details-l .event-section .generated-content p a {
  text-decoration: underline;
}

main .event-details .event-details-l .event-section .generated-content h2 {
  font-size: 18px;
  line-height: 27px;
}

main .event-details .event-details-l .event-section .generated-content h3 {
  font-size: 16px;
  line-height: 25px;
}

main .event-details .event-details-l .event-section .generated-content p {
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
}

main .event-details .event-details-l .event-section .generated-content blockquote {
  margin: 0px;
  margin-bottom: 18px;
  padding: 20px;
  border-left: 4px solid #9d9d9d;
}

main .event-details .event-details-l .event-section .generated-content blockquote p:last-child {
  margin-bottom: 0px;
}

main .event-details .event-details-l .event-section.event-hosted-by {
  display: flex;
  align-items: center;
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
}

main .event-details .event-details-l .event-section.event-hosted-by img {
  width: 40px;
  height: 40px;
  border-radius: 10rem;
  margin-right: 10px;
}

main .event-details .event-details-l .event-section.event-hosted-by.event-hosted-by--mobile-view {
  display: none;
  cursor: pointer;
}

@media (max-width: 900px) {
  main .event-details .event-details-l .event-section.event-hosted-by.event-hosted-by--mobile-view {
    display: flex;
  }
}

main .event-details .event-details-l .event-section.event-hosted-by.event-hosted-by--mobile-view .event-hosted-by-title {
  flex-grow: 1;
}

main .event-details .event-details-l .event-section.event-hosted-by.event-hosted-by--mobile-view .event-hosted-by-title .title {
  margin: 0px;
  font-size: 20px;
  line-height: 22px;
}

main .event-details .event-details-l .event-section.event-hosted-by.event-hosted-by--mobile-view .event-hosted-by-title .subtitle {
  margin: 0px;
  color: #6B6B6B;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

main .event-details .event-details-l .event-section.event-hosted-by.event-hosted-by--desktop-view {
  margin-top: 0px;
  display: flex;
  padding: 12px;
  border-radius: 12px;
  background: #F7F5F7;
  cursor: pointer;
}

@media (max-width: 900px) {
  main .event-details .event-details-l .event-section.event-hosted-by.event-hosted-by--desktop-view {
    display: none;
  }
}

@media (max-width: 900px) {
  main .event-details .event-details-l {
    padding-right: 0px;
    padding-bottom: 97px;
  }
  main .event-details .event-details-l.is_cruise, main .event-details .event-details-l .is_retreat {
    padding-bottom: 162px;
  }
  main .event-details .event-details-l .mobile-event-details {
    display: flex;
  }
  main .event-details .event-details-l section {
    border-radius: 0px;
  }
}

@media (max-width: 650px) {
  main .event-details .event-details-l section {
    padding: 20px;
  }
}

main .event-details .event-details-r {
  display: flex;
  flex: 1;
  position: relative;
  flex-direction: column;
  min-width: 340px;
}

main .event-details .event-details-r .event-details-info {
  /* Safari */
  position: sticky;
  top: 20px;
  background-color: #FFF;
  display: flex;
  border-radius: 20px;
  flex: 0;
  padding: 20px;
  flex-direction: column;
}

main .event-details .event-details-r .key-event-details {
  margin-top: 20px;
}

main .event-details .event-description .read-more {
  text-decoration: underline;
}

main .event-details .event-description .read-more.mb-18px {
  margin-bottom: 18px;
  display: inline-block;
}

main .event-details .event-description.showing-more .read-more {
  display: none;
}

main .event-details .event-dresscode .dresscode-ideas {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  flex-direction: row;
  display: flex;
}

main .event-details .event-dresscode .dresscode-ideas .dresscode-image {
  width: 160px;
  height: 218px;
  margin-right: 10px;
  border-radius: 10px;
  overflow: hidden;
  flex: none;
  margin-bottom: 18px;
}

main .event-details .event-dresscode .dresscode-ideas .dresscode-image img {
  width: 160px;
  height: 218px;
  -o-object-fit: cover;
     object-fit: cover;
}

main .event-details .mobile-buy-button {
  display: none;
  position: fixed;
  bottom: 0px;
  left: 81px;
  right: 0px;
  background: #FFF;
  padding: 20px;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.3);
  z-index: 2;
}

main .event-details .mobile-buy-button.withoutSidebar {
  left: 0px;
}

@media (max-width: 900px) {
  main .event-details .mobile-buy-button {
    display: block;
  }
  main .event-details .event-details-l {
    width: 100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-top: -20px;
  }
  main .event-details .event-details-r {
    display: none;
  }
}

@media (max-width: 650px) {
  main .event-details .mobile-buy-button {
    bottom: 60px;
    left: 0px;
  }
  main .event-details .mobile-buy-button.withoutSidebar {
    bottom: 0px;
  }
}

.booking-container {
  width: 100%;
  display: inline-block;
  position: relative;
}

.booking-container .booking-container-inner {
  width: calc(100% - 345px);
  display: inline-block;
}

.booking-container .booking-container-inner .loading {
  display: flex;
  margin: 40px auto;
  justify-content: center;
}

@media (max-width: 1024px) {
  .booking-container .booking-container-inner {
    width: calc(100% - 290px);
  }
}

.booking-container .booking-summary,
.booking-container .booking-room-summary {
  display: inline-block;
  width: 325px;
  margin-top: -125px;
  margin-left: 20px;
  margin-bottom: auto;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.1);
  z-index: 2;
  text-align: left;
}

@media (max-width: 1024px) {
  .booking-container .booking-summary,
  .booking-container .booking-room-summary {
    width: 270px;
  }
}

.booking-container .booking-summary .summary-loading,
.booking-container .booking-room-summary .summary-loading {
  width: 100%;
  padding: 30px 0;
  margin: auto 0px;
  text-align: center;
  border-top: 1px solid #eaeaea;
}

.booking-container .booking-summary.booking-mobile,
.booking-container .booking-room-summary.booking-mobile {
  width: 100%;
  display: none;
}

.booking-container .booking-summary.booking-mobile .premium-discount-info,
.booking-container .booking-room-summary.booking-mobile .premium-discount-info {
  position: absolute;
  bottom: 100%;
  left: 0px;
  display: flex;
  width: 100%;
  padding: 6px 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  color: #fff;
  border-radius: 12px 12px 0px 0px;
  background: #111;
  box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.06);
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
}

.booking-container .booking-summary.booking-mobile .premium-discount-info .flex-container,
.booking-container .booking-room-summary.booking-mobile .premium-discount-info .flex-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  width: 100%;
}

.booking-container .booking-summary.booking-mobile .premium-discount-info p,
.booking-container .booking-room-summary.booking-mobile .premium-discount-info p {
  margin: 0px;
  display: flex;
  align-items: center;
  gap: 7px;
}

.booking-container .booking-summary.booking-mobile .premium-discount-info .btn-upgrade,
.booking-container .booking-room-summary.booking-mobile .premium-discount-info .btn-upgrade {
  padding: 4px 10px;
  border-radius: 100px;
  cursor: pointer;
}

.booking-container .booking-summary.booking-mobile .summary-loading,
.booking-container .booking-room-summary.booking-mobile .summary-loading {
  border-top: 0px;
  padding: 10px 0;
}

.booking-container .booking-summary.booking-mobile dl,
.booking-container .booking-room-summary.booking-mobile dl {
  padding: 0px;
  border-top: 0px;
  padding-bottom: 10px;
}

.booking-container .booking-summary.booking-mobile .total-price--strikethrough,
.booking-container .booking-room-summary.booking-mobile .total-price--strikethrough {
  margin-right: 10px;
  color: #111;
  font-size: 14px;
  font-weight: 500;
  line-height: 23px;
  /* 140% */
  text-decoration-line: line-through;
  opacity: 0.4;
}

.booking-container .booking-summary.booking-desktop, .booking-container .booking-summary.booking-room-summary--desktop,
.booking-container .booking-room-summary.booking-desktop,
.booking-container .booking-room-summary.booking-room-summary--desktop {
  display: inline-block;
}

.booking-container .booking-summary.booking-desktop .summary-alert-container, .booking-container .booking-summary.booking-room-summary--desktop .summary-alert-container,
.booking-container .booking-room-summary.booking-desktop .summary-alert-container,
.booking-container .booking-room-summary.booking-room-summary--desktop .summary-alert-container {
  padding: 0 20px;
}

.booking-container .booking-summary.booking-desktop .payment-method-selector, .booking-container .booking-summary.booking-room-summary--desktop .payment-method-selector,
.booking-container .booking-room-summary.booking-desktop .payment-method-selector,
.booking-container .booking-room-summary.booking-room-summary--desktop .payment-method-selector {
  display: none;
}

.booking-container .booking-summary h3,
.booking-container .booking-room-summary h3 {
  width: 100%;
  display: inline-block;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 25px;
  line-height: 34px;
  line-height: 25px;
  padding: 22px 10px;
  text-align: center;
  width: 100%;
  color: #171C22;
  margin: 0px;
}

.booking-container .booking-summary .booking-event-banner,
.booking-container .booking-room-summary .booking-event-banner {
  height: 0px;
  padding-bottom: 58.857142857142854%;
  display: inline-block;
  width: 100%;
  background-size: cover;
  background-position: center;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.booking-container .booking-summary .instalments-info,
.booking-container .booking-room-summary .instalments-info {
  display: flex;
  padding: 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 8px;
  background: #F7F5F7;
  color: #111;
  font-family: 'Satoshi', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  margin: 0px 20px;
  text-align: center;
}

.booking-container .booking-summary .bd-instalments,
.booking-container .booking-room-summary .bd-instalments {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.booking-container .booking-summary .bd-instalments .bd-instalment,
.booking-container .booking-room-summary .bd-instalments .bd-instalment {
  padding-bottom: 2px;
  padding-top: 2px;
  border-top: 0px;
}

.booking-container .booking-summary .bd-instalments .bd-instalment dt,
.booking-container .booking-room-summary .bd-instalments .bd-instalment dt {
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
}

.booking-container .booking-summary .bd-instalments .bd-instalment dt.due-date,
.booking-container .booking-room-summary .bd-instalments .bd-instalment dt.due-date {
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
}

.booking-container .booking-summary dl,
.booking-container .booking-room-summary dl {
  width: 100%;
  display: flex;
  border-top: 1px solid #eaeaea;
  font-size: 0px;
  padding: 10px 20px;
}

.booking-container .booking-summary dl:first-child,
.booking-container .booking-room-summary dl:first-child {
  border-top: none;
}

.booking-container .booking-summary dl.amount-due dt,
.booking-container .booking-summary dl.amount-due dd,
.booking-container .booking-room-summary dl.amount-due dt,
.booking-container .booking-room-summary dl.amount-due dd {
  font-size: 17px;
  line-height: 26px;
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
  color: #000;
}

.booking-container .booking-summary dl .bd-ticket-type-breakdown,
.booking-container .booking-room-summary dl .bd-ticket-type-breakdown {
  width: 100%;
  display: inline-block;
  color: #adb0b4;
  margin-top: 10px;
}

.booking-container .booking-summary dl .bd-ticket-type-breakdown dt,
.booking-container .booking-summary dl .bd-ticket-type-breakdown dd,
.booking-container .booking-room-summary dl .bd-ticket-type-breakdown dt,
.booking-container .booking-room-summary dl .bd-ticket-type-breakdown dd {
  font-size: 13px;
  line-height: 22px;
  font-style: italic;
}

.booking-container .booking-summary dl dt,
.booking-container .booking-summary dl dd,
.booking-container .booking-room-summary dl dt,
.booking-container .booking-room-summary dl dd {
  display: inline-flex;
  font-size: 14px;
  line-height: 23px;
  margin: 0px;
}

.booking-container .booking-summary dl dt,
.booking-container .booking-room-summary dl dt {
  flex: 1;
  flex-direction: column;
}

.booking-container .booking-summary dl dd,
.booking-container .booking-room-summary dl dd {
  flex: none;
  text-align: right;
}

.booking-container .booking-summary dl .premium-text,
.booking-container .booking-room-summary dl .premium-text {
  background: radial-gradient(38.52% 137.71% at 48.52% 127.78%, #7A822A 0%, #111111 100%), #111111;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.booking-container .booking-summary dl .premium-text-info,
.booking-container .booking-room-summary dl .premium-text-info {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 21px;
  color: #adb0b4;
  padding-top: 5px;
}

.booking-container .booking-summary .bd-terms p,
.booking-container .booking-room-summary .bd-terms p {
  width: 100%;
  display: inline-block;
  margin: 0px;
  font-size: 14px;
  line-height: 23px;
  padding: 0px 20px 15px;
}

.booking-container .booking-summary .bd-terms p .whitespace-nowrap,
.booking-container .booking-room-summary .bd-terms p .whitespace-nowrap {
  white-space: nowrap;
}

.booking-container .booking-summary .bd-premium dt .flex-container,
.booking-container .booking-room-summary .bd-premium dt .flex-container {
  align-self: start;
  display: flex;
  align-items: center;
  gap: 5px;
}

.booking-container .booking-summary .bd-premium dt i.app-icon-discount-outlined,
.booking-container .booking-room-summary .bd-premium dt i.app-icon-discount-outlined {
  position: relative;
  color: #111111;
}

.booking-container .booking-summary .bd-premium dt i.app-icon-discount-outlined::after,
.booking-container .booking-room-summary .bd-premium dt i.app-icon-discount-outlined::after {
  content: "\e9ce";
  position: absolute;
  inset: 0;
  background: #F5FF8D;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.booking-container .booking-summary .bd-premium dt i.app-icon-discount-outlined::before,
.booking-container .booking-room-summary .bd-premium dt i.app-icon-discount-outlined::before {
  content: "\e9ef";
  z-index: 5;
  position: relative;
}

.booking-container .booking-summary .summary-virtual-points,
.booking-container .booking-room-summary .summary-virtual-points {
  width: 100%;
  padding: 10px 20px;
}

.booking-container .booking-summary .summary-virtual-points p,
.booking-container .booking-room-summary .summary-virtual-points p {
  margin: 0px;
}

.booking-container .booking-summary .summary-virtual-points .btn,
.booking-container .booking-room-summary .summary-virtual-points .btn {
  margin: auto 0px auto 10px;
  font-weight: normal;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 50px;
  padding: 6px 12px;
}

.booking-container .booking-summary .summary-virtual-points .btn.btn-w-loader span.loader,
.booking-container .booking-room-summary .summary-virtual-points .btn.btn-w-loader span.loader {
  display: none;
}

.booking-container .booking-summary .summary-virtual-points .btn.btn-w-loader.btn-loading span,
.booking-container .booking-room-summary .summary-virtual-points .btn.btn-w-loader.btn-loading span {
  opacity: 0;
}

.booking-container .booking-summary .summary-virtual-points .btn.btn-w-loader.btn-loading span.loader,
.booking-container .booking-room-summary .summary-virtual-points .btn.btn-w-loader.btn-loading span.loader {
  opacity: 1;
  position: absolute;
  display: inline-block;
  left: 50%;
  margin-left: -12px;
}

.booking-container .booking-summary .summary-virtual-points .btn.btn-w-loader.btn-loading span.loader-xxs,
.booking-container .booking-room-summary .summary-virtual-points .btn.btn-w-loader.btn-loading span.loader-xxs {
  margin-left: -8px;
}

.booking-container .booking-summary .summary-virtual-points .summary-virtual-points-inner,
.booking-container .booking-room-summary .summary-virtual-points .summary-virtual-points-inner {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  gap: 5px;
  max-width: 350px;
  margin-top: 5px;
}

.booking-container .booking-summary .summary-virtual-points .summary-virtual-points-inner.virtual-points-error input,
.booking-container .booking-room-summary .summary-virtual-points .summary-virtual-points-inner.virtual-points-error input {
  color: #dd000b;
}

.booking-container .booking-summary .summary-virtual-points .summary-virtual-points-inner input,
.booking-container .booking-room-summary .summary-virtual-points .summary-virtual-points-inner input {
  width: 100%;
  display: flex;
  flex: 1;
  border: 0px;
  border-bottom: 1px solid #c8ced5;
  border-radius: 0px;
  padding: 5px 30px 5px 0px;
  font-size: 15px;
  letter-spacing: -0.8px;
}

.booking-container .booking-summary .summary-virtual-points .summary-virtual-points-inner input[type="number"]::-webkit-outer-spin-button, .booking-container .booking-summary .summary-virtual-points .summary-virtual-points-inner input[type="number"]::-webkit-inner-spin-button,
.booking-container .booking-room-summary .summary-virtual-points .summary-virtual-points-inner input[type="number"]::-webkit-outer-spin-button,
.booking-container .booking-room-summary .summary-virtual-points .summary-virtual-points-inner input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.booking-container .booking-summary .summary-virtual-points .summary-virtual-points-inner input[type='number'], .booking-container .booking-summary .summary-virtual-points .summary-virtual-points-inner input[type="number"]:hover, .booking-container .booking-summary .summary-virtual-points .summary-virtual-points-inner input[type="number"]:focus,
.booking-container .booking-room-summary .summary-virtual-points .summary-virtual-points-inner input[type='number'],
.booking-container .booking-room-summary .summary-virtual-points .summary-virtual-points-inner input[type="number"]:hover,
.booking-container .booking-room-summary .summary-virtual-points .summary-virtual-points-inner input[type="number"]:focus {
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance: textfield;
}

.booking-container .booking-summary .summary-virtual-points .summary-virtual-points-inner .remove-virtual-points,
.booking-container .booking-room-summary .summary-virtual-points .summary-virtual-points-inner .remove-virtual-points {
  position: absolute;
  right: 0px;
  font-size: 10px;
  color: #ADB3BC;
  padding: 10px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 3px;
}

.booking-container .booking-summary .summary-virtual-points .virtual-points-error-message,
.booking-container .booking-room-summary .summary-virtual-points .virtual-points-error-message {
  color: #dd000b !important;
  margin-top: 5px;
}

.booking-container .booking-summary .booking-summary-footer,
.booking-container .booking-room-summary .booking-summary-footer {
  width: 100%;
  display: inline-block;
  padding: 20px 20px 20px 20px;
  border-top: 1px solid #eaeaea;
}

.booking-container .booking-summary .booking-summary-footer .form-group-check,
.booking-container .booking-room-summary .booking-summary-footer .form-group-check {
  margin-top: 0px;
  margin-bottom: 18px;
  font-size: 0px;
}

.booking-container .booking-summary .booking-summary-footer .form-group-check span,
.booking-container .booking-room-summary .booking-summary-footer .form-group-check span {
  width: 20px;
  height: 20px;
  border-width: 2px;
  border-color: #375268;
  margin-right: 5px;
}

.booking-container .booking-summary .booking-summary-footer .form-group-check p,
.booking-container .booking-room-summary .booking-summary-footer .form-group-check p {
  width: calc(100% - 31px);
  display: inline-block;
  color: #50575f;
  margin: 0px;
  font-size: 14px;
  line-height: 23px;
}

.booking-container .booking-summary .booking-summary-footer dl.bd-total--regular-event,
.booking-container .booking-room-summary .booking-summary-footer dl.bd-total--regular-event {
  padding: 10px 0px;
}

.booking-container .booking-summary .booking-summary-footer .terms-wrap.terms-wrap--regular-event,
.booking-container .booking-room-summary .booking-summary-footer .terms-wrap.terms-wrap--regular-event {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  border-radius: 8px;
  background: #F7F5F7;
  margin-bottom: 18px;
}

.booking-container .booking-summary .booking-summary-footer .terms-wrap.terms-wrap--regular-event .form-group-check,
.booking-container .booking-room-summary .booking-summary-footer .terms-wrap.terms-wrap--regular-event .form-group-check {
  margin-bottom: 0px !important;
}

.booking-container .booking-header {
  width: 100%;
  display: inline-block;
  position: relative;
}

.booking-container .booking-header .wrapper {
  padding-right: 365px;
  flex-direction: column;
  padding-left: 20px;
}

.booking-container .booking-header .wrapper.fullwidth {
  padding-right: 20px;
}

.booking-container .booking-header .booking-header-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
}

.booking-container .booking-header .booking-header-bg .booking-header-bg-inner {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  transform: scale(1.2, 1.5);
}

.booking-container .booking-header .booking-header-bg .booking-header-bg-inner img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -moz-filter: blur(15px);
  filter: blur(15px);
}

.booking-container .booking-header .wrapper {
  text-align: left;
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}

.booking-container .booking-header .wrapper h1 {
  width: 100%;
  display: inline-block;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 50px;
  line-height: 59px;
  line-height: 48px;
  margin: 0px;
  line-height: 54px;
  color: #FFF;
}

.booking-container .booking-header .wrapper p {
  width: 100%;
  display: inline-block;
  color: #FFF;
  font-size: 25px;
  line-height: 34px;
  font-family: "Satoshi", sans-serif;
  line-height: 30px;
  margin: 0px;
}

.booking-container .booking {
  width: 100%;
  display: inline-block;
}

.booking-container .booking .wrapper {
  padding: 20px 20px 60px;
  flex-direction: row;
}

@media (max-width: 650px) {
  .booking-container .booking .wrapper {
    padding: 0px 0px 60px;
    margin-top: 10px;
  }
}

.booking-container .booking .booking-disabled {
  width: 100%;
  display: inline-block;
  padding: 40px 20px;
  text-align: center;
  background: #FFF;
  border-radius: 10px;
}

@media (max-width: 650px) {
  .booking-container .booking .booking-disabled {
    border-radius: 0;
  }
}

.booking-container .booking .booking-disabled .booking-disabled-icon {
  width: 100%;
  display: inline-block;
  font-size: 40px;
  margin-bottom: 12px;
}

.booking-container .booking .booking-disabled .booking-disabled-icon i {
  display: inline-block;
  line-height: 0px;
  background: linear-gradient(to right, #7bc6c7 0%, #1f89d6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.booking-container .booking .booking-disabled h2 {
  width: 90%;
  display: inline-block;
  margin: 0px;
  color: #181c1f;
  font-size: 20px;
  line-height: 29px;
  margin-bottom: 8px;
}

.booking-container .booking .booking-disabled p {
  width: 90%;
  display: inline-block;
  margin: 0px;
  color: #525c67;
  font-size: 16px;
  line-height: 25px;
}

.booking-container .booking .booking-step {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.1);
}

.booking-container .booking .booking-step.booking-loading {
  width: calc(100% - 290px);
  padding: 50px 0;
  text-align: center;
}

.booking-container .booking .booking-step:last-child {
  margin-bottom: 0px;
}

.booking-container .booking .booking-step.open .booking-step-header {
  cursor: default;
  padding-bottom: 11px;
}

.booking-container .booking .booking-step.open .booking-step-header .booking-step-description {
  display: none;
}

.booking-container .booking .booking-step.open .booking-step-content {
  display: block;
}

.booking-container .booking .booking-step.closed .booking-step-content {
  display: none;
}

.booking-container .booking .booking-step .booking-step-header {
  width: 100%;
  display: flex;
  padding: 20px 26px;
  color: #191c1f;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 39px;
  align-items: center;
  flex-wrap: wrap;
}

.booking-container .booking .booking-step .booking-step-header span {
  width: 30px;
  height: 30px;
  line-height: 32px;
  border-radius: 50%;
  color: #FFF;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 20px;
  background: #191c1f;
  margin-right: 12px;
  display: inline-block;
  text-align: center;
}

.booking-container .booking .booking-step .booking-step-header p {
  font-family: "Satoshi", sans-serif;
  font-size: 15px;
  line-height: 24px;
  text-transform: none;
  display: flex;
  flex: none;
  width: 100%;
  margin: 10px 0 0 0;
}

@media (max-width: 1024px) {
  .booking-container .booking .booking-step .booking-step-header {
    font-size: 26px;
    line-height: 35px;
    padding: 20px;
  }
  .booking-container .booking .booking-step .booking-step-header span {
    width: 26px;
    height: 26px;
    line-height: 28px;
    font-size: 18px;
  }
}

.booking-container .booking .booking-step .booking-step-promo {
  width: 100%;
  height: auto;
  padding: 15px 20px;
  margin-bottom: 20px;
  background: #33b8f0;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.booking-container .booking .booking-step .booking-step-promo > p {
  font-size: 14px;
  line-height: 23px;
  flex: 1;
  color: white;
  font-weight: 400;
  margin: 0px;
  padding-right: 15px;
}

.booking-container .booking .booking-step .booking-step-promo > button {
  padding: 8px 20px;
  margin: auto;
}

.booking-container .booking .booking-step .booking-step-content {
  width: 100%;
  height: auto;
  display: block;
  padding: 0 26px;
  margin-bottom: 20px;
  font-family: "Satoshi", sans-serif;
}

@media (max-width: 1024px) {
  .booking-container .booking .booking-step .booking-step-content {
    padding: 0px 20px;
  }
}

.booking-container .booking .booking-step .booking-step-content h2.special-tickets-title {
  color: #FFF;
  font-size: 15px;
  line-height: 24px;
  padding: 12px 12px 12px 20px;
  background: #141619;
}

.booking-container .booking .booking-step .booking-step-content p {
  width: 100%;
  display: inline-block;
}

.booking-container .booking .booking-step .booking-step-content .event-info {
  width: 100%;
  display: inline-block;
  margin: 0px 0px 30px 0;
  font-size: 15px;
  line-height: 24px;
}

.booking-container .booking .booking-step .booking-step-content .booking-step-navigation {
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-top: 22px;
  margin-bottom: 20px;
}

.booking-container .booking .booking-step .booking-step-content .booking-step-navigation a.btn {
  width: 90px;
}

.booking-container .booking .booking-step .booking-step-content .booking-step-navigation a.btn + .btn {
  margin-left: 10px;
}

.booking-container .booking .booking-step .booking-step-content .ticket-container {
  width: 100%;
  display: inline-block;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.booking-container .booking .booking-step .booking-step-content .ticket-container:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.booking-container .booking .booking-step .booking-step-content .ticket-container.selected .ticket-container-inner {
  background: rgba(203, 208, 215, 0.3);
}

.booking-container .booking .booking-step .booking-step-content .ticket-container.selected .ticket-container-inner .ticket-container-inner-options {
  display: inline-block;
}

.booking-container .booking .booking-step .booking-step-content .ticket-container.selected .ticket-container-inner:after {
  display: inline-block;
}

.booking-container .booking .booking-step .booking-step-content .ticket-container h4,
.booking-container .booking .booking-step .booking-step-content .ticket-container p {
  width: 100%;
  margin: 0px;
  color: #141619;
  padding-right: 44px;
}

.booking-container .booking .booking-step .booking-step-content .ticket-container h4 {
  font-size: 18px;
  line-height: 27px;
}

.booking-container .booking .booking-step .booking-step-content .ticket-container h4 span {
  margin-right: 10px;
}

.booking-container .booking .booking-step .booking-step-content .ticket-container p {
  margin-top: 8px;
  font-size: 15px;
  line-height: 24px;
}

.booking-container .booking .booking-step .booking-step-content .ticket-container p + .alert {
  margin-top: 18px;
}

@media (max-width: 1024px) {
  .booking-container .booking .booking-step .booking-step-content .ticket-container h4 {
    font-size: 16px;
    line-height: 25px;
  }
  .booking-container .booking .booking-step .booking-step-content .ticket-container p {
    font-size: 14px;
    line-height: 23px;
  }
}

.booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner {
  width: 100%;
  padding: 30px 20px;
  display: inline-block;
  background-color: #FFF;
  position: relative;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner:before, .booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner:after {
  content: '';
  position: absolute;
  border-radius: 50%;
}

.booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner:before {
  width: 21px;
  height: 21px;
  top: 30px;
  right: 20px;
  border: 2px solid #375268;
  background: #FFF;
}

.booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner:after {
  width: 13px;
  height: 13px;
  background: linear-gradient(242.13deg, #DEF9FF -22.79%, #00D1FF 74.76%);
  top: 34px;
  right: 24px;
  display: none;
}

.booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner .ticket-sold-out {
  display: none;
}

.booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner.sold-out:before {
  display: none;
}

.booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner.sold-out .ticket-sold-out {
  position: absolute;
  display: inline-block;
  right: 20px;
  top: 20px;
  background: #dd000b;
  color: white;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 18px;
  line-height: 27px;
  text-transform: uppercase;
}

.booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner .ticket-container-inner-options {
  width: 100%;
  display: none;
}

.booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner .ticket-container-inner-options .couple-no-partners {
  margin-top: 15px;
}

.booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner .ticket-container-inner-options .cant-be-both {
  margin-bottom: 8px;
  margin-top: 12px;
}

.booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner .booking-select-attendee {
  width: 100%;
  display: inline-block;
  margin-top: 18px;
  font-size: 0px;
}

.booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner .booking-select-attendee p {
  width: 105px;
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  padding-right: 0px;
  vertical-align: middle;
  margin-top: 0px;
}

.booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner .booking-select-attendee .booking-select-attendee-select,
.booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner .booking-select-attendee .booking-select-attendee-input {
  width: calc(100% - 105px);
  display: inline-block;
  vertical-align: middle;
}

.booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner .booking-select-attendee .booking-select-attendee-input {
  color: #141619;
  font-size: 15px;
  line-height: 24px;
}

@media (max-width: 1024px) {
  .booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner .booking-select-attendee p,
  .booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner .booking-select-attendee .booking-select-attendee-input {
    font-size: 14px;
    line-height: 23px;
  }
}

.booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner .booking-select-attendee-info {
  width: 100%;
  display: inline-block;
  margin-top: 12px;
  padding-left: 105px;
  font-size: 10px;
  line-height: 19px;
}

@media (max-width: 800px) {
  .booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner .booking-select-attendee p,
  .booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner .booking-select-attendee .booking-select-attendee-select,
  .booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner .booking-select-attendee .booking-select-attendee-input {
    width: 100%;
  }
  .booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner .booking-select-attendee p {
    margin-bottom: 8px;
  }
  .booking-container .booking .booking-step .booking-step-content .ticket-container .ticket-container-inner .booking-select-attendee-info {
    padding-left: 0px;
  }
}

.booking-container .booking .booking-step .booking-step-content .booking-promocode {
  width: 100%;
  display: inline-block;
  text-align: center;
}

.booking-container .booking .booking-step .booking-step-content .booking-promocode .alert {
  width: 100%;
  max-width: 400px;
}

.booking-container .booking .booking-step .booking-step-content .booking-promocode .booking-promocode-inner {
  width: 100%;
  max-width: 400px;
  font-size: 0px;
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  position: relative;
}

.booking-container .booking .booking-step .booking-step-content .booking-promocode .booking-promocode-inner input {
  width: calc(100% - 80px);
  border-right: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 15px;
  line-height: 32px;
  position: relative;
  text-transform: uppercase;
}

.booking-container .booking .booking-step .booking-step-content .booking-promocode .booking-promocode-inner input::-webkit-input-placeholder {
  /* WebKit browsers */
  text-transform: none;
}

.booking-container .booking .booking-step .booking-step-content .booking-promocode .booking-promocode-inner input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  text-transform: none;
}

.booking-container .booking .booking-step .booking-step-content .booking-promocode .booking-promocode-inner input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  text-transform: none;
}

.booking-container .booking .booking-step .booking-step-content .booking-promocode .booking-promocode-inner input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  text-transform: none;
}

.booking-container .booking .booking-step .booking-step-content .booking-promocode .booking-promocode-inner .remove-promocode {
  position: absolute;
  font-size: 13px;
  right: 83px;
  top: 8px;
  color: #adb0b4;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.booking-container .booking .booking-step .booking-step-content .booking-promocode .booking-promocode-inner .btn {
  width: 80px;
  border-radius: 10rem;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background: #9ca8b6;
  color: #FFF;
  font-size: 15px;
  line-height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.booking-container .booking .booking-step .booking-step-content .booking-promocode .booking-promocode-inner .btn:hover {
  background: #b3bdc7;
}

.booking-container .booking .booking-step .booking-step-content .charity-container {
  width: 100%;
  display: inline-block;
  margin-bottom: 12px;
}

.booking-container .booking .booking-step .booking-step-content .charity-container label {
  display: block;
  cursor: pointer;
}

.booking-container .booking .booking-step .booking-step-content .charity-container label .charity-container-inner {
  width: 100%;
  padding: 20px 20px 20px 20px;
  display: inline-block;
  border: 1px solid #9ca8b6;
  border-radius: 5px;
  background-color: #FFF;
  position: relative;
  font-size: 0px;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.booking-container .booking .booking-step .booking-step-content .charity-container label .charity-container-inner:before, .booking-container .booking .booking-step .booking-step-content .charity-container label .charity-container-inner:after {
  content: '';
  position: absolute;
  border-radius: 50%;
}

.booking-container .booking .booking-step .booking-step-content .charity-container label .charity-container-inner:before {
  width: 21px;
  height: 21px;
  top: 50%;
  right: 20px;
  border: 2px solid #375268;
  background: #FFF;
  margin-top: -11px;
}

.booking-container .booking .booking-step .booking-step-content .charity-container label .charity-container-inner:after {
  width: 13px;
  height: 13px;
  background: linear-gradient(242.13deg, #DEF9FF -22.79%, #00D1FF 74.76%);
  top: 50%;
  right: 24px;
  display: none;
  margin-top: -7px;
}

.booking-container .booking .booking-step .booking-step-content .charity-container label .charity-container-inner .charity-image {
  width: 110px;
  display: inline-block;
  vertical-align: middle;
}

.booking-container .booking .booking-step .booking-step-content .charity-container label .charity-container-inner .charity-image img {
  width: 100%;
  height: auto;
  display: inline-block;
}

.booking-container .booking .booking-step .booking-step-content .charity-container label .charity-container-inner .charity-image + .charity-info {
  width: calc(100% - 110px);
}

.booking-container .booking .booking-step .booking-step-content .charity-container label .charity-container-inner .charity-info {
  width: 100%;
  font-size: 15px;
  line-height: 24px;
  vertical-align: middle;
  display: inline-block;
  padding-right: 44px;
  padding-left: 20px;
}

.booking-container .booking .booking-step .booking-step-content .charity-container label .charity-container-inner .charity-info.none {
  padding-left: 0px;
}

@media (max-width: 800px) {
  .booking-container .booking .booking-step .booking-step-content .charity-container label .charity-container-inner .charity-image {
    width: 60px;
  }
  .booking-container .booking .booking-step .booking-step-content .charity-container label .charity-container-inner .charity-image + .charity-info {
    width: calc(100% - 60px);
  }
}

@media (max-width: 700px) and (min-width: 651px) {
  .booking-container .booking .booking-step .booking-step-content .charity-container label .charity-container-inner .charity-image {
    width: 100%;
    margin-bottom: 12px;
  }
  .booking-container .booking .booking-step .booking-step-content .charity-container label .charity-container-inner .charity-image img {
    width: 40%;
  }
  .booking-container .booking .booking-step .booking-step-content .charity-container label .charity-container-inner .charity-image + .charity-info {
    width: 100%;
    padding-left: 0px;
  }
}

.booking-container .booking .booking-step .booking-step-content .charity-container label input[type=radio] {
  display: none;
}

.booking-container .booking .booking-step .booking-step-content .charity-container label input[type=radio]:checked + .charity-container-inner {
  background: #edf1f5;
}

.booking-container .booking .booking-step .booking-step-content .charity-container label input[type=radio]:checked + .charity-container-inner:after {
  display: inline-block;
}

.booking-container .booking .booking-step .booking-step-content .x-pay-available-info {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row;
  color: #111111;
  margin-top: 12px;
  color: #171C22;
  font-size: 14px;
  line-height: 19px;
  gap: 8px;
}

.booking-container .booking .booking-step .booking-step-content .x-pay-available-info::before {
  content: "";
  background: url("/assets/images/icons/card-icons/credit-card-default-filled.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 25px;
  height: 27px;
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  align-self: flex-start;
}

@media (max-width: 1024px) {
  .booking-container .booking-header .wrapper {
    padding-right: 310px;
  }
  .booking-container .booking-header .wrapper h1 {
    font-size: 32px;
    line-height: 41px;
    line-height: 38px;
  }
  .booking-container .booking-header .wrapper p {
    font-size: 16px;
    line-height: 25px;
    line-height: 19px;
  }
}

@media (max-width: 800px) {
  .booking-container .booking .booking-container-inner {
    width: 100%;
  }
  .booking-container .booking .booking-container-inner .payment-method-selector {
    display: none;
  }
  .booking-container .booking .booking-summary,
  .booking-container .booking .booking-room-summary {
    width: auto;
    position: fixed;
    bottom: 0px;
    border-top: 1px solid #d0d7df;
    top: auto;
    height: 100px;
    right: 0px;
    left: 80px;
    margin-left: 0px;
    border-radius: 0px;
    padding: 10px;
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.3);
  }
  .booking-container .booking .booking-summary.booking-mobile,
  .booking-container .booking .booking-room-summary.booking-mobile {
    display: inline-block;
  }
  .booking-container .booking .booking-summary.booking-mobile.withoutSidebar,
  .booking-container .booking .booking-room-summary.booking-mobile.withoutSidebar {
    left: 0px;
  }
  .booking-container .booking .booking-summary.booking-desktop, .booking-container .booking .booking-summary.booking-room-summary--desktop,
  .booking-container .booking .booking-room-summary.booking-desktop,
  .booking-container .booking .booking-room-summary.booking-room-summary--desktop {
    display: none;
  }
  .booking-container .wrapper {
    padding-right: 0px;
  }
  .booking-container .booking-header .wrapper {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .booking-container .booking {
    padding-bottom: 150px;
  }
  .booking-container .booking .booking-step {
    margin-bottom: 10px;
  }
  .booking-container .booking .booking-step.booking-loading {
    width: 100%;
  }
}

@media (max-width: 650px) {
  .booking-container .booking .booking-step {
    border-radius: 0px;
  }
  .booking-container .booking .booking-summary,
  .booking-container .booking .booking-room-summary {
    margin-left: 0px;
    bottom: 60px;
    left: 0px;
    max-height: 100px;
  }
  .booking-container .booking .booking-summary.withoutSidebar,
  .booking-container .booking .booking-room-summary.withoutSidebar {
    bottom: 0px;
  }
}

.booking-container#buy-ticket {
  font-family: "Satoshi", sans-serif;
}

.booking-container#buy-ticket .booking-summary dl,
.booking-container#buy-ticket .booking-room-summary dl {
  color: #111111;
}

.booking-container#buy-ticket .booking-summary dl dt,
.booking-container#buy-ticket .booking-room-summary dl dt {
  font-weight: 700;
}

.booking-container#buy-ticket .booking-summary dl dd,
.booking-container#buy-ticket .booking-room-summary dl dd {
  font-weight: 500;
}

.booking-container#buy-ticket .booking-summary dl.bd-total,
.booking-container#buy-ticket .booking-room-summary dl.bd-total {
  font-size: 18px;
  margin: 0px;
}

@media (max-width: 1024px) {
  .booking-container#buy-ticket .booking-summary dl.bd-total,
  .booking-container#buy-ticket .booking-room-summary dl.bd-total {
    font-size: 15px;
  }
}

.booking-container#buy-ticket .booking-summary dl.bd-total dt,
.booking-container#buy-ticket .booking-room-summary dl.bd-total dt {
  opacity: 1;
}

.booking-container#buy-ticket .booking-summary dl.bd-total dd,
.booking-container#buy-ticket .booking-room-summary dl.bd-total dd {
  font-weight: 700;
}

.booking-container#buy-ticket .booking-summary.booking-mobile dl.bd-total,
.booking-container#buy-ticket .booking-room-summary.booking-mobile dl.bd-total {
  font-size: 15px;
}

.booking-container#buy-ticket .booking-summary.booking-mobile dl.bd-total dd,
.booking-container#buy-ticket .booking-room-summary.booking-mobile dl.bd-total dd {
  font-weight: 500;
}

.booking-container#buy-ticket .booking-summary .regular-semibold-text,
.booking-container#buy-ticket .booking-room-summary .regular-semibold-text {
  color: #111;
  font-family: 'Satoshi', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.booking-container#buy-ticket .booking-summary .summary-event-title,
.booking-container#buy-ticket .booking-room-summary .summary-event-title {
  display: none;
}

.booking-container#buy-ticket .booking-summary .form-group-check label.checkbox-tick span:after,
.booking-container#buy-ticket .booking-room-summary .form-group-check label.checkbox-tick span:after {
  content: '';
}

.booking-container#buy-ticket .booking-summary .form-group-check label input[type=checkbox].checkbox:checked + span,
.booking-container#buy-ticket .booking-room-summary .form-group-check label input[type=checkbox].checkbox:checked + span {
  background-color: #111;
  box-shadow: inset 0 0 0 2px #fff;
}

.booking-step-content p {
  margin: 0px;
  font-size: 13px;
  line-height: 22px;
}

.booking-step-content p.ticket-description {
  color: #738A9C;
}

.vue-modal.booking-summary-modal .modal-dialog {
  overflow: hidden;
}

.vue-modal.booking-summary-modal .modal-dialog .modal-body {
  padding: 0px;
  overflow-y: auto;
  max-height: 750px;
  scrollbar-width: none;
}

.vue-modal.booking-summary-modal .modal-dialog .modal-body::-webkit-scrollbar {
  width: 2px;
}

.vue-modal.booking-summary-modal .modal-dialog .modal-content {
  max-width: none;
}

.booking-summary-modal .modal-content .modal-summary-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
}

.booking-summary-modal .modal-content .summary-container {
  height: 100%;
  flex-direction: column;
  display: flex;
  flex: 1;
}

.booking-summary-modal .modal-content .summary-container > *:nth-child(n) {
  padding-left: 20px;
  padding-right: 20px;
}

.booking-summary-modal .modal-content .summary-container .regular-semibold-text {
  color: #111;
  font-family: 'Satoshi', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.booking-summary-modal .modal-content .summary-container .summary-event-title {
  text-align: center;
  display: none;
}

@media (max-width: 1024px) {
  .booking-summary-modal .modal-content .summary-container .summary-event-title {
    display: block;
  }
}

.booking-summary-modal .modal-content .summary-container .summary-alert-container {
  padding: 0 0px;
}

.booking-summary-modal .modal-content .summary-container .summary-alert-container .alert {
  margin-top: 0px;
}

.booking-summary-modal .modal-content .summary-container .summary-container-inner {
  flex: 1;
}

.booking-summary-modal .modal-content .summary-container .bd-premium dt {
  flex-direction: column;
}

.booking-summary-modal .modal-content .summary-container .bd-premium dt .flex-container {
  align-self: start;
  display: flex;
  align-items: center;
  gap: 5px;
}

.booking-summary-modal .modal-content .summary-container .bd-premium dt i.app-icon-discount-outlined {
  position: relative;
  color: #111111;
}

.booking-summary-modal .modal-content .summary-container .bd-premium dt i.app-icon-discount-outlined::after {
  content: "\e9ce";
  position: absolute;
  inset: 0;
  background: #F5FF8D;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.booking-summary-modal .modal-content .summary-container .bd-premium dt i.app-icon-discount-outlined::before {
  content: "\e9ef";
  z-index: 5;
  position: relative;
}

.booking-summary-modal .modal-content .summary-container .booking-summary-footer {
  flex: none;
  display: flex;
  flex-direction: column;
}

.booking-summary-modal .modal-content .summary-container .booking-summary-footer.sticky-footer {
  position: sticky;
  background: #fff;
  bottom: 0px;
  padding: 5px 20px 20px;
  box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.06);
}

.booking-summary-modal .modal-content .summary-container .booking-summary-footer.sticky-footer dl.bd-total--regular-event {
  padding: 10px 0px;
}

.booking-summary-modal .modal-content .summary-container .booking-summary-footer.sticky-footer .terms-wrap.terms-wrap--regular-event {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  border-radius: 8px;
  background: #F7F5F7;
  margin-bottom: 18px;
}

.booking-summary-modal .modal-content .summary-container .booking-summary-footer.sticky-footer .terms-wrap.terms-wrap--regular-event .form-group-check {
  margin-bottom: 0px !important;
}

.booking-summary-modal .modal-content .modal-body .booking-event-banner {
  display: none;
}

.booking-summary-modal .modal-content .modal-body h3 {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 25px;
  line-height: 34px;
  line-height: 25px;
  padding: 22px 10px 15px;
  text-align: center;
  width: 100%;
  color: #191c1f;
  margin: 0px;
}

.booking-summary-modal .modal-content .modal-body h3 .regular-semibold-text {
  color: #111;
  font-family: 'Satoshi', sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.booking-summary-modal .modal-content .modal-body .instalments-info {
  display: flex;
  padding: 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 8px;
  background: var(--Background, #F7F5F7);
  color: #111;
  font-family: 'Satoshi', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
}

.booking-summary-modal .modal-content .modal-body .bd-instalments {
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.booking-summary-modal .modal-content .modal-body .bd-instalments .bd-instalment {
  padding-bottom: 2px;
  padding-top: 2px;
  border-top: 0px;
}

.booking-summary-modal .modal-content .modal-body .bd-instalments .bd-instalment dt {
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
}

.booking-summary-modal .modal-content .modal-body .bd-instalments .bd-instalment dt.due-date {
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
}

.booking-summary-modal .modal-content .modal-body dl {
  width: 100%;
  display: flex;
  border-top: 1px solid #eaeaea;
  font-size: 0px;
  padding: 10px 0px;
  text-align: left;
}

.booking-summary-modal .modal-content .modal-body dl.amount-due dt,
.booking-summary-modal .modal-content .modal-body dl.amount-due dd {
  font-size: 17px;
  line-height: 26px;
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
  color: #000;
}

.booking-summary-modal .modal-content .modal-body dl .bd-ticket-type-breakdown {
  width: 100%;
  display: inline-block;
  color: #adb0b4;
  margin-top: 10px;
}

.booking-summary-modal .modal-content .modal-body dl .bd-ticket-type-breakdown dt,
.booking-summary-modal .modal-content .modal-body dl .bd-ticket-type-breakdown dd {
  font-size: 13px;
  line-height: 22px;
  font-style: italic;
}

.booking-summary-modal .modal-content .modal-body dl dt,
.booking-summary-modal .modal-content .modal-body dl dd {
  display: flex;
  font-size: 14px;
  line-height: 23px;
  margin: 0px;
}

.booking-summary-modal .modal-content .modal-body dl dt {
  flex: 1;
}

.booking-summary-modal .modal-content .modal-body dl dd {
  flex: none;
  text-align: right;
}

.booking-summary-modal .modal-content .modal-body dl .premium-text {
  background: radial-gradient(38.52% 137.71% at 48.52% 127.78%, #7A822A 0%, #111111 100%), #111111;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.booking-summary-modal .modal-content .modal-body dl .premium-text-info {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 21px;
  color: #adb0b4;
  padding-top: 5px;
}

.booking-summary-modal .modal-content .modal-body .bd-terms p {
  width: 100%;
  display: inline-block;
  margin: 0px;
  font-size: 14px;
  line-height: 23px;
  color: #6B6B6B;
  font-weight: 500;
  text-align: left;
  padding: 0px 0px 15px 0px;
}

@media (max-width: 650px) {
  .booking-summary-modal .modal-content .modal-body .bd-terms p {
    padding-left: 0px;
    padding-right: 0px;
  }
}

.booking-summary-modal .modal-content .modal-body .bd-terms p .whitespace-nowrap {
  white-space: nowrap;
}

.booking-summary-modal .modal-content .modal-body .booking-summary-footer {
  width: 100%;
  display: inline-block;
  padding: 20px;
  border-top: 1px solid #eaeaea;
}

.booking-summary-modal .modal-content .modal-body .booking-summary-footer.sticky-footer {
  position: sticky;
  background: #fff;
  bottom: 0px;
  padding-top: 5px;
  box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.06);
}

.booking-summary-modal .modal-content .modal-body .booking-summary-footer.sticky-footer dl.bd-total--regular-event {
  padding: 10px 0px;
}

.booking-summary-modal .modal-content .modal-body .booking-summary-footer.sticky-footer .terms-wrap.terms-wrap--regular-event {
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 18px;
  border-radius: 8px;
  background: #F7F5F7;
  margin-bottom: 18px;
}

.booking-summary-modal .modal-content .modal-body .booking-summary-footer.sticky-footer .terms-wrap.terms-wrap--regular-event .form-group-check {
  margin-bottom: 0px !important;
}

.booking-summary-modal .modal-content .modal-body .booking-summary-footer .form-group-check {
  margin-top: 0px;
  margin-bottom: 18px;
  font-size: 0px;
}

.booking-summary-modal .modal-content .modal-body .booking-summary-footer .form-group-check label span {
  vertical-align: top;
  margin-top: 2px;
}

.booking-summary-modal .modal-content .modal-body .booking-summary-footer .form-group-check span {
  width: 20px;
  height: 20px;
  border-width: 2px;
  border-color: #375268;
  margin-right: 5px;
}

.booking-summary-modal .modal-content .modal-body .booking-summary-footer .form-group-check p {
  width: calc(100% - 31px);
  display: inline-block;
  color: #50575f;
  margin: 0px;
  font-size: 14px;
  line-height: 23px;
  vertical-align: middle;
}

.booking-regular .booking-summary-modal .summary-container {
  font-family: "Satoshi", sans-serif;
}

.booking-regular .booking-summary-modal .summary-container dl {
  color: #111111;
  border-top: 1px solid #eaeaea;
}

.booking-regular .booking-summary-modal .summary-container dl:first-child {
  border-top: none;
}

.booking-regular .booking-summary-modal .summary-container dl dt {
  font-weight: 700;
}

.booking-regular .booking-summary-modal .summary-container dl dd {
  font-weight: 400;
}

.booking-regular .booking-summary-modal .summary-container dl.bd-total {
  margin: 0px;
}

.booking-regular .booking-summary-modal .summary-container dl.bd-total dt, .booking-regular .booking-summary-modal .summary-container dl.bd-total dd {
  opacity: 1;
}

.booking-regular .booking-summary-modal .summary-container a {
  font-size: inherit;
}

.booking-regular .booking-summary-modal .summary-container .form-group-check label.checkbox-tick span:after {
  content: '';
}

.booking-regular .booking-summary-modal .summary-container .form-group-check label input[type=checkbox].checkbox:checked + span {
  background-color: #111;
  box-shadow: inset 0 0 0 2px #fff;
}

.booking-regular .booking-summary-modal .summary-container .form-group-check label.checkbox-tick span:after {
  content: '';
}

.booking-regular .booking-summary-modal .summary-container .form-group-check label input[type=checkbox].checkbox:checked + span {
  background-color: #111;
  box-shadow: inset 0 0 0 2px #fff;
}

#e-tickets {
  padding-top: 20px;
  padding-left: 11px;
  padding-right: 11px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

@media (max-width: 550px) {
  #e-tickets.content {
    padding: 0px;
  }
}

#e-tickets .loading {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 40px 0;
  overflow: hidden;
}

#e-tickets .e-tickets-container {
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  flex-direction: row;
  align-items: flex-start;
  align-content: flex-start;
}

#e-tickets .e-tickets-container .infinite-loading-container {
  flex: none;
  width: 100%;
}

#e-tickets .e-tickets-container .activity-banner-wrap {
  width: 100%;
  padding: 0px 7px;
}

#e-tickets .e-tickets-container .no-more p {
  color: #4F575E;
}

#e-tickets .e-tickets-container .no-tickets {
  width: 100%;
  display: inline-block;
  padding: 40px 20px;
  text-align: center;
}

#e-tickets .e-tickets-container .no-tickets .no-tickets-icon {
  width: 100%;
  display: inline-block;
  font-size: 70px;
  margin-bottom: 18px;
  color: #4F575E;
}

#e-tickets .e-tickets-container .no-tickets h2 {
  width: 90%;
  display: inline-block;
  margin: 0px;
  color: #4F575E;
  font-size: 20px;
  line-height: 29px;
  margin-bottom: 8px;
}

#e-tickets .e-tickets-container .no-tickets p {
  width: 90%;
  display: inline-block;
  margin: 0px;
  color: #525c67;
  font-size: 16px;
  line-height: 25px;
}

@media (max-width: 550px) {
  #e-tickets .e-tickets-container {
    padding: 20px 12px 20px 13px;
  }
}

.ticket-card {
  width: 33.3%;
  padding: 0px 8px 15px 7px;
  flex-basis: 33.3%;
  display: flex;
  align-self: stretch;
}

@media (max-width: 1300px) {
  .ticket-card {
    width: 50%;
    flex-basis: 50%;
  }
}

@media (max-width: 720px) {
  .ticket-card {
    width: 100%;
    flex-basis: 100%;
  }
}

@media (max-width: 650px) {
  .ticket-card {
    height: auto;
  }
}

.ticket-card.has-custom-tickets .ticket-content {
  padding-top: 20px;
}

.ticket-card.has-hosted-by .ticket-card-header:after {
  background: linear-gradient(152.33deg, rgba(0, 0, 0, 0.8) 0.95%, rgba(0, 0, 0, 0) 50.4%);
}

.ticket-card.activate-ticket .ticket-card-header:before,
.ticket-card.activate-ticket .ticket-content:before {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.5);
  content: "";
  z-index: 3;
}

.ticket-card.activate-ticket .ticket-card-header .ticket-card-activate {
  display: flex;
}

.ticket-card.past-event {
  opacity: 0.5;
}

.ticket-card.past-event .ticket-card-header .ticket-card-activate {
  display: none;
}

.ticket-card.past-event .ticket-card-header:before,
.ticket-card.past-event .ticket-content:before {
  display: none;
}

.ticket-card .ticket-card-inner {
  background: #FFF;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.ticket-card .ticket-card-header {
  position: relative;
  min-height: 172px;
  flex: none;
  width: 100%;
  height: 204px;
  padding: 0px 20px 20px 20px;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 3px;
  z-index: 1;
}

.ticket-card .ticket-card-header:after {
  position: absolute;
  content: "";
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  background: rgba(0, 0, 0, 0.3);
}

.ticket-card .ticket-card-header .ticket-card-images {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex: none;
  position: absolute;
  bottom: -18px;
  left: 0px;
  right: 0px;
  z-index: 2;
}

.ticket-card .ticket-card-header .ticket-card-images img {
  width: 110px;
  height: auto;
  border: 3px solid #fff;
  border-radius: 10rem;
  margin: 0 5px;
}

.ticket-card .ticket-card-header .ticket-card-activate {
  display: none;
  flex: 1px;
  background: #cd0000;
  border: 1px solid #fff;
  position: relative;
  z-index: 3;
  border-radius: 10px;
  flex-direction: column;
  color: #fff;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
}

.ticket-card .ticket-card-header .ticket-card-activate h5 {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 29px;
  line-height: 20px;
  margin: 0 0 4px 0;
  text-align: center;
}

.ticket-card .ticket-card-header .ticket-card-activate h5 i {
  font-size: 17px;
  margin-right: 5px;
}

.ticket-card .ticket-card-header .ticket-card-activate p {
  margin: 0px;
  text-align: center;
}

.ticket-card .ticket-card-event-title {
  width: 100%;
  color: #fff;
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
  z-index: 5;
}

.ticket-card .ticket-card-event-title h3 {
  font-size: 19px;
  line-height: 1.368;
  margin: 0 0 3px 0;
}

.ticket-card .ticket-card-event-title p {
  font-size: 14px;
  line-height: 1.357;
  margin: 0px;
}

.ticket-card .ticket-card-title {
  width: 100%;
  color: #000;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-family: "Bebas Neue", sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.21;
  margin: 0px;
}

.ticket-card .ticket-content {
  position: relative;
  width: 100%;
  flex: 1;
  padding: 30px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  gap: 30px;
  z-index: 3;
}

.ticket-card .ticket-content .ticket-content-inner {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 0px 0px 30px 0px;
  width: 100%;
  border-bottom: 1.5px dashed rgba(0, 0, 0, 0.35);
}

.ticket-card .ticket-content .ticket-content-inner.flex-grow-0 {
  flex-grow: 0;
}

.ticket-card .ticket-content .ticket-card-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
}

.ticket-card .ticket-content .ticket-card-info:first-child {
  margin-right: 20px;
  flex-basis: 20%;
}

.ticket-card .ticket-content .ticket-card-info h4,
.ticket-card .ticket-content .ticket-card-info p {
  margin: 0px;
}

.ticket-card .ticket-content .ticket-card-info h4 {
  flex-shrink: 0;
  color: #A0A0A0;
  font-family: "Bebas Neue", sans-serif;
  font-size: 20px;
  line-height: 0.97;
  font-weight: 400;
  white-space: nowrap;
}

.ticket-card .ticket-content .ticket-card-info p {
  color: #000;
  font-family: 'Satoshi', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.386;
}

.ticket-card .ticket-content .ticket-card-info .overflow-ellipsis {
  text-overflow: ellipsis;
  max-width: 205px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.ticket-card .ticket-content .ticket-card-details {
  width: 100%;
  display: flex;
  flex-direction: row;
}

.ticket-card .ticket-content .ticket-card-details .ticket-card-hosted-by {
  color: #fff;
  display: flex;
  align-items: center;
}

.ticket-card .ticket-content .ticket-card-details .ticket-card-hosted-by > div {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
  border-radius: 100%;
  border: 0.6px solid rgba(255, 255, 255, 0.3);
  flex-shrink: 0;
}

.ticket-card .ticket-content .ticket-card-user-details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  align-self: stretch;
  overflow: hidden;
}

.ticket-card .ticket-content .ticket-card-user-details.flex-row {
  flex-direction: row;
}

.ticket-card .ticket-content .ticket-card-user-image {
  width: 70px;
  height: 70px;
  border-radius: 100%;
  background: lightgray;
  background-size: cover;
  background-position: center;
  border: 2px solid rgba(0, 0, 0, 0.2);
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

.ticket-card .ticket-content .ticket-card-user-image img {
  width: 70px;
}

.ticket-card .ticket-content .ticket-card-user-image.image-sm {
  width: 43px;
  height: 43px;
}

.ticket-card .ticket-content .ticket-card-user-image.image-sm img {
  width: 43px;
}

.ticket-card .ticket-content .ticket-card-username {
  color: #000;
  text-align: center;
  font-family: 'Satoshi', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.386;
}

.ticket-card .ticket-content .ticket-card-actions {
  width: 100%;
  display: flex;
  flex: none;
  position: relative;
  z-index: 3;
  flex-direction: column;
}

.ticket-card .ticket-content .ticket-card-actions .btn + .btn {
  margin-top: 14px;
}

.ticket-card .ticket-content .ticket-card-actions .admit {
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 22px;
  width: 100%;
  text-align: center;
  color: #111111;
  margin-top: 18px;
}

.ticket-card .ticket-content .ticket-card-actions .blurred-qr-code {
  position: relative;
  width: 113px;
  height: 113px;
  background-image: url("/assets/images/main/blurred-qr-code.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block;
  margin: 0px auto;
}

.ticket-card .ticket-content .ticket-card-actions .blurred-qr-code .event-tickets-locked {
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translate(50%, -50%);
  z-index: 5;
  display: flex;
  font-size: 12px;
  height: 28px;
  width: 28px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  background-color: #EDEAFA;
}

.ticket-card .ticket-content .ticket-card-actions .event-tickets-locked-description {
  margin-top: 20px;
  color: #000;
  text-align: center;
  font-family: 'Satoshi', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

#event-tickets {
  padding-top: 20px;
  padding-left: 11px;
  padding-right: 11px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

@media (max-width: 650px) {
  #event-tickets {
    padding-top: 30px;
  }
}

@media (max-width: 550px) {
  #event-tickets {
    padding: 0px;
  }
}

#event-tickets .loading {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 40px 0;
  overflow: hidden;
}

#event-tickets .event-tickets-container {
  padding: 0px 9px;
}

@media (max-width: 550px) {
  #event-tickets .event-tickets-container {
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

#event-tickets .event-tickets-list-title {
  margin: 0px 0px 24px 0px;
  color: #000;
  font-family: "Bebas Neue";
  font-size: 20px;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 400;
}

#event-tickets .event-tickets-list {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#event-tickets .event-tickets-list:not(:last-child) {
  margin-bottom: 36px;
}

#event-tickets .event-tickets-list li:not(:last-child) {
  padding: 0px;
  margin-bottom: 10px;
}

#event-tickets .event-tickets-card {
  position: relative;
  width: 100%;
  height: 155px;
  display: flex;
  align-items: center;
  border-radius: 20px;
  overflow: hidden;
  background-color: #fff;
  min-height: -moz-fit-content;
  min-height: fit-content;
}

@media (max-width: 650px) {
  #event-tickets .event-tickets-card {
    height: 149px;
  }
}

#event-tickets .event-tickets-card.past-event::after {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
  pointer-events: none;
}

#event-tickets .event-tickets-card::before, #event-tickets .event-tickets-card::after {
  content: "";
  width: 34px;
  height: 34px;
  border-radius: 10rem;
  background: #e5e5e5;
  position: absolute;
  bottom: 57px;
}

#event-tickets .event-tickets-card::before {
  left: -24.488px;
}

#event-tickets .event-tickets-card::after {
  right: -24.512px;
}

#event-tickets .event-tickets-card .event-tickets-image {
  position: relative;
  height: 155px;
  width: 150px;
  max-width: 155px;
  background-size: cover;
  flex-shrink: 0;
}

@media (max-width: 650px) {
  #event-tickets .event-tickets-card .event-tickets-image {
    height: 149px;
    width: 116px;
  }
}

#event-tickets .event-tickets-card .event-tickets-image::before {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  width: 100%;
  height: 100%;
  content: '';
}

#event-tickets .event-tickets-card .event-tickets-description {
  height: 100%;
  padding: 20px 17px 20px 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 1 0 0;
  border-radius: 10px 0px 0px 10px;
  background: #FFF;
  box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.07);
}

#event-tickets .event-tickets-card .event-tickets-description .description-title {
  margin: 0px;
  color: #000;
  font-family: "Bebas Neue";
  font-size: 30px;
  font-weight: 400;
  line-height: 0.83;
}

#event-tickets .event-tickets-card .event-tickets-description .description-location, #event-tickets .event-tickets-card .event-tickets-description .description-date {
  margin: 0px;
  font-family: 'Satoshi', sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.46;
}

#event-tickets .event-tickets-card .event-tickets-description .description-location {
  color: #171C22;
}

#event-tickets .event-tickets-card .event-tickets-description .description-date {
  color: #F5003A;
}

#event-tickets .event-tickets-card .event-tickets-counter {
  position: absolute;
  right: 9.964px;
  top: 12px;
  display: flex;
  height: 24px;
  padding: 13.262px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 13.262px;
  flex-shrink: 0;
  border-radius: 40px;
  border: 1px solid #FFF;
  background: #171C22;
  color: #FFF;
  font-family: 'Satoshi', sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.4;
  z-index: 5;
}

#event-tickets .event-tickets-card .event-tickets-next-payment {
  width: 100%;
  padding: 6px 8px;
  border-radius: 8px;
  background: #F7F5F7;
}

#event-tickets .event-tickets-card .event-tickets-next-payment .next-payment-description {
  margin: 0px;
  color: #171C22;
  font-family: 'Satoshi', sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 19px;
}

#event-tickets .event-tickets-card .event-tickets-locked {
  position: absolute;
  right: 6px;
  top: 6px;
  display: flex;
  font-size: 12px;
  height: 28px;
  width: 28px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 40px;
  background-color: #EDEAFA;
}

.mobile-settings-navigation .back-to-settings {
  display: none;
}

.back-to-settings {
  display: none;
  height: 55px;
  text-align: center;
}

.back-to-settings .back-to-arrow {
  width: 45px;
  line-height: 22px;
  display: inline-block;
  color: #d0d0d0;
  transition: color 0.2s ease-out;
  font-size: 20px;
  vertical-align: middle;
  padding-top: 18px;
}

.back-to-settings .back-to-arrow:hover {
  color: #d0d0d0;
}

.settings-mobile .back-to-settings {
  display: inline-block;
}

.form-group-container .visual-settings:last-child {
  padding-bottom: 0px;
}

@media (max-width: 600px) {
  .form-container .form-group label.form-label {
    font-size: 16px;
    line-height: 25px;
  }
}

.form-container .form-group.account-split {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 30px;
  margin-bottom: 20px;
}

@media (max-width: 650px) {
  .form-container .form-group.account-split {
    margin-bottom: 10px;
    padding-bottom: 20px;
  }
}

.visual-settings {
  width: 100%;
  display: inline-block;
  padding: 0 0 20px 0;
  position: relative;
}

.visual-settings .premium-block {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 20px;
  left: 0px;
  display: none;
  z-index: 2;
}

.visual-settings.premium-disabled {
  opacity: 0.2;
}

.visual-settings.premium-disabled .premium-block {
  display: inline-block;
}

@media (max-width: 650px) {
  .visual-settings {
    padding: 0px 16px 20px 16px;
  }
  .visual-settings.full-width {
    padding-left: 0px;
    padding-right: 0px;
  }
  .visual-settings.full-width .visual-settings-inner {
    border-radius: 0;
  }
}

.visual-settings .visual-settings-inner {
  border-radius: 10px;
  background-color: #fff;
  padding: 0;
  overflow: hidden;
  position: relative;
}

.visual-settings .visual-settings-inner h3 {
  margin: 0px;
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 25px;
  color: #303235;
  margin-bottom: 0px;
}

.visual-settings .visual-settings-inner h3 + .form-group-check {
  border-top: 0px;
}

.visual-settings .visual-settings-inner .form-group-check {
  display: flex;
  flex-direction: row;
  padding: 12px 15px;
  border-top: 1px solid #f0eeee;
  margin-bottom: 0px;
}

.visual-settings .visual-settings-inner .form-group-check p {
  display: flex;
  flex: 1;
  margin: 0px;
}

.visual-settings .visual-settings-inner .form-group-check .checkbox-container {
  width: 66px;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: flex-end;
}

.visual-settings .visual-settings-inner .form-group-check label {
  width: unset;
}

.visual-settings .visual-settings-inner .form-group-check label span {
  border: 2px solid #ADB3BC;
  width: 26px;
  height: 26px;
  margin-right: 0px;
}

.visual-settings .visual-settings-inner .form-group-check label.checkbox-tick span:after {
  line-height: 22px;
  font-size: 15px;
}

.visual-settings .visual-settings-inner .form-group-checkbox {
  display: flex;
  flex-direction: row;
  padding: 0px 15px 15px 15px;
}

.visual-settings .visual-settings-inner .form-group-checkbox .form-group-checkbox-data {
  margin: 0px;
  display: flex;
  flex: 1;
  flex-direction: column;
  vertical-align: middle;
  font-size: 14px;
  line-height: 23px;
}

.visual-settings .visual-settings-inner .form-group-checkbox .form-group-checkbox-data p {
  width: 100%;
  color: #738A9C;
  font-size: 14px;
  line-height: 23px;
}

.visual-settings .visual-settings-inner .form-group-checkbox .checkbox-container {
  width: 66px;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: flex-end;
}

.visual-settings .visual-settings-inner .visual-settings-image {
  margin-bottom: 20px;
  position: relative;
}

.visual-settings .visual-settings-inner .visual-settings-image .icon-wrap {
  position: absolute;
  bottom: 0px;
  right: 0px;
  display: flex;
  width: 34px;
  height: 34px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 70px;
  border: 1.417px solid #FFF;
  background: rgba(0, 0, 0, 0.8);
  backdrop-filter: blur(1.41667px);
  color: #fff;
  font-size: 18px;
}

.visual-settings .visual-settings-inner .badge-premium {
  color: #111111;
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 18px;
}

.visual-settings .visual-settings-inner.loading {
  display: flex;
  padding: 30px;
  align-items: center;
  justify-content: center;
}

.visual-settings .visual-settings-inner.incognito-mode .visual-settings-image, .visual-settings .visual-settings-inner.safe-search .visual-settings-image, .visual-settings .visual-settings-inner.dont-show-hotlist .visual-settings-image {
  margin-bottom: 10px;
  width: -moz-fit-content;
  width: fit-content;
}

.visual-settings .visual-settings-inner.incognito-mode .visual-settings-image img, .visual-settings .visual-settings-inner.safe-search .visual-settings-image img, .visual-settings .visual-settings-inner.dont-show-hotlist .visual-settings-image img {
  height: 130px;
}

.visual-settings .visual-settings-inner.incognito-mode .visual-settings-image .icon-wrap, .visual-settings .visual-settings-inner.safe-search .visual-settings-image .icon-wrap, .visual-settings .visual-settings-inner.dont-show-hotlist .visual-settings-image .icon-wrap {
  bottom: 5px;
  right: 0px;
}

.visual-settings .visual-settings-inner.show-only-to-kk .visual-settings-image, .visual-settings .visual-settings-inner.show-only-to-kk-homme .visual-settings-image {
  padding: 15px 15px 0px 15px;
}

.visual-settings .visual-settings-inner.show-only-to-kk .visual-settings-image img, .visual-settings .visual-settings-inner.show-only-to-kk-homme .visual-settings-image img {
  height: 100%;
  max-height: 90px;
}

.visual-settings .visual-settings-inner.hide-from-search .visual-settings-image {
  padding: 0px 15px 0px 0px;
  margin-bottom: 0px;
}

.visual-settings .visual-settings-inner.hide-from-search .visual-settings-image img {
  height: 100%;
  max-height: 130px;
}

.visual-settings .visual-settings-inner.hide-location .visual-settings-image, .visual-settings .visual-settings-inner.hide-online-status .visual-settings-image {
  padding: 7px 15px 0px 6px;
  margin-bottom: 0px;
}

.visual-settings .visual-settings-inner.hide-location .visual-settings-image img, .visual-settings .visual-settings-inner.hide-online-status .visual-settings-image img {
  height: 100%;
  max-height: 91px;
}

.visual-settings .visual-settings-inner.hide-distance .visual-settings-image {
  padding: 7px 15px 0px 6px;
  margin-bottom: 0px;
}

.visual-settings .visual-settings-inner.hide-distance .visual-settings-image img {
  height: 100%;
  max-height: 91px;
}

.visual-settings .visual-settings-inner.filter-likes .visual-settings-image {
  padding: 15px 15px 0px 15px;
  border-bottom: 1px solid #f0eeee;
  margin-bottom: 0px;
}

.visual-settings .visual-settings-inner.filter-likes .visual-settings-image img {
  height: 100%;
  max-height: 120px;
}

.visual-settings .visual-settings-inner.filter-likes h3 {
  padding: 12px 15px;
}

.visual-settings .visual-settings-inner.hide-event-attendance .visual-settings-image {
  padding: 7px 15px 0px 6px;
  margin-bottom: 0px;
  width: -moz-fit-content;
  width: fit-content;
}

.visual-settings .visual-settings-inner.hide-event-attendance .visual-settings-image img {
  height: 100%;
  max-height: 91px;
}

.visual-settings .visual-settings-inner.hide-event-attendance .visual-settings-image .icon-wrap {
  bottom: 5px;
  right: 20px;
}

.visual-settings .visual-settings-inner.hide-connections .visual-settings-image {
  background: #CBD0D7;
  width: 100%;
  padding: 15px 10px 0 10px;
  position: relative;
  overflow: hidden;
  margin-bottom: 0px;
}

.visual-settings .visual-settings-inner.hide-connections .visual-settings-image:after {
  content: "";
  position: absolute;
  height: 80px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  background: linear-gradient(0deg, #ffffff 29.46%, rgba(255, 255, 255, 0) 90%);
  z-index: 1;
}

.visual-settings .visual-settings-inner.hide-connections .visual-settings-image .hc-container {
  background: #fff;
  border-radius: 10px;
  padding: 19px;
}

.visual-settings .visual-settings-inner.hide-connections .visual-settings-image .hc-container h5 {
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 22px;
  color: #111111;
  margin: 0px;
}

.visual-settings .visual-settings-inner.hide-connections .visual-settings-image .hc-container .hc-connections {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin-top: 10px;
}

.visual-settings .visual-settings-inner.hide-connections .visual-settings-image .hc-container .hc-connections img {
  width: 49px;
  height: 49px;
  flex: none;
  border-radius: 10rem;
  filter: drop-shadow(0px 3px 22px rgba(0, 0, 0, 0.15));
}

.visual-settings .visual-settings-inner.split-account-prompt .visual-settings-image {
  padding: 7px 15px 0px 9px;
  margin-bottom: 0px;
}

.visual-settings .visual-settings-inner.split-account-prompt .visual-settings-image img {
  height: 100%;
  max-height: 120px;
}

.visual-settings .visual-settings-inner.split-account-prompt .split-account-prompt-info {
  padding: 0px 15px 15px 15px;
}

.visual-settings .visual-settings-inner.split-account-prompt .split-account-prompt-info p {
  margin: 0px;
  margin-bottom: 18px;
  color: #738A9C;
  font-size: 14px;
  line-height: 23px;
}

.settings-navigation li a,
.edit-profile-navigation li a {
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
  color: #111111;
}

.settings-navigation li a:after,
.edit-profile-navigation li a:after {
  color: #ADB3BC;
}

.settings-navigation li a:hover,
.edit-profile-navigation li a:hover {
  background: #f7f7f7;
}

.settings-navigation li a.selected,
.edit-profile-navigation li a.selected {
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
}

.settings-navigation {
  width: 100%;
  display: inline-block;
  list-style: none;
  margin: 0px;
  padding: 0px;
  background: #FFFFFF;
  border-radius: 10px;
  overflow: hidden;
}

.settings-navigation li {
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #f0f0f0;
}

.settings-navigation li:last-child {
  border-bottom: 0px;
}

.settings-navigation li.header {
  padding: 15px;
  font-size: 16px;
  line-height: 25px;
  font-weight: 600;
}

.settings-navigation li.header > span {
  margin-right: 5px;
  color: #9d9d9d;
}

.settings-navigation li a {
  width: 100%;
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 23px;
  padding: 13px 15px;
  transition: all 0.2s ease-out;
}

.settings-navigation li a:after {
  position: absolute;
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 13px;
  right: 10px;
  font-size: 15px;
  line-height: 24px;
  display: inline-block;
}

@media (max-width: 650px) {
  .settings-navigation {
    border-radius: 0;
  }
}

main .wrapper.settings {
  display: flex;
  flex-direction: row;
  /*************
            * My Account *
            *************/
  /***************
            * Subscription *
            ***************/
  /****************
            * Blocked Users *
            ****************/
}

main .wrapper.settings .delete-account-container {
  position: relative;
  overflow: hidden;
}

main .wrapper.settings .delete-account-container .delete-account-inner {
  width: 100%;
  display: inline-block;
  padding: 15px;
}

main .wrapper.settings .delete-account-container .delete-account-inner h5 {
  font-size: 16px;
  line-height: 25px;
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
  margin: 0 0 10px;
}

main .wrapper.settings .delete-account-container .delete-account-inner p {
  margin: 0px;
  margin-bottom: 18px;
}

main .wrapper.settings .delete-account-container .delete-account-inner .action-delete-account {
  background: #dd000b;
}

main .wrapper.settings .delete-account-container .delete-account-inner .action-delete-account:hover {
  background: #b40009;
}

main .wrapper.settings section {
  padding: 0px;
}

main .wrapper.settings section .settings-loader {
  padding: 50px 0;
  text-align: center;
}

main .wrapper.settings .content {
  display: flex;
  flex-direction: column;
}

main .wrapper.settings .content.two-wide {
  width: calc(100% - 224px);
}

main .wrapper.settings .content.one-wide {
  width: 220px;
}

main .wrapper.settings .content.two-wide section {
  border-radius: 10px;
}

@media (max-width: 800px) {
  main .wrapper.settings .content.one-wide, main .wrapper.settings .content.two-wide {
    width: 100%;
  }
  main .wrapper.settings .content.one-wide {
    display: none;
  }
  main .wrapper.settings .content.two-wide section .back-to-settings {
    display: inline-block;
  }
}

@media (max-width: 650px) {
  main .wrapper.settings .content.two-wide section {
    border-radius: 0;
  }
  main .wrapper.settings .content.one-wide {
    padding-bottom: 20px;
  }
}

main .wrapper.settings .settings-title {
  width: 100%;
  display: none;
  margin: 0px;
  color: #4F575E;
  font-size: 0px;
  position: relative;
  background: #fff;
  border-radius: 10px;
}

@media (max-width: 800px) {
  main .wrapper.settings .settings-title {
    display: inline-block;
  }
}

@media (max-width: 650px) {
  main .wrapper.settings .settings-title {
    border-radius: 0px;
  }
}

main .wrapper.settings .settings-title h2 {
  font-size: 20px;
  line-height: 29px;
  line-height: 20px;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  padding: 15px;
  display: inline-block;
  margin: 0px;
}

main .wrapper.settings .settings-title h2 i {
  margin-right: 8px;
  display: inline-block;
  vertical-align: baseline;
}

@media (max-width: 800px) {
  main .wrapper.settings .settings-title h2 {
    padding-left: 0px;
    padding-top: 18px;
  }
}

main .wrapper.settings .settings-title i.app-icon-help {
  position: absolute;
  right: 10px;
  font-size: 20px;
}

@media (max-width: 800px) {
  main .wrapper.settings .settings-title.no-icon h2 {
    padding-left: 15px;
  }
}

@media (max-width: 800px) {
  main .wrapper.settings .visual-settings + .settings-sub-title {
    padding-top: 0px;
  }
}

main .wrapper.settings .settings-sub-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 10px;
}

main .wrapper.settings .settings-sub-title h3 {
  font-size: 20px;
  line-height: 29px;
  line-height: 20px;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  flex: 1;
  display: flex;
  margin: 0px;
  color: #111111;
}

main .wrapper.settings .settings-sub-title .badge-premium {
  font-size: 20px;
  color: #4F575E;
}

@media (max-width: 800px) {
  main .wrapper.settings .settings-sub-title {
    padding-top: 20px;
  }
}

@media (max-width: 650px) {
  main .wrapper.settings .settings-sub-title {
    padding-left: 16px;
    padding-right: 16px;
  }
}

main .wrapper.settings .sub-settings-title {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  display: inline-block;
  border-bottom: 1px solid #f0f0f0;
  padding: 15px;
  color: #4F575E;
  font-size: 21px;
  line-height: 30px;
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
}

main .wrapper.settings .sub-settings-title.nTM {
  margin-top: 0px;
}

main .wrapper.settings .sub-settings-container {
  width: 100%;
  display: inline-block;
}

main .wrapper.settings .sub-settings-container .sub-settings-dropdown-options {
  width: 100%;
  display: none;
}

main .wrapper.settings .sub-settings-container.expanded .sub-settings-dropdown-options {
  display: inline-block;
  margin-bottom: 20px;
}

main .wrapper.settings .sub-settings-container.expanded .sub-settings-dropdown:after {
  transform: rotate(90deg);
}

main .wrapper.settings .sub-settings-dropdown {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  display: inline-block;
  border-bottom: 1px solid #f0f0f0;
  font-size: 13px;
  line-height: 22px;
  padding: 15px;
  color: #4F575E;
  cursor: pointer;
  font-weight: normal;
  position: relative;
}

main .wrapper.settings .sub-settings-dropdown:after {
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  color: #000000;
  top: 13px;
  right: 10px;
  font-size: 16px;
  line-height: 25px;
  display: inline-block;
  transition: all 0.2s ease-out;
}

main .wrapper.settings .sub-settings-option-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  padding: 14px 15px;
  border-bottom: 1px solid #f0f0f0;
}

main .wrapper.settings .sub-settings-option-container h5 {
  font-size: 13px;
  line-height: 22px;
  text-align: left;
  margin: 0px;
}

main .wrapper.settings .sub-settings-option-container .sub-settings-option-title {
  flex: 1;
  font-size: 13px;
  line-height: 22px;
  padding-right: 15px;
  display: flex;
  align-self: center;
}

main .wrapper.settings .sub-settings-option-container .sub-settings-option {
  width: 66px;
}

main .wrapper.settings .sub-settings-option-container .sub-settings-option .form-group-checkbox {
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: 0px;
}

main .wrapper.settings .form-group {
  padding-bottom: 20px;
}

main .wrapper.settings .account-type-icon {
  width: 80%;
  box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  display: flex;
  align-items: center;
  font-size: 30px;
  line-height: 39px;
  line-height: 30px;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  color: #738A9C;
  padding: 20px 17px;
  cursor: pointer;
}

main .wrapper.settings .account-type-icon i {
  color: #738A9C;
  font-size: 28px;
  margin-right: 12px;
  border-radius: 99px;
  width: 40px;
  height: 40px;
  background-color: #F0EEEE;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-2px);
}

@media (max-width: 600px) {
  main .wrapper.settings .account-type-icon {
    width: 100%;
  }
}

main .wrapper.settings .subscription-container {
  width: 100%;
  display: inline-block;
  padding: 0px;
}

main .wrapper.settings .subscription-container .loading {
  text-align: center;
}

main .wrapper.settings h3.upgrade-feature-title {
  margin: 0px 0px 25px 0;
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 24px;
  line-height: 33px;
  color: #303235;
  padding-left: 7px;
}

main .wrapper.settings .upgrade-feature {
  width: 100%;
  display: inline-block;
  padding: 0px;
}

main .wrapper.settings .upgrade-feature + .upgrade-feature {
  margin-top: 25px;
}

main .wrapper.settings .upgrade-feature .upgrade-feature-inner {
  border-radius: 10px;
  background-color: #eff1f5;
  background-image: url("/assets/themes/killing-kittens/images/main/settings-logo-bg.png");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: auto 250px;
  border: 1px solid #C9CED6;
  padding: 20px 13px 5px 13px;
  position: relative;
}

main .wrapper.settings .upgrade-feature .upgrade-feature-inner .premium-badge {
  position: absolute;
  bottom: 13px;
  right: 13px;
  font-size: 20px;
}

main .wrapper.settings .upgrade-feature .upgrade-feature-inner h3 {
  margin: 0px;
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 24px;
  line-height: 33px;
  color: #303235;
  padding-left: 7px;
}

main .wrapper.settings .upgrade-feature .upgrade-feature-inner .upgrade-feature-info {
  border-bottom: 0px;
  padding: 10px 7px;
}

main .wrapper.settings .upgrade-feature .upgrade-feature-inner .upgrade-feature-info p {
  margin: 0px;
}

main .wrapper.settings .upgrade-feature .upgrade-feature-inner .upgrade-terms {
  font-size: 11px;
  line-height: 20px;
  margin-bottom: 5px;
}

main .wrapper.settings .upgrade-feature .upgrade-feature-inner .upgrade-feature-image {
  width: 100%;
  display: inline-block;
}

main .wrapper.settings .upgrade-feature .upgrade-feature-inner .upgrade-feature-image img {
  max-width: 300px;
  width: 100%;
}

@media (max-width: 550px) {
  main .wrapper.settings .upgrade-feature .upgrade-feature-inner .upgrade-feature-image img {
    width: 100%;
  }
}

main .wrapper.settings .premium-what-you-get {
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.2);
  background: #fff;
  margin-bottom: 15px;
}

main .wrapper.settings .premium-what-you-get h2 {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 39px;
  text-transform: uppercase;
  color: #111111;
  padding: 20px 16px 5px;
  margin: 0px;
}

main .wrapper.settings .premium-what-you-get .premium-row {
  display: flex;
  flex-direction: row;
}

main .wrapper.settings .premium-what-you-get .premium-row:not(:last-child) {
  border-bottom: 1px solid rgba(240, 238, 238, 0.4);
}

main .wrapper.settings .premium-what-you-get .premium-row.premium-row-title {
  font-family: 'Satoshi', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 23px;
  color: #111111;
  display: flex;
  justify-content: center;
  align-items: center;
}

main .wrapper.settings .premium-what-you-get .premium-row.premium-row-title .premium-row-feature {
  font-size: 24px;
  line-height: 33px;
  line-height: 24px;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  justify-content: flex-start;
}

main .wrapper.settings .premium-what-you-get .premium-row .premium-row-feature {
  display: flex;
  flex: 1;
  align-items: center;
  font-size: 15px;
  line-height: 24px;
  color: #111111;
  padding: 15px 16px;
  font-weight: 700;
}

main .wrapper.settings .premium-what-you-get .premium-row .premium-row-feature a {
  display: inline-flex;
}

main .wrapper.settings .premium-what-you-get .premium-row .premium-row-free,
main .wrapper.settings .premium-what-you-get .premium-row .premium-row-premium {
  width: 65px;
  display: flex;
  flex: none;
  justify-content: center;
  padding: 15px 7px;
}

main .wrapper.settings .premium-what-you-get .premium-row .premium-row-free.yes:before, main .wrapper.settings .premium-what-you-get .premium-row .premium-row-free.no:before,
main .wrapper.settings .premium-what-you-get .premium-row .premium-row-premium.yes:before,
main .wrapper.settings .premium-what-you-get .premium-row .premium-row-premium.no:before {
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  justify-content: center;
  align-items: center;
}

main .wrapper.settings .premium-what-you-get .premium-row .premium-row-free.yes:before,
main .wrapper.settings .premium-what-you-get .premium-row .premium-row-premium.yes:before {
  content: "\e929";
  color: #F5FF8D;
  font-size: 20px;
}

main .wrapper.settings .premium-what-you-get .premium-row .premium-row-free.no:before,
main .wrapper.settings .premium-what-you-get .premium-row .premium-row-premium.no:before {
  content: "\e922";
  color: #A7ACB2;
  font-size: 15px;
}

main .wrapper.settings .premium-what-you-get .premium-row .premium-row-premium {
  background: #111111;
  color: #FFFFFF;
  padding: 20px 7px;
  font-size: 21px;
  line-height: 30px;
  line-height: 21px;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

main .wrapper.settings .premium-what-you-get-cta {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

main .wrapper.settings .premium-what-you-get-cta .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  padding: 12px 25px;
}

main .wrapper.settings .premium-what-you-get-cta .btn i {
  font-size: 26px;
  margin-left: 5px;
}

@media (max-width: 1024px) {
  main .wrapper.settings .premium-what-you-get-cta .btn {
    width: 100%;
  }
}

main .wrapper.settings .package {
  width: 100%;
  display: flex;
  flex-direction: row;
  border-radius: 20px;
  margin-bottom: 15px;
  padding: 37px 16px 30px;
  min-height: 121px;
  overflow: hidden;
  position: relative;
}

main .wrapper.settings .package:last-child {
  margin-bottom: 0px;
}

main .wrapper.settings .package.package-free {
  background: #111111;
}

main .wrapper.settings .package.package-free,
main .wrapper.settings .package.package-free h3 {
  color: #FFFFFF;
}

main .wrapper.settings .package.package-premium {
  background-image: url("/assets/themes/killing-kittens/images/main/premium-subscription-bg.png");
  background-size: cover;
  background-position: center;
  background-color: #000000;
  color: #FFFFFF;
}

main .wrapper.settings .package.package-premium:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}

main .wrapper.settings .package.package-premium img {
  height: 27px;
  width: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

main .wrapper.settings .package.package-premium.package-offer {
  flex-direction: column;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}

main .wrapper.settings .package.package-premium.package-offer .package-offer-countdown {
  width: 100%;
  margin-bottom: 17px;
}

main .wrapper.settings .package.package-premium.package-offer h3 {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 37px;
  line-height: 46px;
  line-height: 35px;
  margin: 0px;
}

main .wrapper.settings .package.package-premium.package-offer p {
  font-size: 15px;
  line-height: 24px;
  margin: 2px 0 14px 0;
}

main .wrapper.settings .package.package-premium.package-offer .btn-white {
  color: #111;
  max-width: 200px;
  margin: 0px auto;
}

@media (max-width: 650px) {
  main .wrapper.settings .package.package-premium {
    flex-direction: column;
  }
  main .wrapper.settings .package.package-premium .package-info {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 20px;
  }
  main .wrapper.settings .package.package-premium .package-info p {
    font-size: 13px;
    line-height: 22px;
  }
  main .wrapper.settings .package.package-premium .package-action {
    width: 100%;
  }
  main .wrapper.settings .package.package-premium .btn {
    margin-top: 10px;
  }
}

@media (min-width: 801px) and (max-width: 1144px) {
  main .wrapper.settings .package.package-premium {
    flex-direction: column;
  }
  main .wrapper.settings .package.package-premium .btn {
    margin-top: 10px;
  }
}

main .wrapper.settings .package .package-info {
  display: flex;
  flex-direction: column;
  flex: 1;
  vertical-align: middle;
  padding-right: 20px;
  gap: 10px;
  position: relative;
}

main .wrapper.settings .package .package-info h3 {
  width: 100%;
  display: flex;
  align-items: center;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 49px;
  line-height: 38px;
  margin: 0px;
}

main .wrapper.settings .package .package-info p {
  width: 100%;
  display: inline-block;
  margin: 0px;
  font-size: 14px;
  line-height: 23px;
}

main .wrapper.settings .package .package-info .subscription-plan-details {
  width: 100%;
  display: inline-block;
  color: #FFFFFF;
}

main .wrapper.settings .package .package-info .subscription-plan-details p {
  font-size: 13px;
  line-height: 22px;
}

main .wrapper.settings .package .package-info .subscription-plan-details p a {
  color: #A7ACB2;
}

main .wrapper.settings .package .package-info .subscription-plan-details p a:hover {
  color: #c2c6ca;
}

main .wrapper.settings .package .package-info .cancel-trigger {
  color: #FFFFFF;
  font-weight: 600;
  margin-top: 18px;
  cursor: pointer;
  text-decoration: underline;
  transition: color 0.2s ease-out;
  font-size: 13px;
  line-height: 22px;
}

main .wrapper.settings .package .package-info .cancel-trigger:hover {
  color: rgba(255, 255, 255, 0.8);
}

main .wrapper.settings .package .package-action {
  display: flex;
  flex-direction: column;
  flex: none;
  align-items: center;
  vertical-align: middle;
  position: relative;
  z-index: 2;
}

main .wrapper.settings .package .package-action .btn {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 135px;
}

main .wrapper.settings .package .badge-cancelled-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 73px;
  height: 21px;
  border-radius: 5px;
  padding: 2px 8px;
  background-color: #FFF;
}

main .wrapper.settings .package .badge-cancelled {
  color: #111111;
  font-size: 13px;
  font-weight: 600;
  font-family: Lato;
}

main .wrapper.settings .package .subscription-error {
  color: #dd000b;
  font-weight: bold;
}

@media (max-width: 800px) {
  main .wrapper.settings .subscription-container {
    padding-top: 20px;
  }
}

@media (max-width: 650px) {
  main .wrapper.settings .subscription-container {
    padding: 20px 16px;
  }
}

main .wrapper.settings .blocked-user {
  width: 100%;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid #f0f0f0;
  padding: 15px 28px 15px 28px;
  align-items: center;
  /*
                @include breakpoint(500px) {
                  .user-details,
                  .user-action {
                    width: 100%;
                  }
                  .user-details {
                    .user-info {
                      padding-right: 0px;
                    }
                  }
                  .user-action {
                    margin-top: 12px;
                  }
                }*/
}

main .wrapper.settings .blocked-user:last-child {
  border-bottom: 0px;
}

main .wrapper.settings .blocked-user .user-details {
  width: calc(100% - 120px);
  display: flex;
  flex-direction: row;
}

main .wrapper.settings .blocked-user .user-details a.user-pic {
  width: 50px;
  height: 50px;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  border-radius: 50%;
}

main .wrapper.settings .blocked-user .user-details a.user-pic img {
  width: 100%;
  display: inline-block;
}

main .wrapper.settings .blocked-user .user-details .user-info {
  width: calc(100% - 50px);
  display: inline-block;
  vertical-align: middle;
  padding-left: 12px;
  padding-right: 12px;
}

main .wrapper.settings .blocked-user .user-details .user-info p {
  width: 100%;
  display: inline-block;
  margin: 0px;
  font-size: 13px;
  line-height: 22px;
}

main .wrapper.settings .blocked-user .user-details .user-info p.profile-info {
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 2px;
}

main .wrapper.settings .blocked-user .user-action {
  width: 120px;
  display: flex;
  align-items: center;
}

main .wrapper.settings .blocked-user .user-action div {
  flex: 1;
}

@media (max-width: 650px) {
  main .wrapper.settings .blocked-user {
    padding: 16px 20px 16px 20px;
  }
  main .wrapper.settings .blocked-user .user-details {
    align-items: center;
  }
  main .wrapper.settings .blocked-user .user-details a.user-pic {
    width: 40px;
    height: 40px;
  }
  main .wrapper.settings .blocked-user .user-details .user-info p.profile-info {
    font-size: 14px;
    line-height: 23px;
  }
}

.settings-notifications.notification-ovf {
  overflow: hidden;
}

.settings-notifications .form-group-checkbox {
  display: flex;
}

.settings-notifications .form-group-checkbox .form-group-checkbox-data {
  margin: 0px;
  display: flex;
  flex: 1;
  flex-direction: column;
  vertical-align: middle;
  font-size: 13px;
  line-height: 22px;
}

.settings-notifications .form-group-checkbox .form-group-checkbox-data p {
  width: 100%;
  font-size: inherit;
  font-weight: bold;
  font-size: 14px;
  line-height: 23px;
}

.settings-notifications .form-group-checkbox .form-group-checkbox-data p.info {
  font-size: 13px;
  line-height: 22px;
  color: #9d9d9d;
  font-weight: normal;
}

.settings-notifications .form-group-checkbox .checkbox-container {
  width: 66px;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: flex-end;
}

.settings-notifications main .wrapper.settings .single-container.disabled-notifications {
  margin-bottom: 0px;
}

.settings-notifications main .wrapper.settings .single-container.disabled-notifications .form-group-checkbox {
  border-bottom: 0px;
}

.settings-notifications main .wrapper.settings .single-container.marketing {
  margin-bottom: 0px;
}

.settings-notifications main .wrapper.settings .single-container.marketing.disabled-marketing {
  margin-bottom: 20px;
}

.payment-method {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1em;
}

.payment-method > .brand-logo {
  margin-right: 2em;
}

.payment-method > .card-details {
  display: flex;
  flex-direction: column;
}

.payment-method > .card-details > .top {
  font-family: "Lato";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  /* identical to box height, or 143% */
  display: flex;
  align-items: center;
}

.payment-method > .card-details > .top > .card-no > .masked {
  font-weight: bold;
}

.payment-method > .card-details > .bottom {
  font-family: "Lato";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 19px;
}

.payment-method > .card-details > .bottom.expired {
  color: #f20000;
}

.payment-method > .default {
  margin-left: 4em;
  display: flex;
  flex-direction: row;
  padding: 5px 15px;
  gap: 10px;
  width: 73px;
  height: 29px;
  background: #daf5fe;
  border-radius: 50px;
}

.payment-method > .default > span {
  font-family: "Lato";
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 19px;
  /* identical to box height, or 146% */
  display: flex;
  align-items: center;
  /* Off-black */
  color: #171c22;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
}

.payment-method > .dropdown {
  display: flex;
  flex-direction: row;
  justify-self: end;
}

.payment-methods {
  padding: 20px;
}

.payment-methods h1 {
  font-size: 24px;
  line-height: 33px;
  line-height: 24px;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  flex: 1;
  display: flex;
  margin: 0 0 20px 0;
  color: #111111;
}

.payment-methods p.settings-intro {
  font-size: 15px;
  line-height: 24px;
  color: #111111;
  margin: 0 0 20px 0;
}

.payment-methods .loading {
  text-align: center;
  margin: 30px 0 10px;
}

.payment-methods .payment-methods-container {
  border-top: 1px solid #f0eeee;
}

.payment-methods .payment-methods-container .btn {
  margin-top: 20px;
}

@media (max-width: 800px) {
  .payment-methods {
    padding-top: 0px;
  }
  .payment-methods h1 {
    display: none;
  }
}

main .edit-profile .wrapper {
  min-height: 100%;
}

main .edit-profile .back-to-edit-profile {
  display: none;
  height: 55px;
  text-align: center;
}

main .edit-profile .back-to-edit-profile .back-to-arrow {
  width: 45px;
  line-height: 22px;
  display: inline-block;
  color: #b7bdc0;
  transition: color 0.2s ease-out;
  font-size: 20px;
  vertical-align: middle;
  padding-top: 18px;
}

main .edit-profile .back-to-edit-profile .back-to-arrow:hover {
  color: #d2d6d8;
}

main .edit-profile .back-to-edit-profile span {
  display: inline-block;
  line-height: 55px;
  color: #303235;
  font-weight: bold;
}

main .edit-profile .edit-profile-mobile .back-to-edit-profile {
  display: inline-block;
}

main .edit-profile .edit-profile-navigation {
  width: 100%;
  display: inline-block;
  list-style: none;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

@media (max-width: 650px) {
  main .edit-profile .edit-profile-navigation {
    padding: 20px;
  }
}

main .edit-profile .edit-profile-navigation h4 {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 29px;
  line-height: 20px;
  display: flex;
  align-items: center;
  color: #375268;
  margin-top: 30px;
  margin-bottom: 15px;
}

main .edit-profile .edit-profile-navigation h4.ntm {
  margin-top: 0px;
}

main .edit-profile .edit-profile-navigation h4 i {
  margin-right: 10px;
  margin-bottom: 2px;
}

main .edit-profile .edit-profile-navigation .empty-cta {
  color: #000000;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

main .edit-profile .edit-profile-navigation .empty-cta .app-icon-alert-circle {
  background: linear-gradient(74.2deg, #F29100 -1.72%, #FFB930 103.01%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 21px;
  line-height: 22px;
  margin-right: 10px;
}

main .edit-profile .edit-profile-navigation .edit-profile-option {
  width: 100%;
  display: flex;
  background: #FFF;
  border-radius: 10px;
  position: relative;
}

main .edit-profile .edit-profile-navigation .edit-profile-option.empty-option a:after {
  color: #000000;
}

main .edit-profile .edit-profile-navigation .edit-profile-option.edit-bio, main .edit-profile .edit-profile-navigation .edit-profile-option.edit-icebreakers {
  white-space: pre-line;
}

main .edit-profile .edit-profile-navigation .edit-profile-option.edit-bio.empty-option, main .edit-profile .edit-profile-navigation .edit-profile-option.edit-icebreakers.empty-option {
  white-space: normal;
}

main .edit-profile .edit-profile-navigation .edit-profile-option.edit-icebreakers .loader.loader-xs {
  width: 24px;
  height: 24px;
}

main .edit-profile .edit-profile-navigation .edit-profile-option.edit-communities a {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
}

main .edit-profile .edit-profile-navigation .edit-profile-option.edit-communities a .community-pill {
  border-radius: 10rem;
  padding: 8px 15px 6px 15px;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 18px;
  line-height: 27px;
  line-height: 18px;
  color: #FFF;
}

main .edit-profile .edit-profile-navigation .edit-profile-option.edit-communities a .community-pill img {
  width: 21px;
  height: 21px;
  border-radius: 10rem;
  margin-right: 5px;
}

main .edit-profile .edit-profile-navigation .edit-profile-option.edit-interests a {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
}

main .edit-profile .edit-profile-navigation .edit-profile-option.edit-interests a .interest-pill {
  border-radius: 10rem;
  border: 1px solid #ADB3BC;
  padding: 7px 21px;
  font-size: 13px;
  line-height: 22px;
  color: #ADB3BC;
  margin-top: 2px;
  margin-bottom: 1px;
}

main .edit-profile .edit-profile-navigation .edit-profile-option a {
  width: 100%;
  padding: 13px 36px 13px 15px;
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  color: #ADB3BC;
  border-radius: 10px;
  transition: background-color 0.2s ease-out;
}

main .edit-profile .edit-profile-navigation .edit-profile-option a:hover {
  background-color: #f7f7f7;
}

main .edit-profile .edit-profile-navigation .edit-profile-option a:after {
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e931";
  color: #ADB3BC;
  position: absolute;
  right: 15px;
  top: 50%;
  font-size: 15px;
  transform: translateY(-50%);
}

main .edit-profile .edit-profile-navigation .edit-profile-option.photos:after {
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e931";
  color: #ADB3BC;
  position: absolute;
  right: 15px;
  top: 50%;
  font-size: 15px;
  transform: translateY(-50%);
}

main .edit-profile .edit-profile-navigation .edit-profile-option.photos .edit-show-photos-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow: hidden;
  gap: 5px;
  -webkit-mask-image: linear-gradient(to right, black 85%, rgba(0, 0, 0, 0) 90%);
  mask-image: linear-gradient(to right, black 85%, rgba(0, 0, 0, 0) 90%);
}

main .edit-profile .edit-profile-navigation .edit-profile-option.photos .edit-show-photos-container:after {
  display: none;
}

main .edit-profile .edit-profile-navigation .edit-profile-option.photos .edit-show-photo {
  width: 70px;
  height: 70px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
  flex: none;
}

main .edit-profile .edit-profile-navigation .edit-profile-option.photos .edit-show-photo.add-photo {
  border: 1px dashed #ADB3BC;
}

main .edit-profile .edit-profile-navigation .edit-profile-option.photos .edit-show-photo.add-photo i {
  font-size: 20px;
  color: #000000;
}

main .edit-profile .edit-profile-navigation .edit-profile-options {
  width: 100%;
  display: flex;
  background: #FFF;
  border-radius: 10px;
  overflow: hidden;
}

main .edit-profile .edit-profile-navigation .edit-profile-options ul {
  width: 100%;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

main .edit-profile .edit-profile-navigation .edit-profile-options ul li {
  width: 100%;
  border-bottom: 1px solid #F0EEEE;
}

main .edit-profile .edit-profile-navigation .edit-profile-options ul li:last-child {
  border-bottom: 0px;
}

main .edit-profile .edit-profile-navigation .edit-profile-options ul li a {
  width: 100%;
  padding: 13px 36px 13px 15px;
  display: flex;
  align-items: center;
  font-size: 15px;
  line-height: 24px;
  font-weight: 400;
  position: relative;
  color: #ADB3BC;
  flex-direction: row;
  transition: background-color 0.2s ease-out;
}

main .edit-profile .edit-profile-navigation .edit-profile-options ul li a.edit-user-select {
  color: #111111;
}

main .edit-profile .edit-profile-navigation .edit-profile-options ul li a.edit-user-select.empty-option:after {
  color: #000000;
}

main .edit-profile .edit-profile-navigation .edit-profile-options ul li a:hover {
  background-color: #f7f7f7;
}

main .edit-profile .edit-profile-navigation .edit-profile-options ul li a.ep-option-person {
  padding-left: 30px;
}

main .edit-profile .edit-profile-navigation .edit-profile-options ul li a .ep-option-title {
  display: inline-flex;
  padding-right: 10px;
  color: #111111;
  flex: none;
  align-items: center;
}

main .edit-profile .edit-profile-navigation .edit-profile-options ul li a .ep-option-info {
  display: inline-flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
}

main .edit-profile .edit-profile-navigation .edit-profile-options ul li a .ep-option-info .clipper {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

main .edit-profile .edit-profile-navigation .edit-profile-options ul li a:after {
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e931";
  color: #ADB3BC;
  position: absolute;
  right: 15px;
  top: 50%;
  font-size: 15px;
  transform: translateY(-50%);
}

main .edit-profile .edit-profile-navigation .edit-profile-options ul li a.open {
  padding-right: 43px;
}

main .edit-profile .edit-profile-navigation .edit-profile-options ul li a.open:after {
  transform: rotate(90deg);
  right: 18px;
  margin-top: -11px;
}

main .edit-profile .edit-profile-inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  flex-wrap: wrap;
}

main .edit-profile .edit-profile-inner.edit-profile-mobile .edit-profile-navigation .complete-profile-prompt {
  display: flex;
}

main .edit-profile .edit-profile-inner.edit-profile-mobile .complete-profile-prompt.desktop {
  display: none;
}

main .edit-profile .edit-profile-inner .complete-profile-prompt {
  width: 100%;
  display: flex;
  flex: none;
  padding: 20px;
  display: none;
}

main .edit-profile .edit-profile-inner .complete-profile-prompt.desktop {
  display: flex;
}

main .edit-profile .edit-profile-inner .complete-profile-prompt .complete-profile-prompt-inner {
  display: flex;
  flex: 1;
  background: #FFF;
  border: 1px solid #F29100;
  border-radius: 10px;
  flex-direction: column;
  padding: 20px 15px 15px 15px;
}

main .edit-profile .edit-profile-inner .complete-profile-prompt .complete-profile-prompt-inner h3 {
  display: flex;
  align-items: center;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 29px;
  line-height: 20px;
  margin: 0 0 9px 0;
}

main .edit-profile .edit-profile-inner .complete-profile-prompt .complete-profile-prompt-inner h3 i {
  background: linear-gradient(74.2deg, #F29100 -1.72%, #FFB930 103.01%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 21px;
  line-height: 22px;
  margin-right: 9px;
  margin-top: -2px;
}

main .edit-profile .edit-profile-inner .complete-profile-prompt .complete-profile-prompt-inner p {
  font-size: 14px;
  line-height: 23px;
  color: #375268;
  margin: 0px;
}

main .edit-profile .edit-profile-inner .complete-profile-prompt .complete-profile-prompt-inner a {
  text-decoration: underline;
}

@media (max-width: 800px) {
  main .edit-profile .edit-profile-inner .complete-profile-prompt + h4 {
    margin-top: 30px;
  }
}

main .edit-profile .content {
  display: flex;
  flex-direction: column;
}

main .edit-profile .content.two-wide .complete-profile-prompt {
  padding: 0px;
}

main .edit-profile .content section {
  padding: 0px;
}

main .edit-profile .content section .loading-container {
  padding: 40px 20px;
  text-align: center;
}

main .edit-profile .content section .form-container {
  flex: 1;
  flex-direction: column;
}

main .edit-profile .content section .form-container .saving-state {
  padding-left: 40px;
  padding-right: 40px;
}

main .edit-profile .content section .form-container .saving-state .alert {
  margin-bottom: 12px;
}

@media (max-width: 650px) {
  main .edit-profile .content section .form-container .saving-state {
    padding-left: 20px;
    padding-right: 20px;
  }
  main .edit-profile .content section .form-container .saving-state .alert {
    margin-top: 12px;
  }
}

main .edit-profile .content section .form-container .edit-profile-header {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 10px 20px 0;
}

main .edit-profile .content section .form-container .edit-profile-header .edit-profile-header-icon {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}

main .edit-profile .content section .form-container .edit-profile-header .edit-profile-header-icon .edit-profile-couple-icon {
  padding: 7px 13px 5px 13px;
  border: 1px solid #CBD0D7;
  border-radius: 10rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 29px;
  line-height: 20px;
  color: #111111;
}

main .edit-profile .content section .form-container .edit-profile-header .edit-profile-header-icon .edit-profile-couple-icon .profile-pic {
  width: 21px;
  height: 21px;
  background-size: cover;
  background-position: center;
  flex: none;
  margin-right: 7px;
  border-radius: 10rem;
  display: inline-flex;
  margin-bottom: 2px;
}

main .edit-profile .content section .form-container .edit-profile-header .edit-profile-header-icon i {
  font-size: 30px;
  color: #111111;
}

main .edit-profile .content section .form-container .edit-profile-header h1 {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 33px;
  line-height: 24px;
  margin: 15px 0px 8px 0px;
  text-align: center;
  color: #111111;
}

main .edit-profile .content section .form-container .edit-profile-header p {
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 23px;
  padding: 0 40px;
  margin: 0px;
  color: #707a82;
  margin-bottom: 18px;
}

main .edit-profile .content section .form-container .edit-profile-header p.nBP {
  margin-bottom: 0px;
}

@media (max-width: 650px) {
  main .edit-profile .content section .form-container .edit-profile-header {
    padding-top: 12px;
  }
  main .edit-profile .content section .form-container .edit-profile-header h1 {
    font-size: 26px;
    line-height: 35px;
    margin-top: 12px;
    margin-bottom: 2px;
  }
  main .edit-profile .content section .form-container .edit-profile-header p {
    margin-bottom: 8px;
    padding: 0;
  }
}

main .edit-profile .content section .form-container .form-group {
  flex-direction: column;
  padding-left: 40px;
  padding-right: 40px;
}

@media (max-width: 650px) {
  main .edit-profile .content section .form-container .form-group {
    padding-left: 20px;
    padding-right: 20px;
  }
}

main .edit-profile .content section .form-container .form-group.form-slider {
  padding-top: 28px;
}

@media (max-width: 600px) {
  main .edit-profile .content section .form-container .form-group.form-slider {
    padding-top: 36px;
    padding-left: 36px;
    padding-right: 36px;
  }
}

main .edit-profile .content section .form-container .form-group.form-slider .vue-slider-dot {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #000000;
  border: 5px solid #FFF;
  box-shadow: 0 0px 4px 0 rgba(0, 0, 0, 0.3);
}

main .edit-profile .content section .form-container .form-group.form-slider .vue-slider-dot-tooltip {
  white-space: nowrap;
}

main .edit-profile .content section .form-container .form-group.form-slider .vue-slider-dot-tooltip .vue-slider-dot-tooltip-text {
  font-size: 14px;
  line-height: 23px;
}

main .edit-profile .content section .form-container .form-group.masonry-form-group {
  flex-direction: column;
}

main .edit-profile .content section .form-container .form-group.masonry-form-group p.option-titles {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 29px;
  line-height: 20px;
  color: #111111;
}

main .edit-profile .content section .form-container .form-group.masonry-form-group .options {
  width: 100%;
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
}

main .edit-profile .content section .form-container .form-group.masonry-form-group .options.masonry {
  justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
}

main .edit-profile .content section .form-container .form-group.masonry-form-group .options.masonry > .option {
  width: auto;
  height: 36px;
  padding: 0px 21px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

main .edit-profile .content section .form-container .form-group.masonry-form-group .options.masonry > .option:first-child {
  margin-left: 0px;
}

main .edit-profile .content section .form-container .form-group.masonry-form-group .options.masonry > .option:nth-child(odd) {
  margin-right: 0px;
}

main .edit-profile .content section .form-container .form-group.masonry-form-group .options.masonry > .option:nth-child(even) {
  margin-left: 0px;
}

main .edit-profile .content section .form-container .form-group.masonry-form-group .options.masonry .show-hide {
  width: 100%;
  padding-top: 10px;
}

main .edit-profile .content section .form-container .form-group.masonry-form-group .options.masonry .show-hide a {
  font-weight: 400;
  text-align: center;
  padding-left: 0px;
  width: 100%;
}

main .edit-profile .content section .form-container .form-group.masonry-form-group .options.masonry + .option-titles {
  margin-top: 32px;
}

main .edit-profile .content section .form-container .form-group .counter {
  width: 100%;
  padding-top: 5px;
  text-align: right;
  font-size: 12px;
  line-height: 21px;
}

main .edit-profile .content section .form-container .form-group.bio, main .edit-profile .content section .form-container .form-group.quote {
  flex-direction: column;
}

main .edit-profile .content section .form-container .form-group.interests-container {
  padding: 7px 35px;
}

@media (max-width: 600px) {
  main .edit-profile .content section .form-container .form-group.interests-container {
    padding: 7px 15px;
  }
}

main .edit-profile .content section .options {
  width: 100%;
}

main .edit-profile .content section .options > .option {
  border-radius: 10rem;
  font-size: 15px;
  line-height: 24px;
  padding: 9px 0px;
  text-align: center;
  margin-bottom: 12px;
  border: 1px solid #CBD0D7;
  cursor: pointer;
  font-weight: bold;
  background: linear-gradient(238.87deg, #FFFDFF 36.15%, #F5F5F5 67.38%);
  color: #111111;
}

main .edit-profile .content section .options > .option.selected {
  border: 0px;
  color: #FFF;
  background: #111111;
  padding: 10px 0px;
}

main .edit-profile .content section .options > .option:last-child {
  margin-bottom: 0px;
}

main .edit-profile .content section .form-group-options {
  width: 100%;
  display: flex;
  margin-bottom: 15px;
}

main .edit-profile .content section .form-group-options:last-child {
  margin-bottom: 0px;
}

main .edit-profile .content section .form-group-options label {
  width: 100%;
  display: flex;
}

main .edit-profile .content section .form-group-options label span {
  width: 100%;
  border-radius: 10px;
  font-size: 16px;
  line-height: 25px;
  padding: 20px 0px;
  text-align: center;
  border: 2px solid #c8ced5;
  cursor: pointer;
  font-weight: bold;
}

@media (max-width: 650px) {
  main .edit-profile .content section .form-group-options label span {
    padding: 12px;
  }
}

main .edit-profile .content section .form-group-options label input[type=checkbox].checkbox {
  display: none;
}

main .edit-profile .content section .form-group-options label input[type=checkbox].checkbox:checked + span {
  border: 2px solid #000000;
}

main .edit-profile .content section .settings-loader {
  padding: 50px 0;
}

main .edit-profile .content.two-wide {
  width: calc(100% - 375px);
}

main .edit-profile .content.one-wide {
  width: 375px;
}

@media (max-width: 1150px) {
  main .edit-profile .content.two-wide {
    width: calc(100% - 320px);
  }
  main .edit-profile .content.one-wide {
    width: 320px;
  }
}

main .edit-profile .content.two-wide section {
  border-radius: 10px;
}

@media (max-width: 800px) {
  main .edit-profile .content.one-wide, main .edit-profile .content.two-wide {
    width: 100%;
  }
  main .edit-profile .content.one-wide {
    display: none;
  }
  main .edit-profile .content.two-wide section .back-to-edit-profile {
    display: inline-block;
  }
}

@media (max-width: 650px) {
  main .edit-profile .content.two-wide section {
    border-radius: 0;
  }
  main .edit-profile .content.one-wide {
    padding-bottom: 20px;
  }
}

main .edit-profile .edit-profile-title {
  width: 100%;
  display: none;
  border-bottom: 1px solid #f0f0f0;
  margin: 0px;
  color: #303235;
  font-size: 0px;
  position: relative;
}

main .edit-profile .edit-profile-title h2 {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 29px;
  line-height: 20px;
  padding: 15px;
  display: inline-block;
  margin: 0px;
}

main .edit-profile .edit-profile-title h2 i {
  margin-right: 8px;
  display: inline-block;
  vertical-align: baseline;
}

@media (max-width: 800px) {
  main .edit-profile .edit-profile-title h2 {
    padding-left: 0px;
    padding-top: 19px;
  }
}

main .edit-profile .edit-profile-title i.app-icon-help {
  position: absolute;
  right: 10px;
  font-size: 20px;
}

@media (max-width: 800px) {
  main .edit-profile .edit-profile-title {
    display: inline-block;
  }
  main .edit-profile .edit-profile-title.no-icon h2 {
    padding-left: 15px;
  }
}

main .edit-profile .sub-settings-title {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 0px;
  display: inline-block;
  border-bottom: 1px solid #f0f0f0;
  font-size: 20px;
  line-height: 29px;
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  padding: 15px;
  color: #4F575E;
}

main .edit-profile .sub-settings-title.nTM {
  margin-top: 0px;
}

main .edit-profile .sub-settings-container {
  width: 100%;
  display: inline-block;
}

main .edit-profile .sub-settings-container .sub-settings-dropdown-options {
  width: 100%;
  display: none;
}

main .edit-profile .sub-settings-container.expanded .sub-settings-dropdown-options {
  display: inline-block;
}

main .edit-profile .sub-settings-container.expanded .sub-settings-dropdown:after {
  transform: rotate(90deg);
}

main .wrapper .edit-page section {
  background: #FFF;
  width: 100%;
  display: inline-block;
  border-radius: 10px;
}

@media (max-width: 650px) {
  main .wrapper .edit-page section {
    border-radius: 0;
  }
}

main .wrapper .edit-page section .edit-profile-title {
  display: inline-block;
}

main .wrapper .edit-page section .page-photo-container {
  padding: 20px;
}

main .wrapper .edit-page section .page-photo-container .loading {
  text-align: center;
}

main .wrapper .edit-page section .page-photo-container .page-photo-container-inner {
  width: 100%;
  display: inline-block;
  margin-bottom: 18px;
}

main .wrapper .edit-page section .page-photo-container .page-background-image {
  width: 100%;
  height: auto;
  max-width: 700px;
  margin: 0px auto;
}

main .wrapper .edit-page section .page-photo-container .page-profile-image {
  width: 150px;
  height: 150px;
  border-radius: 50%;
}

main .wrapper.edit-profile {
  position: relative;
  padding-bottom: 75px;
}

main .wrapper.edit-profile .update-profile {
  width: calc(100% - 270px);
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 10;
  background: #FFF;
  text-align: center;
  padding: 12px;
  box-shadow: 0 -2px 6px 0 rgba(0, 0, 0, 0.1);
}

main .wrapper.edit-profile .update-profile .btn {
  width: 350px;
}

@media (max-width: 1024px) {
  main .wrapper.edit-profile .update-profile {
    width: calc(100% - 80px);
  }
}

@media (max-width: 650px) {
  main .wrapper.edit-profile .update-profile {
    width: 100%;
  }
  main .wrapper.edit-profile .update-profile .btn {
    width: 100%;
  }
}

main .wrapper.edit-profile section {
  border-radius: 10px;
  margin-bottom: 20px;
}

main .wrapper.edit-profile section:last-child {
  margin-bottom: 0px;
}

@media (max-width: 650px) {
  main .wrapper.edit-profile section {
    border-radius: 0px;
    margin-bottom: 10px;
  }
}

main .wrapper.edit-profile .form-group.form-group-submit .form-field {
  padding-left: 0px;
}

main .wrapper.edit-profile .section-title {
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 15px;
  line-height: 20px;
  padding: 15px;
  margin: 0px;
  color: #323c44;
}

main .wrapper.edit-profile .section-title i {
  font-size: 18px;
}

main .wrapper.edit-profile section .form-group.apps-i-use .form-group-check .checkbox-tick {
  width: calc(100% - 30px);
  border: 1px solid #d0d1d3;
  border-radius: 10px;
  padding: 15px;
  font-style: italic;
  vertical-align: middle;
}

main .wrapper.edit-profile section .form-group.apps-i-use .form-group-check .checkbox-tick i {
  font-size: 12px;
  vertical-align: middle;
}

main .wrapper.edit-profile section .form-group.apps-i-use .form-group-check .checkbox-tick img {
  height: 16px;
  width: auto;
  display: inline-block;
  margin-right: 8px;
  vertical-align: top;
}

main .wrapper.edit-profile section .form-group.apps-i-use .form-group-check .checkbox-tick span {
  float: right;
  margin-right: 0px;
}

main .wrapper.edit-profile section .form-group.apps-i-use .form-group-check .tooltip-icon {
  display: inline-block;
  vertical-align: middle;
  color: #00c4fc;
  padding-left: 8px;
}

@media (max-width: 400px) {
  main .wrapper.edit-profile section .form-group.apps-i-use .form-group-check .checkbox-tick i {
    display: none;
  }
}

main .wrapper.edit-profile section .form-group .relationship-with .label {
  width: 40px;
  line-height: 36px;
  display: inline-block;
  text-transform: lowercase;
}

main .wrapper.edit-profile section .form-group .relationship-with .relationship-with-field {
  width: calc(100% - 40px);
  display: inline-block;
}

main .wrapper.edit-profile section .form-group .height-container {
  width: 100%;
  display: inline-block;
  padding: 40px 20px 50px 20px;
  background: #f3f6f9;
  border-radius: 10px;
  position: relative;
}

main .wrapper.edit-profile section .form-group .height-container:before, main .wrapper.edit-profile section .form-group .height-container:after {
  position: absolute;
  bottom: 20px;
  font-size: 13px;
  line-height: 22px;
  color: #838688;
}

main .wrapper.edit-profile section .form-group .height-container:before {
  content: 'Small';
  left: 20px;
}

main .wrapper.edit-profile section .form-group .height-container:after {
  content: 'Tall';
  right: 20px;
}

main .wrapper.edit-profile section .form-group .interest-selector .select2-container.select2-container--open.select2-container--below .select2-selection {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-color: #FFF;
}

main .wrapper.edit-profile section .form-group .interest-selector .select2-container.select2-container--open.select2-container--above .select2-selection {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top-color: #FFF;
}

main .wrapper.edit-profile section .form-group .interest-selector .select2-container .select2-selection {
  border-radius: 25px;
  border-color: #c6c8ca;
}

main .wrapper.edit-profile section .form-group .interest-selector .select2-container .select2-selection .select2-selection__rendered {
  padding: 0 7px 7px 7px;
}

main .wrapper.edit-profile section .form-group .interest-selector .select2-container .select2-selection .select2-selection__choice {
  border-radius: 16px;
  padding: 4px 10px 4px 15px;
  margin: 7px 5px 0 0;
  background: #00c4fc;
  color: #FFF;
  border-color: #00c4fc;
}

main .wrapper.edit-profile section .form-group .interest-selector .select2-container .select2-selection .select2-selection__choice__remove {
  float: right;
  margin-left: 8px;
  font-size: 15px;
  color: #FFF;
  line-height: 19px;
}

main .wrapper.edit-profile section .form-group .interests-tags {
  width: 100%;
  display: inline-block;
}

main .wrapper.edit-profile section .form-group .interests-tags label.interest-checkbox {
  display: inline-block;
  margin-top: 10px;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
}

main .wrapper.edit-profile section .form-group .interests-tags label.interest-checkbox p {
  width: 100%;
  padding: 5px 30px 5px 10px;
  display: inline-block;
  margin: 0px;
  border-radius: 10em;
  border: 2px solid #00c4fc;
  color: #00c4fc;
  font-size: 13px;
  line-height: 22px;
  transition: background-color 0.2s ease-out;
}

main .wrapper.edit-profile section .form-group .interests-tags label.interest-checkbox p:hover {
  background: #f2f2f2;
}

main .wrapper.edit-profile section .form-group .interests-tags label.interest-checkbox p:after {
  content: "+";
  color: #00c4fc;
  display: inline-block;
  margin-left: 8px;
  font-size: 18px;
  vertical-align: top;
  line-height: 17px;
  position: absolute;
  top: 6px;
  right: 10px;
}

main .wrapper.edit-profile section .form-group .interests-tags label.interest-checkbox input[type=checkbox] {
  display: none;
}

main .wrapper.edit-profile section .form-group .interests-tags label.interest-checkbox input[type=checkbox] span {
  display: inline-block;
}

main .wrapper.edit-profile section .form-group .interests-tags label.interest-checkbox input[type=checkbox]:checked + p {
  background: #00c4fc;
  color: #FFF;
}

main .wrapper.edit-profile section .form-group .interests-tags label.interest-checkbox input[type=checkbox]:checked + p:hover {
  background: #26cfff;
}

main .wrapper.edit-profile section .form-group .interests-tags label.interest-checkbox input[type=checkbox]:checked + p:after {
  transform: rotate(-45deg);
  font-size: 20px;
  color: #FFF;
  top: 7px;
  right: 11px;
}

main .wrapper.edit-profile section .form-group .interests-tags ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

main .wrapper.edit-profile section .form-group .interests-tags ul li {
  display: inline-block;
  margin-top: 10px;
  margin-right: 10px;
  border-radius: 10em;
  border: 2px solid #00c4fc;
  color: #00c4fc;
  position: relative;
  padding: 5px 30px 5px 10px;
  cursor: pointer;
  font-size: 13px;
  line-height: 22px;
  transition: background-color 0.2s ease-out;
}

main .wrapper.edit-profile section .form-group .interests-tags ul li:hover {
  background: #f2f2f2;
}

main .wrapper.edit-profile section .form-group .interests-tags ul li:after {
  content: "+";
  color: #00c4fc;
  display: inline-block;
  margin-left: 8px;
  font-size: 18px;
  vertical-align: top;
  line-height: 17px;
  position: absolute;
  top: 4px;
  right: 10px;
}

main .wrapper.edit-profile section .form-group .interests-tags ul li.selected {
  background: #00c4fc;
  color: #FFF;
}

main .wrapper.edit-profile section .form-group .interests-tags ul li.selected:hover {
  background: #26cfff;
}

main .wrapper.edit-profile section .form-group .interests-tags ul li.selected:after {
  transform: rotate(-45deg);
  font-size: 20px;
  color: #FFF;
  top: 5px;
}

main ul.tabs li a.intros-text span:not(.notification) {
  background: #111111;
}

@media (max-width: 650px) {
  #search-results {
    padding-bottom: 0px;
  }
}

#search-results .feature-blocker .blocker-container .wrapper {
  padding: 20px 9px;
}

@media (max-width: 650px) {
  #search-results .feature-blocker .blocker-container .wrapper {
    padding: 0px;
  }
}

#browse-container {
  padding-left: 0px;
  padding-right: 0px;
}

#browse-container > .wrapper {
  margin-top: 0px;
  min-height: 100%;
}

#browse-container > .wrapper .wrapper-inner {
  flex: 1;
}

#browse-container .empty-results {
  padding-top: 20px;
}

#browse-container .ab-container.show-iab-320x50 + .wrapper {
  min-height: calc(100% - 50px);
}

.drawer-container .vue-slider-rail {
  background-color: #F0EEEE !important;
}

.drawer-container .vue-slider-rail:after {
  width: calc(100% + 30px);
  background: #A7ACB2;
  content: '';
  display: inline-block;
  height: 8px;
  margin-left: -15px;
  z-index: 0;
  border-radius: 4px;
  position: relative;
}

.drawer-container .distance-container .vue-slider-rail:before {
  width: 10%;
  background-color: #F0EEEE;
  content: '';
  position: absolute;
  height: 8px;
  margin-left: -15px;
  z-index: 1;
  border-radius: 4px;
}

.drawer-container .distance-container .vue-slider-rail .vue-slider-process {
  margin-left: -17px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.drawer-container .vue-slider-dot-tooltip-top {
  width: 80px;
  font-size: 15px;
  line-height: 24px;
  top: -5px;
  text-align: center;
}

.drawer-container .distance-container,
.drawer-container .aged-between-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: 40px;
  padding-bottom: 15px;
  border-radius: 10px;
  background: #FFF;
}

.drawer-container .distance-container.disabled:after,
.drawer-container .aged-between-container.disabled:after {
  position: absolute;
  top: 0px;
  right: -20px;
  bottom: 0px;
  left: -20px;
  background: #F7F5F7;
  opacity: 0.6;
  content: '';
  z-index: 10;
}

.drawer-container .distance-container .inner-slider,
.drawer-container .aged-between-container .inner-slider {
  padding-top: 0px;
  flex: 1;
  display: inline-block;
  position: relative;
  padding: 0px 18px;
}

.drawer-container .distance-container .vue-slider-dot,
.drawer-container .aged-between-container .vue-slider-dot {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #111111;
  border: 3px solid white;
  box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.1);
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1));
}

.drawer-container .distance-container .vue-slider-process,
.drawer-container .aged-between-container .vue-slider-process {
  background-color: #111111;
}

.drawer-container .filter-location-distance {
  position: relative;
  padding-top: 12px;
}

.drawer-container .filter-location-distance.disabled:after {
  position: absolute;
  top: 0px;
  right: -20px;
  bottom: 0px;
  left: -20px;
  background: #FFFFFF;
  opacity: 0.6;
  content: '';
  z-index: 10;
}

.drawer-container.browse-filter .drawer {
  overflow-y: hidden;
}

.drawer-container.browse-filter .drawer .filter-section {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}

.drawer-container.browse-filter .meet-tonight-toggle {
  width: 100%;
  padding: 16px;
}

.drawer-container.browse-filter .meet-tonight-toggle .meet-tonight-toggle-inner {
  background: #FFF;
  width: 100%;
  border-radius: 10px;
  font-size: 15px;
  line-height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px 10px 15px 6px;
  cursor: pointer;
}

.drawer-container.browse-filter .meet-tonight-toggle .meet-tonight-toggle-inner .meet-tonight-info {
  display: flex;
  flex: 1;
  margin: 0px;
  flex-direction: column;
}

.drawer-container.browse-filter .meet-tonight-toggle .meet-tonight-toggle-inner .meet-tonight-info h4 {
  margin-bottom: 2px;
}

.drawer-container.browse-filter .meet-tonight-toggle .meet-tonight-toggle-inner .meet-tonight-info h4 i {
  background: linear-gradient(74.2deg, #F29100 -1.72%, #FFB930 103.01%);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-right: 5px;
  font-size: 23px;
}

.drawer-container.browse-filter .meet-tonight-toggle .meet-tonight-toggle-inner .meet-tonight-info p {
  margin: 0px;
  color: #738A9C;
  font-size: 13px;
  line-height: 22px;
  text-align: left;
  padding-left: 4px;
}

.drawer-container.browse-filter .meet-tonight-toggle .meet-tonight-toggle-inner span {
  width: 36px;
  height: 23px;
  display: inline-block;
  position: relative;
  background: #d6dbe0;
  transition: background-color 0.2s ease-out;
  border-radius: 23px;
  overflow: hidden;
}

.drawer-container.browse-filter .meet-tonight-toggle .meet-tonight-toggle-inner span:after {
  content: '';
  width: 19px;
  height: 19px;
  background: #FFF;
  position: absolute;
  top: 2px;
  left: 2px;
  transition: left .2s ease-out;
  border-radius: 11px;
  box-shadow: 0px 0px 3px 0 rgba(50, 50, 50, 0.1);
}

.drawer-container.browse-filter .meet-tonight-toggle .meet-tonight-toggle-inner.selected span {
  background: #F29100;
}

.drawer-container.browse-filter .meet-tonight-toggle .meet-tonight-toggle-inner.selected span:after {
  left: calc(100% - 21px);
}

.drawer-container.browse-filter .filter-section-inner-options {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
  background: #F7F5F7;
  height: 100%;
  overflow-y: scroll;
}

.drawer-container.browse-filter .filter-section-inner-options .inner-options-location ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.drawer-container.browse-filter .filter-section-inner-options .inner-options-location ul li {
  border-top: 1px solid #F7F5F7;
  padding: 12px 15px;
  font-size: 15px;
  line-height: 23px;
  min-height: 54px;
  display: flex;
  flex-direction: row;
  margin: 0px;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  background-color: #FFF;
  transition: background-color 0.2s ease-out;
}

.drawer-container.browse-filter .filter-section-inner-options .inner-options-location ul li:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

.drawer-container.browse-filter .filter-section-inner-options .inner-options-location ul li p {
  margin: 0px;
}

.drawer-container.browse-filter .filter-section-inner-options .inner-options-location ul li .location-locate-wrapper {
  display: flex;
  align-content: center;
  color: #738A9C;
}

.drawer-container.browse-filter .filter-section-inner-options .inner-options-location ul li .location-locate-wrapper i {
  margin: auto 0 auto 10px;
}

.drawer-container.browse-filter .filter-section-inner-options .inner-options-wrapper {
  padding: 15px;
  background: #FFF;
}

.drawer-container.browse-filter .filter-section-inner-options .inner-options-wrapper .filter-location-field {
  width: 100%;
  background: #F7F5F7;
  border-radius: 10rem;
  position: relative;
  margin-bottom: 5px;
}

.drawer-container.browse-filter .filter-section-inner-options .inner-options-wrapper .filter-location-field:before {
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 15px;
  top: 0px;
  bottom: 0px;
  display: flex;
  align-items: center;
  content: "\e987";
  color: #ADB3BC;
  font-size: 15px;
  line-height: 24px;
}

.drawer-container.browse-filter .filter-section-inner-options .inner-options-wrapper .filter-location-field .form-control {
  background: transparent;
  width: 100%;
  border-radius: 10rem;
  border: 0px;
  padding-right: 42px;
  padding-left: 40px;
  z-index: 1;
  font-size: 15px;
  line-height: 24px;
}

.drawer-container.browse-filter .filter-section-inner-options .inner-options-wrapper .filter-location-field .clear-location {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  justify-content: center;
  align-items: center;
  display: flex;
  width: 40px;
  font-size: 7px;
  line-height: 16px;
  color: #FFF;
  z-index: 2;
}

.drawer-container.browse-filter .filter-section-inner-options .inner-options-wrapper .filter-location-field .clear-location i {
  position: relative;
  z-index: 2;
}

.drawer-container.browse-filter .filter-section-inner-options .inner-options-wrapper .filter-location-field .clear-location:after {
  content: '';
  width: 18px;
  height: 18px;
  border-radius: 10rem;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 50%;
  margin-top: -9px;
  z-index: 0;
}

.drawer-container.browse-filter .filter-section-inner-options .inner-options-wrapper .inner-options {
  padding: 32px 0 9px;
  list-style: none;
  margin: 0px;
  flex-wrap: wrap;
  display: flex;
}

.drawer-container.browse-filter .filter-section-inner-options .inner-options-wrapper .inner-options li {
  display: inline-flex;
  background: linear-gradient(208.47deg, #FFFDFF 36.15%, #F5F5F5 89.72%);
  border: 1px solid #CBD0D7;
  border-radius: 10rem;
  color: #000;
  margin: 0 6px 8px 0;
  font-size: 15px;
  line-height: 24px;
  padding: 6px 21px;
  cursor: pointer;
}

.drawer-container.browse-filter .filter-section-inner-options .inner-options-wrapper .inner-options li.selected {
  border-color: transparent;
  background: #111111;
  background-size: 105%;
  background-position-x: -2px;
  color: #FFF;
}

.drawer-container.browse-filter .filter-section-inner-options .inner-options-wrapper .inner-options.full-width {
  flex-wrap: nowrap;
  flex-direction: column;
  padding-top: 10px;
}

.drawer-container.browse-filter .filter-section-inner-options .inner-options-wrapper .inner-options.full-width li {
  padding: 9px 21px;
  margin: 0 0 10px 0;
}

.drawer-container.browse-filter .filter-section-inner-options .inner-options-wrapper .inner-options.full-width li.additional {
  margin-top: 42px;
}

.drawer-container.browse-filter .drawer {
  background: #F7F5F7;
}

.drawer-container.browse-filter .drawer .filter-prompt {
  display: flex;
  flex: 1;
  align-items: flex-start;
  gap: 5px;
}

.drawer-container.browse-filter .drawer .filter-prompt p {
  margin: 0;
}

.drawer-container.browse-filter .drawer .filter-select-title {
  color: #111111;
  text-align: center;
  font-family: Bebas Neue;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 34px;
  /* 85% */
}

.drawer-container.browse-filter .drawer .filter-select-subtitle {
  color: #111111;
  margin-top: 0px;
}

.drawer-container.browse-filter .drawer .separator {
  display: block;
  position: relative;
  margin-bottom: 12px;
  color: #111111;
  text-align: center;
  font-family: Bebas Neue;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.drawer-container.browse-filter .drawer .separator::before {
  content: '';
  width: 34px;
  height: 1px;
  background: #A7ACB2;
  position: absolute;
  top: 50%;
  left: calc(50% + 17px);
  transform: translateY(-50%);
  z-index: 0;
}

.drawer-container.browse-filter .drawer .separator::after {
  content: '';
  width: 34px;
  height: 1px;
  background: #A7ACB2;
  position: absolute;
  top: 50%;
  right: calc(50% + 17px);
  transform: translateY(-50%);
  z-index: 0;
}

.drawer-container.browse-filter .drawer .filter-actions {
  position: relative;
  width: 100%;
  padding: 17px 17px 10px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: #FFF;
  min-height: 63px;
}

@media (max-width: 550px) {
  .drawer-container.browse-filter .drawer .filter-actions {
    padding-top: 28px;
    min-height: 74px;
  }
}

.drawer-container.browse-filter .drawer .filter-actions h4 {
  position: absolute;
  padding: 25px 40px 0;
  left: 0;
  right: 0;
  justify-content: center;
  align-items: center;
  z-index: 2;
  margin: 0;
  top: 0;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 21px;
  line-height: 30px;
  line-height: 21px;
  color: #111111;
}

.drawer-container.browse-filter .drawer .filter-actions h4 i {
  margin-right: 10px;
}

@media (max-width: 550px) {
  .drawer-container.browse-filter .drawer .filter-actions h4 {
    padding-top: 36px;
  }
}

.drawer-container.browse-filter .drawer .filter-actions .drawer-action {
  transition: background-color 0.2s ease-out;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  margin-left: 17px;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  cursor: pointer;
  border: 0px;
  padding: 0px;
  font-size: 12px;
  z-index: 5;
  position: relative;
  display: none;
}

.drawer-container.browse-filter .drawer .filter-actions .drawer-action:hover, .drawer-container.browse-filter .drawer .filter-actions .drawer-action:focus {
  background: black;
}

@media (max-width: 550px) {
  .drawer-container.browse-filter .drawer .filter-actions .drawer-action {
    display: flex;
  }
}

.drawer-container.browse-filter .drawer .filter-actions .action-left {
  display: flex;
  flex: none;
  margin: auto auto auto 20px;
  font-weight: bold;
  font-size: 15px;
  line-height: 24px;
  z-index: 5;
  position: relative;
  cursor: pointer;
}

.drawer-container.browse-filter .drawer .filter-actions .action-left.icon {
  font-weight: normal;
  font-size: 19px;
  width: 36px;
  height: 36px;
  justify-content: center;
  align-items: center;
  margin-left: 5px;
  color: #000000;
}

.drawer-container.browse-filter .drawer .filter-actions .action-right {
  display: flex;
  flex: none;
  margin: auto 3px auto auto;
  font-weight: bold;
  font-size: 15px;
  line-height: 24px;
  z-index: 5;
  position: relative;
  cursor: pointer;
}

.drawer-container.browse-filter .drawer .filter-all {
  width: 100%;
  border: 1px solid #E5E7EB;
  border-radius: 10px;
  font-size: 15px;
  line-height: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px;
  cursor: pointer;
  color: #000;
}

.drawer-container.browse-filter .drawer .filter-all p {
  display: flex;
  flex: 1;
  margin: 0px;
}

.drawer-container.browse-filter .drawer .filter-all span {
  width: 36px;
  height: 23px;
  display: inline-block;
  position: relative;
  background: #d6dbe0;
  transition: background-color 0.2s ease-out;
  border-radius: 23px;
  overflow: hidden;
}

.drawer-container.browse-filter .drawer .filter-all span:after {
  content: '';
  width: 19px;
  height: 19px;
  background: #FFF;
  position: absolute;
  top: 2px;
  left: 2px;
  transition: left .2s ease-out;
  border-radius: 11px;
  box-shadow: 0px 0px 3px 0 rgba(50, 50, 50, 0.1);
}

.drawer-container.browse-filter .drawer .filter-all.selected span {
  background: #000000;
}

.drawer-container.browse-filter .drawer .filter-all.selected span:after {
  left: calc(100% - 21px);
}

.drawer-container.browse-filter .drawer .filter-section.basic-search {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.drawer-container.browse-filter .drawer .filter-section .search-option {
  background: #FFF;
  padding: 15px;
  border-radius: 10px;
}

.drawer-container.browse-filter .drawer .filter-section .search-option.form-group-check label input[type=checkbox].checkbox:checked + span {
  background-color: #000;
  box-shadow: inset 0 0 0 2px #fff;
}

.drawer-container.browse-filter .drawer .filter-section .search-option.form-group-check label input[type=checkbox].checkbox:checked + span:after {
  content: '';
}

.drawer-container.browse-filter .drawer .filter-section .filter-options-selected {
  width: 100%;
  background: #FFF;
  padding: 15px;
  border-radius: 10px;
  margin-bottom: 12px;
  text-align: left;
  color: #171C22;
  font-size: 15px;
  line-height: 24px;
  position: relative;
  cursor: pointer;
}

.drawer-container.browse-filter .drawer .filter-section .filter-options-selected:after {
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e931";
  position: absolute;
  right: 12px;
  font-size: 16px;
  top: 50%;
  margin-top: -11px;
  color: #ADB3BC;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option.filter-options-selected.filter-option--hubs h5 {
  color: #111111;
  font-family: Bebas Neue;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 0px;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option.filter-options-selected.filter-option--hubs p {
  color: #A7ACB2;
  font-size: 13px;
  margin: 0;
  font-weight: 400;
  line-height: 19px;
  margin-top: 5px;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option--hubs {
  padding-bottom: 10px;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option--hubs:after {
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e931";
  position: absolute;
  right: 12px;
  font-size: 16px;
  top: 50%;
  margin-top: -11px;
  color: #111111;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option {
  padding: 10px 16px 8px 16px;
  position: relative;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option.filter-option-inner {
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 0px;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .info-icon {
  height: 20px;
  margin-left: 5px;
  font-size: 17px;
  flex-shrink: 0;
  color: var(--Grey, #ADB3BC);
  cursor: pointer;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .filter-option-expand {
  width: 100%;
  display: inline-block;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .filter-option-expand .expand-toggle,
.drawer-container.browse-filter .drawer .filter-section .filter-option .filter-option-expand .contract-toggle {
  width: 100%;
  display: block;
  text-align: left;
  line-height: 32px;
  font-size: 16px;
  line-height: 25px;
  font-weight: 400;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .filter-option-expand .filter-option-expand-section {
  display: none;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .filter-option-expand .contract-toggle {
  display: none;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .filter-option-expand.expanded .expand-toggle {
  display: none;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .filter-option-expand.expanded .contract-toggle {
  display: block;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .filter-option-expand.expanded .filter-option-expand-section {
  display: inline-block;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .premium-block {
  display: none;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option.premium-disabled {
  background: #f7f7f7;
  position: relative;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option.premium-disabled .premium-block {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: block;
  z-index: 1;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option.premium-disabled .filter-options-selected,
.drawer-container.browse-filter .drawer .filter-section .filter-option.premium-disabled .search-option {
  background: rgba(255, 255, 255, 0.8);
  opacity: 0.5;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option.premium-disabled .filter-options-selected,
.drawer-container.browse-filter .drawer .filter-section .filter-option.premium-disabled .filter-options-selected p,
.drawer-container.browse-filter .drawer .filter-section .filter-option.premium-disabled .search-option,
.drawer-container.browse-filter .drawer .filter-section .filter-option.premium-disabled .search-option p {
  color: #ADB3BC;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .form-group {
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .form-group input {
  width: 100%;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .form-group-check {
  margin-bottom: 10px;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .form-group-check label {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .form-group-check label i {
  font-size: 18px;
  margin-right: 3px;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .form-group-check label p {
  flex: 1;
  margin: 0px;
  font-size: 15px;
  line-height: 24px;
  color: #171C22;
  align-items: center;
  display: flex;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .form-group-check label span {
  width: 26px;
  height: 26px;
  border: 2px solid #ADB3BC;
  margin: 0px;
  flex: none;
  border-radius: 6px;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .form-group-check label span:after {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
  border-radius: 3px;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .form-group-checkbox {
  padding-left: 0px;
  padding-right: 0px;
  border-bottom: 0px;
  padding-top: 0px;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .form-group-checkbox p {
  text-align: left;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .form-group-checkbox.option-meet-tonight {
  background: red;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .form-group-checkbox.option-meet-tonight .checkbox-container {
  width: 100%;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .form-group-checkbox.option-meet-tonight .checkbox-container label {
  width: auto;
  height: auto;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .filter-select-container {
  display: flex;
  flex-wrap: wrap;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .filter-select-container .filter-select {
  display: flex;
  flex: none;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .filter-select-container .filter-select:hover p, .drawer-container.browse-filter .drawer .filter-section .filter-option .filter-select-container .filter-select:focus p {
  background: #e8e8e8;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .filter-select-container .filter-select p {
  margin: 0px;
  background: whitesmoke;
  cursor: pointer;
  padding: 6px 10px 6px 12px;
  transition: .15s all ease-in-out;
  font-weight: 900;
  border-radius: 30px;
  border-radius: 10rem;
  margin: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid whitesmoke;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .filter-select-container .filter-select p img {
  width: 28px;
  height: auto;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .filter-select-container .filter-select span {
  border-radius: 50%;
  border: 1px solid #707a82;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  display: inline-flex;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .filter-select-container .filter-select span > i {
  display: none;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .filter-select-container .filter-select input[type=checkbox].checkbox {
  display: none;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .filter-select-container .filter-select input[type=checkbox].checkbox:checked + p {
  border: 2px solid #000000;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .filter-select-container .filter-select input[type=checkbox].checkbox:checked + p span {
  border: 1px solid #000000;
  background: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .filter-select-container .filter-select input[type=checkbox].checkbox:checked + p span > i {
  display: block;
  font-size: 8px;
  color: white;
  font-weight: 900;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .filter-select-container .filter-select.filter-badges p {
  padding-left: 6px;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .filter-select-container .filter-select.filter-badges p img {
  margin-right: 8px;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .clear-username,
.drawer-container.browse-filter .drawer .filter-section .filter-option .clear-location,
.drawer-container.browse-filter .drawer .filter-section .filter-option .clear-here-to-help {
  position: absolute;
  height: 40px;
  font-weight: 400;
  display: flex;
  font-size: 12px;
  line-height: 24px;
  padding: 8px;
  color: #9d9d9d;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .clear-username:hover,
.drawer-container.browse-filter .drawer .filter-section .filter-option .clear-location:hover,
.drawer-container.browse-filter .drawer .filter-section .filter-option .clear-here-to-help:hover {
  color: #b1b1b1;
}

@media (max-width: 650px) {
  .drawer-container.browse-filter .drawer .filter-section .filter-option .clear-username,
  .drawer-container.browse-filter .drawer .filter-section .filter-option .clear-location,
  .drawer-container.browse-filter .drawer .filter-section .filter-option .clear-here-to-help {
    height: 48px;
  }
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .clear-username {
  right: 5px;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option .clear-here-to-help {
  top: 0px;
  right: 30px;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option.filter-location-search .form-group .form-control {
  font-size: 15px;
  line-height: 24px;
}

@media (max-width: 650px) {
  .drawer-container.browse-filter .drawer .filter-section .filter-option.filter-location-search .form-group .form-control {
    padding-right: 100px;
  }
}

.drawer-container.browse-filter .drawer .filter-section .filter-option.filter-location-search .locate-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option.filter-location-search .locate-btn i {
  font-size: 18px;
  margin-right: 6px;
}

.drawer-container.browse-filter .drawer .filter-section .filter-option.filter-location-search .clear-location {
  right: 10px;
  align-self: center;
}

.drawer-container.browse-filter .drawer .filter-section h4 {
  margin: 0px;
  text-align: left;
  margin-bottom: 10px;
  color: #181e23;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 28px;
  display: flex;
  align-items: center;
}

.drawer-container.browse-filter .drawer .filter-section h4 span {
  flex: 1;
  display: flex;
  align-items: center;
}

.drawer-container.browse-filter .drawer .filter-section h4 .badge-premium {
  font-size: 19px;
  color: #4F575E;
}

.drawer-container.browse-filter .drawer .filter-section h4 i {
  margin-right: 8px;
}

.drawer-container.browse-filter .drawer .mobile-search {
  display: none;
}

@media (max-width: 550px) {
  .drawer-container.browse-filter .drawer {
    display: flex;
    flex-direction: column;
    overflow-y: visible;
  }
  .drawer-container.browse-filter .drawer .filter-section {
    flex: 1;
    display: flex;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 102px;
  }
  .drawer-container.browse-filter .drawer .filter-section .filter-section-inner {
    width: 100%;
  }
  .drawer-container.browse-filter .drawer .filter-section .filter-section-inner .clear-search {
    top: 72px;
  }
  .drawer-container.browse-filter .drawer .mobile-search {
    flex: none;
    display: flex;
    padding: 15px 20px 40px;
    box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.06);
    z-index: 999;
    background: #FFF;
    bottom: 0px;
    width: 100%;
    position: fixed;
  }
}

.search-results-overlay {
  position: fixed;
  z-index: 4;
  width: 100%;
  height: 0%;
  background-color: rgba(0, 0, 0, 0.4);
}

.search-results-overlay.open {
  height: 100%;
}

#search-results {
  padding-top: 0px;
  padding-left: 13px;
  padding-right: 12px;
  flex: 1;
  display: flex;
  flex-direction: column;
}

#search-results section {
  border-radius: 10px;
}

@media (max-width: 650px) {
  #search-results {
    padding-left: 0px;
    padding-right: 0px;
  }
  #search-results section {
    border-radius: 0px;
  }
}

main .search-wrapper {
  padding: 14px 16px 35px 33px;
}

@media (max-width: 650px) {
  main .search-wrapper {
    padding: 10px 12px 15px 13px;
  }
}

#search-results {
  margin-top: 0px;
}

#search-results .loading {
  width: 100%;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  height: 100%;
}

@media (max-width: 650px) {
  #search-results .wrapper {
    padding-top: 0px;
  }
}

.profile-card {
  width: 25%;
  display: inline-block;
  padding: 0px 8px 15px 7px;
}

@media (max-width: 1400px) {
  .profile-card {
    width: 33.333%;
  }
}

@media (max-width: 1150px) {
  .profile-card {
    width: 50%;
  }
}

@media (max-width: 1024px) {
  .profile-card {
    width: 33.333%;
  }
}

@media (max-width: 936px) {
  .profile-card {
    width: 50%;
  }
}

@media (max-width: 558px) {
  .profile-card {
    width: 100%;
  }
}

.profile-card .profile-card-inner {
  width: 100%;
  height: 400px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}

@media (max-width: 558px) {
  .profile-card .profile-card-inner {
    min-height: 410px;
    height: calc(100vh - 264px);
  }
}

.profile-card .profile-card-inner:after {
  content: '';
  z-index: 2;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 200px;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );
  /* IE6-9 */
}

.profile-card .profile-card-inner .pc-image {
  position: absolute;
  z-index: 1;
  position: absolute;
  z-index: 1;
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.2s ease-out;
}

.profile-card .profile-card-inner:hover .pc-image {
  top: -30px;
  right: -30px;
  bottom: -30px;
  left: -30px;
}

.profile-card .profile-card-inner .pc-header {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 2;
  gap: 5px;
}

.profile-card .profile-card-inner .pc-header,
.profile-card .profile-card-inner .pc-info {
  flex-direction: row;
  display: flex;
}

.profile-card .profile-card-inner .pc {
  height: 28px;
  margin-right: 6px;
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid #ADB3BC;
  border-radius: 20px;
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0 12px;
  color: #FFF;
  font-size: 13px;
  line-height: 22px;
  white-space: nowrap;
  font-weight: bold;
}

.profile-card .profile-card-inner .pc i {
  font-size: 13px;
  margin-right: 5px;
}

.profile-card .profile-card-inner .pc.verified {
  height: 25px;
  margin-top: auto;
  margin-right: 0px;
  margin-bottom: auto;
  padding-top: 2px;
  font-size: 15px;
  line-height: 24px;
  line-height: 15px;
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  color: #FFF;
}

.profile-card .profile-card-inner .pc.verified i {
  font-size: 12px;
  color: #ADB3BC;
  margin-top: -2px;
}

.profile-card .profile-card-inner .pc.meet-tonight {
  width: 28px;
  height: 28px;
  padding: 0px;
  border-radius: 10rem;
  color: #FFF;
  border: 0px;
}

.profile-card .profile-card-inner .pc.meet-tonight i {
  margin-right: 0px;
}

.profile-card .profile-card-inner .pc.premium-badge {
  background: none;
  border: 0px;
}

.profile-card .profile-card-inner .pc.premium-badge i {
  font-size: 19px;
}

.profile-card .profile-card-inner .pc.meet-tonight {
  background: linear-gradient(74.2deg, #F29100 -1.72%, #FFB930 103.01%);
}

.profile-card .profile-card-inner .pc.meet-tonight i {
  font-size: 19px;
}

@media (max-width: 800px) {
  .profile-card .profile-card-inner:hover .pc-image {
    top: -20px;
    right: -20px;
    bottom: -20px;
    left: -20px;
  }
}

.profile-card .profile-card-inner .pc-footer {
  width: 100%;
  display: inline-block;
  position: absolute;
  padding: 18px;
  z-index: 3;
  bottom: 0px;
}

.profile-card .profile-card-inner .pc-footer h3 {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  color: #FFFFFF;
  margin: 0px;
  font-size: 29px;
  line-height: 38px;
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
}

.profile-card .profile-card-inner .pc-footer h3 span i {
  font-style: normal;
  margin: 0 2px;
}

.profile-card .profile-card-inner .pc-footer .pc-info {
  width: 100%;
  display: inline-block;
  word-break: break-word;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 23px;
}

.profile-card .profile-card-inner .pc-footer .pc-info p {
  margin: 0px;
  font-weight: 400;
}

.profile-card .profile-card-inner .pc-footer .pc-info p span {
  color: #AFB5BF;
}

.profile-card .profile-card-inner .pc-footer .pc-info p span.split {
  color: #FFFFFF;
}

.profile-card .profile-card-inner .pc-footer .pc-info div {
  display: flex;
  font-size: 14px;
  line-height: 23px;
  flex-wrap: wrap;
  font-weight: 400;
  color: #FFFFFF;
  padding: 0px;
  align-items: center;
}

.profile-card .profile-card-inner .pc-footer .pc-info div p {
  display: flex;
  align-items: center;
}

.profile-card .profile-card-inner .pc-footer .pc-info div p i {
  font-size: 13px;
  margin-right: 4px;
}

.profile-card .profile-card-inner .pc-footer .pc-info div p span {
  color: #FFF;
  font-size: 8px;
  margin-right: 5px;
  margin-left: 5px;
}

.profile-card .profile-card-inner .pc-footer .pc-info div:first-child {
  margin-left: 0px;
}

.profile-card .profile-card-inner .pc-footer .pc-details {
  -webkit-mask-image: linear-gradient(to right, black 0px, black 90%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to right, black 0px, black 90%, rgba(0, 0, 0, 0) 100%);
  display: flex;
  margin-top: 10px;
}

.profile-card .profile-card-inner .pc-footer .pc-details .pc {
  height: 28px;
}

.profile-card.disabled {
  pointer-events: none;
}

.app-container main .content.people-list-container.card-list {
  padding-right: 12px;
  padding-left: 13px;
}

.app-container main .content.people-list-container.card-list.card-list-no-results {
  padding-right: 20px;
  padding-left: 20px;
}

@media (max-width: 650px) {
  .app-container main .content.people-list-container.card-list {
    padding-top: 20px;
  }
  .app-container main .content.people-list-container.card-list.card-list-no-results {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
  }
}

.people-list-container .loading {
  width: 100%;
  display: inline-block;
  text-align: center;
  padding: 36px 0;
  overflow: hidden;
}

.people-list-container .footer-loader {
  padding: 20px 0;
}

.people-list-container.content section {
  padding: 0px;
}

.people-list-container section {
  background: #FFFFFF;
  width: 100%;
  display: inline-block;
  border-radius: 10px;
}

@media (max-width: 650px) {
  .people-list-container section {
    border-radius: 0;
  }
}

.people-list-container.card-list .person {
  width: 20%;
  display: inline-block;
  padding: 0px 8px 15px 7px;
  position: relative;
  z-index: 1;
}

.people-list-container.card-list .person.blurred {
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

@media (max-width: 1400px) {
  .people-list-container.card-list .person {
    width: 20%;
  }
}

@media (max-width: 1150px) {
  .people-list-container.card-list .person {
    width: 25%;
  }
}

@media (max-width: 1024px) {
  .people-list-container.card-list .person {
    width: 25%;
  }
}

@media (max-width: 936px) {
  .people-list-container.card-list .person {
    width: 33.333%;
  }
}

@media (max-width: 558px) {
  .people-list-container.card-list .person {
    width: 50%;
  }
}

.people-list-container.card-list .person .person-details {
  width: 100%;
  height: 0px;
  padding-top: 130%;
  display: inline-block;
  background-size: cover;
  background-position: center center;
  border-radius: 20px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  position: relative;
}

.people-list-container.card-list .person .person-details h3 {
  position: absolute;
  z-index: 3;
  color: #FFFFFF;
  width: 100%;
  padding: 0 12px 0px 12px;
  margin: 0px 0 10px 0;
  font-size: 24px;
  line-height: 33px;
  bottom: 0px;
}

.people-list-container.card-list .person .person-details:after {
  content: '';
  z-index: 2;
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 100px;
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 );
  /* IE6-9 */
}

.people-list-container.card-list .person .person-details .person-details-image {
  position: absolute;
  z-index: 1;
  position: absolute;
  z-index: 1;
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 0.2s ease-out;
}

.people-list-container.card-list .person .person-details:hover .person-details-image {
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
}

.people-list-container.card-list .person .actions {
  position: absolute;
  top: 10px;
  right: 18px;
  z-index: 2;
}

.people-list-container.card-list .person .actions .btn-engage {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 16px;
}

.people-list-container.card-list .person .actions .btn-engage i {
  margin-right: 0px;
}

.people-list-container .people-list {
  background: #FFFFFF;
  width: 100%;
  display: inline-block;
  border-radius: 10px;
  position: relative;
}

@media (max-width: 650px) {
  .people-list-container .people-list {
    border-radius: 0;
  }
}

.people-list-container .people-list .people-filter {
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #f0f0f0;
  padding: 22px 28px 22px 28px;
}

.people-list-container .people-list .people-filter .filter-by-username-container {
  width: 100%;
  max-width: 195px;
  position: relative;
}

@media (max-width: 650px) {
  .people-list-container .people-list .people-filter .filter-by-username-container {
    max-width: 100%;
  }
}

.people-list-container .people-list .people-filter .filter-by-username-container .filter-by-username-icon,
.people-list-container .people-list .people-filter .filter-by-username-container .clear-username-filter {
  /*position: absolute;
          top:6px;
          right:10px;*/
  flex: 1;
  display: flex;
  height: 100%;
  align-items: center;
  margin-right: 10px;
  right: 0px;
  position: absolute;
  color: #9dabb6;
  line-height: 0;
}

.people-list-container .people-list .people-filter .filter-by-username-container input {
  width: 100%;
  border-radius: 30px;
  padding-right: 30px;
}

@media (max-width: 650px) {
  .people-list-container .people-list .people-filter {
    padding: 20px;
  }
}

.people-list-container .people-list .people-filter-headings {
  width: 100%;
  display: inline-block;
  padding: 15px 28px 15px 28px;
  font-size: 12px;
  line-height: 21px;
  text-transform: uppercase;
  color: #1b1c21;
  border-bottom: 1px solid #f0f0f0;
}

.people-list-container .people-list .people-filter-headings .see-my-feed {
  float: right;
  padding-right: 57px;
  font-weight: bold;
}

@media (max-width: 550px) {
  .people-list-container .people-list .people-filter-headings .see-my-feed {
    display: none;
  }
}

.people-list-container .people-list .people-filter-headings .filter-column {
  display: inline-block;
  padding-right: 25px;
  color: #1b1c21;
}

.people-list-container .people-list .people-filter-headings .filter-column:after {
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #9ba3ad;
  margin-left: 5px;
  font-size: 12px;
  display: inline-block;
}

.people-list-container .people-list .people-filter-headings .filter-column.asc:after {
  transform: rotate(90deg);
}

.people-list-container .people-list .people-filter-headings .filter-column.desc:after {
  transform: rotate(-90deg);
}

@media (max-width: 650px) {
  .people-list-container .people-list .people-filter-headings {
    padding: 20px;
  }
}

.people-list-container .people-list .person {
  width: 100%;
  display: flex;
  flex-direction: row;
  position: relative;
  padding: 15px 28px 15px 28px;
  border-top: 1px solid #f0f0f0;
  align-items: center;
  flex-wrap: wrap;
}

.people-list-container .people-list .person.blurred {
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}

.people-list-container .people-list .person:first-child {
  border-top: 0px;
}

.people-list-container .people-list .person .person-details {
  width: 100%;
  display: flex;
  flex: 1;
  vertical-align: middle;
}

.people-list-container .people-list .person .person-details .person-image-container {
  width: 80px;
  height: 80px;
  display: flex;
  flex: none;
  position: relative;
}

.people-list-container .people-list .person .person-details .person-image-container .person-image {
  width: 66px;
  height: 66px;
  background-size: cover;
  display: inline-block;
  position: absolute;
  top: 7px;
  left: 7px;
  border-radius: 50%;
}

.people-list-container .people-list .person .person-details .person-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-left: 12px;
  color: #50575f;
  padding-right: 12px;
  justify-content: center;
}

.people-list-container .people-list .person .person-details .person-info h3 {
  font-size: 16px;
  line-height: 25px;
  margin: 0px;
  margin-bottom: 2px;
  width: 100%;
  display: inline-block;
}

.people-list-container .people-list .person .person-details .person-info p {
  font-size: 13px;
  line-height: 22px;
  margin: 0px;
  width: 100%;
  display: inline-block;
}

.people-list-container .people-list .person .connection-request-actions {
  width: 110px;
  display: flex;
  flex: none;
  text-align: center;
}

.people-list-container .people-list .person .connection-request-actions p {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  line-height: 23px;
  color: #7b7c7f;
  text-align: right;
}

.people-list-container .people-list .person .connection-request-actions .btn-round {
  width: 50px;
  height: 50px;
  border: 1px solid #d1d8e1;
  border-radius: 50%;
  background: #FFF;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.people-list-container .people-list .person .connection-request-actions .btn-round:hover {
  background: #e6e6e6;
}

.people-list-container .people-list .person .connection-request-actions .btn-round i {
  margin-right: 0px;
}

.people-list-container .people-list .person .connection-request-actions .btn-round.check {
  color: #00c5fc;
  font-size: 23px;
}

.people-list-container .people-list .person .connection-request-actions .btn-round.cross {
  color: #cc0058;
  font-size: 20px;
}

.people-list-container .people-list .person .connection-request-actions .btn-round + .btn-round {
  margin-left: 10px;
}

.people-list-container .people-list .person .actions {
  vertical-align: middle;
  display: flex;
  flex-direction: row;
  text-align: right;
}

.people-list-container .people-list .person .actions.friend-request-actions {
  text-align: center;
}

.people-list-container .people-list .person .actions .btn {
  flex: none;
}

.people-list-container .people-list .person .actions .btn.btn-like, .people-list-container .people-list .person .actions .btn.btn-pass {
  padding-left: 15px;
  padding-right: 15px;
}

.people-list-container .people-list .person .actions .btn.btn-like span, .people-list-container .people-list .person .actions .btn.btn-pass span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.people-list-container .people-list .person .actions .btn.btn-like span i, .people-list-container .people-list .person .actions .btn.btn-pass span i {
  display: flex;
}

.people-list-container .people-list .person .actions .btn.btn-like span i:before, .people-list-container .people-list .person .actions .btn.btn-pass span i:before {
  vertical-align: middle;
}

.people-list-container .people-list .person .actions .btn.btn-like span.desktop, .people-list-container .people-list .person .actions .btn.btn-pass span.desktop {
  display: flex;
}

.people-list-container .people-list .person .actions .btn.btn-like span.mobile, .people-list-container .people-list .person .actions .btn.btn-pass span.mobile {
  display: none;
}

.people-list-container .people-list .person .actions .btn.btn-pass {
  margin-left: 10px;
}

.people-list-container .people-list .person .form-group-checkbox {
  text-align: left;
  border-bottom: 0px;
  padding: 0px;
  padding-right: 50px;
  padding-left: 45px;
  width: auto;
  vertical-align: middle;
}

.people-list-container .people-list .person .form-group-checkbox p {
  display: none;
}

.people-list-container .people-list .person .form-group-checkbox .checkbox-container {
  width: 100%;
}

@media (max-width: 550px) {
  .people-list-container .people-list .person .form-group-checkbox {
    width: 100%;
    padding-left: 60px;
    margin-top: 8px;
    padding-right: 0px;
  }
  .people-list-container .people-list .person .form-group-checkbox p {
    width: auto;
    display: inline-block;
    padding-left: 16px;
    display: inline-block;
    margin: 0px;
    vertical-align: middle;
    font-size: 12px;
    line-height: 21px;
    text-transform: uppercase;
    color: #1b1c21;
    padding-right: 12px;
  }
  .people-list-container .people-list .person .form-group-checkbox .checkbox-container {
    width: auto;
    text-align: left;
  }
}

@media (max-width: 650px) {
  .people-list-container .people-list .person {
    padding: 15px 14px 15px 14px;
  }
  .people-list-container .people-list .person .person-details .person-image-container {
    width: 60px;
    height: 60px;
  }
  .people-list-container .people-list .person .person-details .person-image-container canvas {
    width: 60px !important;
    height: 60px !important;
  }
  .people-list-container .people-list .person .person-details .person-image-container .person-image {
    width: 50px;
    height: 50px;
    top: 5px;
    left: 5px;
  }
}

@media (max-width: 550px) {
  .people-list-container .people-list .person .person-details {
    width: calc(100% - 90px);
  }
  .people-list-container .people-list .person .person-details.matches-person-details {
    width: calc(100% - 36px);
  }
  .people-list-container .people-list .person .person-details .person-info {
    width: calc(100% - 68px);
  }
  .people-list-container .people-list .person .actions.like-actions {
    width: 90px;
  }
  .people-list-container .people-list .person .actions .btn.btn-like, .people-list-container .people-list .person .actions .btn.btn-pass {
    height: 40px;
    width: 40px;
    padding: 0px;
    line-height: 40px;
  }
  .people-list-container .people-list .person .actions .btn.btn-like span.mobile, .people-list-container .people-list .person .actions .btn.btn-pass span.mobile {
    display: inline-block;
  }
  .people-list-container .people-list .person .actions .btn.btn-like span.mobile i, .people-list-container .people-list .person .actions .btn.btn-pass span.mobile i {
    margin-right: 0px;
  }
  .people-list-container .people-list .person .actions .btn.btn-like span.desktop, .people-list-container .people-list .person .actions .btn.btn-pass span.desktop {
    display: none;
  }
  .people-list-container .people-list .person .actions .btn.btn-like i {
    font-size: 18px;
  }
}

.people-list-container .people-list .person .sent-connections-actions span {
  padding: 4px 10px;
  display: inline-block;
  color: #FFF;
  font-size: 12px;
  line-height: 21px;
  font-weight: bold;
  border-radius: 12px;
}

.people-list-container .people-list .person .sent-connections-actions span.read {
  background: #87d3ea;
}

.people-list-container .people-list .person .sent-connections-actions span.unread {
  background: #315369;
}

.people-list-container .people-list .person .sent-connections-actions span.rejected {
  background: #d0021b;
}

.people-list-container .people-list .person .sent-connections-rejected {
  width: 100%;
  background: #f1f3f6;
  flex: none;
  margin-top: 8px;
  padding: 12px;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
}

.people-list-container .people-list .person .sent-connections-rejected i {
  flex: none;
  font-size: 18px;
  color: #315369;
  margin-right: 8px;
}

.people-list-container .people-list .person .sent-connections-rejected p {
  font-size: 13px;
  line-height: 22px;
  margin: 0px;
  flex: 1;
  font-weight: bold;
}

.people-list-container .people-list .person .connection-introduction {
  width: 100%;
  background: #f1f3f6;
  flex: none;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 11px 12px;
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  cursor: pointer;
  align-items: center;
}

.people-list-container .people-list .person .connection-introduction:after {
  font-family: "app-icons";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  color: #000000;
}

.people-list-container .people-list .person .connection-introduction .connection-introduction-icon {
  display: flex;
  flex: none;
  margin-right: 8px;
  justify-content: center;
  align-items: center;
  position: relative;
  min-width: 20px;
  height: 24px;
}

.people-list-container .people-list .person .connection-introduction .connection-introduction-icon span {
  width: 24px;
  height: 24px;
  display: flex;
  position: absolute;
  left: 0px;
  justify-content: center;
  align-items: center;
  background: #f1f3f6;
  z-index: 2;
  border-radius: 12px;
}

.people-list-container .people-list .person .connection-introduction .connection-introduction-icon i {
  font-size: 20px;
  color: #315369;
}

.people-list-container .people-list .person .connection-introduction .connection-introduction-icon img {
  position: relative;
  z-index: 1;
  height: 20px;
  margin-left: 18px;
  width: auto;
  border-radius: 10px;
}

.people-list-container .people-list .person .connection-introduction p {
  font-size: 13px;
  line-height: 22px;
  margin: 0px;
  flex: 1;
  font-weight: bold;
}

@media (max-width: 650px) {
  .people-list-container .people-list .person .connection-introduction {
    margin-bottom: 2px;
  }
}

.notifications-page .content section {
  background: #FFF;
  width: 100%;
  display: inline-block;
  border-radius: 10px;
  overflow: hidden;
  padding: 0px;
}

.notifications-page .content section .notifications-loader {
  padding: 60px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.notifications-page .content section .date-header {
  width: 100%;
  font-weight: 700;
  font-size: 14px;
  line-height: 23px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  background: #F5F5F5;
}

.notifications-page .content section .date-header span {
  flex: 1;
}

.notifications-page .content section .date-header .date-header-actions {
  font-size: 13px;
  line-height: 22px;
  flex: none;
  display: flex;
}

.notifications-page .content section .date-header .date-header-actions .split {
  font-size: 6px;
  margin: 0 3px;
  color: #75828f;
}

@media (max-width: 650px) {
  .notifications-page .content section {
    border-radius: 0;
  }
}

.notifications-page .content section .no-notifications {
  width: 100%;
  display: inline-block;
  padding: 40px 20px;
  text-align: center;
}

.notifications-page .content section .no-notifications .no-notifications-icon {
  width: 100%;
  display: inline-block;
  font-size: 40px;
  margin-bottom: 12px;
}

.notifications-page .content section .no-notifications .no-notifications-icon i {
  display: inline-block;
  line-height: 0px;
  background: linear-gradient(to right, #7bc6c7 0%, #1f89d6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.notifications-page .content section .no-notifications h2 {
  width: 100%;
  display: inline-block;
  margin: 0px;
  color: #181c1f;
  font-size: 20px;
  line-height: 29px;
  margin-bottom: 8px;
}

.notifications-page .content section .notification {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.notifications-page .content section .notification .dropdown-container.dropdown-more .dropdown-toggle {
  background: transparent;
}

.notifications-page .content section .notification .notification-inner {
  padding: 20px;
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: center;
}

.notifications-page .content section .notification .notification-inner > .wrapper {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: center;
}

.notifications-page .content section .notification .clear-notification {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.notifications-page .content section .notification.unread {
  background-color: #DAF6FF;
}

.notifications-page .content section .notification.connected-bg {
  background-image: url("/assets/themes/killing-kittens/images/notifications/connected-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.notifications-page .content section .notification.connected-bg .notification-inner {
  padding-left: 18px;
}

.notifications-page .content section .notification.connected-bg .notification-inner .notification-image {
  height: 70px;
}

.notifications-page .content section .notification.connected-bg .notification-inner .notification-image .notification-image-inner {
  width: 38px;
  height: 38px;
  border: 2px solid #FFF;
}

.notifications-page .content section .notification.connected-bg .notification-inner .notification-image .notification-image-inner + .notification-image-inner {
  top: auto;
  bottom: 3px;
}

.notifications-page .content section .notification.connected-bg .notification-details p,
.notifications-page .content section .notification.connected-bg .notification-details p.notification-time {
  color: #FFF;
}

.notifications-page .content section .notification.connected-bg.background-1 .notification-details a {
  color: #FFF;
}

.notifications-page .content section .notification.connected-bg.background-1 .notification-details a.start-chatting {
  color: #000;
}

.notifications-page .content section .notification.connected-bg.background-1 {
  background-color: #73d5ec;
}

.notifications-page .content section .notification.connected-bg.background-2 {
  background-color: #29546a;
}

.notifications-page .content section .notification .notification-image-event {
  width: 42px;
  height: 30px;
  display: inline-block;
  position: relative;
}

.notifications-page .content section .notification .notification-image-event .event-image {
  width: 42px;
  height: 30px;
  background-size: cover;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

.notifications-page .content section .notification .notification-image {
  width: 38px;
  height: 39px;
  display: inline-block;
  position: relative;
}

.notifications-page .content section .notification .notification-image.photo-moderation {
  width: 44px;
}

.notifications-page .content section .notification .notification-image .notification-photo {
  width: 30px;
  height: 34px;
  margin-left: 4px;
  background: #FFF;
  transform: rotate(15deg);
  border-radius: 2px;
  position: relative;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.notifications-page .content section .notification .notification-image .notification-photo:after {
  position: absolute;
  content: '';
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 7px;
  background: url("/assets/images/dummy/1-blurred.jpg") no-repeat;
  background-size: 120%;
  background-position: center;
}

.notifications-page .content section .notification .notification-image .notification-image-inner,
.notifications-page .content section .notification .notification-image .notification-icon-inner {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-size: cover;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

.notifications-page .content section .notification .notification-image .notification-icon-inner {
  background: #315369;
  display: flex;
  align-items: center;
  justify-content: center;
}

.notifications-page .content section .notification .notification-image .notification-icon-inner i {
  font-size: 16px;
  color: #FFF;
}

.notifications-page .content section .notification .notification-image .notification-icon-inner i.app-icon-party-approval {
  font-size: 21px;
  color: #000000;
}

.notifications-page .content section .notification .notification-image .notification-reaction-like {
  width: 20px;
  height: 20px;
  background: #FFF;
  z-index: 2;
  position: absolute;
  bottom: 0px;
  right: 0px;
  display: flex;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}

.notifications-page .content section .notification .notification-image .notification-reaction-like i {
  font-size: 12px;
  color: #e2264d;
}

.notifications-page .content section .notification .notification-image .notification-image-icon {
  width: 17px;
  height: 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: #6e777c;
  z-index: 2;
  border-radius: 50%;
  color: #FFF;
  font-size: 9px;
}

.notifications-page .content section .notification .notification-image .notification-image-icon.connected, .notifications-page .content section .notification .notification-image .notification-image-icon.comment {
  background: #000000;
}

.notifications-page .content section .notification .notification-image .notification-image-icon.success {
  background: #64B830;
}

.notifications-page .content section .notification .notification-image .notification-image-icon.error {
  background: #dd000b;
}

.notifications-page .content section .notification .notification-image .notification-image-icon.info {
  background: #ff9300;
}

.notifications-page .content section .notification .notification-image .notification-image-icon.request {
  background: #315369;
}

.notifications-page .content section .notification .notification-image .notification-image-icon i.app-icon-cross {
  font-size: 7px;
}

.notifications-page .content section .notification .notification-image .notification-image-reaction {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 2;
  display: flex;
}

.notifications-page .content section .notification .notification-image.party-approved {
  background: #3188d7;
  background: linear-gradient(45deg, #3188d7 0%, #84c7c8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$colour1, endColorstr=$colour2,GradientType=1 );
  text-align: center;
}

.notifications-page .content section .notification .notification-image.party-approved i {
  font-size: 40px;
  color: #FFF;
  vertical-align: top;
  margin-top: 12px;
  display: inline-block;
  line-height: 0px;
}

.notifications-page .content section .notification .notification-image.notification-icon {
  background: #1b1c21;
  text-align: center;
}

.notifications-page .content section .notification .notification-image.notification-icon i {
  font-size: 30px;
  vertical-align: top;
  margin-top: 18px;
  display: inline-block;
  line-height: 0px;
  background: linear-gradient(to right, #7bc6c7 0%, #1f89d6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.notifications-page .content section .notification .notification-details {
  width: 100%;
  display: flex;
  flex: 1;
  display: inline-block;
  padding-left: 8px;
  padding-right: 0px;
}

.notifications-page .content section .notification .notification-details p {
  width: 100%;
  display: inline-block;
  font-size: 14px;
  line-height: 23px;
  margin: 0px;
  color: #303235;
}

.notifications-page .content section .notification .notification-details p.notification-time {
  width: 100%;
  display: inline-block;
  font-size: 12px;
  line-height: 21px;
  color: #9B9B9B;
  margin-top: 2px;
}

.notifications-page .content section .notification .notification-details p a {
  outline: none;
}

.notifications-page .content section .notification .notification-details p a::-moz-focus-inner {
  border: 0;
}

.notifications-page .content section .notification .notification-details p a:focus {
  outline: none;
}

.notifications-page .content section .notification .actions {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.notifications-page .content section .notification .actions p {
  margin: 0px;
  width: 100%;
  display: inline-block;
  font-size: 14px;
  line-height: 23px;
  color: #7b7c7f;
  text-align: right;
}

.notifications-page .content section .notification .actions .btn-round {
  width: 50px;
  height: 50px;
  line-height: 48px;
  border: 1px solid #d1d8e1;
  border-radius: 50%;
  background: #FFF;
  font-size: 25px;
  padding: 0px;
}

.notifications-page .content section .notification .actions .btn-round:hover {
  background: #e6e6e6;
}

.notifications-page .content section .notification .actions .btn-round i {
  line-height: 0px;
  margin: 0px;
  vertical-align: top;
  margin-top: 12px;
}

.notifications-page .content section .notification .actions .btn-round.chat {
  color: #6ad000;
}

.notifications-page .content section .notification .actions .btn-round.check {
  color: #00c5fc;
}

.notifications-page .content section .notification .actions .btn-round.cross {
  color: #cc0058;
}

.notifications-page .content section .notification .actions .btn-round.check i, .notifications-page .content section .notification .actions .btn-round.cross i {
  margin-top: 13px;
}

.notifications-page .content section .notification .actions .btn-round + .btn-round {
  margin-left: 10px;
}

.notifications-page .content section .notification.one-button .notification-details {
  width: calc(100% - 66px - 50px);
}

.notifications-page .content section .notification.one-button .actions {
  width: 50px;
}

.notifications-page .content section .notification.two-buttons .notification-details {
  width: calc(100% - 66px - 110px);
}

.notifications-page .content section .notification.two-buttons .actions {
  width: 110px;
}

@media (max-width: 650px) {
  .notifications-page .content section .notification .notification-inner {
    padding: 14px 20px;
  }
}

main .container .verification-wrapper .content {
  padding: 20px 10px 20px 10px;
  display: flex;
  flex-direction: row;
}

main .container .verification-wrapper .content > .loading {
  margin: auto;
}

@media (max-width: 850px) {
  main .container .verification-wrapper .content {
    flex-direction: column;
    padding: 20px;
  }
}

@media (max-width: 650px) {
  main .container .verification-wrapper .content {
    padding: 0px;
  }
}

@media (max-width: 650px) {
  main .container .verification-wrapper {
    margin-top: 0px;
  }
}

.verification-wrapper {
  min-height: 100%;
}

.verification-wrapper .verification-card {
  background: #FFFFFF;
  width: 100%;
  border-radius: 10px;
  margin: 0px 10px 0px 10px;
  padding: 28px;
  text-align: center;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  min-height: 330px;
}

.verification-wrapper .verification-card.email-verification {
  background-image: url("/assets/themes/killing-kittens/images/verification/email-verified.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.verification-wrapper .verification-card.gesture-verified {
  background-image: url("/assets/themes/killing-kittens/images/verification/gesture-verified.jpg");
  background-size: 100% auto;
  background-color: #FFF;
  background-position: top center;
  background-repeat: no-repeat;
}

.verification-wrapper .verification-card.get-party-approved {
  background-image: url("/assets/themes/killing-kittens/images/verification/party-approval.jpg");
  background-size: cover;
  background-color: #FFF;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}

.verification-wrapper .verification-card.get-party-approved:before {
  content: '';
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  position: absolute;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0.25+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.25) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#40ffffff',GradientType=0 );
  /* IE6-9 */
}

@media (max-width: 650px) {
  .verification-wrapper .verification-card.get-party-approved {
    background-position: top center;
    justify-content: flex-start;
  }
  .verification-wrapper .verification-card.get-party-approved:before {
    display: none;
  }
}

.verification-wrapper .verification-card.verified .verification-status span {
  background-color: #64B830;
}

.verification-wrapper .verification-card.pending .verification-status span {
  background-color: #ff9300;
}

.verification-wrapper .verification-card .verification-status {
  width: 100%;
  display: inline-block;
  padding-top: 12px;
  position: relative;
  z-index: 2;
}

.verification-wrapper .verification-card .verification-status span {
  display: inline-block;
  padding: 3px 10px;
  font-size: 18px;
  line-height: 27px;
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  color: #FFF;
  background-color: #dd000b;
  border-radius: 10rem;
}

.verification-wrapper .verification-card h3 {
  width: 100%;
  display: inline-block;
  margin: 0px;
  margin-top: 18px;
  font-family: 'Bebas Neue', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 26px;
  line-height: 35px;
  position: relative;
  z-index: 2;
}

.verification-wrapper .verification-card p {
  margin: 0px;
  margin-top: 12px;
  position: relative;
  z-index: 2;
}

.verification-wrapper .verification-card p span {
  color: #000000;
  font-style: italic;
}

.verification-wrapper .verification-card p.error, .verification-wrapper .verification-card p.success {
  border-radius: 5px;
  width: 100%;
  display: inline-block;
  position: relative;
  margin-top: 18px;
  border-radius: 5px;
  padding: 8px 8px 8px 8px;
}

.verification-wrapper .verification-card p.error {
  color: #dd000b;
  border: 1px solid #dd000b;
  background: #ffdddf;
}

.verification-wrapper .verification-card p.success {
  color: #64B830;
  border: 1px solid #64B830;
  background: #f2faed;
}

.verification-wrapper .verification-card p.email {
  word-break: break-all;
}

.verification-wrapper .verification-card .btn {
  margin-top: 22px;
  margin-left: auto;
  margin-right: auto;
  max-width: 220px;
  position: relative;
  z-index: 2;
}

@media (max-width: 900px) {
  .verification-wrapper .verification-card {
    padding: 20px;
  }
}

@media (max-width: 650px) {
  .verification-wrapper .verification-card {
    border-radius: 0;
  }
}

@media (max-width: 850px) {
  .verification-wrapper .verification-card {
    margin: 0px;
    margin-bottom: 20px;
  }
  .verification-wrapper .verification-card:last-child {
    margin-bottom: 0px;
  }
  .verification-wrapper .verification-card .verification-icon {
    display: flex;
  }
  .verification-wrapper .verification-card .verification-icon span {
    width: 80px;
    height: 50x;
  }
  .verification-wrapper .verification-card .verification-icon span i {
    font-size: 40px;
  }
}

@media (max-width: 650px) {
  .verification-wrapper .verification-card {
    margin: 5px 0px 0 0;
  }
}

.tribute-container {
  z-index: 9999;
  background-color: white;
  border-radius: 5px;
  max-height: 200px;
  overflow-y: auto;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
}

.tribute-container > ul {
  padding: 0;
  margin: 0;
}

.tribute-container > ul > li {
  padding: 8px 15px;
  list-style: none;
  cursor: pointer;
}

.tribute-container > ul > li.highlight {
  background-color: #262626;
  color: white;
}

.tribute-container > ul > li:hover, .tribute-container > ul > li:focus {
  color: #4F575E;
  background: #eaeaea;
}

.vue-dialog-button-danger {
  font-size: 12px !important;
  color: #FFFFFF;
  background: #F5FF8D;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
  box-sizing: border-box;
  line-height: 40px;
  height: 40px;
  font: inherit;
  outline: none;
}

.mention-menu {
  display: flex;
}

.mention-menu img {
  width: 25px;
  border-radius: 50%;
  height: 25px;
  margin-right: 8px;
}

.mention-menu > span span {
  font-weight: 600;
}

.app-notifications {
  position: absolute;
  right: 20px;
  top: 90px;
  z-index: 10;
}

.app-notifications > .app-notification {
  display: flex;
}

.app-notifications > .app-notification > .message {
  width: 100%;
}

.app-notifications > .app-notification > .close {
  cursor: pointer;
  margin-left: 15px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.vue-slider-dot-tooltip-text {
  font-size: 1em;
  color: #181E23;
}

.site-upgrade-prompt-event,
.site-upgrade-prompt-search {
  padding: 0 8px 0 7px;
}

@media (max-width: 650px) {
  .site-upgrade-prompt-event .site-upgrade-prompt,
  .site-upgrade-prompt-search .site-upgrade-prompt {
    border-radius: 10px;
    border-left: 1px solid #F5FF8D;
    border-right: 1px solid #F5FF8D;
  }
}

@media (max-width: 550px) {
  .site-upgrade-prompt-event,
  .site-upgrade-prompt-search {
    padding: 0px;
  }
  .site-upgrade-prompt-event .site-upgrade-prompt,
  .site-upgrade-prompt-search .site-upgrade-prompt {
    border-radius: 0px;
    border-left: 0px;
    border-right: 0px;
    margin-top: 5px;
  }
}

.profile-card .site-upgrade-prompt {
  width: 100%;
  height: 400px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 0px;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

@media (max-width: 650px) {
  .profile-card .site-upgrade-prompt {
    border-left: 1px solid #F5FF8D;
    border-right: 1px solid #F5FF8D;
  }
}

@media (max-width: 558px) {
  .profile-card .site-upgrade-prompt {
    height: 410px;
  }
}

.profile-card .site-upgrade-prompt .site-upgrade-prompt-inner {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.profile-card .site-upgrade-prompt h2 {
  text-align: center;
  flex: none;
  font-size: 30px;
  line-height: 50px;
  color: #F5FF8D;
  margin: 0px 0 20px 0;
}

.profile-card .site-upgrade-prompt p {
  padding-right: 0px;
  text-align: center;
  flex: none;
}

.profile-card .site-upgrade-prompt .btn {
  flex: none;
  margin: 0px;
}

.site-upgrade-prompt {
  padding: 15px 20px;
  background: #FFFFFF;
  display: flex;
  flex-direction: row;
  border-radius: 10px;
  border: 1px solid #F5FF8D;
  margin-bottom: 20px;
  position: relative;
}

.site-upgrade-prompt .close-sup {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 10px;
  line-height: 14px;
  color: #9d9d9d;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.site-upgrade-prompt p {
  display: flex;
  flex: 1;
  margin: 0px;
  padding-right: 20px;
  font-weight: bold;
  font-size: 14px;
  line-height: 23px;
  align-items: center;
}

.site-upgrade-prompt p sup,
.site-upgrade-prompt p a {
  display: contents;
}

.site-upgrade-prompt p a {
  color: #F5FF8D;
}

.site-upgrade-prompt p a:hover {
  color: #f9ffc0;
}

.site-upgrade-prompt .btn {
  display: flex;
  flex: none;
  min-width: 100px;
  justify-content: center;
  margin: auto;
}

@media (max-width: 650px) {
  .site-upgrade-prompt {
    border-radius: 0px;
    border-left: 0px;
    border-right: 0px;
    margin-top: 5px;
    margin-bottom: 10px;
  }
}

@media (max-width: 400px) {
  .site-upgrade-prompt {
    flex-direction: column;
  }
  .site-upgrade-prompt p {
    padding-right: 0px;
    padding-bottom: 10px;
    text-align: center;
  }
  .site-upgrade-prompt .btn {
    width: 100%;
  }
}

.empty-results {
  width: 100%;
  flex: 1;
  display: flex;
  padding: 0px 9px 20px 9px;
}

.empty-results .empty-results-inner {
  display: flex;
  flex: 1;
  background-color: #FFF;
  background-position: bottom;
  background-size: cover;
  border-radius: 20px;
  padding: 20px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.empty-results .empty-results-inner.with-image {
  flex-direction: row;
  padding: 20px 20px 20px 40px;
}

.empty-results .empty-results-inner .empty-results-icon {
  width: 100%;
  margin-bottom: 12px;
  text-align: center;
}

.empty-results .empty-results-inner .empty-results-icon.pull-left {
  text-align: left;
}

.empty-results .empty-results-inner .empty-results-icon i {
  color: #111111;
  font-size: 50px;
}

.empty-results .empty-results-inner h2 {
  font-family: 'Bebas Neue', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 52px;
  line-height: 61px;
  line-height: 50px;
  color: #111111;
  margin: 0px;
}

.empty-results .empty-results-inner p {
  font-size: 15px;
  line-height: 24px;
  color: #375268;
  margin: 0px;
  padding: 5px 0 0;
}

.empty-results .empty-results-inner p + p {
  padding-top: 12px;
}

.empty-results .empty-results-inner .empty-results-cta {
  margin-top: 18px;
  width: 100%;
  max-width: 250px;
}

.empty-results .empty-results-inner .empty-results-left {
  display: flex;
  height: 100%;
  width: 50%;
  flex-direction: column;
  justify-content: center;
}

.empty-results .empty-results-inner .empty-results-left > div {
  width: 100%;
  max-width: 450px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  margin: 0 20px 0 auto;
}

.empty-results .empty-results-inner .empty-results-right {
  display: flex;
  height: 100%;
  width: 50%;
  flex-direction: column;
}

.empty-results .empty-results-inner .empty-results-right > div {
  width: 100%;
  max-width: 420px;
  height: 100%;
  display: flex;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0 auto 0 0;
}

@media (max-width: 650px) {
  .empty-results .empty-results-inner {
    align-items: flex-start;
  }
  .empty-results .empty-results-inner.with-image {
    padding: 20px 0 40px 0;
    flex-direction: column-reverse;
  }
  .empty-results .empty-results-inner .empty-results-icon {
    text-align: left;
  }
  .empty-results .empty-results-inner .empty-results-icon i {
    font-size: 40px;
  }
  .empty-results .empty-results-inner h2 {
    font-size: 40px;
    line-height: 49px;
    line-height: 38px;
  }
  .empty-results .empty-results-inner .empty-results-left {
    width: 100%;
    height: unset;
    flex: none;
    padding: 0 20px;
  }
  .empty-results .empty-results-inner .empty-results-left > div {
    margin: 0 auto;
  }
  .empty-results .empty-results-inner .empty-results-right {
    width: 100%;
    height: unset;
    flex: 1;
    padding: 0 10px;
  }
  .empty-results .empty-results-inner .empty-results-right > div {
    max-width: 450px;
    margin: 0 auto;
  }
}

@media (max-width: 550px) {
  .empty-results {
    padding: 0px;
  }
  .empty-results .empty-results-inner {
    border-radius: 0px;
  }
  .empty-results .empty-results-inner .empty-results-cta {
    max-width: unset;
  }
}

.webp .empty-results .empty-results-inner {
  background-image: url("/assets/themes/killing-kittens/images/blocker/gradient-bg.webp");
}

.no-webp .empty-results .empty-results-inner {
  background-image: url("/assets/themes/killing-kittens/images/blocker/gradient-bg.jpg");
}

.safe-search-blocker {
  position: absolute;
  inset: 0;
  background-position: center;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(13px);
  color: #fff;
  display: flex;
  flex-direction: column;
  gap: 3px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 1;
}

.safe-search-blocker p {
  margin: 0px;
}