.clearfix:after, .options-pod ul:after, .secondary-options-pod ul:after {
  content: "";
  display: table;
  clear: both; }

.hairlines, html.hairlines .tile, html.hairlines .tile.polaroid .info, html.hairlines .tile .image:after, html.hairlines .polaroid .options, html.hairlines .polaroid .options .like {
  border-width: 0.5px; }

@-webkit-keyframes spinLoop {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

@keyframes spinLoop {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

* html .clearfix, * html .options-pod ul, .options-pod * html ul, * html .secondary-options-pod ul, .secondary-options-pod * html ul {
  zoom: 1; }

/* IE6 */
*:first-child + html .clearfix, *:first-child + html .options-pod ul, .options-pod *:first-child + html ul, *:first-child + html .secondary-options-pod ul, .secondary-options-pod *:first-child + html ul {
  zoom: 1; }

/* IE7 */
/** Typography */
html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: -0.01rem;
  font-weight: 400;
  color: #404040;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box; }

body.bg-grey {
  background-color: #fafafa; }

*, *:before, *:after {
  box-sizing: inherit; }

ul,
ol {
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0; }

p {
  margin: 0;
  color: #808080; }
  p a {
    color: #008ed3; }

b {
  font-weight: 500; }

a,
a:link,
a:visited {
  color: black;
  text-decoration: none; }
  a:hover,
  a:link:hover,
  a:visited:hover {
    color: #008ed3; }

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0 0;
  font-weight: 500;
  color: #000000;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none;
    color: #000000; }
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
      color: #008ed3; }
    h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
      color: #000000; }

h1 {
  font-size: 26px; }

h2 {
  font-size: 22px; }

h3 {
  font-size: 18px; }

h4 {
  font-size: 14px; }

h5 {
  font-size: 12px; }

h6 {
  font-size: 11px; }

a:link img {
  border: none; }

.button,
button,
input[type=submit] {
  display: inline-block;
  font-size: 12px;
  line-height: 26px;
  font-weight: 600;
  text-align: center;
  border: 1px solid #008ed3;
  border-radius: 3px;
  padding: 0 10px 0 10px;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  cursor: pointer;
  background: transparent;
  color: #008ed3;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.25);
  box-sizing: border-box; }
  .button:focus,
  button:focus,
  input[type=submit]:focus {
    outline: none; }
  .button:link, .button:visited,
  button:link,
  button:visited,
  input[type=submit]:link,
  input[type=submit]:visited {
    color: #008ed3; }
  .button:disabled,
  button:disabled,
  input[type=submit]:disabled {
    opacity: 0.25; }
  .button:hover,
  button:hover,
  input[type=submit]:hover {
    border-color: #008ed3;
    color: #008ed3;
    background-color: rgba(0, 142, 211, 0.025);
    box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.25); }
  .button.is-active,
  button.is-active,
  input[type=submit].is-active {
    background-color: #008ed3;
    color: #ffffff; }
    .button.is-active:hover,
    button.is-active:hover,
    input[type=submit].is-active:hover {
      color: #ffffff; }
  .button svg,
  button svg,
  input[type=submit] svg {
    fill: #008ed3;
    stroke: #008ed3;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px); }
    .button svg:first-child,
    button svg:first-child,
    input[type=submit] svg:first-child {
      margin-right: 1px; }
    .button svg:last-child,
    button svg:last-child,
    input[type=submit] svg:last-child {
      margin-left: 4px; }
  .button.button--filled,
  button.button--filled,
  input[type=submit].button--filled {
    background-color: #008ed3;
    border-width: 0;
    line-height: 28px;
    color: #ffffff; }
    .button.button--filled:hover,
    button.button--filled:hover,
    input[type=submit].button--filled:hover {
      background-color: #007cba; }
  .button.is-left,
  button.is-left,
  input[type=submit].is-left {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; }
  .button.is-right,
  button.is-right,
  input[type=submit].is-right {
    margin-left: -1px; }
  .button.style--blue, .button.style--green,
  button.style--blue,
  button.style--green,
  input[type=submit].style--blue,
  input[type=submit].style--green {
    color: #ffffff;
    border-width: 0; }
    .button.style--blue svg, .button.style--green svg,
    button.style--blue svg,
    button.style--green svg,
    input[type=submit].style--blue svg,
    input[type=submit].style--green svg {
      fill: #ffffff;
      stroke: #ffffff; }
    .button.style--blue:hover, .button.style--green:hover,
    button.style--blue:hover,
    button.style--green:hover,
    input[type=submit].style--blue:hover,
    input[type=submit].style--green:hover {
      color: #ffffff; }
      .button.style--blue:hover svg, .button.style--green:hover svg,
      button.style--blue:hover svg,
      button.style--green:hover svg,
      input[type=submit].style--blue:hover svg,
      input[type=submit].style--green:hover svg {
        fill: #ffffff;
        stroke: #ffffff; }
  .button.style--white,
  button.style--white,
  input[type=submit].style--white {
    background-color: #ffffff;
    color: #008ed3;
    border-width: 0; }
    .button.style--white:hover,
    button.style--white:hover,
    input[type=submit].style--white:hover {
      color: #007dba; }
  .button.style--blue,
  button.style--blue,
  input[type=submit].style--blue {
    background-color: #008ed3; }
    .button.style--blue:hover,
    button.style--blue:hover,
    input[type=submit].style--blue:hover {
      background-color: #007dba; }
  .button.style--green,
  button.style--green,
  input[type=submit].style--green {
    background-color: #4FD866; }
    .button.style--green:hover,
    button.style--green:hover,
    input[type=submit].style--green:hover {
      background-color: #3ad354; }
  .button.size--medium,
  button.size--medium,
  input[type=submit].size--medium {
    font-size: 14px;
    line-height: 30px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 1px; }
    .button.size--medium svg,
    button.size--medium svg,
    input[type=submit].size--medium svg {
      width: 18px;
      height: 18px;
      -webkit-transform: translateY(-1px);
              transform: translateY(-1px); }
  .button.size--big,
  button.size--big,
  input[type=submit].size--big {
    font-size: 16px;
    line-height: 34px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 2px; }
    .button.size--big svg,
    button.size--big svg,
    input[type=submit].size--big svg {
      width: 22px;
      height: 22px;
      -webkit-transform: translateY(-1px);
              transform: translateY(-1px); }

/** Expandables **/
.is-expandable .expand-content {
  display: none; }

.is-expandable.is-expanded .expand-trigger {
  display: none; }

.is-expandable.is-expanded .expand-content {
  display: block; }

#loader {
  display: none;
  opacity: 0;
  text-align: center;
  padding: 20px; }
  #loader svg {
    width: 32px;
    height: 32px;
    vertical-align: middle;
    fill: rgba(0, 0, 0, 0.2);
    stroke: rgba(0, 0, 0, 0.2);
    -webkit-animation: optionsLoaderSpin infinite 2000ms linear;
            animation: optionsLoaderSpin infinite 2000ms linear; }

textarea,
input[type=text],
input[type=email],
input[type=password] {
  display: block;
  border: 1px solid #dedede;
  -webkit-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
  padding: 4px 5px 5px 7px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
  textarea:hover,
  input[type=text]:hover,
  input[type=email]:hover,
  input[type=password]:hover {
    border-color: #008ed3; }

form label {
  display: block;
  margin: 32px 0 0 0;
  font-weight: 600;
  text-transform: none; }
  form label:first-child {
    margin-top: 12px; }

form input[type='text'],
form input[type='email'],
form input[type='password'],
form textarea {
  margin: 2px 0 0 0;
  padding: 0 0 0 0;
  border-left-width: 0;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom: 1px solid #ededed;
  box-sizing: border-box;
  font-size: 16px;
  height: 32px;
  width: 100%;
  outline: none;
  color: #404040; }
  form input[type='text'] *:focus,
  form input[type='email'] *:focus,
  form input[type='password'] *:focus,
  form textarea *:focus {
    border-color: #008ed3;
    color: #008ed3; }
  form input[type='text']::-webkit-input-placeholder,
  form input[type='email']::-webkit-input-placeholder,
  form input[type='password']::-webkit-input-placeholder,
  form textarea::-webkit-input-placeholder {
    color: #bbbbbb; }
  form input[type='text']::-moz-placeholder,
  form input[type='email']::-moz-placeholder,
  form input[type='password']::-moz-placeholder,
  form textarea::-moz-placeholder {
    color: #bbbbbb; }
  form input[type='text']:-ms-input-placeholder,
  form input[type='email']:-ms-input-placeholder,
  form input[type='password']:-ms-input-placeholder,
  form textarea:-ms-input-placeholder {
    color: #bbbbbb; }
  form input[type='text']::placeholder,
  form input[type='email']::placeholder,
  form input[type='password']::placeholder,
  form textarea::placeholder {
    color: #bbbbbb; }

form textarea {
  height: auto;
  min-height: 32px; }

form input[type='submit'] {
  margin: 30px 0 0 0;
  padding: 0 24px 2px 24px; }

.nav-about {
  position: relative;
  height: 44px; }
  .nav-about > .wrap {
    position: absolute;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2; }
    .nav-about > .wrap > .content {
      height: 44px;
      margin-bottom: 1px;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
      background-color: #ffffff; }
      .nav-about > .wrap > .content a.logo {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
        display: block;
        line-height: 44px;
        width: 44px;
        text-align: center; }
        .nav-about > .wrap > .content a.logo svg {
          fill: #000000;
          width: 26px;
          height: 26px;
          margin-bottom: 2px;
          vertical-align: middle;
          -webkit-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
        .nav-about > .wrap > .content a.logo:hover svg {
          fill: #008ed3; }
      .nav-about > .wrap > .content > ol {
        position: relative;
        box-sizing: border-box;
        margin: 0 auto 0 auto;
        padding-left: 24px;
        padding-right: 24px;
        list-style-type: none;
        height: 44px;
        text-align: center; }
        .nav-about > .wrap > .content > ol > li {
          display: inline-block;
          position: relative; }
          .nav-about > .wrap > .content > ol > li > a {
            display: block;
            padding-left: 16px;
            padding-right: 16px;
            color: #404040;
            line-height: 43px;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: -0.025em;
            -webkit-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
            transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
            text-rendering: optimizeLegibility;
            padding-bottom: 1px; }
            .nav-about > .wrap > .content > ol > li > a:hover, .nav-about > .wrap > .content > ol > li > a.is-active {
              color: #008ed3; }
            @media only screen and (max-width: 1023px) {
              .nav-about > .wrap > .content > ol > li > a {
                padding-left: 8px;
                padding-right: 8px;
                font-size: 15px; } }
          .nav-about > .wrap > .content > ol > li.is-active > a {
            color: #008ed3; }

#nav {
  position: relative;
  height: 44px; }
  #nav > .wrap {
    position: absolute;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4; }
    #nav > .wrap > .content .nav-row {
      height: 44px;
      margin-bottom: 1px;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
      background-color: #ffffff; }
      #nav > .wrap > .content .nav-row a.logo {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
        display: block;
        line-height: 44px;
        width: 44px;
        text-align: center; }
        #nav > .wrap > .content .nav-row a.logo svg {
          fill: #000000;
          width: 26px;
          height: 26px;
          margin-bottom: 2px;
          vertical-align: middle;
          -webkit-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
        #nav > .wrap > .content .nav-row a.logo:hover svg {
          fill: #008ed3; }
      #nav > .wrap > .content .nav-row > ol {
        position: relative;
        box-sizing: border-box;
        margin: 0 auto 0 auto;
        padding-left: 24px;
        padding-right: 24px;
        list-style-type: none;
        height: 44px;
        text-align: center; }
        #nav > .wrap > .content .nav-row > ol > li {
          display: inline-block;
          position: relative; }
          #nav > .wrap > .content .nav-row > ol > li > a {
            display: block;
            padding-left: 16px;
            padding-right: 16px;
            color: #404040;
            line-height: 43px;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: -0.025em;
            -webkit-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
            transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
            text-rendering: optimizeLegibility;
            padding-bottom: 1px; }
            #nav > .wrap > .content .nav-row > ol > li > a svg {
              width: 26px;
              height: 26px;
              margin-top: -3px;
              vertical-align: middle;
              fill: #404040;
              stroke: #404040;
              -webkit-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
              transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
              image-rendering: optimizeQuality; }
            #nav > .wrap > .content .nav-row > ol > li > a img {
              vertical-align: middle;
              width: 26px;
              height: 26px;
              margin-bottom: 3px; }
            #nav > .wrap > .content .nav-row > ol > li > a:hover, #nav > .wrap > .content .nav-row > ol > li > a.is-active {
              color: #008ed3; }
              #nav > .wrap > .content .nav-row > ol > li > a:hover svg, #nav > .wrap > .content .nav-row > ol > li > a.is-active svg {
                fill: #008ed3;
                stroke: #008ed3; }
            @media only screen and (max-width: 1023px) {
              #nav > .wrap > .content .nav-row > ol > li > a {
                padding-left: 8px;
                padding-right: 8px;
                font-size: 15px; } }
          #nav > .wrap > .content .nav-row > ol > li .overlay {
            opacity: 0;
            position: absolute;
            top: -5000px;
            left: 50%;
            z-index: 3;
            min-width: 180px;
            -webkit-transform: translateX(-50%) scale(0.9, 0.9);
                    transform: translateX(-50%) scale(0.9, 0.9);
            -webkit-transform-origin: center top;
                    transform-origin: center top;
            -webkit-transition: opacity 0.15s cubic-bezier(0.23, 1, 0.32, 1), height 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.15s cubic-bezier(0.23, 1, 0.32, 1);
            transition: opacity 0.15s cubic-bezier(0.23, 1, 0.32, 1), height 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.15s cubic-bezier(0.23, 1, 0.32, 1);
            transition: transform 0.15s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.15s cubic-bezier(0.23, 1, 0.32, 1), height 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
            transition: transform 0.15s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.15s cubic-bezier(0.23, 1, 0.32, 1), height 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.15s cubic-bezier(0.23, 1, 0.32, 1);
            background-color: #ffffff;
            box-shadow: 0px 15px 100px -5px rgba(0, 0, 0, 0.25);
            border-radius: 5px; }
            #nav > .wrap > .content .nav-row > ol > li .overlay > .wrap {
              position: relative; }
              #nav > .wrap > .content .nav-row > ol > li .overlay > .wrap:before {
                display: block;
                content: '';
                position: absolute;
                left: 50%;
                top: 0;
                width: 12px;
                height: 12px;
                background-color: #ffffff;
                -webkit-transform: translate(-50%, -50%) rotate(45deg);
                        transform: translate(-50%, -50%) rotate(45deg);
                border-top-left-radius: 3px; }
              #nav > .wrap > .content .nav-row > ol > li .overlay > .wrap > .content {
                position: relative;
                max-height: 494px;
                width: 100%;
                overflow-y: scroll;
                border-radius: 5px; }
                #nav > .wrap > .content .nav-row > ol > li .overlay > .wrap > .content > p {
                  margin: 32px 12px 32px 12px;
                  font-size: 13px;
                  color: #808080; }
                #nav > .wrap > .content .nav-row > ol > li .overlay > .wrap > .content ul.nav-list {
                  list-style-type: none;
                  margin: 0; }
                  #nav > .wrap > .content .nav-row > ol > li .overlay > .wrap > .content ul.nav-list li {
                    text-align: left;
                    display: block;
                    position: relative; }
                    #nav > .wrap > .content .nav-row > ol > li .overlay > .wrap > .content ul.nav-list li a {
                      padding: 0 12px 1px 12px;
                      white-space: nowrap;
                      line-height: 32px;
                      font-size: 13px; }
                    #nav > .wrap > .content .nav-row > ol > li .overlay > .wrap > .content ul.nav-list li:before {
                      position: absolute;
                      display: block;
                      content: '';
                      left: 12px;
                      right: 0;
                      bottom: 0;
                      height: 1px;
                      background-color: #ededed; }
                    #nav > .wrap > .content .nav-row > ol > li .overlay > .wrap > .content ul.nav-list li:last-child:before {
                      display: none; }
          #nav > .wrap > .content .nav-row > ol > li.type--search a svg {
            width: 22px;
            height: 22px; }
          #nav > .wrap > .content .nav-row > ol > li.type--profile img {
            border-radius: 100px; }
          #nav > .wrap > .content .nav-row > ol > li.type--profile a .initials {
            width: 30px;
            line-height: 30px;
            background-color: #fbfbfb;
            box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.15);
            font-size: 11px;
            border-radius: 100px;
            text-align: center;
            display: block;
            color: #cccccc;
            font-weight: 600;
            -webkit-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
          #nav > .wrap > .content .nav-row > ol > li.type--profile a:hover .initials {
            background-color: #008ed3;
            border-color: #008ed3;
            color: #ffffff; }
          #nav > .wrap > .content .nav-row > ol > li.type--profile .overlay {
            left: auto;
            right: 0;
            -webkit-transform: translateX(0px) scale(0.9, 0.9);
                    transform: translateX(0px) scale(0.9, 0.9); }
          #nav > .wrap > .content .nav-row > ol > li.type--more a svg {
            width: 17px;
            padding-left: 1px;
            padding-right: 1px; }
          #nav > .wrap > .content .nav-row > ol > li.type--groups .overlay {
            width: 220px; }
          #nav > .wrap > .content .nav-row > ol > li.is-active > a {
            color: #008ed3; }
            #nav > .wrap > .content .nav-row > ol > li.is-active > a svg {
              fill: #008ed3;
              stroke: #008ed3; }
          #nav > .wrap > .content .nav-row > ol > li.is-active .overlay {
            top: 100%;
            opacity: 1;
            -webkit-transform: translateX(-50%);
                    transform: translateX(-50%); }
          #nav > .wrap > .content .nav-row > ol > li.is-active.type--profile .overlay {
            -webkit-transform: translateX(0px);
                    transform: translateX(0px); }
        #nav > .wrap > .content .nav-row > ol.is-center li > a svg {
          width: 10px;
          height: 10px;
          vertical-align: middle;
          fill: #bbbbbb;
          margin-top: -2px; }
        #nav > .wrap > .content .nav-row > ol.is-right {
          position: absolute;
          right: 0;
          top: 0;
          padding: 0 8px 0 0; }
          #nav > .wrap > .content .nav-row > ol.is-right li > a {
            width: 44px;
            padding-left: 0;
            padding-right: 0; }
      #nav > .wrap > .content .nav-row.type--main {
        position: relative;
        z-index: 3; }
      #nav > .wrap > .content .nav-row.type--sub {
        height: 32px;
        -webkit-transform: translateY(-40px);
                transform: translateY(-40px);
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        position: relative;
        display: none;
        box-shadow: 0 -1px 0 #ffffff, 0 1px 0 rgba(0, 0, 0, 0.07); }
        #nav > .wrap > .content .nav-row.type--sub ol {
          -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          max-width: 640px;
          height: 32px; }
          #nav > .wrap > .content .nav-row.type--sub ol a {
            line-height: 30px;
            padding-bottom: 2px;
            font-size: 13px; }
        #nav > .wrap > .content .nav-row.type--sub.is-active, #nav > .wrap > .content .nav-row.type--sub.is-static {
          display: block; }
        #nav > .wrap > .content .nav-row.type--sub.is-visible, #nav > .wrap > .content .nav-row.type--sub.is-static {
          -webkit-transform: translateY(0px);
                  transform: translateY(0px); }
          #nav > .wrap > .content .nav-row.type--sub.is-visible ol, #nav > .wrap > .content .nav-row.type--sub.is-static ol {
            -webkit-transform: scale(1);
                    transform: scale(1); }
  #nav.is-expanded {
    height: 76px; }

.nav-simple {
  position: relative;
  height: 44px; }
  .nav-simple > .wrap {
    position: absolute;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 4; }
    .nav-simple > .wrap > .content {
      height: 44px;
      margin-bottom: 1px;
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
      background-color: #ffffff; }
      .nav-simple > .wrap > .content a.button--back {
        position: absolute;
        left: 10px;
        top: 0;
        display: block;
        font-size: 15px;
        line-height: 44px;
        font-weight: 500;
        color: #bbbbbb;
        -webkit-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
        .nav-simple > .wrap > .content a.button--back svg {
          fill: #BBBBBB;
          width: 22px;
          height: 22px;
          margin-right: 5px;
          vertical-align: middle;
          -webkit-transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition: all 250ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
          -webkit-transform: translateY(-1px);
                  transform: translateY(-1px); }
        .nav-simple > .wrap > .content a.button--back.is-logo svg {
          width: 25px;
          height: 25px;
          -webkit-transform: translateY(-2px);
                  transform: translateY(-2px); }
        .nav-simple > .wrap > .content a.button--back:hover {
          color: #008ed3; }
          .nav-simple > .wrap > .content a.button--back:hover svg {
            fill: #008ed3; }
      .nav-simple > .wrap > .content h2 {
        text-align: center;
        line-height: 43px;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: -0.025em; }
      .nav-simple > .wrap > .content > ol {
        position: relative;
        box-sizing: border-box;
        margin: 0 auto 0 auto;
        padding-left: 24px;
        padding-right: 24px;
        list-style-type: none;
        height: 44px;
        text-align: center; }
        .nav-simple > .wrap > .content > ol > li {
          display: inline-block;
          position: relative; }
          .nav-simple > .wrap > .content > ol > li > a {
            display: block;
            padding-left: 16px;
            padding-right: 16px;
            color: #404040;
            line-height: 43px;
            font-size: 16px;
            font-weight: 500;
            letter-spacing: -0.025em;
            -webkit-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
            transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
            text-rendering: optimizeLegibility;
            padding-bottom: 1px; }
            .nav-simple > .wrap > .content > ol > li > a svg {
              width: 26px;
              height: 26px;
              margin-top: -3px;
              vertical-align: middle;
              fill: #404040;
              stroke: #404040;
              -webkit-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
              transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
              image-rendering: optimizeQuality; }
            .nav-simple > .wrap > .content > ol > li > a img {
              vertical-align: middle;
              width: 26px;
              height: 26px;
              margin-bottom: 3px; }
            .nav-simple > .wrap > .content > ol > li > a:hover, .nav-simple > .wrap > .content > ol > li > a.is-active {
              color: #008ed3; }
              .nav-simple > .wrap > .content > ol > li > a:hover svg, .nav-simple > .wrap > .content > ol > li > a.is-active svg {
                fill: #008ed3;
                stroke: #008ed3; }
            @media only screen and (max-width: 1023px) {
              .nav-simple > .wrap > .content > ol > li > a {
                padding-left: 8px;
                padding-right: 8px;
                font-size: 15px; } }
          .nav-simple > .wrap > .content > ol > li.is-active > a {
            color: #008ed3; }
            .nav-simple > .wrap > .content > ol > li.is-active > a svg {
              fill: #008ed3;
              stroke: #008ed3; }

#big-site-intro {
  padding-left: 20px;
  padding-right: 20px; }
  #big-site-intro > .wrap {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto; }
    #big-site-intro > .wrap > .content {
      text-align: center;
      padding-top: 50px;
      padding-bottom: 50px; }
      #big-site-intro > .wrap > .content p {
        margin-top: 10px; }
      #big-site-intro > .wrap > .content .options {
        margin-top: 20px; }
        #big-site-intro > .wrap > .content .options a {
          display: inline-block; }
        #big-site-intro > .wrap > .content .options a + a {
          margin-left: 15px; }

.globalMessage,
#site-intro {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 20px 20px 20px 20px;
  background-color: #008ed3;
  background: -webkit-linear-gradient(left, #007acb, #00a4dc);
  background: linear-gradient(to right, #007acb, #00a4dc);
  font-size: 20px;
  z-index: 10;
  -webkit-transition: left 0.25s ease-out;
  transition: left 0.25s ease-out; }
  .globalMessage > .wrap > .content p,
  #site-intro > .wrap > .content p {
    margin: 0;
    color: #ffffff; }
    .globalMessage > .wrap > .content p a,
    #site-intro > .wrap > .content p a {
      font-size: 14px;
      line-height: 26px;
      vertical-align: middle;
      color: #ffffff;
      margin-left: 12px;
      text-decoration: underline; }
      .globalMessage > .wrap > .content p a.button,
      #site-intro > .wrap > .content p a.button {
        line-height: 28px;
        display: inline-block;
        border-color: #ffffff;
        color: #ffffff;
        background-color: transparent;
        text-decoration: none;
        font-weight: bold;
        padding-left: 12px;
        padding-right: 12px; }
        .globalMessage > .wrap > .content p a.button.button--signup,
        #site-intro > .wrap > .content p a.button.button--signup {
          background-color: #ffffff;
          color: #007acb; }

.dropdown {
  position: relative; }
  .dropdown p.button {
    margin: 0; }
    .dropdown p.button svg {
      width: 12px;
      height: 12px;
      vertical-align: middle;
      fill: #008ed3;
      stroke: #008ed3;
      -webkit-transform: translateY(-1px);
              transform: translateY(-1px);
      margin-left: 2px; }
    .dropdown p.button:hover {
      background-color: rgba(0, 142, 211, 0.05); }
  .dropdown .dropdown-menu {
    display: none;
    position: absolute;
    left: 50%;
    top: 36px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    box-shadow: 0 15px 150px rgba(0, 0, 0, 0.25);
    background-color: #ffffff;
    border-radius: 5px;
    z-index: 100; }
    .dropdown .dropdown-menu ul {
      min-width: 160px;
      margin: 0;
      position: relative;
      text-align: left; }
      .dropdown .dropdown-menu ul:before {
        display: block;
        position: absolute;
        content: '';
        width: 15px;
        height: 15px;
        left: 50%;
        top: 0;
        background-color: #ffffff;
        border-radius: 3px;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
                transform: translate(-50%, -50%) rotate(45deg); }
      .dropdown .dropdown-menu ul li {
        border-bottom: 1px solid #ededed;
        margin-left: 15px; }
        .dropdown .dropdown-menu ul li:last-child {
          border-width: 0; }
        .dropdown .dropdown-menu ul li a {
          display: block;
          position: relative;
          padding: 0 15px 0 0;
          font-size: 14px;
          line-height: 36px;
          white-space: nowrap;
          color: #404040; }
          .dropdown .dropdown-menu ul li a span:before {
            margin-right: 8px;
            vertical-align: middle; }
          .dropdown .dropdown-menu ul li a span svg {
            width: 14px;
            height: 14px;
            fill: #bbbbbb;
            stroke: #bbbbbb;
            vertical-align: middle;
            -webkit-transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1);
            transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); }
          .dropdown .dropdown-menu ul li a span:first-child {
            margin-right: 6px; }
            .dropdown .dropdown-menu ul li a span:first-child svg {
              -webkit-transform: translateY(-2px);
                      transform: translateY(-2px); }
          .dropdown .dropdown-menu ul li a span:last-child, .dropdown .dropdown-menu ul li a span:nth-child(1) {
            display: inline-block;
            width: 14px;
            height: 14px;
            margin-right: 8px; }
            .dropdown .dropdown-menu ul li a span:last-child svg, .dropdown .dropdown-menu ul li a span:nth-child(1) svg {
              position: absolute;
              display: block;
              right: 15px;
              top: 11px;
              -webkit-transform: translateY(-1px);
                      transform: translateY(-1px); }
          .dropdown .dropdown-menu ul li a span.icon--loader {
            display: none; }
          .dropdown .dropdown-menu ul li a:hover {
            color: #008ed3; }
            .dropdown .dropdown-menu ul li a:hover svg {
              fill: #008ed3;
              stroke: #008ed3; }
          .dropdown .dropdown-menu ul li a.is-active span.icon--check svg {
            fill: #008ed3;
            stroke: #008ed3; }
          .dropdown .dropdown-menu ul li a.is-loading span.icon--check {
            display: none; }
          .dropdown .dropdown-menu ul li a.is-loading span.icon--loader {
            display: inline; }
            .dropdown .dropdown-menu ul li a.is-loading span.icon--loader svg {
              -webkit-animation: spinLoop 2000ms infinite linear;
                      animation: spinLoop 2000ms infinite linear; }
  .dropdown.is-active p.button {
    background-color: #008ed3;
    color: #ffffff; }
    .dropdown.is-active p.button svg {
      fill: #ffffff;
      stroke: #ffffff; }
  .dropdown.is-active .dropdown-menu {
    display: block; }

.avatar {
  background-color: #ededed;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  display: block; }
  .avatar img {
    display: block;
    margin: 0 0 0 0;
    width: 30px;
    height: 30px;
    border-radius: 15px; }
  .avatar .initials {
    color: #ffffff;
    width: 30px;
    line-height: 30px;
    border-radius: 15px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600; }
  .avatar.size--big {
    width: 60px;
    height: 60px;
    border-radius: 30px; }
    .avatar.size--big img {
      width: 60px;
      height: 60px;
      border-radius: 30px; }
    .avatar.size--big .initials {
      width: 60px;
      font-size: 20px;
      line-height: 60px; }

.avatar-box {
  position: relative; }
  .avatar-box:before,
  .avatar-box .avatar {
    margin: 1px 10px 0 0;
    display: inline-block;
    float: left; }
  .avatar-box:before {
    font-size: 30px;
    color: #808080; }
  .avatar-box h3,
  .avatar-box h4,
  .avatar-box p {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #808080; }
    .avatar-box h3 > svg:first-child,
    .avatar-box h4 > svg:first-child,
    .avatar-box p > svg:first-child {
      vertical-align: middle;
      margin-right: 5px; }
    .avatar-box h3 a,
    .avatar-box h4 a,
    .avatar-box p a {
      font-weight: 500;
      color: #000000;
      -webkit-transition: color 0.15s ease-out;
      transition: color 0.15s ease-out;
      text-decoration: none; }
      .avatar-box h3 a.plus,
      .avatar-box h4 a.plus,
      .avatar-box p a.plus {
        font-size: 10px;
        font-weight: 900;
        background-color: #cccccc;
        color: #ffffff;
        padding: 1px 4px 2px 4px;
        border-radius: 2px;
        text-transform: uppercase;
        margin-left: 4px;
        vertical-align: top;
        -webkit-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out; }
        .avatar-box h3 a.plus:hover,
        .avatar-box h4 a.plus:hover,
        .avatar-box p a.plus:hover {
          background-color: #008ed3;
          color: #ffffff; }
      .avatar-box h3 a.light,
      .avatar-box h4 a.light,
      .avatar-box p a.light {
        font-weight: 400;
        color: #808080;
        font-size: 12px; }
      .avatar-box h3 a:hover,
      .avatar-box h4 a:hover,
      .avatar-box p a:hover {
        color: #008ed3; }
        .avatar-box h3 a:hover .plus,
        .avatar-box h4 a:hover .plus,
        .avatar-box p a:hover .plus {
          opacity: 1; }
  .avatar-box .button {
    position: absolute;
    top: 50%;
    right: 0;
    line-height: 22px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

.group-grid {
  padding-left: 30px;
  padding-right: 30px;
  margin-left: auto;
  margin-right: auto;
  max-width: 346px;
  padding-top: 30px;
  padding-bottom: 30px; }
  .group-grid ul:after {
    content: "";
    display: table;
    clear: both; }
  .group-grid ul li {
    width: 286px;
    margin-top: 30px; }
  @media only screen and (min-width: 662px) and (max-width: 977px) {
    .group-grid {
      max-width: 662px; }
      .group-grid ul li {
        float: left; }
      .group-grid ul li:nth-child(1),
      .group-grid ul li:nth-child(2) {
        margin-top: 0; }
      .group-grid ul li:nth-child(2n) {
        margin-left: 30px; } }
  @media only screen and (min-width: 978px) and (max-width: 1295px) {
    .group-grid {
      max-width: 978px; }
      .group-grid ul li {
        float: left; }
      .group-grid ul li:nth-child(1),
      .group-grid ul li:nth-child(2),
      .group-grid ul li:nth-child(3) {
        margin-top: 0; }
      .group-grid ul li:nth-child(3n),
      .group-grid ul li:nth-child(3n + 2) {
        margin-left: 30px; } }
  @media only screen and (min-width: 1296px) and (max-width: 1609px) {
    .group-grid {
      max-width: 1296px; }
      .group-grid ul li {
        float: left; }
      .group-grid ul li:nth-child(1),
      .group-grid ul li:nth-child(2),
      .group-grid ul li:nth-child(3),
      .group-grid ul li:nth-child(4) {
        margin-top: 0; }
      .group-grid ul li:nth-child(4n),
      .group-grid ul li:nth-child(4n + 2),
      .group-grid ul li:nth-child(4n + 3) {
        margin-left: 30px; } }
  @media only screen and (min-width: 1610px) and (max-width: 1925px) {
    .group-grid {
      max-width: 1610px; }
      .group-grid ul li {
        float: left; }
      .group-grid ul li:nth-child(1),
      .group-grid ul li:nth-child(2),
      .group-grid ul li:nth-child(3),
      .group-grid ul li:nth-child(4),
      .group-grid ul li:nth-child(5) {
        margin-top: 0; }
      .group-grid ul li:nth-child(5n),
      .group-grid ul li:nth-child(5n + 2),
      .group-grid ul li:nth-child(5n + 3),
      .group-grid ul li:nth-child(5n + 4) {
        margin-left: 30px; } }
  @media only screen and (min-width: 1926px) {
    .group-grid {
      max-width: 1926px; }
      .group-grid ul li {
        float: left; }
      .group-grid ul li:nth-child(1),
      .group-grid ul li:nth-child(2),
      .group-grid ul li:nth-child(3),
      .group-grid ul li:nth-child(4),
      .group-grid ul li:nth-child(5),
      .group-grid ul li:nth-child(6) {
        margin-top: 0; }
      .group-grid ul li:nth-child(6n),
      .group-grid ul li:nth-child(6n + 2),
      .group-grid ul li:nth-child(6n + 3),
      .group-grid ul li:nth-child(6n + 4),
      .group-grid ul li:nth-child(6n + 5) {
        margin-left: 30px; } }

.pod--tile-grid > .wrap {
  padding-top: 22px; }
  .pod--tile-grid > .wrap > .content {
    position: relative;
    padding-bottom: 96px; }
    .pod--tile-grid > .wrap > .content > .tile {
      width: 232px;
      padding: 0;
      display: none; }
      .pod--tile-grid > .wrap > .content > .tile.tile--image {
        border-radius: 3px;
        -webkit-transition: box-shadow 350ms cubic-bezier(0.5, 0, 0.2, 1);
        transition: box-shadow 350ms cubic-bezier(0.5, 0, 0.2, 1); }
        .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content .options {
          opacity: 0;
          border: 0;
          margin: 0;
          padding: 0;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          -webkit-transition: opacity 0.15s ease-out;
          transition: opacity 0.15s ease-out;
          z-index: 2;
          background-color: rgba(0, 0, 0, 0.35);
          border-bottom: 1px solid rgba(255, 255, 255, 0.35);
          border-top-left-radius: 3px;
          border-top-right-radius: 3px; }
          @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
            .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content .options {
              border-width: 0.5px; } }
          .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content .options .option {
            cursor: pointer;
            float: left;
            top: 0px;
            width: 50%;
            box-sizing: border-box;
            font-size: 14px;
            line-height: 44px;
            text-align: center;
            color: #ffffff;
            -webkit-transition: all 0.25s ease-out;
            transition: all 0.25s ease-out;
            font-weight: bold;
            padding: 0;
            margin: 0;
            text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
            .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content .options .option svg {
              stroke: #ffffff;
              width: 22px;
              height: 22px;
              vertical-align: middle;
              margin-right: 2px; }
            .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content .options .option a {
              color: #ffffff;
              padding-bottom: 0; }
            .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content .options .option span {
              font-size: 14px;
              color: #ffffff;
              font-weight: 600;
              margin: 0 0 0 0;
              vertical-align: middle; }
            .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content .options .option:before {
              font-size: 18px;
              line-height: 28px;
              margin-right: 6px;
              vertical-align: middle; }
            .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content .options .option.is-active {
              background-color: #008ed3;
              background-color: rgba(0, 142, 211, 0.35); }
            .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content .options .option:hover {
              background-color: rgba(0, 142, 211, 0.35); }
            .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content .options .option.loading {
              background-image: url("../images/loader-grey.gif");
              background-repeat: no-repeat;
              background-position: center 10px; }
            .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content .options .option.button--save {
              border-top-left-radius: 3px; }
            .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content .options .option.button--like {
              float: right;
              border-left: 1px solid rgba(255, 255, 255, 0.35);
              border-top-right-radius: 3px; }
              @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
                .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content .options .option.button--like {
                  border-width: 0.5px; } }
              .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content .options .option.button--like svg path {
                stroke-width: 2.5px; }
        .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content.optionsActive .options,
        .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content:hover .options,
        .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content.has-overlay .options {
          opacity: 1; }
        .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content.is-private {
          background: #ffffff url("/web/20180308122127im_/http://www.wookmark.com/assets/private-tiny.png") no-repeat 222px 6px; }
        .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content > a {
          display: block;
          position: relative; }
          .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content > a .icon--video {
            bottom: 10px;
            left: 10px;
            position: absolute; }
            .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content > a .icon--video svg {
              display: block;
              width: 20px;
              height: 20px;
              stroke: #ffffff;
              fill: #ffffff; }
            .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content > a .icon--video:before {
              font-size: 24px;
              text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
              color: #ffffff; }
          .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content > a img {
            display: block;
            width: 100%;
            height: auto;
            margin: 0;
            border-radius: 3px; }
          .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content > a:after {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            content: ' ';
            display: block;
            border: 1px solid rgba(0, 0, 0, 0.05);
            pointer-events: none;
            border-radius: 3px; }
            @media (min--moz-device-pixel-ratio: 1.3), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
              .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content > a:after {
                border-width: 0.5px; } }
        .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content.is-tall .image {
          max-height: 500px;
          overflow: hidden; }
          .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content.is-tall .image:after {
            border-bottom: 1px dashed rgba(0, 0, 0, 0.35); }
        .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content .nsfw-cover {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          border-radius: 3px;
          background-color: rgba(128, 128, 128, 0.95); }
          .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content .nsfw-cover > .wrap {
            height: 100%; }
            .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content .nsfw-cover > .wrap > .content {
              position: relative;
              top: 50%;
              -webkit-transform: translateY(-50%);
                      transform: translateY(-50%);
              text-align: center;
              cursor: pointer; }
              .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content .nsfw-cover > .wrap > .content svg {
                display: inline-block;
                width: 32px;
                height: 32px;
                stroke: #ffffff;
                fill: #ffffff; }
              .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content .nsfw-cover > .wrap > .content p {
                display: block;
                position: relative;
                top: 50%;
                -webkit-transform: translateY(-50%);
                        transform: translateY(-50%);
                font-size: 16px;
                color: #ffffff;
                margin: 0 auto;
                display: inline-block;
                padding: 0 10px 0 10px; }
        .pod--tile-grid > .wrap > .content > .tile.tile--image.is-active > .wrap > .content .options {
          opacity: 1; }
        .pod--tile-grid > .wrap > .content > .tile.tile--image:hover {
          box-shadow: 0 20px 50px -15px rgba(0, 0, 0, 0.35); }

.pod--tile-grid.is-empty > .wrap > .content {
  text-align: center;
  padding: 32px 32px 32px 32px; }
  .pod--tile-grid.is-empty > .wrap > .content h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    margin: 0; }
  .pod--tile-grid.is-empty > .wrap > .content p {
    font-size: 14px;
    line-height: 20px;
    margin: 12px 0 0 0; }
    .pod--tile-grid.is-empty > .wrap > .content p a {
      color: #008ed3; }
      .pod--tile-grid.is-empty > .wrap > .content p a:hover {
        text-decoration: underline; }
  .pod--tile-grid.is-empty > .wrap > .content .button {
    margin-top: 36px;
    display: inline-block;
    background-color: transparent; }
  .pod--tile-grid.is-empty > .wrap > .content .image {
    margin-top: 24px; }

html.backdropfilter .pod--tile-grid > .wrap > .content > .tile.tile--image > .wrap > .content .nsfw-cover {
  background-color: transparent;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px); }

#page h1.bigPageTitle {
  text-align: center;
  font-size: 28px;
  color: #999999;
  font-weight: 300;
  margin: 16px 0 0 0; }

/** Custom tiles **/
.tile {
  background-color: #ffffff;
  /** Source tile **/
  /** Group tile **/
  /** Source info tile **/
  /** User profile tile **/
  /** Following tile **/
  /** Group tile **/
  /** Color info tile **/
  /** Search results tile **/ }
  .tile.custom {
    background-color: #ffffff;
    border: 1px solid #dedede;
    width: 232px;
    display: none; }
    .tile.custom h1 {
      font-size: 22px;
      line-height: 22px;
      margin: 0;
      padding: 0 16px 0 16px;
      font-weight: normal; }
    .tile.custom > p {
      color: #404040;
      margin: 0; }
      .tile.custom > p b {
        color: #000000;
        font-weight: normal; }
      .tile.custom > p.label {
        padding: 12px 16px 0 16px; }
      .tile.custom > p.description {
        padding: 12px 16px 12px 16px; }
    .tile.custom .options {
      padding: 12px 16px 0 16px; }
      .tile.custom .options a {
        display: inline-block; }
        .tile.custom .options a:before {
          vertical-align: middle; }
    .tile.custom .owner {
      position: relative; }
      .tile.custom .owner .avatar {
        position: absolute;
        left: 16px;
        top: 2px; }
        .tile.custom .owner .avatar img {
          position: absolute;
          top: 0;
          left: 0;
          display: block;
          border-radius: 16px; }
      .tile.custom .owner p {
        color: #777777;
        padding-left: 56px;
        padding-right: 16px;
        line-height: 1.2; }
    .tile.custom .list {
      border-top: 1px solid #dedede;
      padding: 12px 16px 0 0;
      margin-top: 12px;
      margin-left: 16px; }
      .tile.custom .list h2 {
        font-weight: bold;
        font-size: 13px;
        color: #999999;
        margin: 0 0 2px 0;
        padding: 0; }
      .tile.custom .list h3 {
        font-weight: bold;
        font-size: 13px;
        line-height: 18px;
        margin: 6px 0 2px 0;
        color: #999999; }
      .tile.custom .list ul {
        margin: 0;
        padding: 0; }
        .tile.custom .list ul li a {
          line-height: 24px; }
      .tile.custom .list.users ul li {
        position: relative; }
        .tile.custom .list.users ul li .avatar {
          position: absolute;
          top: 10px;
          left: 0; }
          .tile.custom .list.users ul li .avatar img {
            display: block;
            border-radius: 16px; }
        .tile.custom .list.users ul li p {
          padding-left: 40px;
          padding-right: 16px;
          margin: 0;
          padding-top: 8px;
          padding-bottom: 8px; }
          .tile.custom .list.users ul li p a {
            color: #000000;
            line-height: 1.2;
            color: #404040;
            font-weight: 300; }
            .tile.custom .list.users ul li p a:hover {
              color: #008ed3; }
          .tile.custom .list.users ul li p b a {
            color: #000000;
            font-weight: 500; }
            .tile.custom .list.users ul li p b a:hover {
              color: #008ed3; }
    .tile.custom .statistics {
      margin: 12px 0 0 16px;
      padding: 0 16px 0 0;
      border-top: 1px solid #dedede; }
      .tile.custom .statistics:after {
        content: "";
        display: table;
        clear: both; }
      .tile.custom .statistics p {
        float: left;
        width: 33.3%;
        margin: 12px 0 0 0; }
        .tile.custom .statistics p a {
          font-size: 14px;
          line-height: 14px;
          color: #333333;
          font-weight: bold;
          display: block; }
          .tile.custom .statistics p a span {
            font-size: 12px;
            color: #444444;
            font-weight: 300; }
          .tile.custom .statistics p a:hover {
            color: #008ed3; }
            .tile.custom .statistics p a:hover span {
              color: #008ed3; }
        .tile.custom .statistics p:first-child {
          width: 33.4%; }
    .tile.custom .sec-options {
      margin-top: 12px;
      border-top: 1px solid #dedede;
      background-color: #f8f8f8; }
      .tile.custom .sec-options p {
        margin: 0;
        padding-left: 12px;
        line-height: 36px;
        cursor: pointer; }
        .tile.custom .sec-options p span:before {
          font-size: 12px;
          margin-right: 2px; }
        .tile.custom .sec-options p:hover {
          color: #008ed3; }
      .tile.custom .sec-options ul {
        padding: 12px 16px 12px 16px;
        margin: 0; }
        .tile.custom .sec-options ul li a {
          line-height: 24px;
          display: block; }
          .tile.custom .sec-options ul li a span:before {
            vertical-align: middle;
            margin-right: 2px;
            font-size: 14px; }
  .tile.source {
    padding: 14px 18px 18px 18px;
    background-color: #fff;
    -webkit-transition: box-shadow 0.15s ease-out;
    transition: box-shadow 0.15s ease-out;
    border: 1px solid #dedede;
    border-radius: 2px;
    width: 200px;
    font-family: "Helvetica Neue", Helvetica, arial, sans-serif; }
    .tile.source:hover {
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
    .tile.source h4 {
      margin: 0;
      padding: 0 0 10px 0;
      font-size: 16px;
      word-wrap: break-word; }
    .tile.source p {
      font-size: 11px;
      line-height: 14px;
      color: #777;
      padding: 8px 0 0 0; }
  .tile.group .details {
    position: absolute;
    right: 10px;
    top: 10px; }
  .tile.group .details img {
    margin-left: 5px; }
  .tile.group .info h2 {
    font-size: 16px;
    line-height: 1.2;
    margin: 10px 0 4px 0;
    font-weight: 500;
    position: relative;
    text-align: left; }
    .tile.group .info h2 a {
      text-decoration: none; }
      .tile.group .info h2 a:hover {
        color: #008ed3; }
  .tile.group .info p.owner {
    padding-left: 40px;
    margin: 0;
    font-size: 13px;
    line-height: 1.3;
    color: #404040; }
    .tile.group .info p.owner .avatar {
      left: 0;
      top: 4px; }
  .tile.group .info p.count {
    margin: 0;
    color: #404040; }
  .tile.group .images img.big {
    margin-bottom: 4px;
    margin-top: 12px; }
  .tile.group .images img {
    display: block;
    float: left;
    border-radius: 2px;
    margin-right: 1px;
    margin-top: 1px; }
  .tile.group .images .blank {
    width: 66px;
    height: 66px;
    display: block;
    float: left;
    background-color: #ededed;
    border-radius: 2px;
    margin-right: 1px;
    margin-top: 1px; }
  .tile.group .images img.secret,
  .tile.group .images .blank.secret {
    display: none; }
  .tile.group.james .images img.secret,
  .tile.group.james .images .blank.secret {
    display: block; }
  .tile.group.james .images img.big {
    display: none; }
  .tile.group.james h2 {
    margin-bottom: 10px; }
  .tile.userInfo {
    padding-top: 24px;
    padding-bottom: 24px; }
    .tile.userInfo .picture {
      margin: 0 auto 12px auto;
      border-radius: 100px;
      display: block;
      width: 160px;
      height: 160px;
      background-color: #dedede;
      overflow: hidden; }
      .tile.userInfo .picture > a {
        text-indent: -1000px;
        background-size: cover;
        background-position: center center;
        display: block;
        width: 100%;
        height: 100%; }
      .tile.userInfo .picture.is-empty {
        line-height: 160px;
        text-align: center; }
        .tile.userInfo .picture.is-empty p.initials {
          text-align: center;
          line-height: 160px;
          color: #ffffff;
          font-size: 36px;
          margin: 0; }
          .tile.userInfo .picture.is-empty p.initials a {
            color: #ffffff;
            text-indent: 0;
            display: block; }
    .tile.userInfo p.description {
      text-align: center;
      word-break: break-word;
      padding-bottom: 0; }
      .tile.userInfo p.description .plus {
        color: #008ed3;
        font-weight: 500; }
        .tile.userInfo p.description .plus span:before {
          vertical-align: middle;
          margin-right: 6px;
          font-size: 21px; }
    .tile.userInfo h1 {
      text-align: center;
      padding: 0 0 0 0; }
      .tile.userInfo h1 a {
        color: #000000;
        text-decoration: none; }
        .tile.userInfo h1 a:hover {
          color: #008ed3; }
    .tile.userInfo .options {
      text-align: center; }
  .tile.following {
    padding-bottom: 16px; }
    .tile.following h1 {
      padding-top: 16px; }
    .tile.following p {
      padding-top: 0px; }
    .tile.following a.button {
      display: inline-block;
      margin-left: 16px; }
  .tile.group {
    border-width: 0;
    background-color: transparent; }
    .tile.group h2 {
      text-align: center;
      font-weight: 500;
      line-height: 36px; }
      .tile.group h2 a {
        display: block; }
        .tile.group h2 a span {
          vertical-align: middle;
          font-size: 16px; }
          .tile.group h2 a span:first-child {
            margin-left: 8px; }
    .tile.group .images {
      position: relative; }
      .tile.group .images a {
        display: block;
        position: relative; }
        .tile.group .images a:after {
          content: " ";
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          border: 1px solid rgba(0, 0, 0, 0.1);
          display: block;
          pointer-events: none;
          -webkit-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out; }
        .tile.group .images a:hover:after {
          border-width: 5px;
          border-color: rgba(0, 0, 0, 0.25); }
        .tile.group .images a img {
          margin: 0;
          border-radius: 0;
          float: none; }
      .tile.group .images .blank {
        width: 116px;
        height: 87px;
        border-radius: 0;
        margin: 0;
        background-color: #f8f8f8; }

/** Hover options **/
body.iPad .polaroid.optionsActive .options,
body.iPad .polaroid:hover .options {
  opacity: 0; }

html.no-opacity .polaroid .options {
  display: none; }

html.no-opacity .polaroid.optionsActive .options,
html.no-opacity .polaroid:hover .options {
  display: block; }

body.fadeSaved .polaroid.saved {
  background-color: transparent;
  border: 1px dotted #e9e9e9; }
  body.fadeSaved .polaroid.saved .imageLink img {
    opacity: .15; }
  body.fadeSaved .polaroid.saved .stats,
  body.fadeSaved .polaroid.saved .personalization,
  body.fadeSaved .polaroid.saved .comments,
  body.fadeSaved .polaroid.saved .groups {
    opacity: .15; }
  body.fadeSaved .polaroid.saved:hover {
    background-color: #ffffff;
    border: 1px dotted #dedede; }
  body.fadeSaved .polaroid.saved:hover .imageLink img {
    opacity: 1; }
  body.fadeSaved .polaroid.saved:hover .stats,
  body.fadeSaved .polaroid.saved:hover .personalization,
  body.fadeSaved .polaroid.saved:hover .comments,
  body.fadeSaved .polaroid.saved:hover .groups {
    opacity: 1; }

body.hideTileInfo .polaroid .comments,
body.hideTileInfo .polaroid .personalization,
body.hideTileInfo .polaroid .groups,
body.hideTileInfo .polaroid .stats,
body.hideTileInfo .polaroid .info {
  display: none; }

body.lightbox-active {
  overflow: hidden;
  -webkit-overflow-scrolling: touch; }

#lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  z-index: 105;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0); }
  #lightbox .lightbox-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    #lightbox .lightbox-wrap img.is-loading {
      opacity: 0; }
    #lightbox .lightbox-wrap .cover {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transition: all 0.25s ease-out;
      transition: all 0.25s ease-out; }
    #lightbox .lightbox-wrap .loader {
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%; }
    #lightbox .lightbox-wrap a.button--close {
      position: absolute;
      top: 10px;
      right: 10px;
      width: 32px;
      height: 32px;
      color: #ffffff;
      font-size: 26px;
      text-align: center;
      cursor: pointer; }
      #lightbox .lightbox-wrap a.button--close:before {
        vertical-align: middle; }
    #lightbox .lightbox-wrap > .wrap {
      min-height: 100%;
      padding-top: 32px;
      padding-bottom: 32px;
      background-color: rgba(0, 0, 0, 0.75);
      -webkit-transition: opacity 0.25s ease-out;
      transition: opacity 0.25s ease-out; }
      #lightbox .lightbox-wrap > .wrap > .content {
        max-width: 1024px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        border-radius: 5px;
        box-shadow: 0 25px 150px rgba(0, 0, 0, 0.5);
        background-color: rgba(255, 255, 255, 0.01); }
        #lightbox .lightbox-wrap > .wrap > .content .nav {
          display: none; }
        #lightbox .lightbox-wrap > .wrap > .content > .top {
          position: relative; }
          #lightbox .lightbox-wrap > .wrap > .content > .top:after {
            content: "";
            display: table;
            clear: both; }
          #lightbox .lightbox-wrap > .wrap > .content > .top > .image {
            box-sizing: border-box;
            float: left;
            width: calc(100% - 352px); }
            #lightbox .lightbox-wrap > .wrap > .content > .top > .image > .wrap {
              display: block;
              opacity: 1;
              -webkit-transition: opacity .25s ease-out;
              transition: opacity .25s ease-out;
              line-height: 0; }
              #lightbox .lightbox-wrap > .wrap > .content > .top > .image > .wrap > .content {
                text-align: center; }
                #lightbox .lightbox-wrap > .wrap > .content > .top > .image > .wrap > .content a {
                  position: relative;
                  line-height: 0; }
                  #lightbox .lightbox-wrap > .wrap > .content > .top > .image > .wrap > .content a span {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    box-shadow: 0 10px 50px -10px rgba(0, 0, 0, 0.15);
                    border-radius: 5px; }
                  #lightbox .lightbox-wrap > .wrap > .content > .top > .image > .wrap > .content a img {
                    border-radius: 5px;
                    display: inline-block;
                    margin: 0;
                    max-width: 100%;
                    height: auto;
                    position: relative; }
                    #lightbox .lightbox-wrap > .wrap > .content > .top > .image > .wrap > .content a img.image-original {
                      position: absolute;
                      top: 0;
                      left: 0;
                      -webkit-transition: opacity 250ms cubic-bezier(0.5, 0, 0.2, 1);
                      transition: opacity 250ms cubic-bezier(0.5, 0, 0.2, 1);
                      max-width: 100%;
                      height: auto; }
                      #lightbox .lightbox-wrap > .wrap > .content > .top > .image > .wrap > .content a img.image-original.is-loading {
                        opacity: 0; }
                  #lightbox .lightbox-wrap > .wrap > .content > .top > .image > .wrap > .content a.is-full-width span {
                    display: none; }
                  #lightbox .lightbox-wrap > .wrap > .content > .top > .image > .wrap > .content a.is-full-width img {
                    border-top-right-radius: 0;
                    border-bottom-left-radius: 0; }
                #lightbox .lightbox-wrap > .wrap > .content > .top > .image > .wrap > .content a,
                #lightbox .lightbox-wrap > .wrap > .content > .top > .image > .wrap > .content iframe {
                  display: inline-block;
                  margin: 0 auto; }
            #lightbox .lightbox-wrap > .wrap > .content > .top > .image.is-video > .wrap > .content {
              padding-left: 30px; }
              #lightbox .lightbox-wrap > .wrap > .content > .top > .image.is-video > .wrap > .content .video-wrap {
                position: relative;
                width: 100%;
                padding-bottom: 56.25%; }
                #lightbox .lightbox-wrap > .wrap > .content > .top > .image.is-video > .wrap > .content .video-wrap iframe {
                  position: absolute;
                  left: 0;
                  top: 0;
                  width: 100%;
                  height: 100%; }
          #lightbox .lightbox-wrap > .wrap > .content > .top .info {
            float: right;
            width: 346px;
            position: relative;
            padding-top: 20px; }
            #lightbox .lightbox-wrap > .wrap > .content > .top .info .pod {
              margin: 0 30px 0 30px; }
              #lightbox .lightbox-wrap > .wrap > .content > .top .info .pod.options-pod {
                border-bottom: 1px solid #ededed; }
            #lightbox .lightbox-wrap > .wrap > .content > .top .info .pod + .pod {
              padding-top: 20px; }
        #lightbox .lightbox-wrap > .wrap > .content > .bottom {
          max-width: 918px;
          margin-left: auto;
          margin-right: auto;
          padding-top: 30px;
          padding-bottom: 30px; }
          #lightbox .lightbox-wrap > .wrap > .content > .bottom.is-hidden {
            display: none; }
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .split:after {
            content: "";
            display: table;
            clear: both; }
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .split .left {
            float: left;
            width: calc(100% - 192px); }
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .split .right {
            float: right;
            width: 162px; }
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .groups-pod > h4,
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .groups-pod > p,
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .colors-pod > h4,
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .colors-pod > p,
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .comments-pod > h4,
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .comments-pod > p,
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .tags-pod > h4,
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .tags-pod > p,
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .stats-pod > h4,
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .stats-pod > p {
            margin: 0 0 0 0;
            padding-bottom: 10px;
            font-size: 17px;
            font-weight: 600;
            border-bottom: 1px solid #EDEDED; }
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .stats-pod span + span {
            margin-left: 10px; }
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .groups-pod,
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .tags-pod {
            display: none; }
            #lightbox .lightbox-wrap > .wrap > .content > .bottom .groups-pod.is-active,
            #lightbox .lightbox-wrap > .wrap > .content > .bottom .tags-pod.is-active {
              display: block; }
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .groups-pod ul,
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .tags-pod ul {
            margin-top: 20px; }
            #lightbox .lightbox-wrap > .wrap > .content > .bottom .groups-pod ul:after,
            #lightbox .lightbox-wrap > .wrap > .content > .bottom .tags-pod ul:after {
              content: "";
              display: table;
              clear: both; }
            #lightbox .lightbox-wrap > .wrap > .content > .bottom .groups-pod ul li,
            #lightbox .lightbox-wrap > .wrap > .content > .bottom .tags-pod ul li {
              width: 286px;
              float: left;
              margin-top: 30px; }
              #lightbox .lightbox-wrap > .wrap > .content > .bottom .groups-pod ul li .image-grid,
              #lightbox .lightbox-wrap > .wrap > .content > .bottom .tags-pod ul li .image-grid {
                margin-top: 10px;
                line-height: 0; }
            #lightbox .lightbox-wrap > .wrap > .content > .bottom .groups-pod ul li:nth-child(1),
            #lightbox .lightbox-wrap > .wrap > .content > .bottom .groups-pod ul li:nth-child(2),
            #lightbox .lightbox-wrap > .wrap > .content > .bottom .groups-pod ul li:nth-child(3),
            #lightbox .lightbox-wrap > .wrap > .content > .bottom .tags-pod ul li:nth-child(1),
            #lightbox .lightbox-wrap > .wrap > .content > .bottom .tags-pod ul li:nth-child(2),
            #lightbox .lightbox-wrap > .wrap > .content > .bottom .tags-pod ul li:nth-child(3) {
              margin-top: 0; }
            #lightbox .lightbox-wrap > .wrap > .content > .bottom .groups-pod ul li:nth-child(3n),
            #lightbox .lightbox-wrap > .wrap > .content > .bottom .groups-pod ul li:nth-child(3n + 2),
            #lightbox .lightbox-wrap > .wrap > .content > .bottom .tags-pod ul li:nth-child(3n),
            #lightbox .lightbox-wrap > .wrap > .content > .bottom .tags-pod ul li:nth-child(3n + 2) {
              margin-left: 30px; }
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .comment-list-wrap {
            margin-top: 15px; }
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .comment-form-wrap {
            margin-top: 15px; }
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .comments .commentForm {
            padding: 24px 24px 24px 64px;
            max-width: 576px;
            margin-left: auto;
            margin-right: auto; }
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .groups-pod,
          #lightbox .lightbox-wrap > .wrap > .content > .bottom .tags-pod {
            margin-top: 30px; }
            #lightbox .lightbox-wrap > .wrap > .content > .bottom .groups-pod > h3,
            #lightbox .lightbox-wrap > .wrap > .content > .bottom .tags-pod > h3 {
              font-size: 14px;
              line-height: 16px;
              font-weight: 500;
              color: #999999;
              margin: 24px 0 0 0;
              text-indent: 95px; }
  #lightbox.is-active {
    display: block; }
    #lightbox.is-active .lightbox-wrap > .wrap > .content {
      background-color: #ffffff; }
  #lightbox.is-fullscreen .closer {
    display: none; }
  #lightbox.is-fullscreen > .lightbox-wrap > .wrap {
    padding-top: 0;
    padding-bottom: 0; }
    #lightbox.is-fullscreen > .lightbox-wrap > .wrap > .content {
      border-radius: 0; }
      #lightbox.is-fullscreen > .lightbox-wrap > .wrap > .content > .nav {
        display: block;
        line-height: 44px;
        position: relative;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }
        #lightbox.is-fullscreen > .lightbox-wrap > .wrap > .content > .nav > svg {
          margin-left: 10px;
          width: 24px;
          height: 24px;
          fill: #bbbbbb;
          stroke: #bbbbbb;
          vertical-align: middle; }
        #lightbox.is-fullscreen > .lightbox-wrap > .wrap > .content > .nav a.button--close {
          display: block;
          position: absolute;
          top: 0;
          right: 0;
          width: 44px;
          line-height: 44px; }
          #lightbox.is-fullscreen > .lightbox-wrap > .wrap > .content > .nav a.button--close svg {
            width: 18px;
            height: 18px;
            fill: #bbbbbb;
            stroke: #bbbbbb;
            vertical-align: middle;
            -webkit-transform: translateY(-2px);
                    transform: translateY(-2px); }
          #lightbox.is-fullscreen > .lightbox-wrap > .wrap > .content > .nav a.button--close:hover svg {
            fill: #008ed3;
            stroke: #008ed3; }
      #lightbox.is-fullscreen > .lightbox-wrap > .wrap > .content > .top > .image > .wrap > .content > a img {
        border-top-left-radius: 0; }

.component-member-invite-list section .content {
  position: relative; }
  .component-member-invite-list section .content .invite-wrap button {
    margin-top: 10px;
    display: none; }
  .component-member-invite-list section .content ul.list--friends.is-active,
  .component-member-invite-list section .content ul.list--contributors.is-active,
  .component-member-invite-list section .content ul.list--open-invites.is-active {
    display: block; }
  .component-member-invite-list section .content ul.list--friends li,
  .component-member-invite-list section .content ul.list--contributors li,
  .component-member-invite-list section .content ul.list--open-invites li {
    padding: 0 0 1px 0;
    line-height: 40px;
    border-bottom: 1px solid #ededed;
    position: relative; }
    .component-member-invite-list section .content ul.list--friends li p,
    .component-member-invite-list section .content ul.list--contributors li p,
    .component-member-invite-list section .content ul.list--open-invites li p {
      color: #404040; }
      .component-member-invite-list section .content ul.list--friends li p span,
      .component-member-invite-list section .content ul.list--contributors li p span,
      .component-member-invite-list section .content ul.list--open-invites li p span {
        width: 30px;
        height: 30px;
        display: inline-block;
        margin-right: 5px;
        text-align: center;
        font-size: 14px;
        line-height: 30px; }
        .component-member-invite-list section .content ul.list--friends li p span.icon--initials,
        .component-member-invite-list section .content ul.list--contributors li p span.icon--initials,
        .component-member-invite-list section .content ul.list--open-invites li p span.icon--initials {
          background-color: #f4f4f4;
          text-transform: uppercase;
          border-radius: 30px;
          color: #dedede; }
        .component-member-invite-list section .content ul.list--friends li p span.icon--email svg,
        .component-member-invite-list section .content ul.list--contributors li p span.icon--email svg,
        .component-member-invite-list section .content ul.list--open-invites li p span.icon--email svg {
          width: 16px;
          height: 30px;
          fill: #008ed3;
          stroke: #008ed3;
          vertical-align: middle;
          -webkit-transform: translateY(-1px);
                  transform: translateY(-1px); }
      .component-member-invite-list section .content ul.list--friends li p img,
      .component-member-invite-list section .content ul.list--contributors li p img,
      .component-member-invite-list section .content ul.list--open-invites li p img {
        border-radius: 30px;
        vertical-align: middle;
        display: inline-block;
        margin-right: 5px; }
    .component-member-invite-list section .content ul.list--friends li .options,
    .component-member-invite-list section .content ul.list--contributors li .options,
    .component-member-invite-list section .content ul.list--open-invites li .options {
      display: block;
      position: absolute;
      top: 4px;
      right: 8px; }
      .component-member-invite-list section .content ul.list--friends li .options:after,
      .component-member-invite-list section .content ul.list--contributors li .options:after,
      .component-member-invite-list section .content ul.list--open-invites li .options:after {
        content: "";
        display: table;
        clear: both; }
      .component-member-invite-list section .content ul.list--friends li .options a,
      .component-member-invite-list section .content ul.list--contributors li .options a,
      .component-member-invite-list section .content ul.list--open-invites li .options a {
        float: left;
        color: #bbbbbb;
        font-size: 12px;
        line-height: 32px; }
        .component-member-invite-list section .content ul.list--friends li .options a svg,
        .component-member-invite-list section .content ul.list--contributors li .options a svg,
        .component-member-invite-list section .content ul.list--open-invites li .options a svg {
          width: 18px;
          height: 18px;
          vertical-align: middle;
          fill: #bbbbbb;
          stroke: #bbbbbb;
          -webkit-transform: translateY(-1px);
                  transform: translateY(-1px); }
        .component-member-invite-list section .content ul.list--friends li .options a:hover,
        .component-member-invite-list section .content ul.list--contributors li .options a:hover,
        .component-member-invite-list section .content ul.list--open-invites li .options a:hover {
          color: #008ed3; }
        .component-member-invite-list section .content ul.list--friends li .options a.type--remove svg,
        .component-member-invite-list section .content ul.list--contributors li .options a.type--remove svg,
        .component-member-invite-list section .content ul.list--open-invites li .options a.type--remove svg {
          width: 14px;
          height: 14px; }
      .component-member-invite-list section .content ul.list--friends li .options .role-selector,
      .component-member-invite-list section .content ul.list--contributors li .options .role-selector,
      .component-member-invite-list section .content ul.list--open-invites li .options .role-selector {
        position: relative;
        line-height: 32px;
        float: left; }
        .component-member-invite-list section .content ul.list--friends li .options .role-selector svg,
        .component-member-invite-list section .content ul.list--contributors li .options .role-selector svg,
        .component-member-invite-list section .content ul.list--open-invites li .options .role-selector svg {
          display: block;
          position: absolute;
          right: 0;
          top: 0;
          vertical-align: middle;
          width: 12px;
          height: 32px;
          fill: #bbbbbb;
          stroke: #bbbbbb; }
        .component-member-invite-list section .content ul.list--friends li .options .role-selector select,
        .component-member-invite-list section .content ul.list--contributors li .options .role-selector select,
        .component-member-invite-list section .content ul.list--open-invites li .options .role-selector select {
          border-width: 0;
          background-color: transparent;
          -webkit-appearance: none;
             -moz-appearance: none;
                  appearance: none;
          padding-right: 15px;
          height: 32px;
          font-size: 12px;
          color: #bbbbbb;
          text-align: right; }
          .component-member-invite-list section .content ul.list--friends li .options .role-selector select:hover,
          .component-member-invite-list section .content ul.list--contributors li .options .role-selector select:hover,
          .component-member-invite-list section .content ul.list--open-invites li .options .role-selector select:hover {
            color: #008ed3; }
          .component-member-invite-list section .content ul.list--friends li .options .role-selector select:focus,
          .component-member-invite-list section .content ul.list--contributors li .options .role-selector select:focus,
          .component-member-invite-list section .content ul.list--open-invites li .options .role-selector select:focus {
            outline: none; }
        .component-member-invite-list section .content ul.list--friends li .options .role-selector:hover svg,
        .component-member-invite-list section .content ul.list--contributors li .options .role-selector:hover svg,
        .component-member-invite-list section .content ul.list--open-invites li .options .role-selector:hover svg {
          fill: #008ed3;
          stroke: #008ed3; }
      .component-member-invite-list section .content ul.list--friends li .options a + a,
      .component-member-invite-list section .content ul.list--friends li .options .role-selector + a,
      .component-member-invite-list section .content ul.list--contributors li .options a + a,
      .component-member-invite-list section .content ul.list--contributors li .options .role-selector + a,
      .component-member-invite-list section .content ul.list--open-invites li .options a + a,
      .component-member-invite-list section .content ul.list--open-invites li .options .role-selector + a {
        margin-left: 12px; }
    .component-member-invite-list section .content ul.list--friends li.has-change p,
    .component-member-invite-list section .content ul.list--contributors li.has-change p,
    .component-member-invite-list section .content ul.list--open-invites li.has-change p {
      color: #008ed3; }
    .component-member-invite-list section .content ul.list--friends li:last-child,
    .component-member-invite-list section .content ul.list--contributors li:last-child,
    .component-member-invite-list section .content ul.list--open-invites li:last-child {
      border-bottom-width: 0; }
    .component-member-invite-list section .content ul.list--friends li.is-active,
    .component-member-invite-list section .content ul.list--contributors li.is-active,
    .component-member-invite-list section .content ul.list--open-invites li.is-active {
      display: block; }
  .component-member-invite-list section .content ul.list--friends {
    position: absolute;
    z-index: 1;
    top: 32px;
    left: 0;
    right: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 5px 25px -10px rgba(0, 0, 0, 0.35), 0 15px 150px -25px rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out; }
    .component-member-invite-list section .content ul.list--friends li {
      padding-left: 10px;
      cursor: pointer; }
      .component-member-invite-list section .content ul.list--friends li:hover p {
        color: #008ed3; }
      .component-member-invite-list section .content ul.list--friends li:hover .options a {
        color: #008ed3; }
        .component-member-invite-list section .content ul.list--friends li:hover .options a svg {
          fill: #008ed3;
          stroke: #008ed3; }
  .component-member-invite-list section .content ul.list--contributors {
    margin-top: 10px; }
  .component-member-invite-list section .content ul.list--open-invites {
    margin-top: 10px; }
    .component-member-invite-list section .content ul.list--open-invites li .options a.type--add {
      display: none; }
    .component-member-invite-list section .content ul.list--open-invites li .options a.type--resend-invite,
    .component-member-invite-list section .content ul.list--open-invites li .options a.type--resending-invite,
    .component-member-invite-list section .content ul.list--open-invites li .options a.type--cancel-invite,
    .component-member-invite-list section .content ul.list--open-invites li .options a.type--cancelling-invite {
      display: block; }

.component-member-invite-list section.has-content .content .invite-wrap button {
  display: inline-block; }

.component-member-invite-list section .help {
  padding: 10px 0 0 0;
  clear: both;
  font-size: 11px; }
  .component-member-invite-list section .help a {
    display: block;
    color: #999999; }
    .component-member-invite-list section .help a:hover {
      color: #008ed3; }
  .component-member-invite-list section .help p {
    margin-top: 5px;
    line-height: 16px;
    padding-right: 30px;
    color: #666666; }

.component-member-invite-list section input[type=text].error {
  border: 1px solid #df3c10;
  color: #df3c10; }

/** Auto-complete search **/
#searchResults {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 110;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background: #ffffff;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15);
  display: none;
  opacity: 0;
  -webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  #searchResults .nav {
    height: 44px;
    position: relative;
    background-color: #fbfbfb;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
    #searchResults .nav .loader {
      position: absolute;
      opacity: 0;
      top: 8px;
      right: 48px;
      -webkit-transform: translateY(-100px);
              transform: translateY(-100px);
      -webkit-transform-origin: 50% 43%;
              transform-origin: 50% 43%;
      -webkit-transition: opacity 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      transition: opacity 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
      -webkit-transition-delay: 0.25s;
              transition-delay: 0.25s; }
      #searchResults .nav .loader svg {
        width: 28px;
        height: 28px;
        stroke: #bbbbbb; }
    #searchResults .nav a.button--search {
      position: absolute;
      left: 8px;
      top: 0;
      padding: 0 6px 0 6px;
      line-height: 44px; }
      #searchResults .nav a.button--search svg {
        vertical-align: middle;
        width: 24px;
        height: 24px;
        stroke: #008ed3; }
    #searchResults .nav a.button--close {
      position: absolute;
      right: 8px;
      top: 0;
      padding: 0 6px 0 6px;
      line-height: 44px; }
      #searchResults .nav a.button--close svg {
        vertical-align: middle;
        width: 22px;
        height: 22px;
        stroke: #008ed3; }
    #searchResults .nav input[type="text"] {
      display: block;
      width: 100%;
      box-sizing: border-box;
      padding-left: 48px;
      padding-right: 48px;
      border-width: 0;
      background-color: transparent;
      font-size: 18px;
      height: 44px; }
      #searchResults .nav input[type="text"]:focus, #searchResults .nav input[type="text"]:active {
        outline: 0; }
  #searchResults.is-loading .nav .loader {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    opacity: 1;
    -webkit-animation: spinLoader 1s linear infinite;
            animation: spinLoader 1s linear infinite; }
  #searchResults.is-active {
    display: block; }
    #searchResults.is-active.is-visible {
      opacity: 1; }
      #searchResults.is-active.is-visible .nav {
        -webkit-transform: translateY(0);
                transform: translateY(0); }
  #searchResults.active {
    width: 300px; }
  #searchResults .section {
    padding: 10px 0 13px 0;
    margin: 0 auto 0 auto; }
    @media (min-width: 400px) and (max-width: 600px) {
      #searchResults .section {
        width: 400px; } }
    @media (min-width: 600px) and (max-width: 800px) {
      #searchResults .section {
        width: 600px; } }
    @media (min-width: 800px) and (max-width: 1000px) {
      #searchResults .section {
        width: 800px; } }
    @media (min-width: 1000px) and (max-width: 1200px) {
      #searchResults .section {
        width: 1000px; } }
    @media (min-width: 1200px) and (max-width: 1400px) {
      #searchResults .section {
        width: 1200px; } }
    @media (min-width: 1400px) and (max-width: 1600px) {
      #searchResults .section {
        width: 1400px; } }
    @media (min-width: 1600px) and (max-width: 1800px) {
      #searchResults .section {
        width: 1600px; } }
    @media (min-width: 1800px) and (max-width: 2000px) {
      #searchResults .section {
        width: 1800px; } }
    #searchResults .section:last-child {
      border-bottom: 0px; }
    #searchResults .section ul {
      margin: 0;
      padding: 0; }
      #searchResults .section ul:after {
        content: "";
        display: table;
        clear: both; }
      #searchResults .section ul li {
        border-bottom: 0px;
        margin: 0;
        padding: 0 0 0 24px;
        font-size: 15px;
        line-height: 20px; }
        #searchResults .section ul li a {
          border-bottom: 1px solid #dedede;
          color: #404040;
          display: block;
          font-weight: 400;
          padding: 10px 8px 10px 0; }
          #searchResults .section ul li a span {
            color: #008ed3; }
        #searchResults .section ul li:last-child {
          border-bottom: 0px; }
    #searchResults .section h2 {
      margin: 0 0 12px 0;
      padding: 0;
      font-size: 18px;
      line-height: 24px;
      color: #000000;
      letter-spacing: 2px;
      font-weight: 300; }
      #searchResults .section h2 a {
        color: #000000; }
        #searchResults .section h2 a:hover {
          color: #008ed3;
          text-decoration: none; }
    #searchResults .section.section--groups ul li {
      width: 200px;
      height: 150px;
      margin-bottom: 1px;
      padding: 0;
      float: left;
      position: relative; }
      #searchResults .section.section--groups ul li p {
        display: table;
        width: 100%;
        height: 100%;
        margin: 0 0 0 0; }
        #searchResults .section.section--groups ul li p a {
          display: table-cell;
          text-align: center;
          vertical-align: middle;
          border-width: 0;
          background-color: rgba(0, 0, 0, 0.25);
          font-size: 16px;
          font-weight: bold;
          letter-spacing: 1px;
          text-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
          text-align: center;
          text-transform: uppercase;
          color: #ffffff;
          padding: 0 16px 0 16px; }
          #searchResults .section.section--groups ul li p a span {
            color: #ffffff;
            font-size: 13px;
            font-weight: normal; }
      #searchResults .section.section--groups ul li:after {
        display: block;
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 1px;
        background-color: #ffffff; }
    #searchResults .section.section--images ul li {
      width: 200px;
      height: 150px;
      margin-bottom: 1px;
      padding: 0;
      float: left;
      position: relative; }
      #searchResults .section.section--images ul li a {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        border-width: 0; }
        #searchResults .section.section--images ul li a img {
          width: 100%;
          height: auto;
          display: block;
          margin: 0 0 0 0; }
      #searchResults .section.section--images ul li:after {
        display: block;
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 1px;
        background-color: #ffffff; }
    #searchResults .section.section--users ul {
      border-left: 1px solid #ededed;
      border-top: 1px solid #ededed; }
      #searchResults .section.section--users ul li {
        width: 160px;
        height: 140px;
        float: left;
        box-sizing: border-box;
        border-right: 1px solid #ededed;
        border-bottom: 1px solid #ededed; }
        #searchResults .section.section--users ul li a {
          padding-top: 24px;
          border-width: 0;
          text-align: center;
          font-size: 14px;
          line-height: 16px; }
          #searchResults .section.section--users ul li a span,
          #searchResults .section.section--users ul li a img {
            display: inline-block;
            width: 60px;
            height: 60px;
            border-radius: 30px;
            vertical-align: middle;
            margin-right: 8px;
            margin-bottom: 8px;
            background-color: #dedede; }
    #searchResults .section.section--categories ul li {
      width: 160px;
      height: 200px;
      margin: 0 0 0 0;
      position: relative;
      margin: 12px 12px 12px 12px;
      padding: 0 0 0 0;
      float: left; }
      #searchResults .section.section--categories ul li h3 {
        margin: 0 0 0 0;
        padding: 0; }
        #searchResults .section.section--categories ul li h3 a {
          display: block;
          font-weight: 400;
          letter-spacing: 0.5px;
          font-size: 16px;
          line-height: 18px;
          color: #000000;
          text-align: center;
          -webkit-transition: color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: color 0.1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          border-width: 0; }
          #searchResults .section.section--categories ul li h3 a:hover {
            text-decoration: none;
            color: #008ed3; }
      #searchResults .section.section--categories ul li a.cover-link {
        display: block;
        height: 100%;
        overflow: hidden;
        text-indent: -1000px; }
      #searchResults .section.section--categories ul li .images {
        height: 160px;
        border-radius: 3px;
        overflow: hidden;
        position: relative; }
        #searchResults .section.section--categories ul li .images:after {
          content: "";
          display: table;
          clear: both; }
        #searchResults .section.section--categories ul li .images:before {
          content: '';
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          border: 1px solid rgba(0, 0, 0, 0.1);
          z-index: 2;
          pointer-events: none;
          border-radius: 3px; }
        #searchResults .section.section--categories ul li .images .image {
          float: left;
          width: 50%;
          height: 50%; }
          #searchResults .section.section--categories ul li .images .image a {
            width: 100%;
            height: 100%;
            display: block;
            overflow: hidden;
            text-indent: -1000px;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center; }
      #searchResults .section.section--categories ul li.title--long h3 a {
        font-size: 12px;
        line-height: 16px; }
    #searchResults .section.dead-section--categories ul li {
      width: 200px;
      height: 256px;
      margin: 0 0 0 0;
      overflow: hidden;
      position: relative;
      margin: 12px 12px 12px 12px;
      padding: 0 0 0 0;
      border-radius: 3px;
      background-color: #000000;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
      float: left; }
      #searchResults .section.dead-section--categories ul li .image a {
        padding: 0;
        border-width: 0;
        display: block;
        width: 200px;
        height: 200px;
        overflow: hidden; }
        #searchResults .section.dead-section--categories ul li .image a img {
          display: block;
          margin: 0 0 0 0; }
      #searchResults .section.dead-section--categories ul li p {
        margin: 11px 12px 0 12px; }
        #searchResults .section.dead-section--categories ul li p a {
          font-weight: 300;
          font-size: 18px;
          line-height: 24px;
          color: #ffffff;
          text-align: center;
          border-width: 0;
          padding: 0; }

@-webkit-keyframes spinLoader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

@keyframes spinLoader {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

#create-group-popup-cover {
  display: none; }
  #create-group-popup-cover.is-active {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.25);
    -webkit-transition: opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 100; }
    #create-group-popup-cover.is-active.is-visible {
      opacity: 1;
      -webkit-backdrop-filter: saturate(25%);
              backdrop-filter: saturate(25%); }

#create-group-popup {
  display: none; }
  #create-group-popup .wrap-table {
    display: table;
    width: 100%;
    height: 100%; }
  #create-group-popup .wrap-cell {
    display: table-cell;
    vertical-align: middle; }
  #create-group-popup .content {
    position: relative;
    width: 275px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 3px;
    background-color: #ffffff;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.25); }
    #create-group-popup .content h2 {
      margin: 0 0 0 0;
      font-size: 14px;
      line-height: 40px;
      text-align: center;
      border-bottom: 1px solid #dedede; }
    #create-group-popup .content a.close {
      position: absolute;
      display: block;
      width: 40px;
      line-height: 40px;
      text-align: center;
      top: 0;
      right: 0; }
      #create-group-popup .content a.close svg {
        width: 18px;
        height: 18px;
        vertical-align: middle;
        stroke: #bbbbbb;
        -webkit-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      #create-group-popup .content a.close:hover svg {
        stroke: #008ed3; }
    #create-group-popup .content form {
      -webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
      transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
      #create-group-popup .content form .form-field {
        position: relative;
        padding-top: 1px;
        -webkit-transition: height 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: height 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        #create-group-popup .content form .form-field p.error {
          display: none;
          margin: 0 0 0 0;
          padding: 8px 16px 8px 16px;
          color: #404040;
          font-size: 13px;
          position: absolute;
          top: 50%;
          left: 100%;
          white-space: nowrap;
          -webkit-transform: translate3d(0, -50%, 0);
                  transform: translate3d(0, -50%, 0);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
          background-color: #ffffff;
          border: 1px solid rgba(0, 0, 0, 0.15);
          border-radius: 3px; }
          #create-group-popup .content form .form-field p.error:before {
            content: '';
            display: block;
            width: 10px;
            height: 10px;
            position: absolute;
            top: 50%;
            left: 0;
            background-color: #ffffff;
            -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
                    transform: translate3d(-50%, -50%, 0) rotate(45deg);
            border-left: 1px solid rgba(0, 0, 0, 0.15);
            border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
        #create-group-popup .content form .form-field.has-error p.error {
          display: block; }
        #create-group-popup .content form .form-field.has-error p.input {
          color: #FF3B30 !important; }
          #create-group-popup .content form .form-field.has-error p.input span {
            color: #FF3B30 !important; }
        #create-group-popup .content form .form-field:before {
          content: '';
          display: block;
          position: absolute;
          left: 16px;
          right: 0;
          top: 0;
          height: 1px;
          background-color: #ededed; }
        #create-group-popup .content form .form-field:first-child:before {
          display: none; }
      #create-group-popup .content form input[type='text'] {
        box-sizing: border-box;
        padding: 0 0 0 16px;
        width: 100%;
        border-width: 0;
        font-size: 13px;
        height: 36px;
        color: #404040; }
        #create-group-popup .content form input[type='text']:focus {
          outline: none; }
      #create-group-popup .content form p.input {
        margin: 0 0 0 0;
        padding: 8px 16px 8px 16px;
        font-size: 13px;
        line-height: 20px;
        color: #aaaaaa; }
        #create-group-popup .content form p.input span {
          color: #404040 !important; }
        #create-group-popup .content form p.input:focus {
          outline: none; }
        #create-group-popup .content form p.input.is-active {
          color: #404040; }
      #create-group-popup .content form textarea {
        box-sizing: border-box;
        width: 100%;
        padding: 0 0 0 0;
        font-size: 13px;
        color: #404040;
        border-width: 0; }
      #create-group-popup .content form a.contacts-dropdown__toggle {
        display: block;
        padding: 0 0 0 16px;
        font-size: 13px;
        line-height: 36px;
        color: #404040;
        position: relative;
        -webkit-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        #create-group-popup .content form a.contacts-dropdown__toggle svg {
          margin-left: 4px;
          margin-bottom: 2px;
          vertical-align: middle;
          width: 14px;
          height: 14px;
          fill: #bbbbbb;
          -webkit-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        #create-group-popup .content form a.contacts-dropdown__toggle:hover {
          color: #008ed3; }
          #create-group-popup .content form a.contacts-dropdown__toggle:hover svg {
            fill: #008ed3; }
      #create-group-popup .content form a.toggle {
        display: block;
        padding: 0 0 0 16px;
        font-size: 13px;
        line-height: 36px;
        color: #404040;
        position: relative; }
        #create-group-popup .content form a.toggle:hover {
          color: #008ed3; }
        #create-group-popup .content form a.toggle:before {
          display: block;
          content: '';
          position: absolute;
          top: 8px;
          right: 16px;
          width: 33px;
          height: 20px;
          background-color: #dedede;
          border-radius: 100px;
          -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
        #create-group-popup .content form a.toggle:after {
          display: block;
          content: '';
          position: absolute;
          top: 9px;
          right: 30px;
          width: 18px;
          height: 18px;
          background-color: #ffffff;
          border-radius: 100px;
          -webkit-transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25); }
        #create-group-popup .content form a.toggle.is-active:before {
          background-color: #008ed3; }
        #create-group-popup .content form a.toggle.is-active:after {
          -webkit-transform: translate3d(13px, 0, 0);
                  transform: translate3d(13px, 0, 0); }
      #create-group-popup .content form .options {
        text-align: right;
        padding: 12px 12px 12px 12px;
        border-top: 1px solid #dedede; }
        #create-group-popup .content form .options input[type='submit']:focus {
          outline: none; }
    #create-group-popup .content.is-saving form {
      opacity: 0.5; }
  #create-group-popup.is-active {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
    z-index: 101; }
    #create-group-popup.is-active.is-visible {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0); }
      #create-group-popup.is-active.is-visible .content {
        -webkit-transition: height 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: height 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), height 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.cornify {
  -webkit-animation: cornify 10s linear infinite;
          animation: cornify 10s linear infinite; }

@-webkit-keyframes cornify {
  0% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg); }
  50% {
    -webkit-filter: hue-rotate(179deg);
            filter: hue-rotate(179deg); }
  100% {
    -webkit-filter: hue-rotate(3590deg);
            filter: hue-rotate(3590deg); } }

@keyframes cornify {
  0% {
    -webkit-filter: hue-rotate(0deg);
            filter: hue-rotate(0deg); }
  50% {
    -webkit-filter: hue-rotate(179deg);
            filter: hue-rotate(179deg); }
  100% {
    -webkit-filter: hue-rotate(3590deg);
            filter: hue-rotate(3590deg); } }

.contacts-dropdown {
  position: relative; }
  .contacts-dropdown a.contacts-dropdown__toggle {
    font-size: 12px;
    cursor: pointer; }
    .contacts-dropdown a.contacts-dropdown__toggle span {
      color: #008ed3; }
    .contacts-dropdown a.contacts-dropdown__toggle svg {
      width: 10px;
      height: 10px;
      vertical-align: middle;
      margin-left: 6px;
      stroke: #008ed3;
      fill: #008ed3; }
    .contacts-dropdown a.contacts-dropdown__toggle:hover {
      color: #008ed3; }
      .contacts-dropdown a.contacts-dropdown__toggle:hover svg {
        stroke: #008ed3;
        fill: #008ed3; }
  .contacts-dropdown .contacts-dropdown__dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background-color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 10px 150px -10px rgba(0, 0, 0, 0.35);
    z-index: 100; }
    .contacts-dropdown .contacts-dropdown__dropdown .search {
      border-bottom: 1px solid #dedede;
      background-color: #fafafa;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }
      .contacts-dropdown .contacts-dropdown__dropdown .search input {
        margin: 0;
        padding: 0;
        border-width: 0;
        font-size: 13px;
        height: 34px;
        padding-left: 16px;
        padding-right: 16px;
        width: 100%;
        box-sizing: border-box;
        position: relative;
        background-color: transparent; }
        .contacts-dropdown .contacts-dropdown__dropdown .search input:focus {
          outline: none; }
      .contacts-dropdown .contacts-dropdown__dropdown .search svg {
        position: absolute;
        top: 7px;
        right: 11px;
        width: 20px;
        height: 20px;
        fill: #dedede;
        stroke: #dedede;
        -webkit-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
      .contacts-dropdown .contacts-dropdown__dropdown .search .clear {
        display: none;
        cursor: pointer;
        top: 8px;
        right: 12px; }
        .contacts-dropdown .contacts-dropdown__dropdown .search .clear svg {
          width: 18px;
          height: 18px;
          fill: #008ed3;
          stroke: #008ed3; }
      .contacts-dropdown .contacts-dropdown__dropdown .search.has-content .magnify {
        display: none; }
      .contacts-dropdown .contacts-dropdown__dropdown .search.has-content .clear {
        display: block; }
      .contacts-dropdown .contacts-dropdown__dropdown .search.is-active svg {
        fill: #008ed3;
        stroke: #008ed3; }
    .contacts-dropdown .contacts-dropdown__dropdown ol {
      list-style-type: none;
      margin: 0;
      max-height: 300px;
      overflow-x: hidden;
      overflow-y: scroll; }
      .contacts-dropdown .contacts-dropdown__dropdown ol li {
        font-size: 13px;
        line-height: 35px;
        cursor: pointer;
        padding-left: 16px;
        padding-right: 16px;
        position: relative;
        -webkit-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
        transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
        .contacts-dropdown .contacts-dropdown__dropdown ol li:before {
          position: absolute;
          bottom: 0;
          left: 16px;
          right: 0;
          height: 1px;
          background-color: #ededed;
          content: '';
          display: block; }
        .contacts-dropdown .contacts-dropdown__dropdown ol li svg {
          position: absolute;
          width: 18px;
          height: 18px;
          fill: #dedede;
          stroke: #dedede;
          top: 8px;
          right: 12px;
          -webkit-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955);
          transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
        .contacts-dropdown .contacts-dropdown__dropdown ol li:last-child:before {
          display: none; }
        .contacts-dropdown .contacts-dropdown__dropdown ol li.is-active {
          color: #008ed3; }
          .contacts-dropdown .contacts-dropdown__dropdown ol li.is-active svg {
            fill: #008ed3;
            stroke: #008ed3; }
        .contacts-dropdown .contacts-dropdown__dropdown ol li.is-hidden {
          display: none; }
    .contacts-dropdown .contacts-dropdown__dropdown p {
      font-size: 13px;
      color: #808080;
      text-align: center;
      display: none; }
      .contacts-dropdown .contacts-dropdown__dropdown p.search-no-results {
        padding-top: 10px;
        padding-bottom: 10px; }
    .contacts-dropdown .contacts-dropdown__dropdown.is-loading p.loader {
      display: block;
      padding-top: 20px;
      padding-bottom: 20px; }
      .contacts-dropdown .contacts-dropdown__dropdown.is-loading p.loader svg {
        fill: #dedede;
        stroke: #dedede;
        -webkit-animation: contactsDropdownLoaderSpin 2000ms infinite linear;
                animation: contactsDropdownLoaderSpin 2000ms infinite linear; }
    .contacts-dropdown .contacts-dropdown__dropdown.has-error p.error {
      display: block; }
    .contacts-dropdown .contacts-dropdown__dropdown.search-is-empty p.search-no-results {
      display: block; }
  .contacts-dropdown.is-active .contacts-dropdown__dropdown {
    display: block; }

@-webkit-keyframes contactsDropdownLoaderSpin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

@keyframes contactsDropdownLoaderSpin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

.user-groups-list > .wrap > .content {
  position: relative; }
  .user-groups-list > .wrap > .content .content--search {
    background-color: #fbfbfb;
    border-bottom: 1px solid #ededed; }
    .user-groups-list > .wrap > .content .content--search input {
      border-width: 0;
      font-size: 14px;
      height: 33px;
      padding: 0 30px 0 15px;
      box-sizing: border-box;
      width: 100%;
      background-color: #fbfbfb; }
      .user-groups-list > .wrap > .content .content--search input:focus {
        outline: 0; }
  .user-groups-list > .wrap > .content .content--no-search-results {
    display: none; }
    .user-groups-list > .wrap > .content .content--no-search-results p {
      padding: 32px 12px 32px 12px;
      text-align: center; }
      .user-groups-list > .wrap > .content .content--no-search-results p span {
        color: #000000; }
  .user-groups-list > .wrap > .content .content--groups ul li {
    position: relative;
    text-align: left;
    -webkit-transition: background-color 250ms cubic-bezier(0.5, 0, 0.2, 1);
    transition: background-color 250ms cubic-bezier(0.5, 0, 0.2, 1); }
    .user-groups-list > .wrap > .content .content--groups ul li:before {
      display: block;
      position: absolute;
      left: 15px;
      top: 0;
      right: 0;
      content: '';
      height: 1px;
      background-color: #ededed; }
    .user-groups-list > .wrap > .content .content--groups ul li a {
      display: block;
      position: relative;
      padding-left: 16px;
      padding-top: 1px;
      font-size: 14px;
      line-height: 32px;
      color: #404040; }
      .user-groups-list > .wrap > .content .content--groups ul li a:hover {
        color: #008ed3; }
      .user-groups-list > .wrap > .content .content--groups ul li a svg {
        display: inline-block;
        width: 16px;
        height: 16px;
        stroke: #bbbbbb;
        fill: #bbbbbb;
        vertical-align: middle; }
      .user-groups-list > .wrap > .content .content--groups ul li a > svg {
        position: absolute;
        right: 15px;
        top: 8px; }
      .user-groups-list > .wrap > .content .content--groups ul li a span.group-properties {
        position: absolute;
        top: 0;
        right: 40px; }
        .user-groups-list > .wrap > .content .content--groups ul li a span.group-properties svg {
          width: 12px;
          height: 12px; }
        .user-groups-list > .wrap > .content .content--groups ul li a span.group-properties svg + svg {
          margin-left: 4px; }
    .user-groups-list > .wrap > .content .content--groups ul li:first-child:before {
      padding-top: 0;
      display: none; }
    .user-groups-list > .wrap > .content .content--groups ul li.is-active a {
      color: #008ed3; }
      .user-groups-list > .wrap > .content .content--groups ul li.is-active a > svg {
        fill: #008ed3;
        stroke: #008ed3; }
    .user-groups-list > .wrap > .content .content--groups ul li.is-glowing {
      background-color: rgba(0, 142, 211, 0.2); }
  .user-groups-list > .wrap > .content .content--no-groups {
    display: none;
    padding: 20px 16px 24px 16px;
    text-align: center;
    max-width: 300px; }
    .user-groups-list > .wrap > .content .content--no-groups h2 {
      margin: 0 0 0 0;
      font-size: 15px;
      line-height: 1.2; }
    .user-groups-list > .wrap > .content .content--no-groups p {
      margin: 4px 0 0 0; }
    .user-groups-list > .wrap > .content .content--no-groups a.button {
      margin: 12px 0 0 0;
      display: inline-block;
      color: #008ed3; }
  .user-groups-list > .wrap > .content .content--loading {
    display: none;
    max-width: 300px; }
    .user-groups-list > .wrap > .content .content--loading p {
      padding: 32px 12px 32px 12px;
      text-align: center; }
  .user-groups-list > .wrap > .content .content--sorting {
    position: absolute;
    top: 0;
    right: 32px;
    width: 32px;
    height: 32px;
    text-align: center; }
    .user-groups-list > .wrap > .content .content--sorting a {
      display: block;
      padding: 0;
      margin: 0;
      line-height: 32px;
      width: 32px;
      text-align: center; }
      .user-groups-list > .wrap > .content .content--sorting a svg {
        margin-bottom: 2px;
        width: 16px;
        height: 16px;
        fill: #bbbbbb;
        stroke: #bbbbbb;
        vertical-align: middle; }
      .user-groups-list > .wrap > .content .content--sorting a:hover svg {
        fill: #008ed3;
        stroke: #008ed3; }
    .user-groups-list > .wrap > .content .content--sorting a.sorting--date {
      display: none; }
    .user-groups-list > .wrap > .content .content--sorting.sort-by-date a.sorting--alpha {
      display: none; }
    .user-groups-list > .wrap > .content .content--sorting.sort-by-date a.sorting--date {
      display: block; }
  .user-groups-list > .wrap > .content .content--create {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    text-align: center; }
    .user-groups-list > .wrap > .content .content--create a {
      display: block;
      padding: 0;
      margin: 0;
      line-height: 32px;
      width: 32px;
      text-align: center; }
      .user-groups-list > .wrap > .content .content--create a svg {
        margin-bottom: 2px;
        width: 18px;
        height: 18px;
        fill: #bbbbbb;
        stroke: #bbbbbb;
        vertical-align: middle; }
      .user-groups-list > .wrap > .content .content--create a:hover svg {
        fill: #008ed3;
        stroke: #008ed3; }

.user-groups-list.no-search-results > .wrap > .content .content--no-search-results {
  display: block; }

.user-groups-list.no-search-results > .wrap > .content .content--sorting {
  display: none; }

.user-groups-list.no-groups > .wrap > .content .content--no-groups {
  display: block; }

.user-groups-list.no-groups > .wrap > .content .content--sorting,
.user-groups-list.no-groups > .wrap > .content .content--search,
.user-groups-list.no-groups > .wrap > .content .content--create {
  display: none; }

.user-groups-list.is-loading > .wrap > .content .content--loading {
  display: block; }

.user-groups-list.is-loading > .wrap > .content .content--search,
.user-groups-list.is-loading > .wrap > .content .content--sorting,
.user-groups-list.is-loading > .wrap > .content .content--create {
  display: none; }

.user-groups-list.mode--save > .wrap > .content .content--groups ul li:before {
  right: 15px; }

.user-groups-list.mode--link > .wrap > .content .content--groups ul li a span.group-properties {
  right: 16px; }

.user-list {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px; }
  .user-list > .wrap {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto; }
    .user-list > .wrap > .content .user-list-item {
      position: relative;
      padding: 15px 85px 15px 75px;
      min-height: 90px;
      border-top: 1px solid #ededed; }
      .user-list > .wrap > .content .user-list-item:first-child {
        border-top-width: 0; }
      .user-list > .wrap > .content .user-list-item .avatar {
        position: absolute;
        left: 0;
        top: 15px; }
      .user-list > .wrap > .content .user-list-item button {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
    .user-list > .wrap > .content .group-list-item {
      position: relative;
      padding: 15px 85px 15px 75px;
      border-top: 1px solid #ededed; }
      .user-list > .wrap > .content .group-list-item:first-child {
        border-top-width: 0; }
      .user-list > .wrap > .content .group-list-item svg {
        position: absolute;
        left: 18px;
        top: 50%;
        stroke: #dedede;
        width: 24px;
        height: 24px;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
      .user-list > .wrap > .content .group-list-item button {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
    .user-list > .wrap > .content .source-list-item {
      position: relative;
      padding: 15px 85px 15px 75px;
      border-top: 1px solid #ededed; }
      .user-list > .wrap > .content .source-list-item:first-child {
        border-top-width: 0; }
      .user-list > .wrap > .content .source-list-item svg {
        position: absolute;
        left: 18px;
        top: 50%;
        stroke: #dedede;
        fill: #dedede;
        width: 24px;
        height: 24px;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
      .user-list > .wrap > .content .source-list-item button {
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }

.follow-list {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px; }
  .follow-list > .wrap {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto; }
    .follow-list > .wrap > .content .user-list-item {
      position: relative;
      padding: 15px 85px 15px 75px;
      min-height: 90px;
      border-top: 1px solid #ededed; }
      .follow-list > .wrap > .content .user-list-item:first-child {
        border-top-width: 0; }
      .follow-list > .wrap > .content .user-list-item .avatar {
        position: absolute;
        left: 0;
        top: 15px; }
      .follow-list > .wrap > .content .user-list-item > a.button {
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
    .follow-list > .wrap > .content .group-list-item {
      position: relative;
      padding: 15px 85px 15px 75px;
      border-top: 1px solid #ededed; }
      .follow-list > .wrap > .content .group-list-item:first-child {
        border-top-width: 0; }
      .follow-list > .wrap > .content .group-list-item svg {
        position: absolute;
        left: 18px;
        top: 50%;
        stroke: #dedede;
        width: 24px;
        height: 24px;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
      .follow-list > .wrap > .content .group-list-item > a.button {
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
    .follow-list > .wrap > .content .source-list-item {
      position: relative;
      padding: 15px 85px 15px 75px;
      border-top: 1px solid #ededed; }
      .follow-list > .wrap > .content .source-list-item:first-child {
        border-top-width: 0; }
      .follow-list > .wrap > .content .source-list-item svg {
        position: absolute;
        left: 18px;
        top: 50%;
        stroke: #dedede;
        fill: #dedede;
        width: 24px;
        height: 24px;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }
      .follow-list > .wrap > .content .source-list-item > a.button {
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); }

.no-content-tip {
  padding-left: 20px;
  padding-right: 20px; }
  .no-content-tip .wrap {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto; }
    .no-content-tip .wrap .content {
      text-align: center;
      padding: 30px 0px; }
      .no-content-tip .wrap .content h4 {
        font-size: 18px;
        line-height: 24px;
        font-weight: 500;
        margin: 0; }
      .no-content-tip .wrap .content p {
        font-size: 14px;
        line-height: 20px;
        margin: 12px 0 0 0; }
        .no-content-tip .wrap .content p a {
          color: #008ed3; }
          .no-content-tip .wrap .content p a:hover {
            text-decoration: underline; }
      .no-content-tip .wrap .content .button {
        margin-top: 15px;
        display: inline-block;
        background-color: transparent; }
      .no-content-tip .wrap .content .image {
        margin-top: 25px; }

.info-block {
  position: relative;
  z-index: 3; }
  .info-block .top {
    padding: 20px; }
    .info-block .top:after {
      content: "";
      display: table;
      clear: both; }
    .info-block .top section {
      box-sizing: border-box; }
      .info-block .top section.section--info {
        max-width: 550px;
        margin-left: auto;
        margin-right: auto; }
        .info-block .top section.section--info .title:after {
          content: "";
          display: table;
          clear: both; }
        .info-block .top section.section--info .title h1 {
          font-size: 24px;
          line-height: 24px;
          margin: 2px 8px 8px 0;
          color: #000000;
          font-weight: 500;
          float: left; }
          .info-block .top section.section--info .title h1 span {
            color: #404040;
            font-weight: 300; }
          .info-block .top section.section--info .title h1 a {
            text-decoration: none; }
            .info-block .top section.section--info .title h1 a:hover {
              color: #008ed3; }
        .info-block .top section.section--info .title .options {
          display: inline-block;
          vertical-align: middle;
          -webkit-transform: translateY(-3px);
                  transform: translateY(-3px); }
          .info-block .top section.section--info .title .options > a,
          .info-block .top section.section--info .title .options .dropdown {
            margin-left: 10px;
            display: block;
            float: left; }
        .info-block .top section.section--info .title .dropdown,
        .info-block .top section.section--info .title button,
        .info-block .top section.section--info .title > .button {
          margin-left: 10px;
          float: left; }
      .info-block .top section.section--options {
        float: right;
        padding-top: 12px;
        padding-bottom: 12px; }
        .info-block .top section.section--options ul {
          margin: 0; }
          .info-block .top section.section--options ul li a {
            font-size: 13px;
            line-height: 26px;
            color: #404040; }
            .info-block .top section.section--options ul li a span {
              vertical-align: middle;
              margin-right: 4px;
              font-size: 15px; }
            .info-block .top section.section--options ul li a:hover {
              color: #008ed3; }
      .info-block .top section.section--users {
        width: 25%; }
        .info-block .top section.section--users:before {
          left: 75%; }
        .info-block .top section.section--users h2 {
          font-weight: 500;
          color: #808080;
          font-size: 14px;
          margin: 0 0 8px 0; }
        .info-block .top section.section--users .avatars a {
          margin-right: 5px;
          margin-bottom: 5px;
          display: inline-block;
          vertical-align: middle; }
          .info-block .top section.section--users .avatars a img {
            border-radius: 100px;
            display: block; }
    .info-block .top section + section {
      margin-top: 15px; }
  .info-block nav {
    text-align: center; }
    .info-block nav > span {
      border-bottom: 1px solid #ededed;
      display: inline-block; }
    .info-block nav a {
      color: #404040;
      font-weight: 500;
      line-height: 3;
      padding-left: 15px;
      padding-right: 15px;
      display: inline-block;
      -webkit-transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1);
      transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); }
      .info-block nav a span {
        color: #000000;
        font-weight: 300; }
      .info-block nav a:hover {
        color: #008ed3; }
        .info-block nav a:hover span {
          color: #008ed3; }
      .info-block nav a.is-active {
        color: #008ed3; }
        .info-block nav a.is-active span {
          color: #008ed3; }

.info-block.type--color {
  border-bottom-width: 0; }
  .info-block.type--color .top section.section--info {
    padding-bottom: 0; }
    .info-block.type--color .top section.section--info .title h1 {
      float: none;
      text-align: center;
      margin: 0;
      color: #ffffff;
      padding-bottom: 2px; }
      .info-block.type--color .top section.section--info .title h1 span {
        color: #ffffff; }
  .info-block.type--color.is-light .top section.section--info .title h1 {
    color: #000000;
    text-align: center; }
    .info-block.type--color.is-light .top section.section--info .title h1 span {
      color: #808080; }

.info-block.type--colors .top .info .title h1 {
  margin: 0;
  padding: 10px 0 10px 0;
  text-align: center;
  font-size: 21px; }

.info-block.type--colors ol {
  max-width: 666px;
  margin: 0 auto;
  padding: 15px 20px 15px 20px; }
  .info-block.type--colors ol:after {
    content: "";
    display: table;
    clear: both; }
  .info-block.type--colors ol li {
    width: 6.25%;
    height: 0;
    padding-bottom: 3.5%;
    float: left;
    -webkit-transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1);
    transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1);
    cursor: pointer; }
    .info-block.type--colors ol li:hover {
      position: relative;
      z-index: 1;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
      -webkit-transform: scale(1.1);
              transform: scale(1.1); }
    .info-block.type--colors ol li.is-active {
      position: relative;
      z-index: 2;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.75);
      -webkit-transform: scale(1.15);
              transform: scale(1.15); }
    .info-block.type--colors ol li:first-child {
      border-top-left-radius: 5px; }
    .info-block.type--colors ol li:nth-child(16) {
      border-top-right-radius: 5px; }
    .info-block.type--colors ol li:nth-child(97) {
      border-bottom-left-radius: 5px; }
    .info-block.type--colors ol li:last-child {
      border-bottom-right-radius: 5px; }

.info-block.type--group .top section.section--info .title {
  text-align: center; }
  .info-block.type--group .top section.section--info .title h1 {
    float: none;
    display: inline-block;
    vertical-align: middle; }
  .info-block.type--group .top section.section--info .title .options {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px); }

.info-block.type--group .top section.section--info p {
  text-align: center; }

.info-block.type--group .top section.section--users {
  width: 100%;
  text-align: center; }
  .info-block.type--group .top section.section--users .avatars {
    margin-top: 5px; }
    .info-block.type--group .top section.section--users .avatars a.link--members {
      width: 30px;
      height: 30px;
      line-height: 30px;
      border-radius: 15px;
      border: 1px solid #bbbbbb;
      text-align: center;
      -webkit-transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1);
      transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); }
      .info-block.type--group .top section.section--users .avatars a.link--members svg {
        width: 20px;
        height: 20px;
        fill: #bbbbbb;
        stroke: #bbbbbb;
        vertical-align: middle;
        color: #bbbbbb;
        -webkit-transform: translateY(-2px);
                transform: translateY(-2px);
        -webkit-transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1);
        transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); }
      .info-block.type--group .top section.section--users .avatars a.link--members:hover {
        border-color: #008ed3; }
        .info-block.type--group .top section.section--users .avatars a.link--members:hover svg {
          fill: #008ed3;
          stroke: #008ed3; }

.info-block.type--group .top section.section--owner {
  text-align: center;
  padding-top: 0; }
  .info-block.type--group .top section.section--owner > .wrap {
    display: inline-block; }
    .info-block.type--group .top section.section--owner > .wrap > .content {
      text-align: left; }
      .info-block.type--group .top section.section--owner > .wrap > .content a.avatar {
        float: left;
        margin-top: 3px; }
        .info-block.type--group .top section.section--owner > .wrap > .content a.avatar img {
          display: block;
          border-radius: 30px; }
      .info-block.type--group .top section.section--owner > .wrap > .content p {
        padding-left: 40px;
        line-height: 1.25; }
        .info-block.type--group .top section.section--owner > .wrap > .content p a {
          font-weight: 500; }

.info-block.type--search .top section.section--info .title h1 {
  text-align: center;
  float: none; }

.info-block.type--source .top .section--info .title {
  text-align: center; }
  .info-block.type--source .top .section--info .title h1 {
    float: none;
    display: inline-block;
    vertical-align: middle; }
  .info-block.type--source .top .section--info .title .options {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px); }
    .info-block.type--source .top .section--info .title .options > a {
      display: inline-block; }

.info-block.type--source .top .section--info p {
  text-align: center; }

.info-block.type--tag .top section.section--info .title {
  text-align: center; }
  .info-block.type--tag .top section.section--info .title h1 {
    margin: 0;
    padding: 0;
    float: none; }
    .info-block.type--tag .top section.section--info .title h1 svg {
      width: 24px;
      height: 24px;
      vertical-align: middle;
      fill: #bbbbbb;
      stroke: #bbbbbb;
      -webkit-transform: translateY(-3px);
              transform: translateY(-3px); }

.info-block.type--team .top section.section--info .team-logo {
  text-align: center; }
  .info-block.type--team .top section.section--info .team-logo img {
    border-radius: 3px; }

.info-block.type--team .top section.section--info .title {
  margin-top: 10px;
  text-align: center; }
  .info-block.type--team .top section.section--info .title h1 {
    float: none;
    display: inline-block;
    vertical-align: middle; }
  .info-block.type--team .top section.section--info .title .options {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px); }
    .info-block.type--team .top section.section--info .title .options a svg {
      width: 18px;
      height: 18px;
      fill: #008ed3;
      stroke: #008ed3;
      vertical-align: middle; }

.info-block.type--team .top section.section--info p {
  text-align: center; }

.info-block.type--team .top section.section--users {
  width: 100%;
  text-align: center; }
  .info-block.type--team .top section.section--users .avatars {
    margin-top: 5px; }

.info-block.type--team .top section.section--owner {
  text-align: center;
  padding-top: 0; }
  .info-block.type--team .top section.section--owner > .wrap {
    display: inline-block; }
    .info-block.type--team .top section.section--owner > .wrap > .content {
      text-align: left; }
      .info-block.type--team .top section.section--owner > .wrap > .content a.avatar {
        float: left;
        margin-top: 3px; }
        .info-block.type--team .top section.section--owner > .wrap > .content a.avatar img {
          display: block;
          border-radius: 30px; }
      .info-block.type--team .top section.section--owner > .wrap > .content p {
        padding-left: 40px;
        line-height: 1.25; }
        .info-block.type--team .top section.section--owner > .wrap > .content p a {
          font-weight: 500; }

.info-block.type--user section.section--info {
  min-height: 100px;
  padding-left: 150px;
  position: relative; }
  .info-block.type--user section.section--info .picture {
    position: absolute;
    top: 0;
    left: 24px; }
    .info-block.type--user section.section--info .picture > a {
      border-radius: 100px;
      overflow: hidden;
      display: block;
      width: 100px;
      height: 100px;
      text-indent: -1000px;
      position: relative;
      background-size: cover;
      background-position: center center; }
      .info-block.type--user section.section--info .picture > a img {
        display: block; }
    .info-block.type--user section.section--info .picture.is-empty {
      width: 100px;
      height: 100px;
      border-radius: 143px;
      background-color: #dedede; }
      .info-block.type--user section.section--info .picture.is-empty p.initials {
        font-size: 48px;
        line-height: 112px;
        margin: 0;
        color: #ffffff;
        text-align: center; }
        .info-block.type--user section.section--info .picture.is-empty p.initials a {
          color: #ffffff;
          text-indent: 0; }
      .info-block.type--user section.section--info .picture.is-empty:before {
        display: block;
        font-size: 42px;
        text-align: center;
        line-height: 112px;
        color: #bbbbbb;
        display: block; }
  .info-block.type--user section.section--info .description .plus {
    color: #008ed3;
    font-weight: 500;
    line-height: 1.6; }
    .info-block.type--user section.section--info .description .plus span:before {
      vertical-align: top;
      margin-right: 6px;
      font-size: 21px; }

#comment-popup {
  padding: 10px; }
  #comment-popup textarea {
    width: 215px;
    margin: 0 0 5px 0; }
  #comment-popup input {
    float: right; }

#group-info-popup {
  width: 225px;
  padding: 2px 2px 0 2px;
  min-width: 225px; }
  #group-info-popup .images {
    margin: 0; }
    #group-info-popup .images img {
      display: block;
      float: left;
      margin: 0;
      padding: 0; }
  #group-info-popup h4 {
    padding: 10px 5px 5px 10px;
    font-size: 13px; }
  #group-info-popup p {
    margin: 0 5px 10px 10px;
    color: #666666;
    font-size: 11px; }

#groups-overlay-cover {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.35);
  opacity: 0;
  -webkit-transition: opacity 0.35s ease-in-out;
  transition: opacity 0.35s ease-in-out;
  z-index: 110; }
  #groups-overlay-cover.is-active {
    opacity: 1; }

#groups-overlay .wrap {
  position: relative; }

#groups-overlay {
  width: 300px; }
  #groups-overlay .options {
    padding: 10px 15px 13px 15px;
    border-top: 1px solid #e9e9e9;
    background-color: #f8f8f8; }
    #groups-overlay .options:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
  #groups-overlay h3 {
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #bbbbbb;
    padding: 0;
    line-height: 50px;
    margin: 0;
    text-align: center; }
  #groups-overlay .topOptions {
    position: absolute;
    right: 0;
    top: 0; }
    #groups-overlay .topOptions .closeButton {
      float: left;
      font-size: 18px;
      line-height: 50px;
      text-align: center;
      width: 50px;
      padding: 0;
      cursor: pointer; }
      #groups-overlay .topOptions .closeButton:before {
        color: #999999;
        vertical-align: middle; }
  #groups-overlay ul.groups {
    box-sizing: border-box;
    margin: 0;
    padding: 0 0 0 24px;
    max-height: 350px;
    overflow-y: scroll;
    background-color: #f8f8f8;
    position: relative;
    display: none; }
    #groups-overlay ul.groups li {
      color: #404040;
      padding: 0;
      display: block;
      position: relative;
      font-size: 14px;
      line-height: 36px;
      border-bottom: 1px solid #dedede;
      cursor: pointer; }
      #groups-overlay ul.groups li span {
        font-size: 18px;
        margin-right: 8px;
        color: #008ed3; }
        #groups-overlay ul.groups li span:before {
          vertical-align: middle; }
      #groups-overlay ul.groups li b {
        font-weight: normal; }
      #groups-overlay ul.groups li:hover {
        color: #008ed3; }
    #groups-overlay ul.groups li.loading:before {
      width: 16px;
      height: 36px;
      content: "";
      display: block;
      background: transparent url("../images/loader.gif") no-repeat center center;
      position: absolute;
      right: 16px;
      top: 0; }
  #groups-overlay .noGroups {
    padding: 32px 24px 32px 24px; }
    #groups-overlay .noGroups h4 {
      margin: 0; }
      #groups-overlay .noGroups h4 span:before {
        font-size: 24px;
        line-height: 1.7;
        float: left;
        vertical-align: middle;
        margin-right: 10px;
        color: #008ed3; }
    #groups-overlay .noGroups p {
      margin: 8px 0 0 0; }
      #groups-overlay .noGroups p a {
        color: #008ed3; }
        #groups-overlay .noGroups p a:hover {
          text-decoration: underline; }
  #groups-overlay .createGroupForm {
    padding: 12px 16px 12px 16px;
    border-top: 1px solid #bbbbbb; }
    #groups-overlay .createGroupForm:after {
      content: "";
      display: table;
      clear: both; }
    #groups-overlay .createGroupForm h4 {
      font-size: 13px;
      color: #000000;
      font-weight: normal;
      margin: 0 0 10px 0; }
    #groups-overlay .createGroupForm input {
      float: left; }
    #groups-overlay .createGroupForm input[type=text] {
      padding-top: 7px;
      padding-bottom: 6px;
      color: #999;
      box-sizing: border-box;
      width: 100%; }
    #groups-overlay .createGroupForm input[type=text].active {
      color: #333; }
    #groups-overlay .createGroupForm input[type=submit] {
      margin-left: 5px;
      display: none; }
    #groups-overlay .createGroupForm.active input[type=submit] {
      display: block; }
  #groups-overlay .privacy {
    border-top: 1px solid #e9e9e9;
    font-size: 12px;
    color: #444;
    padding: 13px 0 15px 15px;
    position: relative; }
    #groups-overlay .privacy label {
      margin-right: 10px; }
    #groups-overlay .privacy.loading {
      background: url("../images/loader.gif") no-repeat 2px center; }
  #groups-overlay .dropboxButton,
  #groups-overlay .unsaveButton {
    font-size: 14px;
    line-height: 36px;
    margin: 0 16px;
    border-top: 1px solid #dedede;
    cursor: pointer; }
    #groups-overlay .dropboxButton span,
    #groups-overlay .unsaveButton span {
      margin-right: 8px;
      font-size: 18px;
      color: #008ed3; }
      #groups-overlay .dropboxButton span:before,
      #groups-overlay .unsaveButton span:before {
        vertical-align: middle; }
    #groups-overlay .dropboxButton:hover,
    #groups-overlay .unsaveButton:hover {
      color: #008ed3; }
    #groups-overlay .dropboxButton.loading span,
    #groups-overlay .unsaveButton.loading span {
      background: transparent url("../images/loader.gif") no-repeat right center; }
  #groups-overlay .dropboxButton {
    position: relative; }
    #groups-overlay .dropboxButton.icon-reload:before {
      -webkit-animation: spinLoop 1s infinite linear;
              animation: spinLoop 1s infinite linear; }
    #groups-overlay .dropboxButton:before {
      font-size: 18px;
      line-height: 36px;
      color: #008ed3;
      position: absolute;
      right: 0;
      top: 0; }
  #groups-overlay.has-groups ul.groups {
    display: block; }
  #groups-overlay.has-groups .noGroups {
    display: none; }

.popup {
  z-index: 1000;
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: #ffffff;
  box-shadow: 0 10px 150px rgba(0, 0, 0, 0.75);
  border-radius: 3px;
  min-width: 230px; }
  .popup > .wrap {
    position: relative; }
    .popup > .wrap:before {
      display: block;
      position: absolute;
      content: '';
      width: 15px;
      height: 15px;
      left: 50%;
      top: 0;
      background-color: #ffffff;
      border-top-left-radius: 3px;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
              transform: translate(-50%, -50%) rotate(45deg); }
    .popup > .wrap > .content {
      position: relative; }
  .popup.is-above > .wrap:before {
    top: auto;
    bottom: 0; }

.popup--save-image > .wrap > .arrow {
  position: absolute;
  width: 15px;
  height: 15px;
  left: 50%;
  top: 0;
  background-color: #ffffff;
  border-top-left-radius: 3px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg); }

.popup--save-image > .wrap:before {
  display: none; }

.popup--save-image > .wrap > .content > .top {
  position: relative; }
  .popup--save-image > .wrap > .content > .top h4 {
    text-align: center;
    line-height: 44px;
    font-weight: 600; }
  .popup--save-image > .wrap > .content > .top a {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 44px;
    line-height: 44px;
    text-align: center; }
    .popup--save-image > .wrap > .content > .top a svg {
      width: 18px;
      height: 18px;
      vertical-align: middle;
      stroke: #bbbbbb;
      fill: #bbbbbb; }
    .popup--save-image > .wrap > .content > .top a:hover {
      fill: #008ed3; }
      .popup--save-image > .wrap > .content > .top a:hover svg {
        fill: #008ed3;
        stroke: #008ed3; }

.popup--save-image > .wrap > .content .user-groups-list-wrap {
  border-top: 1px solid #ededed;
  height: 318px;
  overflow: hidden;
  overflow-y: scroll; }

.popup--save-image > .wrap > .content .options {
  position: relative;
  background-color: #fbfbfbf; }
  .popup--save-image > .wrap > .content .options:before {
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.15);
    display: block;
    content: ''; }
  .popup--save-image > .wrap > .content .options ul li {
    position: relative; }
    .popup--save-image > .wrap > .content .options ul li a {
      display: block;
      line-height: 32px;
      padding-left: 15px;
      -webkit-transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1);
      transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); }
      .popup--save-image > .wrap > .content .options ul li a svg {
        width: 18px;
        height: 18px;
        fill: #bbbbbb;
        stroke: #bbbbbb;
        vertical-align: middle;
        -webkit-transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1);
        transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); }
      .popup--save-image > .wrap > .content .options ul li a > svg {
        margin-right: 8px; }
      .popup--save-image > .wrap > .content .options ul li a:hover {
        fill: #008ed3; }
        .popup--save-image > .wrap > .content .options ul li a:hover svg {
          fill: #008ed3;
          stroke: #008ed3; }
      .popup--save-image > .wrap > .content .options ul li a.button--dropbox span {
        position: absolute;
        display: none;
        right: 15px;
        top: 0;
        line-height: svg;
          line-height-width: 16px;
          line-height-height: 16px;
          line-height-vertical-align: middle; }
        .popup--save-image > .wrap > .content .options ul li a.button--dropbox span.icon--loader {
          padding-bottom: 2px;
          -webkit-animation: optionsLoaderSpin infinite 2000ms linear;
                  animation: optionsLoaderSpin infinite 2000ms linear; }
        .popup--save-image > .wrap > .content .options ul li a.button--dropbox span.icon--success svg {
          fill: #008ed3;
          stroke: #008ed3; }
      .popup--save-image > .wrap > .content .options ul li a.is-loading span.icon--loader {
        display: block;
        -webkit-animation: optionsLoaderSpin infinite 2000ms linear;
                animation: optionsLoaderSpin infinite 2000ms linear; }
      .popup--save-image > .wrap > .content .options ul li a.is-saved span.icon--success {
        display: block; }
  .popup--save-image > .wrap > .content .options ul li + li {
    padding-top: 1px; }
    .popup--save-image > .wrap > .content .options ul li + li:before {
      position: absolute;
      top: 0;
      left: 15px;
      right: 0;
      height: 1px;
      background-color: #ededed;
      display: block;
      content: ''; }

.popup--save-image.is-top > .wrap > .arrow {
  top: auto;
  bottom: 0;
  -webkit-transform: translate(-50%, 50%) rotate(45deg);
          transform: translate(-50%, 50%) rotate(45deg);
  border-bottom-right-radius: 3px; }

@-webkit-keyframes savePopupLoaderSpin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

@keyframes savePopupLoaderSpin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

/** Share popup **/
#share-popup {
  width: 128px;
  min-width: 0; }
  #share-popup ol {
    margin: 0; }
    #share-popup ol:after {
      content: "";
      display: table;
      clear: both; }
    #share-popup ol li {
      margin: 0;
      padding: 0;
      text-align: center; }
      #share-popup ol li a {
        display: block;
        color: #008ed3;
        padding: 5px; }
        #share-popup ol li a span {
          border-radius: 5px;
          text-align: center;
          display: inline-block;
          width: 100%;
          -webkit-transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1);
          transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); }
          #share-popup ol li a span:before {
            font-size: 18px;
            line-height: 32px;
            vertical-align: middle; }
        #share-popup ol li a:hover span {
          background-color: rgba(0, 142, 211, 0.1); }
      #share-popup ol li.type--icon {
        float: left;
        width: 50%; }
        #share-popup ol li.type--icon a {
          line-height: 54px;
          border-bottom: 1px solid #ededed; }
          #share-popup ol li.type--icon a span {
            width: 100%; }
            #share-popup ol li.type--icon a span svg {
              width: 24px;
              height: 24px;
              vertical-align: middle;
              fill: #008ed3;
              stroke: #008ed3; }
        #share-popup ol li.type--icon:nth-child(2n) a {
          border-left: 1px solid #ededed; }
      #share-popup ol li.type--text a {
        line-height: 32px;
        text-align: center; }
    #share-popup ol:hover {
      color: #008ed3; }

.comment-list > .wrap > .content .comment-list-item {
  position: relative;
  padding: 0 0 0 40px; }
  .comment-list > .wrap > .content .comment-list-item .avatar {
    position: absolute;
    top: 6px;
    left: 0; }
  .comment-list > .wrap > .content .comment-list-item a.image-link {
    position: absolute;
    right: 0;
    top: 10px; }
    .comment-list > .wrap > .content .comment-list-item a.image-link img {
      width: 80px;
      height: auto;
      border-radius: 3px; }
  .comment-list > .wrap > .content .comment-list-item p span {
    margin-left: 8px;
    font-size: 12px;
    color: #bbbbbb; }
  .comment-list > .wrap > .content .comment-list-item p a.button--edit {
    margin-left: 8px;
    font-size: 12px;
    color: #bbbbbb; }
    .comment-list > .wrap > .content .comment-list-item p a.button--edit:hover {
      color: #008ed3; }
  .comment-list > .wrap > .content .comment-list-item a.image-link + p {
    margin-right: 90px; }
  .comment-list > .wrap > .content .comment-list-item.has-image {
    min-height: 70px; }
  .comment-list > .wrap > .content .comment-list-item.is-reply {
    margin-left: 40px; }

.comment-list > .wrap > .content .comment-list-item + .comment-list-item {
  border-top: 1px solid #ededed;
  padding-top: 15px;
  margin-top: 15px; }
  .comment-list > .wrap > .content .comment-list-item + .comment-list-item .avatar {
    top: 20px; }

.comment-form {
  padding: 0 0 0 40px;
  position: relative;
  min-height: 30px; }
  .comment-form .avatar {
    position: absolute;
    top: 0;
    left: 0; }
  .comment-form > p {
    color: #000000;
    -webkit-transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1);
    transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1);
    padding: 5px 10px 8px 10px;
    background-color: #f8f8f8;
    border-radius: 3px; }
    .comment-form > p:focus {
      -webkit-appearance: none;
         -moz-appearance: none;
              appearance: none;
      outline: 0; }
    .comment-form > p.is-empty {
      color: #bbbbbb; }
  .comment-form .comment-form-options {
    display: none;
    padding-top: 15px; }
    .comment-form .comment-form-options:after {
      content: "";
      display: table;
      clear: both; }
    .comment-form .comment-form-options button {
      float: right; }
    .comment-form .comment-form-options .contacts {
      position: relative;
      float: left; }
  .comment-form.is-active .comment-form-options {
    display: block; }

.pod > h2 {
  margin: 0 0 0 0;
  padding-bottom: 10px;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: -0.35px;
  border-bottom: 1px solid #EDEDED; }

.pod > h3,
.pod > ul > li > h3,
.pod .avatar-box h3 {
  font-size: 14px;
  letter-spacing: -0.25px;
  color: #808080; }
  .pod > h3 b,
  .pod > h3 a,
  .pod > ul > li > h3 b,
  .pod > ul > li > h3 a,
  .pod .avatar-box h3 b,
  .pod .avatar-box h3 a {
    font-weight: 600;
    color: #000000;
    -webkit-transition: color 150ms cubic-bezier(0.5, 0, 0.2, 1);
    transition: color 150ms cubic-bezier(0.5, 0, 0.2, 1); }
  .pod > h3 a:hover,
  .pod > ul > li > h3 a:hover,
  .pod .avatar-box h3 a:hover {
    text-decoration: none;
    color: #008ed3; }
  .pod > h3 svg,
  .pod > ul > li > h3 svg,
  .pod .avatar-box h3 svg {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    vertical-align: middle;
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
    fill: #bbbbbb;
    stroke: #bbbbbb; }

.pod .image-grid,
.pod .image-row {
  margin-top: 10px;
  position: relative; }
  .pod .image-grid:after,
  .pod .image-row:after {
    content: "";
    display: table;
    clear: both; }
  .pod .image-grid .placeholder,
  .pod .image-row .placeholder {
    display: block;
    float: left;
    width: 92px;
    height: 69px;
    padding-bottom: 37.5%;
    background-color: #fbfbfb; }
  .pod .image-grid a,
  .pod .image-row a {
    display: block;
    float: left;
    margin-top: 5px;
    width: 92px;
    height: 69px;
    margin-left: 5px;
    position: relative;
    background-color: #fbfbfb;
    -webkit-transition: box-shadow 500ms cubic-bezier(0.5, 0, 0.2, 1);
    transition: box-shadow 500ms cubic-bezier(0.5, 0, 0.2, 1);
    border-radius: 3px; }
    .pod .image-grid a img,
    .pod .image-row a img {
      display: block;
      margin: 0 0 0 0;
      width: 92px;
      height: 69px;
      height: auto;
      border-radius: 3px;
      -webkit-transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1);
      transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); }
    .pod .image-grid a .icon--video,
    .pod .image-row a .icon--video {
      bottom: 8px;
      left: 8px;
      position: absolute; }
      .pod .image-grid a .icon--video svg,
      .pod .image-row a .icon--video svg {
        display: block;
        width: 20px;
        height: 20px;
        fill: #ffffff;
        stroke: #ffffff; }
    .pod .image-grid a .loader,
    .pod .image-row a .loader {
      position: absolute;
      top: 0;
      left: 0;
      line-height: 69px;
      text-align: center;
      background-color: rgba(0, 0, 0, 0.25);
      border-radius: 3px;
      opacity: 0; }
      .pod .image-grid a .loader svg,
      .pod .image-row a .loader svg {
        width: 18px;
        height: 18px;
        fill: #ffffff;
        stroke: #ffffff;
        vertical-align: middle;
        -webkit-animation: optionsLoaderSpin infinite 2000ms linear;
                animation: optionsLoaderSpin infinite 2000ms linear; }
      .pod .image-grid a .loader.is-visible,
      .pod .image-row a .loader.is-visible {
        opacity: 1; }
    .pod .image-grid a:nth-child(3n+1),
    .pod .image-row a:nth-child(3n+1) {
      margin-left: 0px; }
    .pod .image-grid a:after,
    .pod .image-row a:after {
      display: block;
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: #000000;
      border-radius: 3px;
      opacity: 0;
      pointer-events: none;
      -webkit-transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1);
      transition: all 500ms cubic-bezier(0.5, 0, 0.2, 1); }
    .pod .image-grid a:hover,
    .pod .image-row a:hover {
      box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.35);
      position: relative;
      z-index: 2; }
    .pod .image-grid a.is-nsfw .nsfw-cover,
    .pod .image-row a.is-nsfw .nsfw-cover {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(128, 128, 128, 0.9);
      text-align: center;
      border-radius: 3px; }
      .pod .image-grid a.is-nsfw .nsfw-cover > .wrap,
      .pod .image-row a.is-nsfw .nsfw-cover > .wrap {
        height: 100%; }
        .pod .image-grid a.is-nsfw .nsfw-cover > .wrap > .content,
        .pod .image-row a.is-nsfw .nsfw-cover > .wrap > .content {
          text-align: center;
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%); }
          .pod .image-grid a.is-nsfw .nsfw-cover > .wrap > .content svg,
          .pod .image-row a.is-nsfw .nsfw-cover > .wrap > .content svg {
            display: inline-block;
            width: 20px;
            height: 20px;
            fill: #ffffff;
            stroke: #ffffff; }
  .pod .image-grid.columns--two a,
  .pod .image-grid.columns--two .placeholder,
  .pod .image-row.columns--two a,
  .pod .image-row.columns--two .placeholder {
    width: 50%;
    height: 50%; }
    .pod .image-grid.columns--two a img,
    .pod .image-grid.columns--two .placeholder img,
    .pod .image-row.columns--two a img,
    .pod .image-row.columns--two .placeholder img {
      width: 100%;
      height: auto; }
  .pod .image-grid.spacing--tight a,
  .pod .image-grid.spacing--tight .placeholder,
  .pod .image-row.spacing--tight a,
  .pod .image-row.spacing--tight .placeholder {
    margin-top: 0;
    margin-left: 0;
    border-radius: 0; }
    .pod .image-grid.spacing--tight a img,
    .pod .image-grid.spacing--tight .placeholder img,
    .pod .image-row.spacing--tight a img,
    .pod .image-row.spacing--tight .placeholder img {
      border-radius: 0; }
    .pod .image-grid.spacing--tight a:nth-child(1) img,
    .pod .image-grid.spacing--tight .placeholder:nth-child(1) img,
    .pod .image-row.spacing--tight a:nth-child(1) img,
    .pod .image-row.spacing--tight .placeholder:nth-child(1) img {
      border-top-left-radius: 3px; }
    .pod .image-grid.spacing--tight a:nth-child(2) img,
    .pod .image-grid.spacing--tight .placeholder:nth-child(2) img,
    .pod .image-row.spacing--tight a:nth-child(2) img,
    .pod .image-row.spacing--tight .placeholder:nth-child(2) img {
      border-top-right-radius: 3px; }
    .pod .image-grid.spacing--tight a:nth-child(3) img,
    .pod .image-grid.spacing--tight .placeholder:nth-child(3) img,
    .pod .image-row.spacing--tight a:nth-child(3) img,
    .pod .image-row.spacing--tight .placeholder:nth-child(3) img {
      border-bottom-left-radius: 3px; }
    .pod .image-grid.spacing--tight a:nth-child(4) img,
    .pod .image-grid.spacing--tight .placeholder:nth-child(4) img,
    .pod .image-row.spacing--tight a:nth-child(4) img,
    .pod .image-row.spacing--tight .placeholder:nth-child(4) img {
      border-bottom-right-radius: 3px; }
  .pod .image-grid .info,
  .pod .image-row .info {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-weight: 700;
    background-color: rgba(0, 0, 0, 0.15);
    color: #ffffff;
    font-size: 12px;
    line-height: 20px;
    padding-left: 5px;
    padding-right: 5px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-backdrop-filter: blur(3px);
            backdrop-filter: blur(3px);
    -webkit-transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1);
    transition: all 250ms cubic-bezier(0.5, 0, 0.2, 1); }
    .pod .image-grid .info:hover,
    .pod .image-row .info:hover {
      background-color: rgba(0, 0, 0, 0.5); }
    .pod .image-grid .info div,
    .pod .image-row .info div {
      display: inline-block; }
      .pod .image-grid .info div svg,
      .pod .image-row .info div svg {
        width: 13px;
        height: 13px;
        fill: #ffffff;
        stroke: #ffffff;
        vertical-align: middle;
        -webkit-transform: translateY(-1px);
                transform: translateY(-1px); }
    .pod .image-grid .info div + div,
    .pod .image-row .info div + div {
      margin-left: 2px; }
  .pod .image-grid p.image-placeholder,
  .pod .image-row p.image-placeholder {
    display: block;
    float: left;
    margin: 5px 0 0 5px;
    width: 92px;
    height: 69px;
    position: relative;
    background-color: #f8f8f8;
    border-radius: 3px; }
    .pod .image-grid p.image-placeholder:nth-child(3n+1),
    .pod .image-row p.image-placeholder:nth-child(3n+1) {
      margin-left: 0px; }
    .pod .image-grid p.image-placeholder:nth-child(3n),
    .pod .image-row p.image-placeholder:nth-child(3n) {
      margin-right: 0; }

@-webkit-keyframes optionsLoaderSpin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

@keyframes optionsLoaderSpin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg); } }

.colors-pod ul {
  margin: 9px 0 0 0;
  padding: 0 0 0 0; }
  .colors-pod ul:after {
    content: "";
    display: table;
    clear: both; }
  .colors-pod ul li {
    float: left;
    margin-top: 6px;
    margin-right: 6px; }
    .colors-pod ul li a {
      display: block;
      width: 25px;
      height: 25px;
      overflow: hidden;
      text-indent: -1000px;
      border-radius: 100px; }
    .colors-pod ul li:nth-child(5n) {
      margin-right: 0; }

.finder-pod .images {
  margin-top: 10px;
  line-height: 0; }
  .finder-pod .images a {
    display: inline-block;
    margin-top: 5px;
    width: 92px;
    height: 69px; }
    .finder-pod .images a img {
      display: block;
      margin: 0 0 0 0;
      width: 92px;
      height: 69px;
      height: auto;
      border-radius: 3px; }
    .finder-pod .images a:nth-child(2n) {
      margin-left: 5px; }

.options-pod ul {
  padding-bottom: 10px; }
  .options-pod ul li {
    float: left;
    width: 33.3333333333%;
    box-sizing: border-box; }
    .options-pod ul li .button {
      display: block;
      font-size: 14px;
      line-height: 36px;
      color: #008ed3;
      padding: 0;
      border: 0;
      border-radius: 0;
      text-align: center;
      margin: 0;
      box-sizing: border-box;
      font-weight: 600;
      border-radius: 3px;
      box-shadow: none; }
      .options-pod ul li .button span {
        font-size: 14px;
        margin-right: 0; }
      .options-pod ul li .button svg {
        width: 18px;
        height: 18px;
        margin-right: 4px;
        vertical-align: middle;
        fill: #008ed3;
        stroke: #008ed3; }
      .options-pod ul li .button:hover {
        background-color: rgba(0, 142, 211, 0.1); }
      .options-pod ul li .button.is-active {
        background-color: #008ed3;
        color: #ffffff; }
        .options-pod ul li .button.is-active svg {
          fill: #ffffff;
          stroke: #ffffff; }
    .options-pod ul li:first-child .button {
      margin-right: 4px; }
    .options-pod ul li:nth-child(2) .button {
      margin-left: 2px;
      margin-right: 2px; }
    .options-pod ul li:last-child .button {
      margin-left: 4px; }

.secondary-options-pod ul li a {
  display: block;
  line-height: 32px;
  color: #bbbbbb;
  -webkit-transition: color 150ms cubic-bezier(0.5, 0, 0.2, 1);
  transition: color 150ms cubic-bezier(0.5, 0, 0.2, 1); }
  .secondary-options-pod ul li a svg {
    width: 16px;
    height: 16px;
    fill: #bbbbbb;
    stroke: #bbbbbb;
    margin-right: 10px;
    vertical-align: middle;
    -webkit-transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1);
    transition: all 150ms cubic-bezier(0.5, 0, 0.2, 1); }
  .secondary-options-pod ul li a:hover {
    color: #008ed3; }
    .secondary-options-pod ul li a:hover svg {
      fill: #008ed3;
      stroke: #008ed3; }

.group-pod .images {
  margin-top: 10px;
  line-height: 0; }
  .group-pod .images a {
    display: inline-block;
    margin-top: 5px;
    width: 92px;
    height: 69px; }
    .group-pod .images a img {
      display: block;
      margin: 0 0 0 0;
      width: 92px;
      height: 69px;
      height: auto;
      border-radius: 3px; }
    .group-pod .images a:nth-child(2n) {
      margin-left: 5px; }

.source-pod .avatar-box h3 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 80px; }

.stats-pod span + span {
  margin-left: 10px; }

.group-pod .images {
  margin-top: 10px;
  line-height: 0; }
  .group-pod .images a {
    display: inline-block;
    margin-top: 5px;
    width: 92px;
    height: 69px; }
    .group-pod .images a img {
      display: block;
      margin: 0 0 0 0;
      width: 92px;
      height: 69px;
      height: auto;
      border-radius: 3px; }
    .group-pod .images a:nth-child(2n) {
      margin-left: 5px; }

/** Media queries **/
@media screen and (max-width: 380px) {
  #header .primary .profile {
    padding: 0; }
  #header .logo p {
    display: none; }
  #header .primary .profile a:first-child img {
    margin: 0 11px 3px 10px;
    padding: 0; }
  #header .primary .profile a:last-child {
    display: none; }
  #header .options .signup, #header .options .about, #header .options .search, #header .options .dropdown, #header .options .howto {
    display: none; } }

@media screen and (min-width: 380px) and (max-width: 570px) {
  #header .options .surprise, #header .options .search,
  #header .options .signup, #header .options .about {
    display: none; }
  #header .logo p {
    display: none; } }

@media screen and (max-width: 680px) {
  #header .logo p {
    display: none; } }

@media screen and (max-width: 570px) {
  .polaroid .options, .polaroid .options .save, .polaroid .options .comment, .polaroid .options .like, .polaroid .options .magnify {
    opacity: 1; }
  .polaroid .options .magnify {
    display: none; }
  .polaroid {
    padding-top: 50px; } }

body.not-auth {
  padding-bottom: 120px; }

/** General adjustments for iPad **/
/** iPad Retina adjustments **/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
  #header .logo a {
    background-image: url("../images/icons-hd.png");
    background-size: 108px 189px;
    margin-top: 11px; }
  .polaroid .options em,
  .polaroid .stats em {
    background-image: url("../images/icons-hd.png");
    background-size: 108px 189px; } }

/** Lightbox options **/
#lightbox #tagOptions {
  padding: 0;
  margin: 0; }

#lightbox .options #tagOptions {
  opacity: 1;
  position: relative; }

#lightboxDetails .addComment {
  display: none; }

/** Quick group nav **/
#quickGroupNav {
  position: fixed;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 101; }

#quickGroupNav .wrap {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center; }

#quickGroupNav .wrap2 {
  display: table-cell;
  vertical-align: middle; }

#quickGroupNav .content {
  display: inline-block;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25); }

#quickGroupNav h2 {
  text-align: left;
  font-size: 14px;
  border-bottom: 1px solid #dedede;
  padding: 15px 15px 15px 15px; }

#quickGroupNav ul {
  float: left;
  border-right: 1px solid #dedede; }

#quickGroupNav li {
  line-height: 30px;
  padding-right: 15px;
  text-indent: 15px;
  border-bottom: 1px solid #dedede;
  text-align: left;
  padding-bottom: 1px;
  font-size: 12px; }

#quickGroupNav li a {
  display: block; }

#quickGroupNav ul li:last-child {
  border-bottom: 0px; }

img.imageLoading {
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out; }

img.imageLoaded {
  opacity: 1; }

/** No images message **/
#noImages {
  text-align: center;
  max-width: 300px;
  margin: 35px auto; }

#noImages h3 {
  font-size: 16px;
  line-height: 24px;
  margin: 10px 0 15px 0; }

#noImages a {
  display: inline-block;
  margin: 0 0 0 0;
  line-height: 28px;
  padding: 0 12px 2px 12px; }

/** Scale/fade animations **/
.zapMeIn {
  -webkit-animation: zapIn 0.15s 1;
  animation: zapIn 0.15s 1;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

.zapMeOut {
  -webkit-animation: zapOut 0.15s 1;
  animation: zapOut 0.15s 1;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out; }

@-webkit-keyframes zapIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1); } }

@-webkit-keyframes zapOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1); }
  99% {
    opacity: 0;
    -webkit-transform: scale(0.9); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
    display: none; } }

@keyframes zapIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes zapOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  99% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    display: none; } }

@-webkit-keyframes jumpy {
  0% {
    -webkit-transform: scale(1);
    -webkit-animation-timing-function: ease-out; }
  35% {
    -webkit-transform: scale(2.5);
    -webkit-animation-timing-function: ease-in; }
  70% {
    -webkit-transform: scale(1);
    -webkit-animation-timing-function: ease-out; }
  85% {
    -webkit-transform: scale(1.35);
    -webkit-animation-timing-function: ease-in; }
  100% {
    -webkit-transform: scale(1);
    -webkit-animation-timing-function: ease-out; } }

@keyframes jumpy {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  35% {
    -webkit-transform: scale(2.5);
            transform: scale(2.5);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  85% {
    -webkit-transform: scale(1.35);
            transform: scale(1.35);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in; }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; } }

/** Shake head animation **/
.nonono {
  -webkit-animation: nonono 1s 1;
  animation: nonono 1s 1; }

@-webkit-keyframes nonono {
  0%, 100% {
    -webkit-transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px); } }

@keyframes nonono {
  0%, 100% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px); }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px); } }

/** Bottom nav **/
#images {
  padding-bottom: 90px; }

#noMoreImages {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0; }
  #noMoreImages ul {
    width: 400px;
    margin: 0 auto;
    padding: 32px 0 32px 0; }
    #noMoreImages ul:after {
      content: "";
      display: table;
      clear: both; }
    #noMoreImages ul li {
      float: left;
      width: 25%;
      box-sizing: border-box;
      text-align: center;
      font-size: 12px;
      font-weight: 500; }
      #noMoreImages ul li a {
        color: #999999;
        -webkit-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out; }
        #noMoreImages ul li a:before {
          font-size: 30px;
          display: block;
          color: #aaaaaa;
          -webkit-transition: all 0.25s ease-out;
          transition: all 0.25s ease-out;
          margin-bottom: 4px; }
        #noMoreImages ul li a:hover {
          color: #008ed3; }
          #noMoreImages ul li a:hover:before {
            color: #008ed3; }
      #noMoreImages ul li span {
        width: 90px;
        height: 50px;
        overflow: hidden;
        display: block; }

/*
     FILE ARCHIVED ON 12:21:27 Mar 08, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:45:56 Mar 11, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.485
  exclusion.robots: 0.022
  exclusion.robots.policy: 0.013
  esindex: 0.009
  cdx.remote: 6.119
  LoadShardBlock: 474.568 (3)
  PetaboxLoader3.datanode: 655.219 (5)
  PetaboxLoader3.resolve: 273.157 (3)
  load_resource: 514.512 (2)
*/