/*! jQuery UI - v1.11.4 - 2015-08-14
* http://jqueryui.com
* Includes: core.css, datepicker.css
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix {
    min-height: 0;
    /* support: IE7 */
}
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
    clear: both;
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
    /* support: IE8 */
}
.ui-front {
    z-index: 100;
}
/* Interaction Cues
----------------------------------*/

.ui-state-disabled {
    cursor: default;
}
/* Icons
----------------------------------*/
/* states and images */

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em;
}
.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
/* with multiple calendars */

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}
/* RTL support */

.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
/*! normalize.css v3.0.2 | 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,
menu,
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-color: 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 {
    -moz-box-sizing: content-box;
    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 */
    
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 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;
}
/**
 * Tooltip Styles
 */
/* Base styles for the element that has a tooltip */

[data-tooltip],
.tooltip {
    position: relative;
    cursor: pointer;
}
/* Base styles for the entire tooltip */

[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
    position: absolute;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate2d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    pointer-events: none;
}
/* Show the entire tooltip on hover and focus */

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
}
/* Base styles for the tooltip's directional arrow */

.tooltip:before,
[data-tooltip]:before {
    z-index: 1001;
    border: 6px solid transparent;
    background: transparent;
    content: "";
}
/* Base styles for the tooltip's content area */

.tooltip:after,
[data-tooltip]:after {
    z-index: 1000;
    padding: 8px;
    width: 80px;
    background-color: #FFF;
    background-color: white;
    color: #777777;
    content: attr(data-tooltip);
    font-size: 14px;
    text-align: center;
    line-height: 1.2;
}
/* Directions */
/* Top (default) */

[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
    bottom: 100%;
    left: 50%;
}
[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
    margin-bottom: -12px;
    border-top-color: #FFF;
    border-top-color: #333333;
}
/* Horizontally align top/bottom tooltips */

[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
    margin-left: -40px;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}
/* Left */

.tooltip-left:before,
.tooltip-left:after {
    right: 100%;
    bottom: 50%;
    left: auto;
}
.tooltip-left:before {
    margin-left: 0;
    margin-right: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-left-color: #FFF;
    border-left-color: #333333;
}
.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
}
/* Bottom */

.tooltip-bottom:before,
.tooltip-bottom:after {
    top: 100%;
    bottom: auto;
    left: 35%;
}
.tooltip-bottom:before {
    margin-top: -12px;
    margin-bottom: 0;
    border-top-color: transparent;
    border-bottom-color: #FFF;
    border-bottom-color: white;
}
.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}
/* Right */

.tooltip-right:before,
.tooltip-right:after {
    bottom: 50%;
    left: 100%;
}
.tooltip-right:before {
    margin-bottom: 0;
    margin-left: -12px;
    border-top-color: transparent;
    border-right-color: #FFF;
    border-right-color: #333333;
}
.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}
/* Move directional arrows down a bit for left/right tooltips */

.tooltip-left:before,
.tooltip-right:before {
    top: 3px;
}
/* Vertically center tooltip content for left/right tooltips */

.tooltip-left:after,
.tooltip-right:after {
    margin-left: 0;
    margin-bottom: -16px;
}
/*! HTML5 Boilerplate v5.0.0 | MIT License | http://h5bp.com/ */
/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #101010;
    font-size: 18px;
    line-height: 1.4;
    font-family: 'Montserrat', sans-serif;
}
/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}
/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}
[data-component="progress-bar"] {
    width: 610px;
    height: 10px;
    margin: 0 auto;
    background-color: #30cbd9;
    border-radius: 5px;
}
[data-component="progress-bar"] .indicator {
    width: 10%;
    background-color: #a77ebf;
    border-radius: 5px;
    height: 10px;
    position: relative;
    cursor: pointer;
}
[data-component="progress-bar"] .indicator .label {
    background-color: #30cbd9;
    position: absolute;
    left: 25%;
    width: auto;
    right: -25%;
    height: 25px;
    margin-left: -25px;
    color: #FFF;
    line-height: 25px;
    text-align: center;
    top: -40px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
[data-component="progress-bar"] .indicator .label:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -12.5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 12.5px 0 12.5px;
    border-color: #30cbd9 transparent transparent transparent;
}
/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* Date picker modifications */

#datepicker .ui-datepicker {
    width: 100%;
}
#datepicker .ui-datepicker .ui-datepicker-title {
    padding: 2em;
    background-color: #4ECDC4;
    color: #FFF;
    line-height: 0;
}
#datepicker .ui-datepicker .ui-datepicker-title .ui-datepicker-month,
#datepicker .ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    display: block;
    text-transform: uppercase;
}
#datepicker .ui-datepicker .ui-datepicker-title .ui-datepicker-month {
    font-size: 30px;
    line-height: 30px;
}
#datepicker .ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    font-size: 16px;
    line-height: 16px;
    margin-top: 10px;
}
#datepicker .ui-datepicker td span,
#datepicker .ui-datepicker td a {
    font-size: 16px;
    text-align: center;
}
#datepicker .ui-datepicker td.ui-datepicker-other-month a {
    color: #C1C1C1;
}
#datepicker .ui-datepicker table {
    width: 50%;
    border-collapse: collapse;
    margin: 15px auto;
    text-transform: uppercase;
}
#datepicker .ui-datepicker table thead {
    color: #e66b6b;
}
#datepicker .ui-datepicker table tbody {
    color: #8a8a8a;
}
#datepicker .ui-datepicker-prev,
#datepicker .ui-datepicker-next {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 40px;
    margin: auto 0;
    font-size: 20px;
    border: none;
    padding: 0;
    cursor: pointer;
}
#datepicker .ui-datepicker-prev:hover,
#datepicker .ui-datepicker-next:hover {
    background-color: #65DAD2;
}
#datepicker .ui-datepicker-prev {
    left: 100px;
}
#datepicker .ui-datepicker-prev .ui-icon {
    text-indent: 0;
    color: white;
    line-height: 40px;
    left: 0;
    top: 0;
    position: relative;
    margin: 0;
    font-size: 0;
    background: url("../img/arrow-left.svg");
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: center;
}
#datepicker .ui-datepicker-next {
    right: 100px;
}
#datepicker .ui-datepicker-next .ui-icon {
    text-indent: 0;
    color: white;
    line-height: 40px;
    left: 0;
    top: 0;
    position: relative;
    margin: 0;
    font-size: 0;
    background: url("../img/arrow-right.svg");
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: center;
}
#ui-datepicker-div {
    background-color: #FFF;
    color: #333;
    box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.2);
}
#ui-datepicker-div a {
    color: #333;
}
#header {
    background-color: #c9c8c6;
    background-image: url("../img/header_back.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding-bottom: 70px;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 900;
    box-sizing: border-box;
}
@media screen and (max-width: 1024px),
screen and (max-height: 768px) {
    #header {
        position: static;
        padding-bottom: 0;
    }
}
#header .content {
    text-align: center;
    margin: 0 auto;
    width: 400px;
    margin-top: 100px;
}
@media screen and (max-width: 400px) {
    #header .content {
        width: 320px;
    }
}
#header h1 {
    display: block;
    color: transparent;
    background-image: url("../img/header_logo.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 310px;
    height: 121px;
    margin: 0 auto;
    max-width: 100%;
}
#header .lead {
    color: #FFF;
    font-size: 32px;
    text-transform: uppercase;
    height: 26px;
    width: 396px;
    margin: 50px auto;
    background-size: 100%;
    max-width: 100%;
    line-height: 30px;
}
#header .highlight {
    font-size: 39px;
    background-image: url("../img/free-white.svg");
    background-repeat: no-repeat;
    background-size: 152px 40px;
    background-position: center;
    color: transparent;
    height: 40px;
    margin: 50px 0 30px;
}
#header button {
    font-weight: bold;
    text-transform: uppercase;
}
#header button.sign {
    font-size: 18px;
    background-color: #FFF;
    border-radius: 4px;
    border: none;
    padding: 15px 55px;
    margin-bottom: 20px;
}
#header button.register {
    background-color: transparent;
    border: none;
    display: block;
    text-align: center;
    margin: 0 auto 50px;
    font-size: 12px;
    color: #FFF;
}
#header .what {
    background-color: #20cbda;
    display: block;
    text-align: center;
    font-size: 20px;
    background-image: url("../img/arrow-down-circle.svg");
    background-position: center 30px;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    padding-bottom: 40px;
    color: #FFF;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding-top: 5px;
    cursor: pointer;
    background-size: 30px;
}
@media screen and (max-width: 1024px),
screen and (max-height: 768px) {
    #header .what {
        display: none;
    }
}
#header form {
    display: none;
    background-color: #eeeeee;
    padding: 40px 10px;
    position: fixed;
    bottom: 70px;
    width: 100%;
    box-sizing: border-box;
    z-index: 2;
}
@media screen and (max-width: 1024px),
screen and (max-height: 768px) {
    #header form {
        bottom: 0;
    }
}
#header form .input {
    width: 49%;
    border-bottom: 1px solid black;
    margin-bottom: 30px;
    min-height: 40px;
    font-size: 15px;
    line-height: 40px;
    position: relative;
}
#header form .input.invalid {
    border-bottom-color: #f43b3b;
}
#header form .input.invalid label {
    color: #f43b3b;
}
#header form .input.invalid input,
#header form .input.invalid select {
    color: #f43b3b;
    padding-right: 40px;
}
#header form .input.invalid:after {
    content: '';
    height: 20px;
    position: absolute;
    width: 21px;
    z-index: 2;
    right: 10px;
    bottom: 21px;
    background: url("../img/error.svg");
    background-repeat: no-repeat;
}
#header form .input.noborder {
    border-bottom: none;
}
#header form .input.left {
    float: left;
}
#header form .input.right {
    float: right;
}
#header form .input .validation-note {
    position: absolute;
    display: block;
    width: 200px;
    font-size: 12px;
    padding: 10px;
    background-color: white;
    line-height: 1em;
    border-radius: 3px;
    font-family: Arial, sans-serif;
    color: #585858;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
    right: -2px;
    top: 65px;
}
#header form .input .validation-note p:first-child {
    margin-top: 0;
}
#header form .input .validation-note p:last-child {
    margin-bottom: 0;
}
#header form .input .validation-note p+p {
    margin-top: 5px;
}
#header form .input .validation-note:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    top: -11px;
    z-index: 2;
    right: 17px;
}
#header form .input label,
#header form .input input,
#header form .input select {
    float: left;
    height: 40px;
}
#header form .input label {
    width: 35%;
    margin-left: 4%;
    padding-left: 0;
}
#header form .input input,
#header form .input select {
    width: 61%;
    border: none;
    box-sizing: border-box;
    background-color: transparent;
}
#header form .input.long-label label {
    width: 46%;
}
#header form .input.long-label input,
#header form .input.long-label select {
    width: 50%;
}
@media screen and (max-height: 768px) {
    #header form {
        position: relative;
    }
}
@media screen and (max-width: 800px) {
    #header form {
        padding: 10px;
        position: static;
    }
    #header form .input {
        width: 100%;
        margin-bottom: 20px;
    }
    #header form .input.left,
    #header form .input.right {
        float: none;
    }
}
#header form label+label,
#header form select+select,
#header form input[type="text"]+input[type="text"],
#header form input[type="text"]+input[type="password"] {
    margin-left: 4%;
}
#header form label {
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media screen and (max-height: 800px) {
    #header form label {
        margin-bottom: 0;
    }
}
#header form input[type="checkbox"] {
    float: left;
    width: 24px;
    height: 24px;
    margin-left: 20px;
}
#header form input[type="checkbox"]+label {
    font-size: 12px;
    line-height: 24px;
    width: auto;
}
#header form input[type="submit"] {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    background-color: #FFF;
    border-radius: 4px;
    border: none;
    padding: 15px 55px;
    color: #101010;
    margin: 0 auto 40px;
    display: block;
}
@media screen and (max-height: 800px) {
    #header form input[type="submit"] {
        margin-bottom: 10px;
    }
}
#header form a {
    font-style: italic;
    color: #999;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    margin-top: 15px;
}
#header form div.submit {
    float: left;
    width: 100%;
    margin-top: 30px;
    text-align: center;
}
@media screen and (max-height: 800px) {
    #header form div.submit {
        margin-top: 10px;
    }
}
#header form div.submit span {
    font-size: 14px;
}
#header form div.submit ul {
    padding-left: 0;
    list-style: none;
    text-align: center;
}
#header form div.submit ul li {
    display: inline-block;
    width: 90px;
    height: 90px;
    margin: 0 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
@media screen and (max-height: 870px) {
    #header form div.submit ul li {
        width: 50px;
        height: 50px;
        background-size: 50px;
    }
}
#header form div.submit ul li a {
    color: transparent;
    display: block;
    height: 90px;
}
#header form div.submit ul li.fb {
    background-image: url("../img/fbb.svg");
}
#header form div.submit ul li.tw {
    background-image: url("../img/twb.svg");
}
#header form div.submit ul li.gp {
    background-image: url("../img/gpb.svg");
}
#header .confirmation {
    background-color: #eeeeee;
    padding: 20px 10px 30px 10px;
    position: fixed;
    bottom: 70px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    z-index: 1;
}
@media screen and (max-width: 1024px),
screen and (max-height: 768px) {
    #header .confirmation {
        bottom: 0;
    }
}
#header .confirmation h2 {
    font-size: 26px;
    text-transform: uppercase;
    margin-top: 20px;
}
#header .confirmation p {
    max-width: 884px;
    margin: 0 auto;
    font-size: 17px;
    margin-bottom: 8px;
}
#header .confirmation .resend-btn {
    font-size: 18px;
    background-color: #FFF;
    border-radius: 4px;
    border: none;
    padding: 16px 45px;
    text-align: center;
    text-transform: uppercase;
    color: black;
    text-decoration: none;
    margin-top: 20px;
    display: inline-block;
}
@media screen and (max-height: 768px) {
    #header .confirmation {
        position: relative;
    }
}
#easy header,
#collect header,
.inner header,
.my-public-header {
    padding-top: 10px;
}
#easy header img,
#collect header img,
.inner header img,
.my-public-header img {
    float: left;
    max-width: 90%;
}
@media screen and (max-width: 860px) {
    #easy header img,
    #collect header img,
    .inner header img,
    .my-public-header img {
        display: block;
        margin: 0 auto;
        float: none;
    }
}
#easy header .options,
#collect header .options,
.inner header .options,
.my-public-header .options {
    float: right;
    text-align: right;
    margin-top: 40px;
}
@media screen and (max-width: 860px) {
    #easy header .options,
    #collect header .options,
    .inner header .options,
    .my-public-header .options {
        width: 100%;
        margin-top: 30px;
        text-align: center;
    }
}
#easy header .language,
#collect header .language,
.inner header .language,
.my-public-header .language {
    display: inline-block;
    position: relative;
    height: 24px;
    vertical-align: middle;
    text-align: left;
    font-size: 13px;
    line-height: 24px;
    margin: 0 40px;
    cursor: pointer;
}
#easy header .language .selected:after,
#collect header .language .selected:after,
.inner header .language .selected:after,
.my-public-header .language .selected:after {
    width: 20px;
    background: url("../img/arrow-down-small.svg") no-repeat;
    display: block;
    content: '';
    height: 10px;
    background-size: 16px;
    right: -28px;
    top: 8px;
    position: absolute;
}
#easy header .language ul,
#collect header .language ul,
.inner header .language ul,
.my-public-header .language ul {
    position: absolute;
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: white;
    width: 130px;
    text-align: center;
    border-radius: 2px;
    box-shadow: 0px 1px 5px 0 rgba(0, 0, 0, 0.26);
    display: none;
    top: 36px;
    left: -29px;
    z-index: 11;
}
#easy header .language ul:before,
#collect header .language ul:before,
.inner header .language ul:before,
.my-public-header .language ul:before {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    top: -19px;
    z-index: 2;
    left: calc(50% - 10px);
}
#easy header .language ul li,
#collect header .language ul li,
.inner header .language ul li,
.my-public-header .language ul li {
    padding: 3px 0;
}
#easy header .language ul li a,
#collect header .language ul li a,
.inner header .language ul li a,
.my-public-header .language ul li a {
    color: gray;
    font-family: Arial, sans-serif;
}
#easy header .language ul li:hover,
#collect header .language ul li:hover,
.inner header .language ul li:hover,
.my-public-header .language ul li:hover {
    background-color: #F7F7F7;
}
#easy header .language ul li:first-child,
#collect header .language ul li:first-child,
.inner header .language ul li:first-child,
.my-public-header .language ul li:first-child {
    border-radius: 2px 2px 0 0;
}
#easy header .language ul li:last-child,
#collect header .language ul li:last-child,
.inner header .language ul li:last-child,
.my-public-header .language ul li:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
#easy header .language ul li+li,
#collect header .language ul li+li,
.inner header .language ul li+li,
.my-public-header .language ul li+li {
    border-top: 1px solid #EFEFEF;
}
#easy header .language a,
#collect header .language a,
.inner header .language a,
.my-public-header .language a {
    color: black;
    text-decoration: none;
}
#easy header .box,
#collect header .box,
.inner header .box,
.my-public-header .box {
    height: 35px;
    width: 35px;
    background-image: url("../img/shopping.svg");
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    display: inline-block;
    vertical-align: middle;
    color: #FFFFFF;
    text-decoration: none;
    margin-right: 10px;
}
#easy header .account,
#collect header .account,
.inner header .account,
.my-public-header .account {
    display: inline-block;
}
#easy header .account .sign,
#easy header .account .register,
#easy header .account .gocolara,
#collect header .account .sign,
#collect header .account .register,
#collect header .account .gocolara,
.inner header .account .sign,
.inner header .account .register,
.inner header .account .gocolara,
.my-public-header .account .sign,
.my-public-header .account .register,
.my-public-header .account .gocolara {
    font-size: 12px;
    border-radius: 4px;
    text-transform: uppercase;
    width: 100px;
    font-weight: bold;
    margin-left: 10px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
}
#easy header .account .sign,
#easy header .account .gocolara,
#collect header .account .sign,
#collect header .account .gocolara,
.inner header .account .sign,
.inner header .account .gocolara,
.my-public-header .account .sign,
.my-public-header .account .gocolara {
    background-color: #FFF;
    border: none;
    padding: 10px 0;
    color: #111111;
}
#easy header .account .register,
#collect header .account .register,
.inner header .account .register,
.my-public-header .account .register {
    background-color: transparent;
    border: 1px solid #FFF;
    padding: 8px 0;
    color: white;
}
#easy header .account .gocolara,
#collect header .account .gocolara,
.inner header .account .gocolara,
.my-public-header .account .gocolara {
    width: 165px;
}
#easy header nav,
#collect header nav,
.inner header nav,
.my-public-header nav {
    font-size: 12px;
    float: left;
    padding-left: 0;
    margin: 25px 0;
}
@media screen and (max-width: 860px) {
    #easy header nav,
    #collect header nav,
    .inner header nav,
    .my-public-header nav {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 50px;
    }
}
#easy header nav .links,
#collect header nav .links,
.inner header nav .links,
.my-public-header nav .links {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    height: 29px;
    line-height: 29px;
}
#easy header nav .links li,
#collect header nav .links li,
.inner header nav .links li,
.my-public-header nav .links li {
    display: inline-block;
    padding: 0 8px;
    line-height: 11px;
}
#easy header nav .links li+li,
#collect header nav .links li+li,
.inner header nav .links li+li,
.my-public-header nav .links li+li {
    border-left: 1px solid #FFF;
}
#easy header nav .links li:first-child,
#collect header nav .links li:first-child,
.inner header nav .links li:first-child,
.my-public-header nav .links li:first-child {
    padding-left: 0;
}
#easy header nav .links li.selected a,
#collect header nav .links li.selected a,
.inner header nav .links li.selected a,
.my-public-header nav .links li.selected a {
    padding-bottom: 5px;
    border-bottom: 1px solid white;
}
#easy header nav .links a,
#collect header nav .links a,
.inner header nav .links a,
.my-public-header nav .links a {
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
}
.my-public-header .logo {
    margin: 0;
}
.my-public-header .logo #motto {
    margin-left: -30px;
}
.my-public-header .options {
    margin-top: 22px;
}
@media screen and (max-width: 1024px),
screen and (max-height: 768px) {
    body:before {
        content: 'small';
        display: none;
    }
}
.loading-overlay {
    background: #30CBD9;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
}
.loading-overlay .centerMe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.loading-overlay .inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%);
    height: 25px;
    width: 10px;
    border-radius: 10%;
    background: #30CBD9;
    border-top-color: #a77ebf;
    animation: fade2 1s infinite;
    transition: background .2s;
}
.loading-overlay .inner:after,
.loading-overlay .inner:before {
    content: '';
    position: absolute;
    display: block;
    height: 20px;
    width: 10px;
    background: #30CBD9;
    top: 50%;
    transform: translateY(-50%);
    left: -15px;
    border-radius: 10%;
    animation: fade1 1s infinite;
    transition: background .2s;
}
.loading-overlay .inner:before {
    left: 15px;
    animation: fade3 1s infinite;
}
@keyframes fade1 {
    0% {
        background: #a77ebf;
    }
}
@keyframes fade2 {
    33% {
        background: #a77ebf;
    }
}
@keyframes fade3 {
    66% {
        background: #a77ebf;
    }
}
nav.main {
    position: fixed;
    right: 20px;
    top: 50%;
    z-index: 1000;
    margin-top: -43px;
}
@media screen and (max-width: 600px) {
    nav.main {
        right: 10px;
    }
}
@media screen and (max-width: 1024px),
screen and (max-height: 768px) {
    nav.main {
        display: none;
    }
}
nav.main ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
nav.main a {
    color: transparent;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: #FFF;
    display: block;
    margin: 10px;
}
nav.main a.active {
    background-color: #aaaaaa;
}
#easy,
#collect {
    color: #FFF;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
@media screen and (max-width: 1024px),
screen and (max-height: 768px) {
    #easy,
    #collect {
        position: static;
        padding: 50px 10px 0;
        box-sizing: border-box;
    }
}
#easy footer,
#collect footer {
    position: fixed;
    bottom: 0;
}
@media screen and (max-width: 1024px),
screen and (max-height: 768px) {
    #easy footer,
    #collect footer {
        position: static;
    }
}
#easy {
    background-color: #20cbda;
    z-index: 800;
}
@media screen and (max-width: 1024px),
screen and (max-height: 768px) {
    #easy {
        padding-bottom: 50px;
    }
}
#easy .what {
    display: block;
    text-align: center;
    font-size: 24px;
    background-image: url("../img/arrow-down-circle.svg");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 50% 50%;
    padding-bottom: 50px;
}
#easy .try {
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    color: #111111;
    margin-top: 30px;
    font-size: 18px;
    background-color: #FFF;
    padding: 15px 0px;
    margin-bottom: 20px;
    width: 185px;
    text-decoration: none;
    display: inline-block;
}
@media screen and (max-width: 1024px),
screen and (max-height: 768px) {
    #easy footer {
        display: none;
    }
}
#collect {
    background-color: #1dc597;
    z-index: 700;
}
#collect header h1,
#collect header .lead {
    float: left;
    clear: left;
    width: 100%;
}
#collect header h1 {
    font-size: 52px;
    font-weight: 400;
    margin-bottom: 0;
}
@media screen and (max-height: 800px) {
    #collect header h1 {
        font-size: 36px;
    }
}
@media screen and (max-height: 700px) {
    #collect header h1 {
        margin-top: 0;
    }
}
#collect header .lead {
    font-size: 33px;
    margin-top: 0;
}
@media screen and (max-height: 800px) {
    #collect header .lead {
        font-size: 25px;
    }
}
#collect .more {
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    color: #111111;
    margin-top: 30px;
    font-size: 18px;
    background-color: #FFF;
    padding: 15px 0;
    margin-bottom: 20px;
    width: 195px;
    text-decoration: none;
    display: inline-block;
}
@media screen and (max-height: 800px) {
    #collect .more {
        margin-top: 0px;
    }
}
.logo {
    position: relative;
    float: left;
    width: 460px;
    height: 78px;
    margin: 10px 0;
    color: #FFF;
    text-decoration: none;
}
@media screen and (max-width: 860px) {
    .logo {
        display: block;
        margin: 0 auto;
        float: none;
    }
}
.logo #section {
    width: 195px;
    height: 73px;
    float: left;
    background-image: url("../img/section_logo.svg");
    background-repeat: no-repeat;
    background-size: 200px 75px;
    background-position-x: -1px;
}
.logo #motto {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    float: left;
    top: 50px;
    margin-left: 10px;
}
.bg {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: -10;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: local;
}
.bg.activation-code {
    background-color: #daf7d7;
    background-image: url("../img/bg/gradblue.jpg");
}
.bg.albums,
.bg.friends,
.bg.statistics {
    background-color: #BBA9CE;
    background-image: url("../img/loggedin/bg/violetish.jpg");
}
.bg.alerts,
.bg.store-details {
    background-color: #92DCD0;
    background-image: url("../img/loggedin/bg/blueish.jpg");
}
.bg.badges {
    background-color: #A3A7CD;
    background-image: url("../img/loggedin/bg/purplish.jpg");
}
.bg.credits,
.bg.messages {
    background-color: #93B4CF;
    background-image: url("../img/loggedin/bg/oceanish.jpg");
}
.bg.store-main {
    background-color: #F7D8AA;
    background-image: url("../img/loggedin/bg/orangish.jpg");
}
.bg.dashboard,
.bg.trades {
    background-color: #B8CF99;
    background-image: url("../img/loggedin/bg/greenish.jpg");
}
.preview-album-btn {
    text-decoration: none;
    color: white;
    font-size: 15px;
    text-transform: uppercase;
    padding: 30px;
    padding-left: 50px;
    display: inline-block;
    background-image: url("../img/eyewhite.svg");
    background-size: 44px 60px;
    background-repeat: no-repeat;
    background-position: left center;
}
.gallery {
    margin: 50px auto 0;
    width: 550px;
    overflow: hidden;
    /*@media screen and (max-height: 700px) {
		margin-top: 0;
	}*/
}
@media screen and (max-width: 800px) {
    .gallery {
        width: 400px;
    }
}
@media screen and (max-width: 600px) {
    .gallery {
        width: 300px;
    }
}
.gallery ul {
    padding: 0;
    list-style: none;
    width: 9999px;
    margin: 0;
}
.gallery li {
    float: left;
    width: 550px;
}
@media screen and (max-width: 800px) {
    .gallery li {
        width: 400px;
    }
}
@media screen and (max-width: 600px) {
    .gallery li {
        width: 300px;
    }
}
.gallery li img {
    max-width: 100%;
    max-height: 300px;
}
@media screen and (max-height: 800px) {
    .gallery li img {
        width: auto;
        max-height: 165px;
    }
}
.gallery li h1 {
    font-size: 52px;
    font-weight: 400;
    margin: 10px 0 0;
    white-space: nowrap;
}
@media screen and (max-width: 800px) {
    .gallery li h1 {
        font-size: 32px;
    }
}
@media screen and (max-width: 600px) {
    .gallery li h1 {
        font-size: 25px;
    }
}
@media screen and (orientation: portrait) {
    .gallery li h1 {
        white-space: normal;
    }
}
.gallery li .lead {
    font-size: 33px;
    margin: 0;
}
@media screen and (max-width: 800px) {
    .gallery li .lead {
        font-size: 25px;
    }
}
@media screen and (max-width: 600px) {
    .gallery li .lead {
        font-size: 18px;
    }
}
.gallery-controls {
    position: relative;
}
.gallery-controls .left,
.gallery-controls .right {
    width: 22px;
    height: 38px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 100% 100%;
    border: none;
    position: absolute;
    top: -250px;
}
.gallery-controls .left {
    background-image: url("../img/arrow-left.svg");
    left: 10px;
    display: none;
}
.gallery-controls .right {
    background-image: url("../img/arrow-right.svg");
    right: 10px;
}
.gallery-controls nav {
    margin-top: 20px;
    text-align: center;
}
@media screen and (max-height: 700px) {
    .gallery-controls nav {
        margin-top: 0;
    }
}
.gallery-controls nav button {
    box-sizing: border-box;
    padding: 4px 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #FFF;
    border: none;
}
.gallery-controls nav button.active {
    background-color: #00a7b5;
}
.inner {
    color: #FFF;
}
.inner.help,
.inner.blog-article,
.inner.about,
.inner.partners,
.inner.recoverc,
.inner.recover,
.inner.activation,
.inner.login,
.inner.contactus,
.inner.open-store {
    background-color: #20cbda;
}
.inner.help footer,
.inner.blog-article footer,
.inner.about footer,
.inner.partners footer {
    background-color: #49d8e4;
}
.inner.terms footer,
.inner.advertising footer {
    background-color: #48d0ab;
}
.inner.terms,
.inner.advertising,
.inner.blog-feed,
.inner.register {
    background-color: #1dc597;
}
.inner.about .gallery-widget {
    padding-top: 30px;
    margin-top: 20px;
    text-align: center;
}
.inner.about .gallery-widget,
.inner.about footer {
    background-color: #57d5e0;
}
#terms h4 {
    font-size: 30px;
    font-weight: 400;
    text-align: center;
}
#terms p {
    font-size: 16px;
}
#terms,
#help {
    padding: 0 10px;
}
#terms>h1,
#help>h1 {
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 50px;
}
#terms .description,
#help .description {
    font-size: 27px;
    text-align: center;
    margin-top: 35px;
}
#terms ol,
#help ol {
    padding: 0;
    list-style: none;
    font-size: 16px;
}
#terms ol .number,
#help ol .number {
    font-size: 52px;
    text-align: center;
    line-height: 52px;
    padding-top: 20px;
}
#terms ol h1,
#help ol h1 {
    font-size: 24px;
    text-align: center;
    font-weight: normal;
}
#terms ol button.open,
#help ol button.open {
    width: 30px;
    height: 17px;
    border: none;
    padding: 0;
    background-color: transparent;
    background-image: url("../img/arrow-down.svg");
    background-size: 100% 100%;
    margin: 0 auto;
    display: block;
}
#terms ol .content,
#help ol .content {
    display: none;
}
#terms ol li+li,
#help ol li+li {
    position: relative;
    margin-top: 70px;
}
#terms ol li+li:before,
#help ol li+li:before {
    content: "";
    position: absolute;
    left: 50%;
    height: 50px;
    width: 1px;
    background-color: #FFF;
    top: -50px;
}
#about>.wrapper,
#advertising>.wrapper,
#blog-feed>.wrapper,
#blog-article>.wrapper,
#register>.wrapper,
#contactus>.wrapper,
#open-store>.wrapper,
#partners>.wrapper,
#recover>.wrapper,
#activation>.wrapper,
#recoverc>.wrapper,
#login>.wrapper {
    padding: 0 10px;
}
#about>.wrapper h1,
#advertising>.wrapper h1,
#blog-feed>.wrapper h1,
#blog-article>.wrapper h1,
#register>.wrapper h1,
#contactus>.wrapper h1,
#open-store>.wrapper h1,
#partners>.wrapper h1,
#recover>.wrapper h1,
#activation>.wrapper h1,
#recoverc>.wrapper h1,
#login>.wrapper h1 {
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 20px;
    margin-top: 50px;
}
#about>.wrapper .go-back-btn,
#advertising>.wrapper .go-back-btn,
#blog-feed>.wrapper .go-back-btn,
#blog-article>.wrapper .go-back-btn,
#register>.wrapper .go-back-btn,
#contactus>.wrapper .go-back-btn,
#open-store>.wrapper .go-back-btn,
#partners>.wrapper .go-back-btn,
#recover>.wrapper .go-back-btn,
#activation>.wrapper .go-back-btn,
#recoverc>.wrapper .go-back-btn,
#login>.wrapper .go-back-btn {
    margin-top: 40px;
    position: absolute;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    padding-left: 22px;
    background-image: url("../img/arrow-left.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 10px 15px;
}
#about>.wrapper .lead,
#advertising>.wrapper .lead,
#blog-feed>.wrapper .lead,
#blog-article>.wrapper .lead,
#register>.wrapper .lead,
#contactus>.wrapper .lead,
#open-store>.wrapper .lead,
#partners>.wrapper .lead,
#recover>.wrapper .lead,
#activation>.wrapper .lead,
#recoverc>.wrapper .lead,
#login>.wrapper .lead {
    font-size: 52px;
    text-align: center;
    margin: 0 auto 20px;
    line-height: 55px;
}
#about>.wrapper .description,
#advertising>.wrapper .description,
#blog-feed>.wrapper .description,
#blog-article>.wrapper .description,
#register>.wrapper .description,
#contactus>.wrapper .description,
#open-store>.wrapper .description,
#partners>.wrapper .description,
#recover>.wrapper .description,
#activation>.wrapper .description,
#recoverc>.wrapper .description,
#login>.wrapper .description {
    font-size: 27px;
    text-align: center;
    margin-top: 35px;
}
#about .column,
#advertising .column,
#blog-feed .column,
#blog-article .column,
#register .column,
#contactus .column,
#open-store .column,
#partners .column,
#recover .column,
#activation .column,
#recoverc .column,
#login .column {
    width: 50%;
    float: left;
    box-sizing: border-box;
    font-size: 16px;
}
#about .column+.column,
#advertising .column+.column,
#blog-feed .column+.column,
#blog-article .column+.column,
#register .column+.column,
#contactus .column+.column,
#open-store .column+.column,
#partners .column+.column,
#recover .column+.column,
#activation .column+.column,
#recoverc .column+.column,
#login .column+.column {
    padding-left: 10px;
}
#about .touch,
#advertising .touch,
#blog-feed .touch,
#blog-article .touch,
#register .touch,
#contactus .touch,
#open-store .touch,
#partners .touch,
#recover .touch,
#activation .touch,
#recoverc .touch,
#login .touch {
    text-align: center;
    font-size: 24px;
    background-image: url("../img/arrow-down-circle.svg");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    padding-bottom: 50px;
    float: left;
    width: 100%;
}
#about form,
#advertising form,
#blog-feed form,
#blog-article form,
#register form,
#contactus form,
#open-store form,
#partners form,
#recover form,
#activation form,
#recoverc form,
#login form {
    font-size: 16px;
    padding-top: 50px;
}
#about form label,
#about form input[type="text"],
#advertising form label,
#advertising form input[type="text"],
#blog-feed form label,
#blog-feed form input[type="text"],
#blog-article form label,
#blog-article form input[type="text"],
#register form label,
#register form input[type="text"],
#contactus form label,
#contactus form input[type="text"],
#open-store form label,
#open-store form input[type="text"],
#partners form label,
#partners form input[type="text"],
#recover form label,
#recover form input[type="text"],
#activation form label,
#activation form input[type="text"],
#recoverc form label,
#recoverc form input[type="text"],
#login form label,
#login form input[type="text"] {
    width: 48%;
    border: none;
    box-sizing: border-box;
    background-color: transparent;
    color: #FFF;
    float: left;
}
#about form label+label,
#about form input[type="text"]+input[type="text"],
#advertising form label+label,
#advertising form input[type="text"]+input[type="text"],
#blog-feed form label+label,
#blog-feed form input[type="text"]+input[type="text"],
#blog-article form label+label,
#blog-article form input[type="text"]+input[type="text"],
#register form label+label,
#register form input[type="text"]+input[type="text"],
#contactus form label+label,
#contactus form input[type="text"]+input[type="text"],
#open-store form label+label,
#open-store form input[type="text"]+input[type="text"],
#partners form label+label,
#partners form input[type="text"]+input[type="text"],
#recover form label+label,
#recover form input[type="text"]+input[type="text"],
#activation form label+label,
#activation form input[type="text"]+input[type="text"],
#recoverc form label+label,
#recoverc form input[type="text"]+input[type="text"],
#login form label+label,
#login form input[type="text"]+input[type="text"] {
    margin-left: 4%;
}
#about form label,
#advertising form label,
#blog-feed form label,
#blog-article form label,
#register form label,
#contactus form label,
#open-store form label,
#partners form label,
#recover form label,
#activation form label,
#recoverc form label,
#login form label {
    padding-left: 20px;
    margin-bottom: 10px;
}
#about form input[type="text"],
#advertising form input[type="text"],
#blog-feed form input[type="text"],
#blog-article form input[type="text"],
#register form input[type="text"],
#contactus form input[type="text"],
#open-store form input[type="text"],
#partners form input[type="text"],
#recover form input[type="text"],
#activation form input[type="text"],
#recoverc form input[type="text"],
#login form input[type="text"] {
    border-bottom: 1px solid #FFF;
    margin-bottom: 50px;
}
#about form textarea,
#advertising form textarea,
#blog-feed form textarea,
#blog-article form textarea,
#register form textarea,
#contactus form textarea,
#open-store form textarea,
#partners form textarea,
#recover form textarea,
#activation form textarea,
#recoverc form textarea,
#login form textarea {
    background-color: transparent;
    color: #FFF;
    border: 1px solid #FFF;
    border-width: 1px;
    width: 100%;
    height: 100px;
    box-sizing: border-box;
}
#about form input[type="submit"],
#advertising form input[type="submit"],
#blog-feed form input[type="submit"],
#blog-article form input[type="submit"],
#register form input[type="submit"],
#contactus form input[type="submit"],
#open-store form input[type="submit"],
#partners form input[type="submit"],
#recover form input[type="submit"],
#activation form input[type="submit"],
#recoverc form input[type="submit"],
#login form input[type="submit"] {
    font-weight: bold;
    text-transform: uppercase;
    padding: 15px 55px;
    color: #101010;
    margin: 20px auto;
    display: block;
    font-size: 18px;
    background-color: #FFF;
    border-radius: 4px;
    border: none;
}
#advertising form {
    background-color: #48d0ab;
}
#partners form {
    background-color: #49d8e4;
}
#login>.wrapper .lead,
#register>.wrapper .lead,
#recover>.wrapper .lead,
#activation>.wrapper .lead {
    font-size: 32px;
    line-height: 32px;
    font-weight: 400;
    max-width: 700px;
}
#recover form,
#activation form {
    width: 600px;
}
#recoverc .contact-us-please {
    text-align: center;
    margin-top: 80px;
}
#recoverc .contact-btn {
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    color: #111111;
    margin-top: 30px;
    font-size: 18px;
    background-color: #FFF;
    padding: 15px 0px;
    margin-bottom: 20px;
    width: 185px;
    text-decoration: none;
    display: inline-block;
}
#login form {
    width: 470px;
}
#register form {
    width: 100%;
}
#register form select {
    background-color: #1DC597 !important;
}
#login form,
#register form,
#recover form,
#activation form {
    margin: 0 auto;
    padding: 40px 10px;
    box-sizing: border-box;
    z-index: 2;
}
#login form input[type="text"],
#register form input[type="text"],
#recover form input[type="text"],
#activation form input[type="text"] {
    margin-bottom: 0;
}
#login form .captcha,
#register form .captcha,
#recover form .captcha,
#activation form .captcha {
    padding: 5px;
    border-radius: 3px;
    border: 1px solid white;
    margin: 20px auto;
}
#login form .input,
#register form .input,
#recover form .input,
#activation form .input {
    width: 49%;
    border-bottom: 1px solid white;
    margin-bottom: 30px;
    min-height: 40px;
    font-size: 15px;
    line-height: 40px;
    position: relative;
}
#login form .input.invalid,
#register form .input.invalid,
#recover form .input.invalid,
#activation form .input.invalid {
    border-bottom-color: #f43b3b;
}
#login form .input.invalid label,
#register form .input.invalid label,
#recover form .input.invalid label,
#activation form .input.invalid label {
    color: #f43b3b;
}
#login form .input.invalid input,
#login form .input.invalid select,
#register form .input.invalid input,
#register form .input.invalid select,
#recover form .input.invalid input,
#recover form .input.invalid select,
#activation form .input.invalid input,
#activation form .input.invalid select {
    color: #f43b3b;
    padding-right: 40px;
}
#login form .input.invalid:after,
#register form .input.invalid:after,
#recover form .input.invalid:after,
#activation form .input.invalid:after {
    content: '';
    height: 20px;
    position: absolute;
    width: 21px;
    z-index: 2;
    right: 10px;
    bottom: 21px;
    background: url("../img/error.svg");
    background-repeat: no-repeat;
}
#login form .input.noborder,
#register form .input.noborder,
#recover form .input.noborder,
#activation form .input.noborder {
    border-bottom: none;
}
#login form .input.full,
#register form .input.full,
#recover form .input.full,
#activation form .input.full {
    width: 100%;
}
#login form .input.left,
#register form .input.left,
#recover form .input.left,
#activation form .input.left {
    float: left;
}
#login form .input.right,
#register form .input.right,
#recover form .input.right,
#activation form .input.right {
    float: right;
}
#login form .input .validation-note,
#register form .input .validation-note,
#recover form .input .validation-note,
#activation form .input .validation-note {
    position: absolute;
    display: block;
    width: 200px;
    font-size: 12px;
    padding: 10px;
    background-color: white;
    line-height: 1em;
    border-radius: 3px;
    font-family: Arial, sans-serif;
    color: #585858;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
    right: -2px;
    top: 65px;
}
#login form .input .validation-note p:first-child,
#register form .input .validation-note p:first-child,
#recover form .input .validation-note p:first-child,
#activation form .input .validation-note p:first-child {
    margin-top: 0;
}
#login form .input .validation-note p:last-child,
#register form .input .validation-note p:last-child,
#recover form .input .validation-note p:last-child,
#activation form .input .validation-note p:last-child {
    margin-bottom: 0;
}
#login form .input .validation-note p+p,
#register form .input .validation-note p+p,
#recover form .input .validation-note p+p,
#activation form .input .validation-note p+p {
    margin-top: 5px;
}
#login form .input .validation-note:after,
#register form .input .validation-note:after,
#recover form .input .validation-note:after,
#activation form .input .validation-note:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    top: -11px;
    z-index: 2;
    right: 17px;
}
#login form .input label,
#login form .input input,
#login form .input select,
#register form .input label,
#register form .input input,
#register form .input select,
#recover form .input label,
#recover form .input input,
#recover form .input select,
#activation form .input label,
#activation form .input input,
#activation form .input select {
    float: left;
    height: 40px;
}
#login form .input label,
#register form .input label,
#recover form .input label,
#activation form .input label {
    width: 20%;
    margin-left: 4%;
    padding-left: 0;
}
#login form .input input,
#login form .input select,
#register form .input input,
#register form .input select,
#recover form .input input,
#recover form .input select,
#activation form .input input,
#activation form .input select {
    width: 76%;
    border: none;
    box-sizing: border-box;
    background-color: transparent;
}
#login form .input.long-label label,
#register form .input.long-label label,
#recover form .input.long-label label,
#activation form .input.long-label label {
    width: 36%;
}
#login form .input.long-label input,
#login form .input.long-label select,
#register form .input.long-label input,
#register form .input.long-label select,
#recover form .input.long-label input,
#recover form .input.long-label select,
#activation form .input.long-label input,
#activation form .input.long-label select {
    width: 60%;
}
@media screen and (max-height: 768px) {
    #login form,
    #register form,
    #recover form,
    #activation form {
        position: relative;
        top: 70px;
    }
}
@media screen and (max-width: 800px) {
    #login form,
    #register form,
    #recover form,
    #activation form {
        padding: 10px;
        position: static;
    }
    #login form .input,
    #register form .input,
    #recover form .input,
    #activation form .input {
        width: 100%;
        margin-bottom: 20px;
    }
    #login form .input.left,
    #login form .input.right,
    #register form .input.left,
    #register form .input.right,
    #recover form .input.left,
    #recover form .input.right,
    #activation form .input.left,
    #activation form .input.right {
        float: none;
    }
}
#login form label+label,
#login form select+select,
#login form input[type="text"]+input[type="text"],
#login form input[type="text"]+input[type="password"],
#register form label+label,
#register form select+select,
#register form input[type="text"]+input[type="text"],
#register form input[type="text"]+input[type="password"],
#recover form label+label,
#recover form select+select,
#recover form input[type="text"]+input[type="text"],
#recover form input[type="text"]+input[type="password"],
#activation form label+label,
#activation form select+select,
#activation form input[type="text"]+input[type="text"],
#activation form input[type="text"]+input[type="password"] {
    margin-left: 4%;
}
#login form label,
#register form label,
#recover form label,
#activation form label {
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media screen and (max-height: 800px) {
    #login form label,
    #register form label,
    #recover form label,
    #activation form label {
        margin-bottom: 0;
    }
}
#login form input[type="checkbox"],
#register form input[type="checkbox"],
#recover form input[type="checkbox"],
#activation form input[type="checkbox"] {
    float: left;
    width: 24px;
    height: 24px;
    margin-left: 20px;
}
#login form input[type="checkbox"]+label,
#register form input[type="checkbox"]+label,
#recover form input[type="checkbox"]+label,
#activation form input[type="checkbox"]+label {
    font-size: 12px;
    line-height: 24px;
    width: auto;
}
#login form input[type="submit"],
#register form input[type="submit"],
#recover form input[type="submit"],
#activation form input[type="submit"] {
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: bold;
    border: none;
    color: #111111;
    margin-top: 30px;
    font-size: 18px;
    background-color: #FFF;
    padding: 15px 0px;
    margin-bottom: 20px;
    width: 185px;
    text-decoration: none;
    display: inline-block;
}
#login form a,
#register form a,
#recover form a,
#activation form a {
    font-style: normal;
    color: white;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    margin-top: 15px;
}
#login form .social,
#register form .social,
#recover form .social,
#activation form .social {
    margin-top: 30px;
}
#login form .social ul,
#register form .social ul,
#recover form .social ul,
#activation form .social ul {
    margin-top: 20px;
}
#login form div.submit,
#register form div.submit,
#recover form div.submit,
#activation form div.submit {
    float: left;
    width: 100%;
    margin-top: 30px;
    text-align: center;
    position: relative;
}
@media screen and (max-height: 800px) {
    #login form div.submit,
    #register form div.submit,
    #recover form div.submit,
    #activation form div.submit {
        margin-top: 10px;
    }
}
#login form div.submit a.forgot,
#register form div.submit a.forgot,
#recover form div.submit a.forgot,
#activation form div.submit a.forgot {
    position: absolute;
    top: 30px;
    right: -20px;
    font-size: 13px;
    clear: both;
}
#login form div.submit span,
#register form div.submit span,
#recover form div.submit span,
#activation form div.submit span {
    font-size: 14px;
}
#login form div.submit ul,
#register form div.submit ul,
#recover form div.submit ul,
#activation form div.submit ul {
    padding-left: 0;
    list-style: none;
    text-align: center;
}
#login form div.submit ul li,
#register form div.submit ul li,
#recover form div.submit ul li,
#activation form div.submit ul li {
    display: inline-block;
    width: 55px;
    height: 55px;
    margin: 0 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
@media screen and (max-height: 870px) {
    #login form div.submit ul li,
    #register form div.submit ul li,
    #recover form div.submit ul li,
    #activation form div.submit ul li {
        width: 50px;
        height: 50px;
        background-size: 50px;
    }
}
#login form div.submit ul li a,
#register form div.submit ul li a,
#recover form div.submit ul li a,
#activation form div.submit ul li a {
    color: transparent;
    display: block;
    height: 90px;
}
#login form div.submit ul li.fb,
#register form div.submit ul li.fb,
#recover form div.submit ul li.fb,
#activation form div.submit ul li.fb {
    background-image: url("../img/fbbwhite.png");
}
#login form div.submit ul li.tw,
#register form div.submit ul li.tw,
#recover form div.submit ul li.tw,
#activation form div.submit ul li.tw {
    background-image: url("../img/twbwhite.png");
}
#login form div.submit ul li.gp,
#register form div.submit ul li.gp,
#recover form div.submit ul li.gp,
#activation form div.submit ul li.gp {
    background-image: url("../img/gpbwhite.png");
}
#about .try {
    font-size: 12px;
    border-radius: 4px;
    text-transform: uppercase;
    width: 100px;
    font-weight: bold;
    background-color: #FFF;
    border: none;
    padding: 10px 0;
    color: #111111;
    margin: 30px auto 0;
    display: block;
}
#open-store>.wrapper .description {
    font-size: 16px;
    text-align: center;
    margin-top: 35px;
}
#open-store > .wrapper .lead {
    font-size: 45px;
}
#open-store .collapsable-store-area {
    padding-top: 16px;
}
#open-store .collapsable-store-area.closed .expand {
    display: inline-block;
}
#open-store .collapsable-store-area .heading {
    width: 97%;
    display: block;
    text-align: center;
    position: relative;
    height: 1px;
    background-color: white;
    margin: 12px 0;
}
#open-store .collapsable-store-area .label {
    font-size: 13px;
    display: inline-block;
    background-color: #20CBDA;
    position: relative;
    bottom: 12px;
    padding: 0 50px;
}
#open-store .collapsable-store-area .collapse,
#open-store .collapsable-store-area .expand {
    cursor: pointer;
    position: absolute;
    right: -3%;
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 2px;
    line-height: 15px;
    border: 1px solid white;
    bottom: -8px;
    background-color: #20CBDA;
}
#open-store .collapsable-store-area .expand {
    display: none;
    line-height: 16px;
}
#open-store .collapsable-store-area .content {
    padding-top: 36px;
}
#open-store section.details .controls {
    text-transform: uppercase;
    line-height: 36px;
    margin-top: 0;
    margin-bottom: 26px;
}
#open-store section.details .controls .search {
    float: right;
    position: relative;
    width: 280px;
    background-image: url("../img/search.svg");
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    border-bottom: 1px solid white;
    padding-top: 0;
}
#open-store section.details .controls .search .search-input {
    width: 100%;
    border: none;
    margin-bottom: 0;
    padding: 10px 10px 10px 40px;
}
#open-store section.details .controls .search .search-input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    
    color: #FFF;
}
#open-store section.details .controls .search .search-input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    
    color: #FFF;
    opacity: 1;
}
#open-store section.details .controls .search .search-input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    
    color: #FFF;
    opacity: 1;
}
#open-store section.details .controls .search .search-input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    
    color: #FFF;
}
#open-store section.details .controls .search .search-input:placeholder-shown {
    /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    
    color: #FFF;
}
#open-store section.details .controls .filters {
    white-space: nowrap;
    padding-right: 20px;
    float: left;
}
#open-store section.details .controls .filters .label {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0;
}
#open-store section.details .controls .filters ul {
    position: relative;
    width: 60px;
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    top: 5px;
    cursor: pointer;
    padding-left: 10px;
    padding-top: 30px;
    height: 0;
    list-style: none;
}
#open-store section.details .controls .filters ul li {
    padding: 0;
    margin: 0;
    width: 240px;
    background-color: #F3F3F3;
    position: relative;
    z-index: 1;
    padding-left: 10px;
    left: -10px;
    box-shadow: 1px 1px 1px rgba(51, 51, 51, 0.36);
    color: gray;
}
#open-store section.details .controls .filters ul li a {
    color: gray;
    text-decoration: none;
}
#open-store section.details .controls .filters ul li:hover {
    background-color: #EAEAEA;
}
#open-store section.details .controls .filters ul:after {
    background-image: url("../img/arrow-down-white.svg");
    content: '';
    position: absolute;
    right: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
}
#open-store section.details .controls .filters ul.open:after {
    background-image: url("../img/arrow-up-white.svg");
}
#open-store section.details .controls .filters ul.countries:before {
    background-image: url("../img/globe.svg");
    width: 35px;
    height: 35px;
    position: absolute;
    background-size: 35px;
    top: -13px;
    left: 10px;
    content: '';
}
#open-store section.details .controls .filters ul.tags:before {
    background-image: url("../img/tag.svg");
    width: 35px;
    height: 35px;
    position: absolute;
    background-size: 35px;
    top: -8px;
    left: 10px;
    content: '';
}
#open-store section.details .controls .filters li {
    display: none;
}
#open-store section.details .controls .filters a {
    padding: 2px 5px;
}
#open-store section.details .controls .filters a.only-icon {
    color: transparent;
    font-size: 1px;
    width: 21px;
    padding: 10px 0 10px 18px;
}
#open-store section.details .controls .filters a.left-icon {
    padding-left: 32px;
    background-position: left;
}
#open-store section.details .controls .filters a.right-icon {
    padding-right: 32px;
    background-position: right;
}
#open-store section.details .controls .filters a.cart-icon {
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #ededed;
    background-position: 95% center;
    width: 220px;
    box-sizing: border-box;
    z-index: 1;
}
#open-store section.details .controls .filters a.cart-icon:before {
    content: '';
    width: 22px;
    height: 22px;
    display: inline-block;
    background-image: url("../img/loggedin/cart-grey.svg");
    background-size: 22px;
    vertical-align: middle;
    margin-right: 5px;
    background-repeat: no-repeat;
}
#open-store section.details .controls .filters a.cart-icon.open {
    background-image: url("../img/arrow-up-grey.svg");
}
#blog-feed .wrapper>.posts {
    list-style: none;
    margin-top: 80px;
}
#blog-feed .wrapper>.posts>li:after {
    content: '';
    display: block;
    width: 1px;
    height: 60px;
    margin: 25px auto;
    background-color: #fff;
}
#blog-feed .wrapper>.posts .post {
    color: white;
}
#blog-feed .wrapper>.posts .post .title {
    font-size: 32px;
    font-weight: 400;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
#blog-feed .wrapper>.posts .post .summary {
    font-size: 18px;
    text-align: left;
}
#blog-feed .wrapper>.posts .post time {
    display: block;
    text-align: center;
    font-size: 13px;
}
#blog-feed .wrapper>.posts .post .anchor-wrapper {
    text-align: center;
    margin-top: 30px;
}
#blog-feed .wrapper>.posts .post .anchor-wrapper .see-btn {
    display: inline-block;
    background-color: transparent;
    border: 1px solid #FFF;
    padding: 8px 0;
    color: white;
    font-size: 12px;
    border-radius: 4px;
    text-transform: uppercase;
    width: 100px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
#blog-feed .blog-pagination {
    text-transform: none;
    padding-top: 20px;
    text-align: center;
    font-size: 16px;
}
#blog-feed .blog-pagination .prev,
#blog-feed .blog-pagination .next {
    color: white;
    text-decoration: none;
    border: 5px solid transparent;
}
#blog-feed .blog-pagination .prev {
    float: left;
}
#blog-feed .blog-pagination .prev:before {
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    background-image: url("../img/arrow-left.svg");
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-right: 10px;
}
#blog-feed .blog-pagination .next {
    float: right;
}
#blog-feed .blog-pagination .next:after {
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    background-image: url("../img/arrow-right.svg");
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-left: 10px;
}
#blog-feed .blog-pagination .disabled {
    opacity: 0.7;
    pointer-events: none;
}
#blog-feed .blog-pagination .pages {
    list-style: none;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    margin: 0;
    margin-top: -6px;
}
#blog-feed .blog-pagination .pages li {
    border-radius: 100px;
    display: inline-block;
}
#blog-feed .blog-pagination .pages li a {
    text-decoration: none;
    padding: 7px;
    color: white;
    min-width: 20px;
    display: inline-block;
    border: none;
}
#blog-feed .blog-pagination .pages li a:hover {
    background-color: transparent;
}
#blog-feed .blog-pagination .pages li.selected {
    background-color: #fff;
}
#blog-feed .blog-pagination .pages li.selected a {
    color: #1dc597;
}
#blog-article .post {
    text-align: center;
    margin-top: 90px;
}
#blog-article .post time {
    display: block;
    text-align: center;
    font-size: 13px;
}
#blog-article .post .title {
    font-size: 32px;
    font-weight: 400;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
#blog-article .post .body {
    text-align: left;
    font-size: 16px;
}
#blog-article .post .body p+p {
    margin-top: 25px;
}
#blog-article .post .actions-wrapper {
    margin: 25px 0;
}
#blog-article .comments {
    background-color: #49D8E4;
}
#blog-article .comments .comment-form {
    text-align: center;
}
#blog-article .comments .comment-form textarea {
    resize: none;
}
#blog-article .comments .comment-form textarea,
#blog-article .comments .comment-form label {
    text-align: left;
}
#blog-article .comments .comment-form button[type="submit"] {
    font-size: 18px;
    background-color: #FFF;
    border-radius: 4px;
    border: none;
    padding: 15px 55px;
    color: black;
    text-transform: uppercase;
    margin-top: 30px;
}
#blog-article .comments p {
    margin: 0;
}
#blog-article .comments p+p {
    margin-top: 25px;
}
#blog-article .comments .previous-comments {
    list-style: none;
    margin: 80px 0 0 0;
}
#blog-article .comments .previous-comments .comment {
    position: relative;
    padding: 0 0 0 130px;
}
#blog-article .comments .previous-comments .comment:after {
    content: '';
    display: block;
    width: 1px;
    height: 60px;
    margin: 25px auto 0 auto;
    background-color: #fff;
}
#blog-article .comments .previous-comments .comment+.comment {
    margin-top: 25px;
}
#blog-article .comments .previous-comments .comment time {
    font-size: 13px;
}
#blog-article .comments .previous-comments .comment .user-picture {
    position: absolute;
    top: 0;
    left: 0;
}
#blog-article .comments .previous-comments .comment .name {
    font-weight: 400;
    margin: 8px 0;
}
#blog-article .comments .previous-comments .comment .body {
    font-size: 15px;
}
#blog-article .comments .previous-comments .comment .actions-wrapper {
    margin: 20px 0;
}
#blog-article .comments .previous-comments .comment .actions-wrapper .action {
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
}
#blog-article .comments .previous-comments .comment .actions-wrapper .action+.action {
    border-left: 1px solid #FFF;
    padding-left: 8px;
    margin-left: 5px;
}
#blog-article .comments .previous-comments .comment .actions-wrapper .love-btn,
#blog-article .comments .previous-comments .comment .actions-wrapper .loves {
    float: right;
}
#blog-article .comments .previous-comments .comment .actions-wrapper .loves {
    margin-right: 15px;
    display: inline-block;
    margin-top: 8px;
}
#blog-article .love-btn,
#blog-article .share-btn {
    display: inline-block;
    height: 40px;
    width: 40px;
    background-color: white;
    border-radius: 20px;
    position: relative;
}
#blog-article .love-btn:hover,
#blog-article .share-btn:hover {
    opacity: 0.9;
}
#blog-article .love-btn+.love-btn,
#blog-article .love-btn+.share-btn,
#blog-article .share-btn+.love-btn,
#blog-article .share-btn+.share-btn {
    margin-left: 10px;
}
#blog-article .share-btn {
    background-image: url("../img/share.png");
    background-repeat: no-repeat;
    background-position: center;
}
#blog-article .love-btn {
    background-image: url("../img/heart-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 0.5s;
}
#blog-article .love-btn.loved {
    background: url("../img/heart-bluer.svg");
    background-color: #29B9C5;
    background-repeat: no-repeat;
    background-position: center;
}
#blog-article .love-btn::after {
    display: block;
    content: '';
    height: 50px;
    width: 50px;
    box-shadow: inset 0 0 0 35px rgba(111, 148, 182, 0);
    position: absolute;
    top: -5px;
    left: -5px;
    border-radius: 25px;
}
#blog-article .love-btn.loved::after {
    -webkit-animation: anim-effect-love-btn 0.5s ease-out forwards;
    animation: anim-effect-love-btn 0.5s ease-out forwards;
}
@ -webkit-keyframes anim-effect-love-btn {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(0.4, 0.4, 1);
        transform: scale3d(0.4, 0.4, 1);
    }
    80% {
        box-shadow: inset 0 0 0 2 px white;
        opacity: 0 .5;
    }
    100% {
        box-shadow: inset 0 0 0 2 px rgba (255, 255, 255, 0 .5);
        opacity: 0;
        -webkit-transform: scale3d (1 .2, 1 .2, 1);
        transform: scale3d (1 .2, 1 .2, 1);
    }
}
@ keyframes anim-effect-love-btn {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(0.4, 0.4, 1);
        transform: scale3d(0.4, 0.4, 1);
    }
    80% {
        box-shadow: inset 0 0 0 2 px white;
        opacity: 0 .5;
    }
    100% {
        box-shadow: inset 0 0 0 2 px rgba (255, 255, 255, 0 .5);
        opacity: 0;
        -webkit-transform: scale3d (1 .2, 1 .2, 1);
        transform: scale3d (1 .2, 1 .2, 1);
    }
}
#collect ul.albums,
#open-store ul.albums {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-align: center;
    font-size: 0;
}
#collect ul.albums+.albums,
#open-store ul.albums+.albums {
    margin-top: 26px;
}
@media screen and (max-height: 1200px) {
    #collect ul.albums,
    #open-store ul.albums {
        position: relative;
        top: -10px;
    }
    #collect ul.albums li+li+li+li+li,
    #open-store ul.albums li+li+li+li+li {
        display: none;
    }
}
#collect ul.albums li,
#open-store ul.albums li {
    display: inline-block;
    width: 220px;
    background-color: #FFF;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 2px;
    color: #332c24;
    text-align: left;
    position: relative;
    padding-bottom: 15px;
    float: left;
}
#collect ul.albums li+li,
#open-store ul.albums li+li {
    margin-left: 26px;
}
#collect ul.albums li a,
#open-store ul.albums li a {
    text-decoration: none;
    color: #333;
    display: inline-block;
}
#collect ul.albums li img,
#open-store ul.albums li img {
    width: 100%;
}
#collect ul.albums li h1,
#open-store ul.albums li h1 {
    font-size: 19px;
    font-weight: 400;
    margin: 20px 0 0;
    padding-left: 8px;
    text-align: left;
    text-transform: none;
}
@media screen and (max-height: 800px) {
    #collect ul.albums li h1,
    #open-store ul.albums li h1 {
        font-size: 12px;
    }
}
#collect ul.albums li .count,
#open-store ul.albums li .count {
    font-size: 14px;
    margin-top: 5px;
    padding-left: 8px;
}
@media screen and (max-height: 800px) {
    #collect ul.albums li .count,
    #open-store ul.albums li .count {
        font-size: 11px;
        margin-bottom: 0;
    }
}
#collect ul.albums li .share,
#open-store ul.albums li .share {
    position: absolute;
    z-index: 1;
    right: -50px;
    color: transparent;
    bottom: 10px;
    width: 96px;
    height: 34px;
    border-radius: 34px;
}
#collect ul.albums li .share.open,
#open-store ul.albums li .share.open {
    background-color: #E0E0E0;
}
#collect ul.albums li .share.open .share-net:hover,
#open-store ul.albums li .share.open .share-net:hover {
    background-color: #E0E0E0;
    border-color: #E0E0E0;
}
#collect ul.albums li .share span,
#open-store ul.albums li .share span {
    position: absolute;
    display: none;
    width: 20px;
    height: 18px;
    border: 8px solid transparent;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}
#collect ul.albums li .share span.share-net,
#collect ul.albums li .share span.share-facebook.open,
#collect ul.albums li .share span.share-twitter.open,
#open-store ul.albums li .share span.share-net,
#open-store ul.albums li .share span.share-facebook.open,
#open-store ul.albums li .share span.share-twitter.open {
    display: inline-block;
}
#collect ul.albums li .share-net,
#open-store ul.albums li .share-net {
    top: 0;
    left: 0;
    background-image: url("../img/net.svg");
    background-size: 18px 18px;
    border-radius: 34px 0 0 34px;
}
#collect ul.albums li .share-facebook,
#open-store ul.albums li .share-facebook {
    top: 0;
    left: 36px;
    background-color: #E0E0E0;
    background-image: url("../img/fb-icon-grey.svg");
    background-size: 8px 17px;
}
#collect ul.albums li .share-facebook:hover,
#open-store ul.albums li .share-facebook:hover {
    border-color: #355E9F;
    background-color: #355E9F;
    background-image: url("../img/fb-icon.svg");
}
#collect ul.albums li .share-twitter,
#open-store ul.albums li .share-twitter {
    top: 0;
    left: 72px;
    border-radius: 0 34px 34px 0;
    background-color: #E0E0E0;
    background-image: url("../img/twitter-icon-grey.svg");
    background-size: 18px 16px;
}
#collect ul.albums li .share-twitter:hover,
#open-store ul.albums li .share-twitter:hover {
    border-color: #40BFF5;
    background-color: #40BFF5;
    background-image: url("../img/twitter-icon.svg");
}
#collect ul.albums li.selling,
#open-store ul.albums li.selling {
    padding-bottom: 30px;
}
#collect ul.albums li.selling .share,
#open-store ul.albums li.selling .share {
    right: auto;
    left: 10px;
    bottom: 6px;
}
#collect ul.albums li.selling .price,
#open-store ul.albums li.selling .price {
    color: #f02857;
    font-size: 16px;
    margin: 10px 0 10px 8px;
}
#collect ul.albums li.selling .add-btn,
#open-store ul.albums li.selling .add-btn {
    height: 20px;
    width: 20px;
    background-image: url("../img/loggedin/add-grey.svg");
    background-size: 20px 20px;
}
#collect ul.albums li.selling .buy-btn,
#open-store ul.albums li.selling .buy-btn {
    width: 30px;
    height: 35px;
    background-image: url("../img/loggedin/cart_buy-grey.svg");
    background-size: 30px 35px;
}
#collect ul.albums li.selling .buy-btn,
#collect ul.albums li.selling .add-btn,
#open-store ul.albums li.selling .buy-btn,
#open-store ul.albums li.selling .add-btn {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
@media screen and (max-width: 1024px) {
    #collect ul.albums li,
    #open-store ul.albums li {
        float: none;
        margin: 0 auto;
        display: block;
    }
    #collect ul.albums li+li,
    #open-store ul.albums li+li {
        margin-left: auto;
        margin-top: 26px;
    }
}
.album-preview-popup {
    display: none;
    padding: 10px;
    background-color: #20cbda;
    z-index: 2;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    margin: auto;
    width: 1200px !important;
    box-sizing: border-box;
}
@media screen and (max-height: 750px) {
    .album-preview-popup.colara-modal {
        position: absolute;
        top: 200px;
    }
}
@media screen and (max-width: 960px) {
    .album-preview-popup.colara-modal {
        width: calc(100% - 20px);
        margin: 0 10px;
    }
    .album-preview-popup.colara-modal h1 {
        line-height: 1em;
        font-size: 22px;
        padding: 10px 50px 20px 10px;
        height: auto;
    }
    .album-preview-popup.colara-modal .close-btn {
        top: 10px;
        right: 10px;
    }
}
.album-preview-popup [data-component="progress-bar"] {
    width: 60%;
    height: 10px;
    margin: 80px auto 80px auto;
    background-color: white;
    border-radius: 5px;
}
.album-preview-popup [data-component="progress-bar"] .indicator .label {
    background-color: white;
    color: #30cbd9;
}
.album-preview-popup [data-component="progress-bar"] .indicator .label:after {
    border-color: white transparent transparent transparent;
}
.album-preview-popup h1 {
    font-weight: 400;
    margin: 0;
    position: relative;
    font-size: 30px;
    padding: 10px 70px 15px 20px;
}
.album-preview-popup .content {
    min-height: 400px;
}
.album-preview-popup .close-btn {
    width: 25px;
    height: 23px;
    border: none;
    background-color: transparent;
    position: absolute;
    right: 25px;
    top: 19px;
    line-height: 23px;
    font-size: 43px;
    padding: 0;
}
footer {
    font-size: 12px;
    width: 100%;
    padding: 20px 0;
    box-sizing: border-box;
    position: relative;
}
footer .bottom-contents {
    text-align: center;
    text-transform: uppercase;
}
footer .bottom-contents section {
    display: inline-block;
    vertical-align: middle;
}
footer .bottom-contents .links {
    font-weight: bold;
    margin: 0;
    display: block;
}
footer .bottom-contents .links ul {
    list-style: none;
    line-height: 25px;
    padding-left: 0;
    margin: 0;
}
footer .bottom-contents .links ul li {
    display: inline-block;
    padding: 0 8px;
    line-height: 12px;
}
@media screen and (max-width: 961px) {
    footer .bottom-contents .links ul li {
        padding: 8px;
    }
}
footer .bottom-contents .links ul li+li {
    border-left: 1px solid #FFF;
}
@media screen and (max-width: 961px) {
    footer .bottom-contents .links ul li+li {
        border: none;
    }
}
footer .bottom-contents .links a {
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
}
footer .bottom-contents .getiton {
    margin-left: 20px;
    display: inline-block;
}
footer .bottom-contents .getiton .appstore,
footer .bottom-contents .getiton .googleplay {
    display: inline-block;
    margin: 4px 0;
    color: transparent;
    overflow: hidden;
    width: 128px;
    height: 39px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
footer .bottom-contents .getiton .appstore {
    background-image: url("../img/appstore.svg");
}
footer .bottom-contents .getiton .googleplay {
    background-image: url("../img/googleplay.svg");
}
footer .bottom-contents .socialcopy {
    padding: 0;
    margin: 0;
    text-align: left;
    line-height: 43px;
    display: inline-block;
    margin-left: 20px;
    position: relative;
    top: -3px;
}
footer .bottom-contents .socialcopy i {
    text-transform: none;
    font-style: italic;
    max-width: 75px;
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 13px;
}
footer .bottom-contents .socialcopy .facebook,
footer .bottom-contents .socialcopy .twitter {
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    margin: 0 0 0 10px;
    color: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}
footer .bottom-contents .socialcopy .facebook {
    background-image: url("../img/fb.svg");
}
footer .bottom-contents .socialcopy .twitter {
    background-image: url("../img/tw.svg");
    margin-left: 5px;
}
footer .bottom-contents .socialcopy .copyright {
    display: inline-block;
    position: relative;
    margin-left: 12px;
}
footer .bottom-contents .socialcopy .copyright:before {
    content: '';
    position: absolute;
    display: block;
    left: -7px;
    top: 16px;
    height: 10px;
    width: 2px;
    background-color: #fff;
}
footer .bottom-contents .getiton,
footer .bottom-contents .socialcopy {
    margin-top: 20px;
}
@media screen and (max-width: 980px) {
    footer .bottom-contents .links {
        width: 100%;
        float: none;
    }
    footer .bottom-contents .links ul {
        text-align: center;
    }
    footer .bottom-contents .getiton {
        display: block;
        float: none;
        text-align: center;
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    footer .bottom-contents .socialcopy {
        width: 100%;
        text-align: center;
        float: none;
        margin-left: 0;
        margin-top: 0;
    }
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.wrapper {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 10px;
}
/*
 * Hide visually and from screen readers:
 * http://juicystudio.com/article/screen-readers-display-none.php
 */

.hidden {
    display: none !important;
    visibility: hidden;
}
/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
/*
 * Hide visually and from screen readers, but maintain layout
 */

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

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    
    display: table;
    /* 2 */
}
.clearfix:after {
    clear: both;
}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}
@media print,
( -o-min-device-pixel-ratio: 5 / 4),
( -webkit-min-device-pixel-ratio: 1.25),
( min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}
/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster:
       http://www.sanbeiji.com/archives/953 */
        
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
    
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
    
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}
html {
    height: 100%;
}
body {
    min-height: 100%;
    position: relative;
}
.alerts-box {
    position: fixed;
    top: 15px;
    right: 15px;
    width: 470px;
    list-style: none;
    padding-left: 0;
    z-index: 50;
}
.alerts-box li {
    padding: 15px;
    background-color: #e5e9ec;
    font-weight: 600;
    font-size: 12px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);
    color: #6f6f6f;
    text-align: center;
    position: relative;
}
.alerts-box li .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    color: gray;
    font-size: 15px;
    background-color: transparent;
    border: none;
    outline: none;
}
.alerts-box li + li {
    margin-top: 15px;
}
::-webkit-scrollbar {
    width: 15px;
}
::-webkit-scrollbar-track {
    background: none;
}
::-webkit-scrollbar-thumb {
    background-color: #8A8A8A;
    border: 4px solid transparent;
    border-radius: 10px;
    background-clip: content-box;
}
.top-notice {
    margin: 30px auto 15px auto;
    max-width: 700px;
    padding: 15px;
    background-color: #e5e9ec;
    opacity: 0.9;
    font-weight: 600;
    font-size: 12px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14);
    color: #6f6f6f;
}
.loggedin main .container ul.columns li .album-icons {
    top: -10px;
    left: -6px;
    right: -10px;
}
.columns .cover .album-icons {
    top: -3px;
    left: -4px;
    right: -8px;
}
.loggedin main .container ul.columns li .album-icons,
.columns .cover .album-icons {
    position: absolute;
}
.loggedin main .container ul.columns li .album-icons:after,
.columns .cover .album-icons:after {
    content: "";
    display: table;
    clear: both;
}
.loggedin main .container ul.columns li .album-icons .free,
.columns .cover .album-icons .free {
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    border-radius: 30px;
    text-align: left;
    float: left;
    clear: both;
    display: inline-block;
    line-height: 30px;
    font-size: 12px;
    font-weight: 600;
    color: white;
    background-color: #30cbd9;
    padding: 0px 14px;
}
.loggedin main .container ul.columns li .album-icons .complete,
.columns .cover .album-icons .complete {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    border-radius: 30px;
    text-align: left;
    float: left;
    clear: both;
    display: inline-block;
    line-height: 30px;
    font-size: 12px;
    color: white;
    width: 30px;
    background-color: #1CC496;
    background-image: url("../img/icon-complete.svg");
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 7px 10px;
}
.loggedin {
    color: #FFF;
    font-size: 12px;
}
.loggedin .logo #section {
    background-size: 160px 75px;
}
.loggedin>header {
    background-color: #30CBD9;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 0;
}
.loggedin>header .top-contents {
    position: relative;
}
.loggedin>header .top-contents .logo {
    margin: 0;
    width: 195px;
}
.loggedin>header .top-contents .logo #motto {
    display: none;
}
.loggedin>header .top-contents .controls {
    display: inline-block;
    position: absolute;
    margin: 15px 40px;
    max-height: 40px;
}
.loggedin>header .top-contents .controls .v-separator {
    vertical-align: middle;
    content: "";
    display: inline-block;
    width: 0;
    height: 45px;
    border-left: 1px solid #6FDBE4;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0;
}
.loggedin>header .top-contents .controls a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 10px;
    color: transparent;
    font-size: 1px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.loggedin>header .top-contents .controls .icon {
    position: relative;
}
.loggedin>header .top-contents .controls .icon .notified {
    position: absolute;
    top: -0.7em;
    right: -0.4em;
    height: 13px;
    min-width: 13px;
    border-radius: 30px;
    border: 3px solid #30cbd9;
    background-color: #a77ebf;
    color: #FFF;
    line-height: 15px;
    font-size: 16px;
    text-align: center;
    padding: 3px;
}
.loggedin > header .top-contents .controls .icon#home {
    height: 33px;
    background-image: url("../img/loggedin/home.svg");
}
.loggedin>header .top-contents .controls .icon#albums {
    height: 39px;
    background-image: url("../img/loggedin/albums.svg");
}
.loggedin>header .top-contents .controls .icon#alerts {
    height: 31px;
    background-image: url("../img/loggedin/alerts.svg");
}
.loggedin>header .top-contents .controls .icon#credits {
    height: 41px;
    background-image: url("../img/loggedin/credits.svg");
}
.loggedin>header .top-contents .controls .icon#friends {
    height: 24px;
    background-image: url("../img/loggedin/friends.svg");
}
.loggedin>header .top-contents .controls .icon#mail {
    height: 23px;
    background-image: url("../img/loggedin/mail.svg");
}
.loggedin>header .top-contents .controls .icon#store {
    height: 36px;
    background-image: url("../img/loggedin/store.svg");
}
.loggedin>header .top-contents .controls .icon#trades {
    height: 40px;
    background-image: url("../img/loggedin/trades.svg");
}
.loggedin>header .top-contents .user-ctrls {
    background-color: #30CBD9;
    position: absolute;
    z-index: 11;
    right: 0;
    width: 200px;
    margin-top: 5px;
}
.loggedin>header .top-contents .user-ctrls.open {
    background-color: #FFF;
}
.loggedin>header .top-contents .user-ctrls img.myuserpic {
    position: absolute;
    top: 0;
    left: 0;
    width: 53px;
    height: 53px;
    margin: 8px;
}
.loggedin>header .top-contents .user-ctrls label.myusername {
    color: #FFF;
    font-weight: bold;
    width: 80px;
    vertical-align: middle;
    position: absolute;
    left: 63px;
    top: 13px;
    line-height: 125%;
    margin: 8px;
}
.loggedin>header .top-contents .user-ctrls label.myusername.open {
    color: #30CBD9;
}
.loggedin>header .top-contents .user-ctrls .droparrow {
    display: block;
    width: 20px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 25px;
    border: none;
    margin: 8px;
    cursor: default;
    background-image: url("../img/arrow-down-small.svg");
    background-color: transparent;
    background-size: 100% 100%;
}
.loggedin>header .top-contents .user-ctrls .droparrow.open {
    background-image: url("../img/arrow-up-small-blue.svg");
}
.loggedin>header .top-contents .user-ctrls .dropdown {
    display: none;
    color: #777777;
    width: 100%;
    position: relative;
    z-index: 11;
    margin: 75px 0 0 0;
    padding: 0;
    list-style: none;
    float: left;
    line-height: 29px;
    background-color: #FFF;
}
@media screen and (max-width: 900px) {
    .loggedin>header .top-contents .user-ctrls .dropdown {
        float: none;
    }
}
.loggedin>header .top-contents .user-ctrls .dropdown li {
    line-height: 12px;
    vertical-align: middle;
}
.loggedin>header .top-contents .user-ctrls .dropdown li+li {
    border-top: 1px solid #E5E5E5;
}
@media screen and (max-width: 900px) {
    .loggedin>header .top-contents .user-ctrls .dropdown li+li {
        border: none;
    }
}
.loggedin>header .top-contents .user-ctrls .dropdown li.logout {
    background-color: inherit;
}
.loggedin>header .top-contents .user-ctrls .dropdown li.logout .icon {
    padding: 12px 12px 12px 30px;
    background-image: url("../img/loggedin/logout.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 5px center;
}
.loggedin>header .top-contents .user-ctrls .dropdown a {
    color: #777777;
    text-decoration: none;
    border: 2px solid transparent;
    padding: 12px 6px;
    display: block;
}
.loggedin>header .top-contents .user-ctrls .dropdown a:hover {
    background-color: #E0E0E0;
}
.loggedin>header div.secondary-menu {
    position: absolute;
    width: 100%;
    top: 0;
    background-color: #35b5c1;
    height: 70px;
    left: 0;
    z-index: 11;
    border-top: 7px solid #30cbd9;
    box-sizing: border-box;
    display: none;
    text-align: center;
}
.loggedin>header div.secondary-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.loggedin>header div.secondary-menu li {
    display: inline-block;
    vertical-align: top;
    float: left;
}

.loggedin>header div.secondary-menu li.first {
	padding-left: 40px;
}
.loggedin>header div.secondary-menu li.separator {
    width: 1px;
    height: 35px;
    background-color: #68D2DC;
    position: relative;
    right: 10px;
    top: 20px;
}
.loggedin>header div.secondary-menu a {
    text-decoration: none;
    color: #FFF;
    font-size: 12px;
    padding: 40px 10px 0;
    display: inline-block;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 45px;
}
.loggedin>header div.secondary-menu a.page {
    background-image: url("../img/my/openpage.svg");
}
.loggedin>header div.secondary-menu a.cromo {
    background-image: url("../img/my/colar_um.svg");
}
.loggedin>header div.secondary-menu a.paste {
    background-image: url("../img/my/colar_todos.svg");
}
.loggedin>header div.secondary-menu a.trade {
    background-image: url("../img/my/changes.svg");
}
.loggedin>header div.secondary-menu a.voucher {
    background-image: url("../img/my/voucher.svg");
}
.loggedin>header div.secondary-menu a.get {
    background-image: url("../img/my/saquetas.svg");
}
.loggedin>header div.secondary-menu a.kyosk {
    background-image: url("../img/loggedin/store.svg");
    background-size: 26px;
    background-position: center 10px;
}
.loggedin > header div.secondary-menu a.home {
    background-size: auto 30px;
    background-position-y: 7px;
    background-image: url("../img/loggedin/home.svg");
}
.loggedin>header div.secondary-menu li.countries {
    position: relative;
    padding-top: 4px;
    margin-left: 47px;
    float: right;
}
.loggedin>header div.secondary-menu li.countries button {
    vertical-align: middle;
    background-repeat: no-repeat;
    background-color: #35b5c1;
    width: 20px;
    height: 63px;
    background-position: center;
    background-size: 10px;
    border: none;
    position: absolute;
    padding: 0;
    outline: none;
    z-index: 1;
    top: 0;
}
.loggedin>header div.secondary-menu li.countries button.prev {
    background-image: url("../img/arrow-left.svg");
    box-shadow: 10px 0px 10px #35b5c1;
    left: 0;
    display: none;
}
.loggedin>header div.secondary-menu li.countries button.next {
    background-image: url("../img/arrow-right.svg");
    box-shadow: -10px 0px 10px #35b5c1;
    right: 0;
}
.loggedin>header div.secondary-menu li.countries ul.countries {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.loggedin>header div.secondary-menu li.countries li {
    border: 2px solid #FFF;
    border-radius: 1px;
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 5px;
    position: relative;
    overflow: hidden;
    /* background-color: white; */
}
.loggedin>header div.secondary-menu li.countries li img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}
.loggedin>header div.secondary-menu li.countries li .count {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    color: #35b5c1;
    margin: 0;
    font-weight: bold;
    text-align: center;
}
.loggedin>header button.openmenu {
    position: absolute;
    bottom: -30px;
    left: 50%;
    width: 50px;
    margin-left: -25px;
    border: none;
    padding: 0;
    height: 20px;
    background-color: #30CBD9;
    outline: none;
    background-image: url("../img/icone_colara_cima.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
}
.loggedin>header button.openmenu:before {
    content: '';
    position: absolute;
    border-width: 0 20px 0 0;
    border-color: #30CBD9;
    border-style: solid;
    border-radius: 0 50px 0 0/0 29px 0 0;
    left: -20px;
    top: -2px;
    width: 20px;
    height: 20px;
    z-index: -1;
}
.loggedin>header button.openmenu:after {
    content: '';
    position: absolute;
    border-width: 0 0 0 20px;
    border-color: #30CBD9;
    border-style: solid;
    border-radius: 50px 0 0 0/29px 0 0 0;
    right: -20px;
    top: -2px;
    width: 20px;
    height: 20px;
    z-index: -1;
}
.loggedin>header button.close {
    outline: none;
    position: absolute;
    top: -7px;
    left: 50% ;
    width: 50px;
    margin-left: -25px;
    border: none;
    padding: 0;
    height: 20px;
    background-color: #30CBD9;
    display: none;
    background-image: url("../img/icone_colara.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    border-radius: 0 0 2px 2px;
}
.loggedin>header button.close:after {
    content: '';
    position: absolute;
    background-color: #86d3da;
    width: 1px;
    height: 35px;
    left: 50%;
    top: 25px;
}
.loggedin main {
    padding-top: 107px;
    text-align: center;
    padding-bottom: 120px;
}
.loggedin main.alerts .container.big.complex-box .story .thin-list .title {
    padding: 25px;
    padding-right: 15px;
    max-height: 15px;
}
.loggedin main .container {
    display: inline-block;
    color: #818181;
    width: 100%;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    position: relative;
    padding-left: 0;
    list-style: none;
}
@media only screen and (min-width: 961px) {
    .loggedin main .container {
        width: auto;
        text-align: left;
        margin: 16px;
    }
}
.loggedin main .container .headtitle h1 {
    float: left;
    cursor: default;
    line-height: 36px;
    margin: 0 10px;
    padding-left: 46px;
    font-size: 15px;
    font-weight: lighter;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    background-position: left;
}
.loggedin main .container .headtitle h1.no-icon {
    padding-left: 0;
}
.loggedin main .container h4 {
    color: #332c24;
    font-size: 16px;
    font-weight: lighter;
    text-transform: none;
}
.loggedin main .container a {
    color: inherit;
    text-decoration: none;
    border: 5px solid transparent;
}
.loggedin main .container a:hover {
    background-color: #E0E0E0;
}
.loggedin main .container ul {
    list-style: none;
}
.loggedin main .container .more-buttons {
    text-transform: uppercase;
    float: right;
    line-height: 36px;
    margin-top: 0;
}
.loggedin main .container .more-buttons>li {
    display: inline-block;
    vertical-align: top;
}
.loggedin main .container .more-buttons>li+li {
    margin-left: 12px;
}
.loggedin main .container .more-buttons>li.filters {
    white-space: nowrap;
    padding-right: 20px;
}
.loggedin main .container .more-buttons>li.filters h1 {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0;
}
.loggedin main .container .more-buttons>li.filters .clickable {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    cursor: pointer;
}
.loggedin main .container .more-buttons>li.filters .countries>ul {
    padding-left: 0;
    display: none;
    min-width: 200px;
}
.loggedin main .container .more-buttons>li.filters .countries>ul>li {
    padding: 0;
    margin: 0;
    background-color: #F3F3F3;
    position: relative;
    z-index: 1;
    left: -10px;
    box-shadow: 1px 1px 1px rgba(51, 51, 51, 0.36);
    cursor: pointer;
}
.loggedin main .container .more-buttons>li.filters .countries>ul>li a {
    padding: 0 10px;
    display: block;
    border: 0;
}
.loggedin main .container .more-buttons>li.filters .countries>ul>li:hover {
    background-color: #EAEAEA;
}
.loggedin main .container .more-buttons>li.filters .countries,
.loggedin main .container .more-buttons>li.filters .categories {
    position: relative;
    width: 60px;
    display: inline-block;
    padding: 0;
    vertical-align: middle;
    top: 5px;
    padding-left: 10px;
    padding-top: 30px;
    height: 0;
}
.loggedin main .container .more-buttons>li.filters .countries:after,
.loggedin main .container .more-buttons>li.filters .categories:after {
    background-image: url("../img/arrow-down-grey.svg");
    content: '';
    position: absolute;
    right: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    z-index: 3;
}
.loggedin main .container .more-buttons>li.filters .countries.open:after,
.loggedin main .container .more-buttons>li.filters .categories.open:after {
    background-image: url("../img/arrow-up-grey.svg");
}
.loggedin main .container .more-buttons>li.filters .countries.countries,
.loggedin main .container .more-buttons>li.filters .categories.countries {
    margin-right: 20px;
}
.loggedin main .container .more-buttons>li.filters .countries.countries:before,
.loggedin main .container .more-buttons>li.filters .categories.countries:before {
    background-image: url("../img/loggedin/globe.svg");
    width: 35px;
    height: 35px;
    position: absolute;
    background-size: 35px;
    top: -13px;
    left: 10px;
    content: '';
    z-index: 3;
}
.loggedin main .container .more-buttons>li.filters .countries.categories:before,
.loggedin main .container .more-buttons>li.filters .categories.categories:before {
    background-image: url("../img/loggedin/tag.svg");
    width: 35px;
    height: 35px;
    position: absolute;
    background-size: 35px;
    top: -8px;
    left: 10px;
    content: '';
    z-index: 3;
}
.loggedin main .container .more-buttons>li.filters .categories .content {
    width: 350px;
    background-color: gainsboro;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 46px;
    box-shadow: 1px 1px 1px rgba(51, 51, 51, 0.36);
    padding: 20px;
    display: none;
}
.loggedin main .container .more-buttons>li.filters .categories .content .filter-title {
    margin-top: 0;
    color: #868686;
    font-weight: 600;
}
.loggedin main .container .more-buttons>li.filters .categories .content select {
    clear: both;
    float: left;
    margin: 20px auto 0 auto;
    background-color: #6B6B6B;
    color: white;
    padding: 8px 15px;
    text-transform: uppercase;
    outline: none;
    border: none;
    width: 80%;
}
.loggedin main .container .more-buttons>li.filters .categories .content .main .left,
.loggedin main .container .more-buttons>li.filters .categories .content .main .right {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0;
}
.loggedin main .container .more-buttons>li.filters .categories .content .main li {
    display: block;
}
.loggedin main .container .more-buttons>li.filters .categories .content:before {
    content: '';
    display: block;
    width: 80px;
    height: 70px;
    background-color: gainsboro;
    position: absolute;
    left: 0;
    top: -70px;
}
.loggedin main .container .more-buttons>li.cart {
    width: 220px;
}
.loggedin main .container .more-buttons>li.search-users-button {
    position: relative;
    z-index: 1;
}
.loggedin main .container .more-buttons>li.search-users-button a {
    z-index: 2;
    position: relative;
}
.loggedin main .container .more-buttons>li.search-users-button a.open:before {
    content: '';
    display: block;
    height: 44px;
    background-color: gainsboro;
    position: absolute;
    left: -13px;
    right: -10px;
    bottom: -7px;
    z-index: -1;
}
.loggedin main .container .more-buttons>li.search-users-button .search-users {
    position: absolute;
    left: -8px;
    top: auto;
    background-color: gainsboro;
    box-shadow: 1px 1px 1px rgba(51, 51, 51, 0.36);
    padding: 10px;
    width: 243px;
    display: none;
}
.loggedin main .container .more-buttons>li.search-users-button .search-users .search-input {
    width: 211px;
    font-size: 18px;
    padding: 5px;
    box-sizing: border-box;
    margin-top: 6px;
    background-color: transparent;
    border: 1px solid #A2A2A2;
    border-width: 0 0 1px 0;
}
.loggedin main .container .more-buttons>li.search-users-button .search-users button {
    border: none;
    outline: none;
    background-color: transparent;
    position: relative;
    left: 5px;
    bottom: 1px;
}
.loggedin main .container .more-buttons>li.search-users-button .search-users button img {
    width: 10px;
}
.loggedin main .container .more-buttons>li.search {
    position: relative;
    z-index: 1;
}
.loggedin main .container .more-buttons>li.search .search-form {
    position: absolute;
    right: 0;
    top: auto;
    background-color: #F3F3F3;
    box-shadow: 1px 1px 1px rgba(51, 51, 51, 0.36);
    padding: 10px;
    width: 243px;
    display: none;
}
.loggedin main .container .more-buttons>li.search .search-form .search-input {
    font-size: 16px;
    padding: 5px;
}
.loggedin main .container .more-buttons>li.search .search-form button {
    background-color: transparent;
    border: none;
}
.loggedin main .container .more-buttons>li.search .search-form button img {
    width: 22px;
    margin-bottom: 10px;
}
.loggedin main .container .more-buttons>li a {
    padding: 2px 5px;
}
.loggedin main .container .more-buttons>li a.only-icon {
    color: transparent;
    font-size: 1px;
    width: 21px;
    padding: 10px 0 10px 18px;
}
.loggedin main .container .more-buttons>li a.tall-icon {
    padding: 20px 0 20px 32px;
}
.loggedin main .container .more-buttons>li a.left-icon {
    padding-left: 32px;
    background-position: left;
}
.loggedin main .container .more-buttons>li a.right-icon {
    padding-right: 32px;
    background-position: right;
}
.loggedin main .container .more-buttons>li a.cart-icon {
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #ededed;
    background-position: 95% center;
    width: 220px;
    box-sizing: border-box;
    z-index: 1;
}
.loggedin main .container .more-buttons>li a.cart-icon:before {
    content: '';
    width: 32px;
    height: 32px;
    display: inline-block;
    background-image: url("../img/loggedin/cart-grey.svg");
    background-size: 32px;
    vertical-align: middle;
    margin-right: 5px;
    background-repeat: no-repeat;
}
.loggedin main .container .more-buttons>li a.cart-icon.open {
    background-image: url("../img/arrow-up-grey.svg");
}
.loggedin main .container .more-buttons>li.just-text {
    color: #5A5A5A;
    font-size: 16px;
    font-weight: lighter;
}
.loggedin main .container .more-buttons.colored,
.loggedin main .container .more-buttons .colored {
    margin: 0;
}
.loggedin main .container .more-buttons.colored a,
.loggedin main .container .more-buttons .colored a {
    color: #FFF;
    background-color: #1DC597;
    border-color: #1DC597;
    border-radius: 3px;
}
.loggedin main .container .left-sided {
    background-color: #F9F9F9;
    float: left;
}
.loggedin main .container .right-sided {
    background-color: #F3F3F3;
    float: right;
}
.loggedin main .container.big {
    display: block;
    margin-top: 16px;
    margin-bottom: 50px;
    margin-left: 0;
    margin-right: 0;
}
.loggedin main .container.big .headtitle {
    padding: 15px;
}
.loggedin main .container.big .underline {
    border-bottom: 2px solid #DCDCDC;
}
.loggedin main .container.big.simple-box {
    background-color: #F3F3F3;
    padding: 15px;
}
.loggedin main .container.big.simple-box h1 {
    font-weight: lighter;
    font-size: 15px;
}
.loggedin main .container.big.complex-box {
    background-color: #F3F3F3;
}
.loggedin main .container.big.complex-box .story {
    text-align: left;
    position: relative;
}
.loggedin main .container.big.complex-box .story .title {
    padding: 25px;
    padding-right: 15px;
    max-height: 15px;
    overflow: hidden;
}
.loggedin main .container.big.complex-box .story .title h2 {
    color: #5A5A5A;
    margin: 0;
    height: 15px;
}
.loggedin main .container.big.complex-box .story .title .more-buttons {
    margin-top: -15px;
    margin-right: -11px;
}
.loggedin main .container.big.complex-box .story .items {
    overflow: auto;
    height: 500px;
}
.loggedin main .container.big.complex-box .story .thin-list {
    width: 30%;
}
.loggedin main .container.big.complex-box .story .thin-list+.details {
    width: 70%;
}
.loggedin main .container.big.complex-box .story .thin-list .title {
    border-right: 1px solid #F7F7F7;
    border-bottom: 1px solid #E2E2E2;
    position: relative;
    padding: 0;
    max-height: none;
}
.loggedin main .container.big.complex-box .story .thin-list .title h2 {
    text-transform: none;
    font-size: 14px;
    font-weight: lighter;
}
.loggedin main .container.big.complex-box .story .thin-list .title .search-input {
    background-color: transparent;
    border: none;
    width: 100%;
    outline: none;
    padding: 23px 20px 24px 50px;
    box-sizing: border-box;
    background: url("../img/loggedin/search-grey.svg");
    background-position: 18px;
    background-size: 17px;
    background-repeat: no-repeat;
}
.loggedin main .container.big.complex-box .story .thin-list ul.items {
    margin: 0;
    padding: 0;
    list-style: none;
}
.loggedin main .container.big.complex-box .story .thin-list ul.items li {
    padding: 21px;
    position: relative;
    cursor: pointer;
    padding-left: 50px;
}
.loggedin main .container.big.complex-box .story .thin-list ul.items li input[type="checkbox"] {
    position: absolute;
    left: 17px;
    top: 39px;
    height: 15px;
    width: 15px;
}
.loggedin main .container.big.complex-box .story .thin-list ul.items li img {
    float: left;
    padding-right: 14px;
}
.loggedin main .container.big.complex-box .story .thin-list ul.items li p {
    margin: 0;
    text-transform: none;
    font-size: 12px;
}
.loggedin main .container.big.complex-box .story .thin-list ul.items li h4 {
    text-transform: uppercase;
    margin: 4px 0;
    font-size: 14px;
    font-weight: bold;
}
.loggedin main .container.big.complex-box .story .thin-list ul.items li article {
    display: none;
}
.loggedin main .container.big.complex-box .story .thin-list ul.items li:hover {
    background-color: #F3F3F3;
}
.loggedin main .container.big.complex-box .story .thin-list ul.items li .preview {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.loggedin main .container.big.complex-box .story .thin-list ul.items li .notif-token {
    position: absolute;
    width: 5px;
    height: 5px;
    right: 10px;
    top: 15px;
    background-image: url("../img/loggedin/notif-token-green.svg");
    background-repeat: no-repeat;
    background-size: 5px 5px;
}
.loggedin main .container.big.complex-box .story .thick-list {
    width: 18%;
}
.loggedin main .container.big.complex-box .story .thick-list+.details {
    width: 82%;
}
.loggedin main .container.big.complex-box .story .thick-list ul.items {
    border-top: 1px solid #F3F3F3;
    margin: 0;
    padding: 0;
    list-style: none;
}
.loggedin main .container.big.complex-box .story .thick-list ul.items li {
    padding: 110px 21px 41px;
    height: 15.5px;
    position: relative;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
}
.loggedin main .container.big.complex-box .story .thick-list ul.items li img {
    float: left;
    padding-right: 14px;
}
.loggedin main .container.big.complex-box .story .thick-list ul.items li p {
    margin: 0;
    text-transform: none;
    font-size: 12px;
}
.loggedin main .container.big.complex-box .story .thick-list ul.items li h1 {
    text-transform: uppercase;
    margin: 4px 0;
    font-size: 14px;
    font-weight: bold;
}
.loggedin main .container.big.complex-box .story .thick-list ul.items li article {
    display: none;
}
.loggedin main .container.big.complex-box .story .thick-list ul.items li:hover,
.loggedin main .container.big.complex-box .story .thick-list ul.items li.selected {
    background-color: #F3F3F3;
}
.loggedin main .container.big.complex-box .story .thick-list ul.items li .notif-token {
    position: absolute;
    width: 5px;
    height: 5px;
    right: 10px;
    top: 15px;
    background-image: url("../img/loggedin/notif-token-green.svg");
    background-repeat: no-repeat;
    background-size: 5px 5px;
}
.loggedin main .container.big.complex-box .story .details {
    position: relative;
}
.loggedin main .container.big.complex-box .story .details.cart-open {
    padding-right: 220px;
    overflow: hidden;
}
.loggedin main .container.big.complex-box .story .details.cart-open li.cart {
    width: 0;
}
.loggedin main .container.big.complex-box .story .details.floating-cart {
    padding-right: 0;
}
.loggedin main .container.big.complex-box .story .details.floating-cart .floating-contents {
    float: left;
    width: 100%;
}
.loggedin main .container.big.complex-box .story .details.floating-cart.cart-open .floating-contents {
    width: 740px;
}
.loggedin main .container.big.complex-box .story .details.floating-cart form.cart {
    float: right;
    position: relative;
    right: auto;
    top: auto;
    padding-top: 45px;
    bottom: auto;
}
.loggedin main .container.big.complex-box .story .details form.cart {
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 70px;
    bottom: -15px;
    overflow: hidden;
    background-color: #ededed;
    width: 220px;
    height: 0;
}
.loggedin main .container.big.complex-box .story .details form.cart.open {
    height: auto;
}
.loggedin main .container.big.complex-box .story .details form.cart ul {
    padding-left: 0;
}
.loggedin main .container.big.complex-box .story .details form.cart li {
    position: relative;
    margin: 0 10px 15px;
    padding-left: 30px;
    padding-right: 40px;
    padding-top: 15px;
    text-transform: none;
}
.loggedin main .container.big.complex-box .story .details form.cart li+li {
    border-top: 1px solid #DDD;
}
.loggedin main .container.big.complex-box .story .details form.cart li h1 {
    font-size: 14px;
    margin: 0;
}
.loggedin main .container.big.complex-box .story .details form.cart li p {
    margin: 0;
}
.loggedin main .container.big.complex-box .story .details form.cart li span.quantity {
    position: absolute;
    right: 0;
    top: 50%;
    border: 1px solid #666;
    padding: 5px;
    width: 25px;
    margin-top: -5px;
    text-align: center;
}
.loggedin main .container.big.complex-box .story .details form.cart li button.increase {
    position: absolute;
    right: 0;
    width: 35px;
    border: none;
    color: #666;
    padding: 0;
    background-color: transparent;
    top: 50%;
    margin-top: -25px;
    outline: none;
}
.loggedin main .container.big.complex-box .story .details form.cart li button.decrease {
    position: absolute;
    right: 0;
    width: 35px;
    border: none;
    color: #666;
    padding: 0;
    background-color: transparent;
    top: 50%;
    margin-top: 25px;
    outline: none;
}
.loggedin main .container.big.complex-box .story .details form.cart a.delete {
    display: inline-block;
    background-image: url("../img/loggedin/trashcan-gray.svg");
    background-repeat: no-repeat;
    width: 15px;
    height: 20px;
    background-size: 15px;
    position: absolute;
    left: -5px;
    top: 50%;
    margin-top: -10px;
    cursor: pointer;
    border: 0;
    padding: 5px;
    background-position: center;
    color: transparent;
}
.loggedin main .container.big.complex-box .story .details form.cart div.total {
    background-color: #e6e6e6;
    padding: 15px 20px;
    margin-top: 20px;
}
.loggedin main .container.big.complex-box .story .details form.cart div.total .label {
    color: #0f9873;
    font-size: 14px;
    float: left;
}
.loggedin main .container.big.complex-box .story .details form.cart div.total .price {
    float: right;
    font-size: 14px;
}
.loggedin main .container.big.complex-box .story .details form.cart p.shipping {
    font-size: 12px;
    text-transform: none;
    padding: 0 20px;
}
.loggedin main .container.big.complex-box .story .details form.cart button.submit {
    background-color: #6b6b6b;
    color: #FFF;
    border: none;
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
    padding: 10px 20px;
}
.loggedin main .container.big.complex-box .story .details form.cart button.clean {
    background-color: transparent;
    color: #6b6b6b;
    border: none;
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
    padding: 10px 20px;
    margin-top: 5px;
}
.loggedin main .container.big.complex-box .story .details form.cart .shipping-method {
    text-transform: none;
    padding: 0 15px;
}
.loggedin main .container.big.complex-box .story .details form.cart .shipping-method select {
    margin-top: 10px;
    border: 1px solid #1dc597;
    height: 30px;
    width: 100%;
}
.loggedin main .container.big.complex-box .story .details form.cart .empty {
    text-align: center;
    margin-top: 15px;
}
.loggedin main .container.big.complex-box .story .details form.cart .empty .empty-icon {
    width: 115px;
}
.loggedin main .container.big.complex-box .story .details form.cart .empty .notice {
    text-transform: none;
    margin-top: 10px;
}
.loggedin main .container.big.complex-box .story .details form.parental {
    padding: 20px 50px;
}
.loggedin main .container.big.complex-box .story .details form.parental h1 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 30px;
}
.loggedin main .container.big.complex-box .story .details form.parental label {
    display: block;
    min-height: 30px;
    margin-bottom: 20px;
    padding-bottom: 5px;
}
.loggedin main .container.big.complex-box .story .details form.parental label span {
    max-width: 70%;
    float: left;
    padding-top: 5px;
    text-transform: none;
}
.loggedin main .container.big.complex-box .story .details form.parental select {
    border: 1px solid #1dc597;
    float: right;
    width: 130px;
    padding: 10px;
    background-color: transparent;
}
.loggedin main .container.big.complex-box .story .details form.parental h1,
.loggedin main .container.big.complex-box .story .details form.parental-confirm h1,
.loggedin main .container.big.complex-box .story .details form.invoice h1 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 30px;
}
.loggedin main .container.big.complex-box .story .details form.parental button.submit,
.loggedin main .container.big.complex-box .story .details form.parental-confirm button.submit,
.loggedin main .container.big.complex-box .story .details form.invoice button.submit {
    background-color: #1dc597;
    color: #FFF;
    border-radius: 3px;
    border: none;
    display: block;
    margin: 20px auto;
    text-transform: uppercase;
    padding: 5px 20px;
    height: 35px;
}
.loggedin main .container.big.complex-box .story .details form.parental-confirm {
    padding: 20px 50px;
}
.loggedin main .container.big.complex-box .story .details form.parental-confirm .fields {
    text-align: center;
    margin: 60px 0;
}
.loggedin main .container.big.complex-box .story .details form.parental-confirm .fields input+label {
    margin-left: 40px;
}
.loggedin main .container.big.complex-box .story .details form.parental-confirm .fields label {
    text-transform: none;
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
}
.loggedin main .container.big.complex-box .story .details form.parental-confirm .fields input {
    margin-top: 5px;
    box-sizing: border-box;
    border: 1px solid #1dc597;
    padding: 10px;
    background-color: transparent;
}
.loggedin main .container.big.complex-box .story .details .resize-image {
    text-align: center;
}
.loggedin main .container.big.complex-box .story .details .resize-image .resize-area {
    height: 460px;
    width: 620px;
    background-color: black;
    margin: 0 auto;
}
.loggedin main .container.big.complex-box .story .details .resize-image .update-btn,
.loggedin main .container.big.complex-box .story .details .resize-image .cancel-btn {
    color: #FFF;
    border-radius: 3px;
    border: none;
    display: inline-block;
    margin: 20px auto;
    text-transform: uppercase;
    padding: 5px 20px;
    height: 35px;
}
.loggedin main .container.big.complex-box .story .details .resize-image .update-btn {
    background-color: #1dc597;
    margin-right: 40px;
}
.loggedin main .container.big.complex-box .story .details .resize-image .cancel-btn {
    background-color: gray;
}
.loggedin main .container.big.complex-box .story .details form.invoice {
    padding: 50px 90px;
}
.loggedin main .container.big.complex-box .story .details form.invoice label {
    display: block;
    float: left;
    width: 50%;
    box-sizing: border-box;
    min-height: 30px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    padding-right: 50px;
}
.loggedin main .container.big.complex-box .story .details form.invoice label span {
    text-transform: none;
    display: block;
    font-size: 14px;
    font-weight: 600;
}
.loggedin main .container.big.complex-box .story .details form.invoice label input,
.loggedin main .container.big.complex-box .story .details form.invoice label select {
    margin-top: 5px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #1dc597;
    padding: 10px;
    background-color: transparent;
}
.loggedin main .container.big.complex-box .story .details form.account {
    padding: 50px;
}
.loggedin main .container.big.complex-box .story .details form.account header {
    position: relative;
    padding-left: 180px;
    min-height: 150px;
    margin-bottom: 30px;
}
.loggedin main .container.big.complex-box .story .details form.account header img {
    position: absolute;
    left: 0;
    top: 0;
}
.loggedin main .container.big.complex-box .story .details form.account header p {
    text-transform: none;
}
.loggedin main .container.big.complex-box .story .details form.account header label {
    cursor: pointer;
    background-image: url("../img/loggedin/upload.svg");
    background-repeat: no-repeat;
    padding-left: 30px;
    line-height: 20px;
    background-size: 20px;
    margin-top: 15px;
}
.loggedin main .container.big.complex-box .story .details form.account header label span {
    text-transform: uppercase;
}
.loggedin main .container.big.complex-box .story .details form.account header a.badges {
    position: absolute;
    top: 0;
    right: 0;
    background-image: url("../img/loggedin/badges-grey.svg");
    background-repeat: no-repeat;
    background-size: 19px;
    padding-left: 30px;
    line-height: 35px;
}
.loggedin main .container.big.complex-box .story .details form.account h1 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 20px;
    margin-top: 0;
}
.loggedin main .container.big.complex-box .story .details form.account label {
    display: block;
    float: left;
    width: 50%;
    box-sizing: border-box;
    min-height: 71px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    padding-right: 50px;
}
.loggedin main .container.big.complex-box .story .details form.account label span {
    text-transform: none;
    display: block;
    font-size: 14px;
    font-weight: 600;
}
.loggedin main .container.big.complex-box .story .details form.account label input {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #1dc597;
    padding: 10px;
    outline: none;
    background-color: transparent;
    margin-top: 5px;
}
.loggedin main .container.big.complex-box .story .details form.account label select {
    background-color: transparent;
    width: 100%;
    border: 1px solid #1dc597;
    outline: none;
    margin-top: 5px;
    padding: 10px;
}
.loggedin main .container.big.complex-box .story .details form.account button.submit {
    background-color: #1dc597;
    color: #FFF;
    border-radius: 3px;
    border: none;
    display: block;
    margin: 20px auto;
    text-transform: uppercase;
    padding: 5px 20px;
    height: 35px;
}
.loggedin main .container.big.complex-box .story .details article {
    display: none;
}
.loggedin main .container.big.complex-box .story .details article.selected {
    display: block;
}
.loggedin main .container.big.complex-box .story .details article.address {
    display: block;
    padding: 0 0 30px 20px;
}
.loggedin main .container.big.complex-box .story .details article.address label {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-right: 30px;
    margin-bottom: 20px;
    min-height: 58px;
}
.loggedin main .container.big.complex-box .story .details article.address label span {
    display: block;
    text-transform: none;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
}
.loggedin main .container.big.complex-box .story .details article.address label input[type="text"],
.loggedin main .container.big.complex-box .story .details article.address label select {
    width: 100%;
    border: none;
    height: 30px;
    outline: 1px solid #1dc597;
}
.loggedin main .container.big.complex-box .story .details article.address label input[type="checkbox"] {
    margin-top: 35px;
    margin-right: 5px;
}
.loggedin main .container.big.complex-box .story .details article.address label input[type="checkbox"]+span {
    display: inline-block;
}
.loggedin main .container.big.complex-box .story .details article.address button.submit {
    background-color: #1dc597;
    color: #FFF;
    border-radius: 3px;
    border: none;
    display: block;
    margin: 20px auto 0;
    text-transform: uppercase;
    padding: 5px 20px;
    height: 35px;
}
.loggedin main .container.big.complex-box .story .details article.address .saved-addresses {
    padding-right: 30px;
}
.loggedin main .container.big.complex-box .story .details article.address .saved-addresses label {
    display: block;
    text-transform: none;
    float: none;
    width: 100%;
    padding: 0;
}
.loggedin main .container.big.complex-box .story .details article.address .saved-addresses label>select {
    margin-top: 5px;
    width: 100%;
    height: 30px;
    outline: 1px solid #1dc597;
    border: none;
}
.loggedin main .container.big.complex-box .story .details article.product {
    display: block;
    padding: 0 30px;
}
.loggedin main .container.big.complex-box .story .details article.product .p-img-wrapper {
    float: left;
    margin: 0 20px 52px 0;
    box-shadow: 3px 3px #d5d5d5;
    position: relative;
    min-width: 150px;
}
.loggedin main .container.big.complex-box .story .details article.product .p-img-wrapper .big-add-btn {
    position: absolute;
    bottom: -40px;
    left: 3px;
    right: 0;
    background-color: rgba(29, 197, 151, 0.91);
    color: white;
    padding: 7px 0;
    text-align: center;
    font-size: 13px;
    border-radius: 3px 3px 0 0;
    padding-left: 27px;
    border: 0;
    height: 32px;
    box-sizing: border-box;
}
.loggedin main .container.big.complex-box .story .details article.product .p-img-wrapper .big-add-btn:before {
    background-image: url("../img/loggedin/add-white.png");
    background-size: 17px;
    background-repeat: no-repeat;
    width: 17px;
    height: 17px;
    content: '';
    position: absolute;
    left: 14px;
    top: 8px;
}
.loggedin main .container.big.complex-box .story .details article.product .p-img-wrapper .big-add-btn:hover {
    background-color: rgba(26, 175, 134, 0.91);
}
.loggedin main .container.big.complex-box .story .details article.product .p-img-wrapper .big-add-btn:active {
    background-color: rgba(24, 161, 124, 0.91);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.18);
}
.loggedin main .container.big.complex-box .story .details article.product h1 {
    font-size: 16px;
    padding-top: 5px;
}
.loggedin main .container.big.complex-box .story .details article.product p {
    text-transform: none;
    font-size: 14px;
}
.loggedin main .container.big.complex-box .story .details article.product div.actions {
    width: 100%;
    float: left;
    clear: left;
}
.loggedin main .container.big.complex-box .story .details article.product div.actions .preview {
    background-color: transparent;
    text-transform: uppercase;
    border: none;
    padding: 0 0 0 35px;
    height: 40px;
    background-image: url("../img/loggedin/eye.svg");
    background-repeat: no-repeat;
}
.loggedin main .container.big.complex-box .story .details article.product div.actions .social {
    float: right;
}
.loggedin main .container.big.complex-box .story .details article.product div.actions .social a {
    color: #FFF;
    font-size: 13px;
    width: 55px;
    padding-left: 40px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    position: relative;
    border: none;
    transition: background-color 0.2s linear;
    margin-left: 15px;
}
.loggedin main .container.big.complex-box .story .details article.product div.actions .social a:before {
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    width: 40px;
    background-position: center;
    background-repeat: no-repeat;
}
.loggedin main .container.big.complex-box .story .details article.product div.actions .social a.facebook {
    background-color: #5176c2;
}
.loggedin main .container.big.complex-box .story .details article.product div.actions .social a.facebook:hover,
.loggedin main .container.big.complex-box .story .details article.product div.actions .social a.facebook:before {
    background-color: #5d82d1;
    background-size: 12px;
}
.loggedin main .container.big.complex-box .story .details article.product div.actions .social a.facebook:before {
    background-image: url("../img/fb-icon.svg");
}
.loggedin main .container.big.complex-box .story .details article.product div.actions .social a.twitter {
    background-color: #31ade1;
}
.loggedin main .container.big.complex-box .story .details article.product div.actions .social a.twitter:hover,
.loggedin main .container.big.complex-box .story .details article.product div.actions .social a.twitter:before {
    background-color: #40bff5;
}
.loggedin main .container.big.complex-box .story .details article.product div.actions .social a.twitter:before {
    background-image: url("../img/twitter-icon.svg");
    background-size: 30px;
}
.loggedin main .container.big.complex-box .story .details article h1 {
    color: #5A5A5A;
    font-size: 17px;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
}
.loggedin main .container.big.complex-box .story .details article p {
    font-size: 12px;
}
.loggedin main .container.big.complex-box .story .details article article.popup {
    display: none;
    position: absolute;
    top: -20px;
    right: 20px;
    left: 20px;
    background-color: #F9F9F9;
    padding: 20px;
    bottom: 20px;
    box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.2);
    padding-right: 180px;
    text-transform: uppercase;
}
.loggedin main .container.big.complex-box .story .details article article.popup>h1 {
    background-image: url("../img/loggedin/credits-grey.svg");
    background-size: 29px 33px;
    padding-left: 45px;
    background-repeat: no-repeat;
}
.loggedin main .container.big.complex-box .story .details article article.popup h1 {
    width: 100%;
    font-size: 14px;
    color: #818181;
}
.loggedin main .container.big.complex-box .story .details article article.popup aside {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #f3f3f3;
    width: 180px;
    padding: 20px;
    box-sizing: border-box;
}
.loggedin main .container.big.complex-box .story .details article article.popup aside ul {
    padding: 0;
    margin: 0;
    float: left;
}
.loggedin main .container.big.complex-box .story .details article article.popup aside ul li {
    padding-left: 30px;
    position: relative;
    padding-bottom: 20px;
}
.loggedin main .container.big.complex-box .story .details article article.popup aside ul li a.delete {
    display: inline-block;
    background-image: url("../img/loggedin/trashcan-gray.svg");
    background-repeat: no-repeat;
    width: 15px;
    height: 20px;
    background-size: 15px;
    position: absolute;
    left: -5px;
    top: 10px;
    cursor: pointer;
    border: 0;
    padding: 5px;
    background-position: center;
}
.loggedin main .container.big.complex-box .story .details article article.popup aside ul .value {
    font-weight: bold;
    font-size: 140%;
    color: #6b6b6b;
    line-height: 30px;
}
.loggedin main .container.big.complex-box .story .details article article.popup aside ul .value:after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background-image: url("../img/star-grey.svg");
    background-repeat: no-repeat;
    vertical-align: middle;
    position: relative;
    top: -3px;
    margin-left: 5px;
}
.loggedin main .container.big.complex-box .story .details article article.popup input,
.loggedin main .container.big.complex-box .story .details article article.popup select {
    border: 1px solid #20c698;
}
.loggedin main .container.big.complex-box .story .details article article.popup select {
    height: 30px;
    position: relative;
    top: -5px;
}
.loggedin main .container.big.complex-box .story .details article article.popup input[name="credits"] {
    width: 125px;
    box-sizing: border-box;
    padding: 5px 35px 5px 20px;
    margin: 0 40px 30px 10px;
    background-image: url("../img/star-grey.svg");
    background-position: 90% center;
    background-repeat: no-repeat;
    background-size: 17px;
}
.loggedin main .container.big.complex-box .story .details article article.popup input[name="date"] {
    width: 155px;
    box-sizing: border-box;
    padding: 5px 20px;
    margin: 0 10px 30px;
    background-image: url("../img/arrow-down-grey.svg");
    background-position: 90% center;
    background-repeat: no-repeat;
    background-size: 17px;
}
.loggedin main .container.big.complex-box .story .details article article.popup input[name="repeat"] {
    margin: 0 10px 30px 0;
}
.loggedin main .container.big.complex-box .story .details article article.popup input[name="divide"] {
    margin: 0 10px 30px 40px;
}
.loggedin main .container.big.complex-box .story .details article article.popup label.checkbox {
    position: relative;
}
.loggedin main .container.big.complex-box .story .details article article.popup label.checkbox:after {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 12px;
    height: 12px;
    border: 2px solid #1AC799;
    border-radius: 3px;
}
.loggedin main .container.big.complex-box .story .details article article.popup label.checkbox.divide:after {
    left: 40px;
}
.loggedin main .container.big.complex-box .story .details article article.popup label.checkbox input {
    visibility: hidden;
    margin-right: 5px;
}
.loggedin main .container.big.complex-box .story .details article article.popup label.checkbox input:checked+span {
    position: absolute;
    margin-left: -14px;
    top: 6px;
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-size: 10px;
    background-image: url("../img/checkmark.svg");
}
.loggedin main .container.big.complex-box .story .details article article.popup select[name="frequency"] {
    margin: 0 90px 0 0;
    width: 300px;
    float: right;
}
.loggedin main .container.big.complex-box .story .details article article.popup fieldset {
    margin-top: 30px;
    position: relative;
    padding-left: 160px;
}
.loggedin main .container.big.complex-box .story .details article article.popup fieldset legend {
    position: absolute;
    top: 0;
    left: 0;
}
.loggedin main .container.big.complex-box .story .details article article.popup fieldset.repeat label {
    margin-right: 10px;
}
.loggedin main .container.big.complex-box .story .details article article.popup fieldset.end div {
    margin-bottom: 15px;
}
.loggedin main .container.big.complex-box .story .details article article.popup fieldset.end input[type="text"] {
    width: 60px;
    padding: 5px 20px;
    box-sizing: border-box;
    margin-left: 10px;
}
.loggedin main .container.big.complex-box .story .details article article.popup fieldset.end select {
    margin-left: 10px;
    width: 165px;
    top: 0;
}
.loggedin main .container.big.complex-box .story .details article article.popup button.save {
    background-repeat: no-repeat;
    background-image: url("../img/disquete.svg");
    background-position: center;
    position: absolute;
    top: 22px;
    right: 20px;
    height: 30px;
    z-index: 1;
    border: none;
    padding: 0;
    width: 30px;
    background-color: transparent;
}
.loggedin main .container.big.complex-box .story .details .title {
    border-bottom: 1px solid #DADADA;
}
.loggedin main .container.big.complex-box .story .details .title h2 {
    text-transform: uppercase;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
}
.loggedin main .container.big.complex-box .story .details .title .accept-btn,
.loggedin main .container.big.complex-box .story .details .title .cancel-btn {
    border-radius: 3px;
    color: white;
    display: inline-block;
    max-height: 20px;
    line-height: 20px;
    margin-top: 7px;
    padding: 2px 12px;
}
.loggedin main .container.big.complex-box .story .details .title .accept-btn {
    background-color: #1DC597;
}
.loggedin main .container.big.complex-box .story .details .title .cancel-btn {
    background-color: #989898;
}
.loggedin main .container.big.complex-box .story .details .items {
    width: 100%;
    display: inline-block;
    text-transform: none;
    padding: 25px;
    box-sizing: border-box;
}
.loggedin main .container.big.complex-box .story .details .items form {
    display: inline-block;
    text-align: left;
    width: 100%;
    /*	CHECKBOX SETTINGS	*/
}
.loggedin main .container.big.complex-box .story .details .items form ul {
    list-style: none;
}
.loggedin main .container.big.complex-box .story .details .items form ul li {
    display: inline-block;
}
.loggedin main .container.big.complex-box .story .details .items form ul li+li {
    margin-left: 30px;
}
.loggedin main .container.big.complex-box .story .details .items form [type="radio"]:not (:checked),
.loggedin main .container.big.complex-box .story .details .items form [type="radio"]:checked {
    position: absolute;
    display: none;
    color: transparent;
}
.loggedin main .container.big.complex-box .story .details .items form [type="radio"]:not (:checked) +label,
.loggedin main .container.big.complex-box .story .details .items form [type="radio"]:checked+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    color: transparent;
}
.loggedin main .container.big.complex-box .story .details .items form [type="radio"]:not (:checked) +label:before,
.loggedin main .container.big.complex-box .story .details .items form [type="radio"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1px;
    width: 12px;
    height: 12px;
    border: 2px solid #1AC799;
    border-radius: 3px;
}
.loggedin main .container.big.complex-box .story .details .items form [type="radio"]:not (:checked) +label:after,
.loggedin main .container.big.complex-box .story .details .items form [type="radio"]:checked+label:after {
    content: '...';
    position: absolute;
    top: -3px;
    left: 2px;
    font-size: 14px;
    background-image: url("../img/checkmark.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px 10px;
}
.loggedin main .container.big.complex-box .story .details .items form [type="radio"]:not (:checked) +label:after {
    opacity: 0;
    transform: scale(0);
}
.loggedin main .container.big.complex-box .story .details .items form [type="radio"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}
.loggedin main .container.big.complex-box .story .details .items table {
    text-align: center;
}
.loggedin main .container.big.complex-box .story .details .items table caption {
    color: #5A5A5A;
    font-size: 17px;
    text-align: left;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-packs,
.loggedin main .container.big.complex-box .story .details .items table.credit-dist,
.loggedin main .container.big.complex-box .story .details .items table.credit-history {
    width: 100%;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-packs {
    margin: 20px 0;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-packs tr td:first-child {
    background-color: #F7F7F7;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-packs tr td:first-child+td {
    background-color: #EEE;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-packs tr+tr {
    border-top: 1px solid #EDEDED;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-packs tr th {
    font-weight: bold;
    background: none;
    text-transform: uppercase;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-packs tr th,
.loggedin main .container.big.complex-box .story .details .items table.credit-packs tr td {
    padding: 15px;
    width: 50%;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-packs tr:hover td,
.loggedin main .container.big.complex-box .story .details .items table.credit-packs tr:hover td+td,
.loggedin main .container.big.complex-box .story .details .items table.credit-packs tr.selected td,
.loggedin main .container.big.complex-box .story .details .items table.credit-packs tr.selected td+td {
    background-color: #A5A5A5;
    color: #FFF;
    cursor: pointer;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-dist {
    display: inline-block;
    padding: 0;
    line-height: 20px;
    font-weight: bold;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-dist caption {
    float: left;
    width: 15%;
    color: #818181;
    padding-left: 25px;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-dist tbody {
    width: 80%;
    float: right;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-dist tbody tr th,
.loggedin main .container.big.complex-box .story .details .items table.credit-dist tbody tr td {
    width: 15%;
    padding: 0 5%;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-dist tbody tr th {
    color: #818181;
    text-transform: uppercase;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-dist tbody tr td {
    color: #5A5A5A;
    font-size: 18px;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-dist tbody tr td .corner-icons {
    color: transparent;
    font-size: 1px;
    background-position: left;
    width: 20px;
    margin-left: 10px;
    padding: 15px 0 5px 12px;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-history {
    margin-bottom: 20px;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-history tr th,
.loggedin main .container.big.complex-box .story .details .items table.credit-history tr td {
    height: 45px;
    padding: 12px;
    box-sizing: border-box;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-history tr th {
    background-color: #6B6B6B;
    color: #FFF;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-history tr th+th {
    border-left: 1px solid #D1D1D1;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-history tr td:nth-child(odd) {
    background-color: #EEE;
    border-top: 1px solid #E2E2E2;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-history tr td:nth-child(even) {
    background-color: #F7F7F7;
    border-top: 1px solid #EAEAEA;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-history tr td:nth-child(1) {
    width: 78px;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-history tr td:nth-child(2) {
    width: 320px;
}
.loggedin main .container.big.complex-box .story .details .items table.credit-history tr td:nth-child(3) {
    width: 130px;
}
.loggedin main .container.big.complex-box .story .details .items.usermsgs {
    padding-bottom: 145px;
}
.loggedin main .container.big.complex-box .story .details .items.usermsgs ul.messages {
    padding: 0;
}
.loggedin main .container.big.complex-box .story .details .items.usermsgs ul.messages li {
    position: relative;
    min-height: 70px;
    padding-bottom: 30px;
    color: #5a5a5a;
    font-size: 12px;
}
.loggedin main .container.big.complex-box .story .details .items.usermsgs ul.messages li.me {
    padding-left: 70px;
}
.loggedin main .container.big.complex-box .story .details .items.usermsgs ul.messages li.me img {
    left: 0;
}
.loggedin main .container.big.complex-box .story .details .items.usermsgs ul.messages li.other {
    text-align: right;
    padding-right: 70px;
}
.loggedin main .container.big.complex-box .story .details .items.usermsgs ul.messages li.other img {
    right: 0;
}
.loggedin main .container.big.complex-box .story .details .items.usermsgs ul.messages img {
    position: absolute;
    top: 0;
    width: 50px;
    height: 50px;
}
.loggedin main .container.big.complex-box .story .details .items.usermsgs ul.messages .date {
    margin: 0 0 5px;
}
.loggedin main .container.big.complex-box .story .details .items .more-buttons {
    text-align: center;
    float: none;
}
.loggedin main .container.big.complex-box .story .details .items .more-buttons li {
    margin: 0 35px;
}
.loggedin main .container.big.complex-box .story .details .items .more-buttons.nav {
    text-align: left;
}
.loggedin main .container.big.complex-box .story .details .items .more-buttons.nav li:first-child {
    float: left;
}
.loggedin main .container.big.complex-box .story .details .items .more-buttons.nav li:last-child {
    float: right;
}
.loggedin main .container.big.complex-box .story .details .items .asterisks {
    padding: 25px;
}
.loggedin main .container.big.complex-box .story .details .nickname {
    position: absolute;
    background-color: #F9F9F9;
    border: 13px solid #F3F3F3;
    border-right: none;
    left: 0;
    color: gray;
    width: 651px;
    bottom: 146px;
    padding: 14px;
    font-size: 12px;
    box-sizing: border-box;
    outline: none;
}
.loggedin main .container.big.complex-box .story .details .msg-box {
    position: absolute;
    background-color: #F9F9F9;
    border: 13px solid #F3F3F3;
    border-right: none;
    bottom: 0;
    left: 0;
    width: 95%;
}
.loggedin main .container.big.complex-box .story .details .msg-box textarea {
    padding: 14px;
    width: 80%;
    height: 100px;
    font-size: 12px;
    border: none;
    background-color: transparent;
    overflow: auto;
    resize: none;
    outline: none;
}
.loggedin main .container.big.complex-box .story .details .msg-box .more-buttons {
    position: absolute;
    bottom: 0;
    right: 20px;
    margin: 12px 0;
}
.loggedin main .container.big.complex-box .story .details .msg-box .more-buttons a {
    text-transform: uppercase;
    border-left-width: 15px;
    border-right-width: 15px;
}
.loggedin main .container.small {
    position: relative;
}
@media only screen and (min-width: 961px) {
    .loggedin main .container.small {
        float: left;
        margin-top: 16px;
        margin-bottom: 50px;
        margin-left: 0;
        margin-right: 0;
    }
    .loggedin main .container.small li:first-child {
        margin-left: 0;
    }
    .loggedin main .container.small li:last-child {
        margin-right: 0;
    }
}
.loggedin main .container.small h1 {
    margin-top: 13px;
    margin-bottom: 6px;
    font-weight: bold;
    float: left;
    font-size: 14px;
    line-height: 35px;
}
.loggedin main .container.small .more-buttons {
    margin: 0;
    margin-top: 6px;
    margin-right: -6px;
    padding: 0;
}
.loggedin main .container.small .empty-box,
.loggedin main .container.small .simple-box {
    box-sizing: border-box;
    margin: 16px auto;
    max-width: 300px;
    height: 250px;
}
@media only screen and (min-width: 601px) and (max-width: 961px) {
    .loggedin main .container.small .empty-box,
    .loggedin main .container.small .simple-box {
        float: left;
        margin: 16px;
    }
}
@media only screen and (min-width: 961px) {
    .loggedin main .container.small .empty-box,
    .loggedin main .container.small .simple-box {
        float: left;
        margin: 0 16px;
    }
}
.loggedin main .container.small .simple-box {
    background-color: #F3F3F3;
    padding: 0 15px;
}
.loggedin main .container table.statistics {
    margin: 50px;
    text-align: left;
    font-size: 15px;
}
.loggedin main .container table.statistics tr {
    display: block;
}
.loggedin main .container table.statistics tr th {
    width: 250px;
    color: #101010;
    font-weight: 400;
}
.loggedin main .container table.statistics tr td {
    padding: 0 20px;
    box-sizing: border-box;
    height: 60px;
}
.loggedin main .container table.statistics tr td.completion-data {
    white-space: nowrap;
}
.loggedin main .container table.statistics tr td p {
    display: inline-block;
    margin: 0 10px 0 0;
}
.loggedin main .container table.statistics tr td .completion-bar {
    width: 186px;
    display: inline-block;
    vertical-align: middle;
}
.loggedin main .container table.statistics tr td:nth-child(1) {
    width: 250px;
}
.loggedin main .container table.statistics tr td:nth-child(2) {
    width: 279px;
    text-align: right;
}
.loggedin main .container table.statistics tr td:nth-child(3),
.loggedin main .container table.statistics tr td:nth-child(4) {
    width: 68px;
}
.loggedin main .container table.statistics tr td:last-child {
    width: 170px;
}
.loggedin main .container ul.columns {
    list-style: none;
    text-align: left;
    padding-left: 0;
}
@media only screen and (max-width: 601px) {
    .loggedin main .container ul.columns {
        text-align: center;
    }
}
.loggedin main .container ul.columns li {
    display: inline-block;
    vertical-align: top;
    max-width: 204px;
    margin: 15px;
    box-sizing: border-box;
    padding: 9px;
    text-align: left;
    text-transform: none;
    position: relative;
}
.loggedin main .container ul.columns li.album-cat {
    width: 100%;
    max-width: none;
    margin: 0;
    text-align: center;
    position: relative;
}
.loggedin main .container ul.columns li.album-cat:before {
    position: absolute;
    height: 1px;
    background-color: #DDD;
    content: '';
    left: 20px;
    right: 50px;
    top: 26px;
}
.loggedin main .container ul.columns li.album-cat>h1 {
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    background-color: #F3F3F3;
    position: relative;
    padding: 0 10px;
}
.loggedin main .container ul.columns li.album-cat>.toggle {
    width: 15px;
    height: 15px;
    border: 1px solid #DDD;
    border-radius: 2px;
    background-color: transparent;
    position: absolute;
    float: right;
    top: 19px;
    right: 22px;
    outline: none;
}
.loggedin main .container ul.columns li.album-cat>.toggle:before {
    content: '-';
    position: absolute;
    top: 0;
    left: 1px;
    right: 0;
    bottom: 0;
    line-height: 13px;
}
.loggedin main .container ul.columns li.album-cat>.toggle.alt:before {
    content: '+';
}
.loggedin main .container ul.columns li.album-cat ul {
    padding: 0;
    text-align: left;
}
.loggedin main .container ul.columns li.album-cat ul li.album .share {
    left: 10px;
    right: auto;
}
.loggedin main .container ul.columns li.album {
    background-color: #FFF;
    color: #332c24;
    padding-bottom: 50px;
    margin: 12px;
    min-height: 280px;
}
.loggedin main .container ul.columns li.album h4 {
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 10px 0;
    text-align: left;
    text-transform: none;
}
.loggedin main .container ul.columns li.album .count {
    font-size: 14px;
    margin-top: 5px;
}
@media screen and (max-height: 800px) {
    .loggedin main .container ul.columns li.album .count {
        font-size: 11px;
        margin-bottom: 0;
    }
}
.loggedin main .container ul.columns li.album .share {
    z-index: 1;
    color: transparent;
    bottom: 14px;
    width: 50px;
    height: 34px;
    border-radius: 34px;
    position: relative;
}
.loggedin main .container ul.columns li.album .share.open {
    background-color: #E0E0E0;
}
.loggedin main .container ul.columns li.album .share.open .share-net:hover {
    background-color: #E0E0E0;
    border-color: #E0E0E0;
}
.loggedin main .container ul.columns li.album .share span {
    position: absolute;
    display: none;
    width: 20px;
    height: 18px;
    border: 8px solid transparent;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}
.loggedin main .container ul.columns li.album .share span.share-net,
.loggedin main .container ul.columns li.album .share span.share-facebook.open,
.loggedin main .container ul.columns li.album .share span.share-twitter.open {
    display: inline-block;
}
.loggedin main .container ul.columns li.album .share-net {
    top: 0;
    left: 0;
    background-image: url("../img/net.svg");
    background-size: 18px 18px;
    border-radius: 34px 0 0 34px;
}
.loggedin main .container ul.columns li.album .share-facebook {
    top: 0;
    left: 36px;
    background-color: #E0E0E0;
    background-image: url("../img/fb-icon-grey.svg");
    background-size: 8px 17px;
}
.loggedin main .container ul.columns li.album .share-facebook:hover {
    border-color: #355E9F;
    background-color: #355E9F;
    background-image: url("../img/fb-icon.svg");
}
.loggedin main .container ul.columns li.album .share-twitter {
    top: 0;
    left: 72px;
    border-radius: 0 34px 34px 0;
    background-color: #E0E0E0;
    background-image: url("../img/twitter-icon-grey.svg");
    background-size: 18px 16px;
}
.loggedin main .container ul.columns li.album .share-twitter:hover {
    border-color: #40BFF5;
    background-color: #40BFF5;
    background-image: url("../img/twitter-icon.svg");
}
.loggedin main .container ul.columns li.album .shop-btn {
    height: 30px;
    width: 30px;
    background-image: url("../img/loggedin/store-grey.svg");
    background-size: 20px;
    background-position: -1px -1px;
    background-repeat: no-repeat;
    display: inline-block;
}
.loggedin main .container ul.columns li.album button.info {
    background-image: url("../img/loggedin/info.svg");
    background-size: 30px;
    height: 34px;
    width: 34px;
    background-repeat: no-repeat;
    background-color: transparent;
    border: none;
    outline: none;
}

 .loggedin main .container ul.columns li.album .album-btn {
              background-image: url("../img/loggedin/albums-grey.svg");
              background-size: 30px;
              height: 34px;
              width: 34px;
              background-repeat: no-repeat;
              background-color: transparent;
              border: none;
              outline: none; }
              
.loggedin main .container ul.columns li.album .remove-btn {
    display: inline-block;
    background: url("../img/loggedin/trashcan-gray.svg");
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-size: 15px;
}

 .loggedin main .container ul.columns li.album .toolbar {
              height: 50px;
              position: absolute;
              bottom: 0;
              left: 0;
              right: 0;
              padding: 10px;
              box-sizing: border-box; }
              .loggedin main .container ul.columns li.album .toolbar > .tool-btn {
                float: left;
                border: none;
                margin-left: 10px;
                z-index: 2;
                position: relative; }
                .loggedin main .container ul.columns li.album .toolbar > .tool-btn:first-child {
                  margin-left: 0; }
                .loggedin main .container ul.columns li.album .toolbar > .tool-btn.share {
                  bottom: 2px;
                  z-index: 1; }
                  .loggedin main .container ul.columns li.album .toolbar > .tool-btn.share.open {
                    z-index: 3; }
                .loggedin main .container ul.columns li.album .toolbar > .tool-btn.right {
                  float: right; }
                  
.loggedin main .container ul.columns li.album.selling {
    padding-bottom: 40px;
}
.loggedin main .container ul.columns li.album.selling .share {
    right: auto;
    left: 42px;
    bottom: 13px;
}
.loggedin main .container ul.columns li.album.selling .price {
    color: #f02857;
    font-size: 16px;
    margin: 10px 0 10px 8px;
}
.loggedin main .container ul.columns li.album.selling .add-btn {
    height: 20px;
    width: 20px;
    background-image: url("../img/loggedin/add-grey.svg");
    background-size: 20px 20px;
    background-repeat: no-repeat;
}
.loggedin main .container ul.columns li.album.selling .buy-btn {
    width: 30px;
    height: 35px;
    background-image: url("../img/loggedin/cart_buy-grey.svg");
    background-size: 30px 35px;
    background-repeat: no-repeat;
}
.loggedin main .container ul.columns li.album.selling .buy-btn,
.loggedin main .container ul.columns li.album.selling .add-btn {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.loggedin main .container ul.columns li.album.empty {
    border: 3px dashed #BFBFBF;
    background-color: #F3F3F3;
    width: 204px;
}
.loggedin main .container ul.columns li.album.feature {
    background-color: #30CBD9;
    color: white;
    text-align: center;
    width: 204px;
    border-radius: 3px;
}
.loggedin main .container ul.columns li.album.feature a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding-top: 80px;
}
.loggedin main .container ul.columns li.album.feature a:hover {
    background-color: transparent;
}
.loggedin main .container ul.columns li.album.feature .plus {
    width: 55px;
}
.loggedin main .container ul.columns li.album.feature .label {
    font-size: 20px;
    margin-top: 40px;
    display: inline-block;
}
.loggedin main .container ul.columns li.album .thumbnail a {
    display: inline-block;
    border: none;
}
.loggedin main .container ul.columns li.album .thumbnail a:hover {
    background-color: transparent;
}
.loggedin main .container ul.columns li.album .count {
    font-size: 14px;
    margin-top: 5px;
}
.loggedin main .container ul.columns li.album .thumbnail {
    margin-bottom: 11px;
}
.loggedin main .container ul.columns li.album .thumbnail img {
    width: 100%;
}
.loggedin main .container ul.columns li.cover {
    margin: 5px 15px;
}
.loggedin main .container ul.columns li.cover h2 {
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
}
.loggedin main .container ul.columns li.cover img {
    width: 195px;
    height: 223px;
    box-shadow: 3px 3px 1px #D5D5D5;
    margin-bottom: 12px;
}
.loggedin main .container ul.columns li.friend {
    text-align: center;
    width: 197px;
}
.loggedin main .container ul.columns li.friend a:hover {
    background-color: transparent;
}
.loggedin main .container ul.columns li.friend .userpic,
.loggedin main .container ul.columns li.friend .username {
    padding: 5px 0;
}
.loggedin main .container ul.columns li.friend .username {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
}
.loggedin main .container ul.columns li.friend .userpic {
    width: 129px;
    height: 129px;
}
.loggedin main .container ul.columns li.friend .useractions {
    padding: 0;
}
.loggedin main .container ul.columns li.friend .useractions button {
    width: 30px;
    height: 32px;
    padding: 0;
    border: 5px solid;
    color: transparent;
    outline: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.loggedin main .container ul.columns li.friend .useractions button:hover {
    background-color: #E0E0E0;
    border-color: #E0E0E0;
}
.loggedin main .container ul.columns li.friend .useractions li {
    margin: 0;
    padding: 0;
}
.loggedin main .container ul.columns li.friend .useractions .useradd {
    background-image: url("../img/loggedin/add-grey.svg");
}
.loggedin main .container ul.columns li.friend .useractions .useralbums {
    background-image: url("../img/loggedin/albums-grey.svg");
}
.loggedin main .container ul.columns li.friend .useractions .useraccept {
    background-image: url("../img/loggedin/accept.svg");
    background-size: 90px;
    background-position: center;
}
.loggedin main .container ul.columns li.friend .useractions .useraccept:hover {
    border: none;
}
.loggedin main .container ul.columns li.friend .useractions .userreject {
    background-image: url("../img/loggedin/deny.svg");
    background-size: 90px;
    background-position: center;
}
.loggedin main .container ul.columns li.friend .useractions .userreject:hover {
    border: none;
}
.loggedin main .container ul.columns li p {
    text-transform: none;
}
.loggedin main .container ul.columns .completion-bar {
    width: 186px;
    margin-top: -5px;
}
.loggedin main .container ul.rows {
    list-style: none;
    margin-left: 16px;
    margin-right: 16px;
    display: inline-block;
    text-align: left;
    padding-left: 0;
}
.loggedin main .container ul.rows li {
    width: 252px;
}
.loggedin main .container ul.rows li+li {
    margin-top: 5px;
}
.loggedin main .container ul.rows h2 {
    color: #332c24;
    font-size: 14px;
    font-weight: lighter;
    text-align: left;
    margin: 3px;
    margin-left: 0;
}
.loggedin main .container ul.rows p {
    display: inline-block;
    font-size: 12px;
    font-weight: lighter;
    margin-top: 5px;
}
.loggedin main .container ul.rows .completion-bar {
    width: 157px;
    display: inline-block;
    float: right;
    left: -60px;
    top: 7px;
}
.loggedin main .container .completion-data h2 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 215px;
}
.loggedin main .container ul.badges .badge-group-heading {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    margin: 15px 0 20px 0;
    text-align: left;
    font-size: 15px;
    text-transform: none;
    font-weight: bold;
}
.loggedin main .container ul.badges ul {
    padding-left: 0;
}
.loggedin main .container ul.badges ul>li {
    float: left;
    width: 100px;
    text-align: center;
    margin-bottom: 40px;
    margin-right: 20px;
    position: relative;
}
.loggedin main .container ul.badges ul>li .share {
    position: absolute;
    z-index: 1;
    right: -50px;
    color: transparent;
    width: 96px;
    height: 34px;
    border-radius: 34px;
    bottom: -30px;
    left: 32px;
}
.loggedin main .container ul.badges ul>li .share.open {
    background-color: #E0E0E0;
}
.loggedin main .container ul.badges ul>li .share.open .share-net:hover {
    background-color: #E0E0E0;
    border-color: #E0E0E0;
}
.loggedin main .container ul.badges ul>li .share span {
    position: absolute;
    display: none;
    width: 20px;
    height: 18px;
    border: 8px solid transparent;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}
.loggedin main .container ul.badges ul>li .share span.share-net,
.loggedin main .container ul.badges ul>li .share span.share-facebook.open,
.loggedin main .container ul.badges ul>li .share span.share-twitter.open {
    display: inline-block;
}
.loggedin main .container ul.badges ul>li .share-net {
    top: 0;
    left: 0;
    background-image: url("../img/net.svg");
    background-size: 18px 18px;
    border-radius: 34px 0 0 34px;
}
.loggedin main .container ul.badges ul>li .share-facebook {
    top: 0;
    left: 36px;
    background-color: #E0E0E0;
    background-image: url("../img/fb-icon-grey.svg");
    background-size: 8px 17px;
}
.loggedin main .container ul.badges ul>li .share-facebook:hover {
    border-color: #355E9F;
    background-color: #355E9F;
    background-image: url("../img/fb-icon.svg");
}
.loggedin main .container ul.badges ul>li .share-twitter {
    top: 0;
    left: 72px;
    border-radius: 0 34px 34px 0;
    background-color: #E0E0E0;
    background-image: url("../img/twitter-icon-grey.svg");
    background-size: 18px 16px;
}
.loggedin main .container ul.badges ul>li .share-twitter:hover {
    border-color: #40BFF5;
    background-color: #40BFF5;
    background-image: url("../img/twitter-icon.svg");
}
.loggedin main .container ul.badges ul>li .image {
    border-radius: 50%;
    background-color: #e7e7e7;
    display: inline-block;
    width: 100px;
    height: 100px;
    overflow: hidden;
}
.loggedin main .container ul.badges ul>li .date {
    font-size: 14px;
    margin: 5px 0 10px;
}
.loggedin main .container .empty-list-notice {
    background-color: #F3F3F3;
    position: absolute;
    right: 170px;
    z-index: 1;
    padding: 10px;
    bottom: 156px;
}
.loggedin main .container .empty-list-notice .icon {
    float: left;
    width: 90px;
    margin-right: 30px;
}
.loggedin main .container .empty-list-notice .heading {
    display: inline-block;
    margin: 0;
    font-size: 26px;
    text-transform: none;
}
.loggedin main .container .empty-list-notice .desc {
    display: inline-block;
    margin: 0;
    font-size: 22px;
    text-transform: none;
}
.loggedin main .container .friend-detail .friend {
    text-align: center;
    width: 197px;
    margin: 0 auto;
}
.loggedin main .container .friend-detail .friend .userpic,
.loggedin main .container .friend-detail .friend .username {
    padding: 5px 0;
}
.loggedin main .container .friend-detail .friend .username {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    text-transform: none;
}
.loggedin main .container .friend-detail .friend .userpic {
    width: 129px;
    height: 129px;
}
.loggedin main .container .friend-detail .friend .useractions {
    padding: 0;
}
.loggedin main .container .friend-detail .friend .useractions button {
    width: 30px;
    height: 32px;
    padding: 0;
    border: 5px solid;
    color: transparent;
    outline: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.loggedin main .container .friend-detail .friend .useractions button:hover {
    background-color: #E0E0E0;
    border-color: #E0E0E0;
}
.loggedin main .container .friend-detail .friend .useractions li {
    margin: 0;
    padding: 0;
    display: inline-block;
}
.loggedin main .container .friend-detail .friend .useractions .useradd {
    background-image: url("../img/loggedin/add-grey.svg");
}
.loggedin main .container .friend-detail .friend .useractions .usertalk {
    background-image: url("../img/loggedin/speech.svg");
}
.loggedin main .container .friend-detail .friend .useractions .useralbums {
    background-image: url("../img/loggedin/albums-grey.svg");
}

.loggedin main .container .friend-detail .badges li .share {
    position: absolute;
    z-index: 1;
    right: -50px;
    color: transparent;
    width: 96px;
    height: 34px;
    border-radius: 34px;
    bottom: -30px;
    left: 32px;
}
.loggedin main .container .friend-detail .badges li .share.open {
    background-color: #E0E0E0;
}
.loggedin main .container .friend-detail .badges li .share.open .share-net:hover {
    background-color: #E0E0E0;
    border-color: #E0E0E0;
}
.loggedin main .container .friend-detail .badges li .share span {
    position: absolute;
    display: none;
    width: 20px;
    height: 18px;
    border: 8px solid transparent;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}
.loggedin main .container .friend-detail .badges li .share span.share-net,
.loggedin main .container .friend-detail .badges li .share span.share-facebook.open,
.loggedin main .container .friend-detail .badges li .share span.share-twitter.open {
    display: inline-block;
}
.loggedin main .container .friend-detail .badges li .share-net {
    top: 0;
    left: 0;
    background-image: url("../img/net.svg");
    background-size: 18px 18px;
    border-radius: 34px 0 0 34px;
}
.loggedin main .container .friend-detail .badges li .share-facebook {
    top: 0;
    left: 36px;
    background-color: #E0E0E0;
    background-image: url("../img/fb-icon-grey.svg");
    background-size: 8px 17px;
}
.loggedin main .container .friend-detail .badges li .share-facebook:hover {
    border-color: #355E9F;
    background-color: #355E9F;
    background-image: url("../img/fb-icon.svg");
}
.loggedin main .container .friend-detail .badges li .share-twitter {
    top: 0;
    left: 72px;
    border-radius: 0 34px 34px 0;
    background-color: #E0E0E0;
    background-image: url("../img/twitter-icon-grey.svg");
    background-size: 18px 16px;
}
.loggedin main .container .friend-detail .badges li .share-twitter:hover {
    border-color: #40BFF5;
    background-color: #40BFF5;
    background-image: url("../img/twitter-icon.svg");
}
.loggedin main .container .friend-detail .badges li .image {
    border-radius: 50%;
    background-color: #e7e7e7;
    display: inline-block;
    width: 100px;
    height: 100px;
    overflow: hidden;
}
.loggedin main .container .friend-detail .badges li .date {
    font-size: 14px;
    margin: 5px 0 10px;
}
.loggedin main .container .empty-stats,
.loggedin main .container .empty-badges {
    width: 268px;
    height: 184px;
    clear: both;
    text-align: center;
}
.loggedin main .container .empty-stats .icon,
.loggedin main .container .empty-badges .icon {
    width: 100px;
}
.loggedin main .container .empty-stats .desc,
.loggedin main .container .empty-badges .desc {
    text-transform: none;
    font-size: 16px;
    margin-top: 0;
}
.loggedin main .container .empty-badges .icon {
    width: 70px;
    margin: 20px 0;
}
.loggedin main .corner-icons {
    background-position-y: center;
    background-repeat: no-repeat;
}
.loggedin main .corner-icons.add {
    background-image: url("../img/loggedin/add-grey.svg");
    background-size: 20px 20px;
}
.loggedin main .corner-icons.albums {
    background-image: url("../img/loggedin/albums-grey.svg");
    background-size: 34px 36px;
}
.loggedin main .corner-icons.alerts {
    background-image: url("../img/loggedin/alerts-grey.svg");
    background-size: 28px 25px;
}
.loggedin main .corner-icons.arrow-up {
    background-image: url("../img/arrow-up-grey.svg");
    background-size: 15px 10px;
}
.loggedin main .corner-icons.arrow-right {
    background-image: url("../img/arrow-right-grey.svg");
    background-size: 10px 15px;
}
.loggedin main .corner-icons.arrow-down {
    background-image: url("../img/arrow-down-grey.svg");
    background-size: 15px 10px;
}
.loggedin main .corner-icons.arrow-left {
    background-image: url("../img/arrow-left-grey.svg");
    background-size: 10px 15px;
}
.loggedin main .corner-icons.arrow-right-thin {
    background-image: url("../img/arrow-right-thin-grey.svg");
    background-size: 6px 10px;
}
.loggedin main .corner-icons.arrow-left-thin {
    background-image: url("../img/arrow-left-thin-grey.svg");
    background-size: 6px 10px;
}
.loggedin main .corner-icons.badges {
    background-image: url("../img/loggedin/badges-grey.svg");
    background-size: 22px 36px;
    padding-left: 35px;
}
.loggedin main .corner-icons.cart {
    background-image: url("../img/loggedin/cart-grey.svg");
    background-size: 32px 29px;
}
.loggedin main .corner-icons.cart-buy {
    background-image: url("../img/loggedin/cart_buy.svg");
    background-size: 20px 20px;
}
.loggedin main .corner-icons.credits {
    background-image: url("../img/loggedin/credits-grey.svg");
    background-size: 29px 33px;
}
.loggedin main .corner-icons.friends {
    background-image: url("../img/loggedin/friends-grey.svg");
    background-size: 42px 29px;
}
.loggedin main .corner-icons.invite {
    background-image: url("../img/loggedin/invite-grey.svg");
    background-size: 29px 28px;
}
.loggedin main .corner-icons.messages {
    background-image: url("../img/loggedin/mail-grey.svg");
    background-size: 30px 19px;
}
.loggedin main .corner-icons.more {
    background-image: url("../img/loggedin/more.svg");
    background-size: 21px 21px;
}
.loggedin main .corner-icons.pencil {
    background-image: url("../img/loggedin/pencil.svg");
    background-size: 16px 16px;
}
.loggedin main .corner-icons.requests {
    background-image: url("../img/loggedin/requests-grey.svg");
    background-size: 30px 27px;
}
.loggedin main .corner-icons.search {
    background-image: url("../img/loggedin/search-grey.svg");
    background-size: 20px 19px;
}
.loggedin main .corner-icons.star {
    background-image: url("../img/star-grey.svg");
    background-size: 14px 14px;
}
.loggedin main .corner-icons.statistics {
    background-image: url("../img/loggedin/statistics-grey.svg");
    background-size: 31px 31px;
    padding-left: 40px;
}
.loggedin main .corner-icons.stickers-collected {
    background-image: url("../img/loggedin/stickers-collected.svg");
    background-size: 15px 15px;
}
.loggedin main .corner-icons.stickers-missing {
    background-image: url("../img/loggedin/stickers-missing.svg");
    background-size: 15px 15px;
}
.loggedin main .corner-icons.store {
    background-image: url("../img/loggedin/store-grey.svg");
    background-size: 32px 32px;
}
.loggedin main .corner-icons.trades {
    background-image: url("../img/loggedin/trades-grey.svg");
    background-size: 27px 29px;
}
.loggedin main .corner-icons.trashcan {
    background-image: url("../img/loggedin/trashcan-blue.svg");
    background-size: 15px 20px;
}
.loggedin main .corner-icons.trashcan-gray {
    background-image: url("../img/loggedin/trashcan-gray.svg");
    background-size: 15px 20px;
}
.loggedin main .corner-icons.voucher {
    background-image: url("../img/loggedin/voucher.svg");
    background-size: 28px 14px;
}
.loggedin main .big-icons {
    background-position: center 40px;
    background-repeat: no-repeat;
}
.loggedin main .big-icons.cart-buy {
    background-image: url("../img/loggedin/cart_buy-grey.svg");
    background-size: 48px 50px;
}
.loggedin main .big-icons.dist-credits {
    background-image: url("../img/loggedin/dist_credits-grey.svg");
    background-size: 50px 54px;
}
.loggedin main .big-icons.history {
    background-image: url("../img/loggedin/history-grey.svg");
    background-size: 53px 58px;
}
.loggedin main .badge {
    color: #332c24;
    font-size: 14px;
    text-align: center;
}
.loggedin main .badge-date {
    font-weight: lighter;
    margin-top: 5px;
}
.loggedin main .badge-title {
    width: 75%;
    line-height: 150%;
    margin: 10px auto 0;
    text-transform: none;
    font-weight: bold;
}
.loggedin footer {
    background-color: #1DC597;
    position: absolute;
    margin-top: 16px;
    box-sizing: border-box;
    min-height: 127px;
}
.slider {
    width: 228px;
    height: 184px;
    margin-left: 20px;
    margin-right: 20px;
    overflow: hidden;
}
.slider-frame {
    margin: 0;
    margin-left: 0;
    padding: 0;
    list-style: none;
    width: 9999px;
}
.slider-frame li {
    float: left;
    margin-left: 0;
    width: 228px;
}
.slider-controls {
    position: relative;
}
.slider-controls .left,
.slider-controls .right {
    padding: 10px 15px 0 0;
    width: 10px;
    height: 15px;
    background-color: transparent;
    background-image: url("../img/arrow-up-small-green.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: none;
    position: absolute;
    bottom: 92px;
}
.slider-controls .left {
    left: 0;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(135deg);
}
.slider-controls .right {
    right: 0;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(-45deg);
}
#caderneta-container {
    width: 100%;
    height: 100%;
    margin: 0 auto 80px;
    background-color: transparent;
}
#caderneta {
    background-color: transparent;
    position: relative;
    padding: 0px;
}
#caderneta.friend {
    left: 125px;
}
#caderneta .social {
    list-style: none;
    text-align: center;
    margin: 40px 0 0;
    padding: 0;
}
#caderneta .social li {
    display: inline-block;
    margin: 0 10px;
}
#caderneta .social li a {
    color: #FFF;
    font-size: 13px;
    width: 55px;
    padding-left: 40px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    position: relative;
    border: none;
    transition: background-color 0.2s linear;
}
#caderneta .social li a:before {
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    width: 40px;
    background-position: center;
    background-repeat: no-repeat;
}
#caderneta .social li a.facebook {
    background-color: #5176c2;
}
#caderneta .social li a.facebook:hover,
#caderneta .social li a.facebook:before {
    background-color: #5d82d1;
    background-size: 12px;
}
#caderneta .social li a.facebook:before {
    background-image: url("../img/fb-icon.svg");
}
#caderneta .social li a.twitter {
    background-color: #31ade1;
}
#caderneta .social li a.twitter:hover,
#caderneta .social li a.twitter:before {
    background-color: #40bff5;
}
#caderneta .social li a.twitter:before {
    background-image: url("../img/twitter-icon.svg");
    background-size: 30px;
}
#caderneta .social li a.pinterest {
    background-color: #c92f35;
}
#caderneta .social li a.pinterest:hover,
#caderneta .social li a.pinterest:before {
    background-color: #e13138;
}
#caderneta .social li a.pinterest:before {
    background-image: url("../img/pinterest-icon.svg");
    background-size: 25px;
}
.user-album-details {
    background-color: #fff;
    width: 260px;
    font-size: 14px;
    position: absolute;
    top: 98px;
    left: -200px;
    color: #6b6b6b;
    box-sizing: border-box;
    z-index: 11;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.user-album-details:HOVER {
    left: 0px;
}
.user-album-details .user-info {
    padding: 13px;
}
.user-album-details .user-info .arrow {
    background-image: url("../img/arrow-right-grey.svg");
    background-size: 10px 15px;
    float: right;
    width: 30px;
    height: 15px;
}
.user-album-details .user-info .name {
    color: #858585;
    max-width: 155px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    margin-left: 10px;
    line-height: 12px;
}
.user-album-details .user-info .profile-picture {
    height: 58px;
    width: 58px;
}
.user-album-details .album-info {
    padding: 25px 12px;
}
.user-album-details .album-info h1 {
    font-size: 14px;
    font-weight: 600;
    position: relative;
    padding-left: 32px;
}
.user-album-details .album-info h1:before {
    position: absolute;
    left: 0;
    top: 6px;
    content: '';
    display: block;
    height: 22px;
    width: 22px;
    background-image: url("../img/loggedin/albums-grey.svg");
    background-size: 22px;
}
.user-album-details .album-info h1,
.user-album-details .album-info p {
    text-transform: none;
    margin: 0;
}
.user-album-details .album-info .info-title {
    font-weight: 600;
    margin-top: 15px;
}
.user-album-details .album-info .info {
    margin-top: 5px;
}
.user-album-details .user-info,
.user-album-details .album-actions {
    background-color: #f7f7f7;
}
.user-album-details .album-actions a {
    color: inherit;
    text-decoration: none;
    border: 5px solid transparent;
}
.user-album-details .album-actions {
    padding: 0;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}
.user-album-details .album-actions li {
    width: calc(100%/ 3);
    display: inline-block;
    text-align: center;
}
.user-album-details .album-actions li:nth-child(2) {
    width: 79px;
}
.user-album-details .album-actions a {
    display: inline-block;
    font-size: 10px;
    text-align: center;
    padding: 10px 5px;
    box-sizing: border-box;
    width: 100%;
}
.user-album-details .album-actions a i {
    display: inline-block;
    height: 20px;
    width: 20px;
}
.user-album-details .album-actions i.all-icon {
    background-image: url("../img/loggedin/more.svg");
    background-size: 20px 20px;
}
.user-album-details .album-actions i.eye-icon {
    background-image: url("../img/loggedin/eye.svg");
    background-size: 22px;
    background-position: center;
}
.user-album-details .album-actions i.store {
    background-image: url("../img/loggedin/store-grey.svg");
    background-size: 22px;
    background-position: center;
}
.user-album-details .album-actions i.add-icon {
    background-image: url("../img/loggedin/add-grey.svg");
    background-size: 20px 20px;
}
.completion-bar {
    position: relative;
    overflow: hidden;
    background-color: #FA0000;
}
.completion-bar .complete {
    float: left;
    height: 5px;
    background-color: #2FEA26;
}
section.send-invites {
    padding-left: 100px;
}
section.send-invites h1 {
    width: 100%;
    color: #5a5a5a;
    font-size: 18px;
    font-weight: normal;
    padding: 0;
}
section.send-invites input {
    border: 1px solid #20c698;
    padding: 10px;
    width: 420px;
    box-sizing: border-box;
    margin-top: 20px;
    background-color: transparent;
}
section.send-invites button.more {
    width: 15px;
    height: 15px;
    border: none;
    background-image: url("../img/plus.svg");
    background-color: transparent;
    background-repeat: no-repeat;
    margin-left: 5px;
}
section.send-invites button.send {
    background-color: #20c698;
    border-radius: 3px;
    border: none;
    padding: 0;
    color: #FFF;
    width: 170px;
    height: 30px;
    display: block;
    margin-top: 30px;
    text-transform: uppercase;
}
section.send-invites div.facebook {
    font-weight: bold;
    color: #858585;
    font-size: 14px;
    margin: 40px 0;
}
section.send-invites div.facebook a {
    color: #FFF;
    font-size: 13px;
    width: 55px;
    padding-left: 40px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    position: relative;
    border: none;
    transition: background-color 0.2s linear;
    margin-left: 100px;
}
section.send-invites div.facebook a:before {
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    width: 40px;
    background-position: center;
    background-repeat: no-repeat;
}
section.send-invites div.facebook a.facebook {
    background-color: #5176c2;
}
section.send-invites div.facebook a.facebook:hover,
section.send-invites div.facebook a.facebook:before {
    background-color: #5d82d1;
    background-size: 12px;
}
section.send-invites div.facebook a.facebook:before {
    background-image: url("../img/fb-icon.svg");
}
section.send-invites div.url {
    font-size: 14px;
    color: #858585;
    text-transform: none;
}
section.send-invites .icon-checked {
    display: none;
    background-image: url("../img/loggedin/checkmark.svg");
    background-position: center;
    height: 20px;
    width: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    position: relative;
    top: 4px;
    margin-left: 7px;
}
section.send-invites div.checked .icon-checked {
    display: inline-block;
}
section.invites-sent {
    margin-top: 50px;
    padding-left: 100px;
    padding-right: 100px;
}
section.invites-sent h1 {
    color: #5a5a5a;
    font-size: 18px;
    font-weight: normal;
    padding: 0;
    float: left;
    margin: 0;
}
section.invites-sent ul.info {
    float: right;
    padding-left: 0;
    margin: 0;
}
section.invites-sent ul.info li {
    display: inline-block;
}
section.invites-sent ul.info li+li {
    border-left: 1px solid #a2a2a2;
    padding-left: 10px;
    margin-left: 10px;
}
section.invites-sent table {
    margin-top: 30px;
    width: 100%;
}
section.invites-sent thead th {
    background-color: #6b6b6b;
    color: #FFF;
    font-weight: normal;
}
section.invites-sent thead th+th {
    border-left: 1px solid #FFF;
}
section.invites-sent th,
section.invites-sent td {
    height: 45px;
    vertical-align: middle;
    text-align: center;
    padding: 0 20px;
}
section.invites-sent tbody td {
    background-color: #f7f7f7;
}
section.invites-sent tbody td:nth-child(2n-1) {
    background-color: #eeeeee;
}
section.invites-sent tbody tr+tr td {
    border-top: 1px solid #eaeaea;
}
section.invites-sent .disclaimer {
    margin-top: 50px;
    text-transform: none;
    color: #858585;
    font-size: 14px;
}
.friends-pagination,
.invoice-pagination,
.general-pagination {
    text-transform: none;
    padding-top: 20px;
    text-align: center;
    font-size: 16px;
}
.friends-pagination .prev,
.friends-pagination .next,
.invoice-pagination .prev,
.invoice-pagination .next,
.general-pagination .prev,
.general-pagination .next {
    color: #9A9A9A;
    text-decoration: none;
    border: 5px solid transparent;
}
.friends-pagination .prev:hover,
.friends-pagination .next:hover,
.invoice-pagination .prev:hover,
.invoice-pagination .next:hover,
.general-pagination .prev:hover,
.general-pagination .next:hover {
    background-color: #E0E0E0;
}
.friends-pagination .prev,
.invoice-pagination .prev,
.general-pagination .prev {
    float: left;
}
.friends-pagination .prev:before,
.invoice-pagination .prev:before,
.general-pagination .prev:before {
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    background-image: url("../img/arrow-left-thin-grey.svg");
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-right: 10px;
}
.friends-pagination .next,
.invoice-pagination .next,
.general-pagination .next {
    float: right;
}
.friends-pagination .next:after,
.invoice-pagination .next:after,
.general-pagination .next:after {
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    background-image: url("../img/arrow-right-thin-grey.svg");
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-left: 10px;
}
.friends-pagination .disabled,
.invoice-pagination .disabled,
.general-pagination .disabled {
    opacity: 0.7;
    pointer-events: none;
}
.friends-pagination .pages,
.invoice-pagination .pages,
.general-pagination .pages {
    list-style: none;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    margin: 0;
    margin-top: -6px;
}
.friends-pagination .pages li,
.invoice-pagination .pages li,
.general-pagination .pages li {
    border-radius: 100px;
    display: inline-block;
}
.friends-pagination .pages li.etc,
.invoice-pagination .pages li.etc,
.general-pagination .pages li.etc {
    position: relative;
    margin-right: 40px;
}
.friends-pagination .pages li.etc:before,
.invoice-pagination .pages li.etc:before,
.general-pagination .pages li.etc:before {
    position: absolute;
    right: -25px;
    top: 4px;
    content: '...';
}
.friends-pagination .pages li.etc.left,
.invoice-pagination .pages li.etc.left,
.general-pagination .pages li.etc.left {
    margin-left: 40px;
    margin-right: 0;
}
.friends-pagination .pages li.etc.left:before,
.invoice-pagination .pages li.etc.left:before,
.general-pagination .pages li.etc.left:before {
    position: absolute;
    left: -73px;
    top: 4px;
    right: 0;
    content: '...';
}
.friends-pagination .pages li a,
.invoice-pagination .pages li a,
.general-pagination .pages li a {
    text-decoration: none;
    padding: 7px;
    color: gray;
    min-width: 20px;
    display: inline-block;
    border: none;
}
.friends-pagination .pages li a:hover,
.invoice-pagination .pages li a:hover,
.general-pagination .pages li a:hover {
    background-color: transparent;
}
.friends-pagination .pages li.selected,
.invoice-pagination .pages li.selected,
.general-pagination .pages li.selected {
    border: 3px solid #30cbd9;
}
.general-pagination {
    padding: 15px;
    padding-top: 15px;
}
.invoice-pagination {
    width: 700px;
    margin: 20px auto;
}
table.common {
    width: 100%;
    max-width: 700px;
    margin: 0 auto 50px;
}
table.common caption {
    text-transform: uppercase;
    text-align: left;
    padding-bottom: 20px;
    font-size: 18px;
}
table.common th {
    font-weight: normal;
}
table.common th,
table.common td {
    text-align: center;
    vertical-align: middle;
    padding: 15px 20px;
}
table.common thead th {
    background-color: #6b6b6b;
    color: #FFF;
}
table.common thead th+th {
    border-left: 1px solid #d1d1d1;
}
table.common tbody tr th,
table.common tbody tr td {
    background-color: #f7f7f7;
}
table.common tbody tr th:nth-child(2n-1),
table.common tbody tr td:nth-child(2n-1) {
    background-color: #eeeeee;
}
table.common tbody tr+tr th,
table.common tbody tr+tr td {
    border-top: 1px solid #eaeaea;
}
.trade-status-ball {
    width: 26px;
    height: 26px;
    border-radius: 26px;
    display: inline-block;
}
.trade-status-ball.green {
    background-color: #5a8d14;
}
.trade-status-ball.gray {
    background-color: #797979;
}
#trading .pages,
#trading-available-users .pages {
    list-style: none;
}
#trading .pagination,
#trading-available-users .pagination {
    list-style: none;
    font-size: 14px;
    text-align: center;
    margin: 20px 0;
}
#trading .pagination li,
#trading-available-users .pagination li {
    border-radius: 100px;
    display: inline-block;
}
#trading .pagination li a,
#trading-available-users .pagination li a {
    text-decoration: none;
    padding: 7px;
    color: gray;
    min-width: 20px;
    display: inline-block;
}
#trading .pagination li.selected,
#trading-available-users .pagination li.selected {
    border: 3px solid #30cbd9;
}
#get-stickers,
#submit-voucher,
#bought-stickers,
#trading,
#trading-available-users,
#trade-with-credits,
#trade-direct,
#confirm-album-deletion,
#details-modal {
    background-color: #fff;
    color: #6b6b6b;
}
#get-stickers h1,
#submit-voucher h1,
#bought-stickers h1,
#trading h1,
#trading-available-users h1,
#trade-with-credits h1,
#trade-direct h1,
#confirm-album-deletion h1,
#details-modal h1 {
    background-repeat: no-repeat;
    text-transform: uppercase;
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    position: relative;
    padding-right: 50px;
    background-size: 67px 55px;
    background-position: left -14px;
    padding-left: 80px;
}
#get-stickers .close-btn,
#submit-voucher .close-btn,
#bought-stickers .close-btn,
#trading .close-btn,
#trading-available-users .close-btn,
#trade-with-credits .close-btn,
#trade-direct .close-btn,
#confirm-album-deletion .close-btn,
#details-modal .close-btn {
    font-size: 35px;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0px;
}
#get-stickers .submit-btn,
#get-stickers .continue-btn,
#get-stickers .cancel-btn,
#get-stickers .trade-btn,
#submit-voucher .submit-btn,
#submit-voucher .continue-btn,
#submit-voucher .cancel-btn,
#submit-voucher .trade-btn,
#bought-stickers .submit-btn,
#bought-stickers .continue-btn,
#bought-stickers .cancel-btn,
#bought-stickers .trade-btn,
#trading .submit-btn,
#trading .continue-btn,
#trading .cancel-btn,
#trading .trade-btn,
#trading-available-users .submit-btn,
#trading-available-users .continue-btn,
#trading-available-users .cancel-btn,
#trading-available-users .trade-btn,
#trade-with-credits .submit-btn,
#trade-with-credits .continue-btn,
#trade-with-credits .cancel-btn,
#trade-with-credits .trade-btn,
#trade-direct .submit-btn,
#trade-direct .continue-btn,
#trade-direct .cancel-btn,
#trade-direct .trade-btn,
#confirm-album-deletion .submit-btn,
#confirm-album-deletion .continue-btn,
#confirm-album-deletion .cancel-btn,
#confirm-album-deletion .trade-btn,
#details-modal .submit-btn,
#details-modal .continue-btn,
#details-modal .cancel-btn,
#details-modal .trade-btn {
    color: white;
    padding: 10px 20px;
    min-width: 200px;
    min-height: 47px;
    font-size: 14px;
    border: none;
    font-weight: 600;
    border-radius: 4px;
    outline: none;
    margin-bottom: 40px;
}
#get-stickers .submit-btn,
#get-stickers .continue-btn,
#get-stickers .trade-btn,
#submit-voucher .submit-btn,
#submit-voucher .continue-btn,
#submit-voucher .trade-btn,
#bought-stickers .submit-btn,
#bought-stickers .continue-btn,
#bought-stickers .trade-btn,
#trading .submit-btn,
#trading .continue-btn,
#trading .trade-btn,
#trading-available-users .submit-btn,
#trading-available-users .continue-btn,
#trading-available-users .trade-btn,
#trade-with-credits .submit-btn,
#trade-with-credits .continue-btn,
#trade-with-credits .trade-btn,
#trade-direct .submit-btn,
#trade-direct .continue-btn,
#trade-direct .trade-btn,
#confirm-album-deletion .submit-btn,
#confirm-album-deletion .continue-btn,
#confirm-album-deletion .trade-btn,
#details-modal .submit-btn,
#details-modal .continue-btn,
#details-modal .trade-btn {
    background-color: #1ec597;
}
#get-stickers .submit-btn:hover,
#get-stickers .continue-btn:hover,
#get-stickers .trade-btn:hover,
#submit-voucher .submit-btn:hover,
#submit-voucher .continue-btn:hover,
#submit-voucher .trade-btn:hover,
#bought-stickers .submit-btn:hover,
#bought-stickers .continue-btn:hover,
#bought-stickers .trade-btn:hover,
#trading .submit-btn:hover,
#trading .continue-btn:hover,
#trading .trade-btn:hover,
#trading-available-users .submit-btn:hover,
#trading-available-users .continue-btn:hover,
#trading-available-users .trade-btn:hover,
#trade-with-credits .submit-btn:hover,
#trade-with-credits .continue-btn:hover,
#trade-with-credits .trade-btn:hover,
#trade-direct .submit-btn:hover,
#trade-direct .continue-btn:hover,
#trade-direct .trade-btn:hover,
#confirm-album-deletion .submit-btn:hover,
#confirm-album-deletion .continue-btn:hover,
#confirm-album-deletion .trade-btn:hover,
#details-modal .submit-btn:hover,
#details-modal .continue-btn:hover,
#details-modal .trade-btn:hover {
    background-color: #1baf86;
}
#get-stickers .submit-btn:active,
#get-stickers .continue-btn:active,
#get-stickers .trade-btn:active,
#submit-voucher .submit-btn:active,
#submit-voucher .continue-btn:active,
#submit-voucher .trade-btn:active,
#bought-stickers .submit-btn:active,
#bought-stickers .continue-btn:active,
#bought-stickers .trade-btn:active,
#trading .submit-btn:active,
#trading .continue-btn:active,
#trading .trade-btn:active,
#trading-available-users .submit-btn:active,
#trading-available-users .continue-btn:active,
#trading-available-users .trade-btn:active,
#trade-with-credits .submit-btn:active,
#trade-with-credits .continue-btn:active,
#trade-with-credits .trade-btn:active,
#trade-direct .submit-btn:active,
#trade-direct .continue-btn:active,
#trade-direct .trade-btn:active,
#confirm-album-deletion .submit-btn:active,
#confirm-album-deletion .continue-btn:active,
#confirm-album-deletion .trade-btn:active,
#details-modal .submit-btn:active,
#details-modal .continue-btn:active,
#details-modal .trade-btn:active {
    background-color: #19a27c;
}
#get-stickers .cancel-btn,
#submit-voucher .cancel-btn,
#bought-stickers .cancel-btn,
#trading .cancel-btn,
#trading-available-users .cancel-btn,
#trade-with-credits .cancel-btn,
#trade-direct .cancel-btn,
#confirm-album-deletion .cancel-btn,
#details-modal .cancel-btn {
    background-color: #9A9A9A;
}
#get-stickers h1 {
    background-image: url("../img/my/saquetas-gray.svg");
}
#get-stickers .credits {
    margin-left: 100px;
    font-weight: 400;
    text-transform: none;
}
#get-stickers .close-btn {
    font-size: 35px;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0px;
}
#get-stickers .packs {
    list-style: none;
    text-align: center;
    padding: 45px 0;
}
#get-stickers .packs .pack,
#get-stickers .packs .pack1 {
    cursor: pointer;
    display: inline-block;
    background-repeat: no-repeat;
    width: 180px;
    position: relative;
    background-image: url("../img/packet.png");
    padding: 160px 10px 10px 10px;
    background-size: 95px 142px;
    background-position: center 20px;
    border: 1px solid transparent;
}
#get-stickers .packs .pack+.pack {
    margin-left: 40px;
}
#get-stickers .packs .pack .pack-number,
#get-stickers .packs .pack1 .pack-number {
    font-size: 45px;
    font-weight: 600;
    color: white;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
}
#get-stickers .packs .pack .price,
#get-stickers .packs .pack1 .price {
    font-size: 26px;
    font-weight: 400;
    margin: 30px 0 0 0;
}
#get-stickers .packs .pack .quantity,
#get-stickers .packs .pack1 .quantity {
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0 0 0;
}
#get-stickers .packs .pack.selected {
    border: 1px solid #1ec597;
}
#get-stickers .buy-btn-wrapper {
    text-align: center;
}
#get-stickers .buy-btn {
    background-color: #1ec597;
    color: white;
    padding: 10px 20px;
    min-width: 200px;
    min-height: 47px;
    font-size: 14px;
    border: none;
    font-weight: 600;
    border-radius: 4px;
    outline: none;
    margin-bottom: 40px;
}
#confirm-album-deletion h1 {
    background-image: url("../img/my/saquetas-gray.svg");
}
#confirm-album-deletion .btn-wrapper {
    margin-top: 30px;
    text-align: center;
}
#confirm-album-deletion .help {
    text-align: center;
    color: darkgrey;
    font-size: 19px;
    font-weight: 400;
    max-width: 635px;
    margin: 50px auto;
}
#confirm-album-deletion .label {
    display: block;
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
}
#confirm-album-deletion .cancel-btn {
    margin-right: 15px;
}
#confirm-album-deletion .submit-btn {
    margin-left: 15px;
    display: inline-block;
    line-height: 47px;
    padding: 0;
    text-decoration: none;
}
#submit-voucher {
    width: 750px;
}
#submit-voucher h1 {
    background-image: url("../img/my/voucher-gray.svg");
}
#submit-voucher .btn-wrapper {
    margin-top: 30px;
    text-align: center;
}
#submit-voucher .help {
    text-align: center;
    color: darkgrey;
    font-size: 19px;
    font-weight: 400;
    max-width: 635px;
    margin: 50px auto;
}
#submit-voucher .label {
    display: block;
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
}
#submit-voucher .voucher-code {
    display: block;
    padding: 15px;
    margin: 0 auto;
    font-size: 16px;
    border: 1px solid #1EC597;
    width: 450px;
}
#submit-voucher .cancel-btn {
    margin-right: 15px;
}
#submit-voucher .submit-btn {
    margin-left: 15px;
}
#trading h1 {
    background-image: url("../img/loggedin/trades-grey.svg");
    background-size: 61px 31px;
    background-position: left center;
    padding-left: 67px;
}
#trading .extra-options {
    background-color: #F7F7F7;
    margin: 20px -10px;
    padding: 20px 50px;
}
#trading .extra-options button {
    text-transform: uppercase;
    font-weight: 400;
    float: left;
    margin-bottom: 0;
}
#trading .extra-options .search {
    float: right;
}
#trading .extra-options .search label {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    color: darkgrey;
    margin-right: 20px;
}
#trading .extra-options .search-input {
    padding: 13px 13px 13px 41px;
    background-color: #F7F7F7;
    border: 1px solid #1EC597;
    font-size: 16px;
    background-image: url("../img/loggedin/search-grey.svg");
    background-position: 10px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    max-width: 105px;
}
#bought-stickers .tabs,
#trading .tabs,
#trading-available-users .tabs,
#trade-with-credits .tabs,
#trade-direct .tabs {
    list-style: none;
    letter-spacing: 0;
    font-size: 0;
    text-align: center;
    margin-top: 25px;
}
#bought-stickers .tabs .tab,
#trading .tabs .tab,
#trading-available-users .tabs .tab,
#trade-with-credits .tabs .tab,
#trade-direct .tabs .tab {
    display: inline-block;
    background-color: #fff;
    color: #00c7dc;
    border: 1px solid #00c7dc;
    padding: 5px 40px 5px 5px;
    font-size: 16px;
    cursor: pointer;
}
#bought-stickers .tabs .tab .number,
#trading .tabs .tab .number,
#trading-available-users .tabs .tab .number,
#trade-with-credits .tabs .tab .number,
#trade-direct .tabs .tab .number {
    display: inline-block;
    border-radius: 100px;
    text-align: center;
    color: #fff;
    background-color: #00c7dc;
    padding: 7px;
    font-size: 15px;
    min-width: 21px;
}
#bought-stickers .tabs .tab.selected,
#trading .tabs .tab.selected,
#trading-available-users .tabs .tab.selected,
#trade-with-credits .tabs .tab.selected,
#trade-direct .tabs .tab.selected {
    background-color: #00c7dc;
    color: #fff;
}
#bought-stickers .tabs .tab.selected .number,
#trading .tabs .tab.selected .number,
#trading-available-users .tabs .tab.selected .number,
#trade-with-credits .tabs .tab.selected .number,
#trade-direct .tabs .tab.selected .number {
    border-radius: 100px;
    text-align: center;
    color: #fff;
    background-color: #75e1eb;
}
#bought-stickers .tabs .tab:first-child,
#trading .tabs .tab:first-child,
#trading-available-users .tabs .tab:first-child,
#trade-with-credits .tabs .tab:first-child,
#trade-direct .tabs .tab:first-child {
    border-radius: 8px 0 0 8px;
}
#bought-stickers .tabs .tab:last-child,
#trading .tabs .tab:last-child,
#trading-available-users .tabs .tab:last-child,
#trade-with-credits .tabs .tab:last-child,
#trade-direct .tabs .tab:last-child {
    border-radius: 0 8px 8px 0;
}
#bought-stickers .tab-contents,
#trading .tab-contents,
#trading-available-users .tab-contents,
#trade-with-credits .tab-contents,
#trade-direct .tab-contents {
    margin-top: 25px;
}
#bought-stickers .tab-contents+.tab-contents,
#trading .tab-contents+.tab-contents,
#trading-available-users .tab-contents+.tab-contents,
#trade-with-credits .tab-contents+.tab-contents,
#trade-direct .tab-contents+.tab-contents {
    display: none;
}
#bought-stickers .stickers,
#trading .stickers,
#trading-available-users .stickers,
#trade-with-credits .stickers,
#trade-direct .stickers {
    list-style: none;
    text-align: center;
}
#bought-stickers .stickers .sticker,
#trading .stickers .sticker,
#trading-available-users .stickers .sticker,
#trade-with-credits .stickers .sticker,
#trade-direct .stickers .sticker {
    display: inline-block;
    position: relative;
    padding: 0 50px;
    margin-top: 30px;
}
#bought-stickers .stickers .sticker .amount,
#trading .stickers .sticker .amount,
#trading-available-users .stickers .sticker .amount,
#trade-with-credits .stickers .sticker .amount,
#trade-direct .stickers .sticker .amount {
    position: absolute;
    top: -17px;
    right: -16px;
    background-color: #a77ebf;
    font-size: 14px;
    font-weight: 600;
    border-radius: 100px;
    padding: 5px;
    text-align: center;
    color: white;
    min-width: 29px;
    box-sizing: border-box;
}
#bought-stickers .stickers .sticker label,
#trading .stickers .sticker label,
#trading-available-users .stickers .sticker label,
#trade-with-credits .stickers .sticker label,
#trade-direct .stickers .sticker label {
    display: block;
}
#bought-stickers .stickers .sticker.selectable,
#trading .stickers .sticker.selectable,
#trading-available-users .stickers .sticker.selectable,
#trade-with-credits .stickers .sticker.selectable,
#trade-direct .stickers .sticker.selectable {
    cursor: pointer;
}
#bought-stickers .stickers .sticker.selectable label,
#trading .stickers .sticker.selectable label,
#trading-available-users .stickers .sticker.selectable label,
#trade-with-credits .stickers .sticker.selectable label,
#trade-direct .stickers .sticker.selectable label {
    cursor: pointer;
}
#bought-stickers .stickers .sticker input[type="checkbox"],
#trading .stickers .sticker input[type="checkbox"],
#trading-available-users .stickers .sticker input[type="checkbox"],
#trade-with-credits .stickers .sticker input[type="checkbox"],
#trade-direct .stickers .sticker input[type="checkbox"] {
    margin-top: 15px;
    height: 17px;
    width: 17px;
}
#bought-stickers .stickers .sticker .img-wrapper,
#trading .stickers .sticker .img-wrapper,
#trading-available-users .stickers .sticker .img-wrapper,
#trade-with-credits .stickers .sticker .img-wrapper,
#trade-direct .stickers .sticker .img-wrapper {
    position: relative;
    border: 4px solid #00C7DE;
    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.15);
    font-size: 0;
    text-align: center;
}
#bought-stickers .stickers .sticker img,
#trading .stickers .sticker img,
#trading-available-users .stickers .sticker img,
#trade-with-credits .stickers .sticker img,
#trade-direct .stickers .sticker img {
    width: auto;
    max-height: 110px;
    max-width: 110px;
    vertical-align: middle;
}
#bought-stickers .stickers .sticker .number,
#trading .stickers .sticker .number,
#trading-available-users .stickers .sticker .number,
#trade-with-credits .stickers .sticker .number,
#trade-direct .stickers .sticker .number {
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 0;
    color: #00C7DE;
    background-color: rgba(255, 255, 255, 0.9);
    position: absolute;
}
#trade-with-credits .user,
#trade-direct .user,
#trading-available-users .user {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}
#trade-with-credits .user .picture,
#trade-direct .user .picture,
#trading-available-users .user .picture {
    height: 130px;
    width: 130px;
}
#trade-with-credits .user .username,
#trade-direct .user .username,
#trading-available-users .user .username {
    display: block;
    font-size: 15px;
    margin: 7px 0;
}
#trade-with-credits .user .trade-status-ball,
#trade-direct .user .trade-status-ball,
#trading-available-users .user .trade-status-ball {
    width: 19px;
    height: 19px;
    margin: 0px 2px;
}
#trading-available-users {
    background-color: #F7F7F7;
}
#trading-available-users h1 {
    background-image: url("../img/loggedin/trades-grey.svg");
    background-size: 61px 31px;
    background-position: left center;
    padding-left: 67px;
    background-color: white;
    padding: 15px 15px 15px 67px;
    margin: -10px;
}
#trading-available-users h1 .close-btn {
    top: 10px;
    right: 10px;
}
#trading-available-users .legend {
    list-style: none;
    margin-bottom: 0;
    position: relative;
    top: 17px;
    margin: 0;
}
#trading-available-users .legend p {
    font-size: 16px;
    color: gray;
}
#trading-available-users .legend li {
    float: left;
    width: 50%;
    box-sizing: border-box;
}
#trading-available-users .legend .credit-offer,
#trading-available-users .legend .direct {
    position: relative;
}
#trading-available-users .legend .credit-offer .trade-status-ball,
#trading-available-users .legend .direct .trade-status-ball {
    position: absolute;
}
#trading-available-users .legend .credit-offer {
    padding-left: 135px;
    padding-right: 0;
}
#trading-available-users .legend .credit-offer .trade-status-ball {
    left: 95px;
    top: 11px;
}
#trading-available-users .legend .direct {
    padding-left: 84px;
    padding-right: 62px;
}
#trading-available-users .legend .direct .trade-status-ball {
    left: 43px;
    top: 11px;
}
#trading-available-users .tabs {
    background-color: white;
    margin-top: 0;
    margin: 0 -10px;
    padding: 25px;
}
#trading-available-users .users {
    list-style: none;
    text-align: center;
}
#trading-available-users .users .user {
    padding: 15px 40px 0 40px;
}
#trade-with-credits .trade-details,
#trade-direct .trade-details {
    padding: 20px 30px 10px 30px;
    background-color: #F7F7F7;
    margin: 20px -10px;
}
#trade-with-credits .trade-details .album-title,
#trade-direct .trade-details .album-title {
    float: right;
    width: 210px;
    font-size: 16px;
    color: #B5B5B5;
    height: 160px;
    display: table;
    text-transform: uppercase;
    text-align: center;
}
#trade-with-credits .trade-details .album-title .title,
#trade-direct .trade-details .album-title .title {
    display: table-cell;
    vertical-align: middle;
}
#trade-with-credits .trade-details .trade-icon,
#trade-direct .trade-details .trade-icon {
    width: 55px;
    vertical-align: top;
    margin: 50px 65px 0 65px;
}
#trade-with-credits .trade-details .credits,
#trade-direct .trade-details .credits {
    text-align: center;
    float: left;
    width: 150px;
    margin: 0px 55px 0 20px;
    min-height: 1px;
}
#trade-with-credits .trade-details .credits .desc,
#trade-direct .trade-details .credits .desc {
    font-size: 15px;
    text-transform: uppercase;
    color: #B1B1B1;
    font-weight: 600;
}
#trade-with-credits .trade-details .credits .current,
#trade-direct .trade-details .credits .current {
    font-size: 15px;
    color: #BBBBBB;
}
#trade-with-credits .trade-details .credits input,
#trade-direct .trade-details .credits input {
    padding: 13px;
    background-color: #F7F7F7;
    border: 1px solid #1EC597;
    font-size: 16px;
    max-width: 105px;
    text-align: left;
}
#trade-with-credits .trade-details .user,
#trade-direct .trade-details .user {
    cursor: default;
}
#trade-with-credits h1 {
    background-image: url("../img/loggedin/trades-grey.svg");
    background-size: 61px 31px;
    background-position: left center;
    padding-left: 67px;
}
#trade-with-credits .tab-contents {
    height: 400px;
    overflow-y: auto;
}
#trade-with-credits .btn-wrapper {
    text-align: center;
    padding: 20px 0;
}
#trade-with-credits .btn-wrapper .submit-btn {
    text-transform: uppercase;
    margin-bottom: 0;
}
#trade-direct h1 {
    background-image: url("../img/loggedin/trades-grey.svg");
    background-size: 61px 31px;
    background-position: left center;
    padding-left: 67px;
}
#trade-direct .trade-separator {
    position: absolute;
    width: 8px;
    background-color: #E0E0E0;
    top: 263px;
    bottom: 100px;
    left: 478px;
}
#trade-direct .trade-details .trade-icon {
    display: inline-block;
    position: relative;
}
#trade-direct .trade-details .trade-icon img {
    width: 100%;
    position: relative;
}
#trade-direct .trade-details .trade-icon:before {
    content: '';
    display: block;
    height: 95px;
    width: 95px;
    border-radius: 70px;
    background-color: #E0E0E0;
    position: absolute;
    left: -20px;
    top: -17px;
}
#trade-direct .tab-contents {
    height: 400px;
    overflow-y: auto;
}
#trade-direct .btn-wrapper {
    text-align: center;
    padding: 20px 0;
    clear: both;
}
#trade-direct .btn-wrapper .submit-btn {
    text-transform: uppercase;
    margin-bottom: 0;
}
#trade-direct .stickers {
    width: 50%;
    float: left;
}
#bought-stickers {
    width: 810px;
    background-color: white;
    padding-left: 250px;
    height: 550px;
}
#bought-stickers .contents {
    height: 100%;
}
#bought-stickers .tab-contents {
    height: 409px;
    overflow-y: auto;
}
#bought-stickers h1 {
    background-image: url("../img/my/saquetas-gray.svg");
}
#bought-stickers .pack {
    cursor: pointer;
    display: inline-block;
    background-repeat: no-repeat;
    width: 180px;
    position: relative;
    background-image: url("../img/packet.png");
    padding: 194px 10px 10px 10px;
    background-size: 126px 184px;
    background-position: center 20px;
    border: 1px solid transparent;
}
#bought-stickers .pack .pack-number {
    font-size: 50px;
    font-weight: 600;
    color: white;
    position: absolute;
    top: 91px;
    left: 0;
    right: 0;
    text-align: center;
}
#bought-stickers .desc {
    font-size: 15px;
    color: gray;
    text-align: center;
    margin-top: 35px;
}
#bought-stickers .sidebar {
    width: 250px;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    background-color: #F7F7F7;
    padding: 20px;
    box-sizing: border-box;
}
#bought-stickers .continue-btn,
#bought-stickers .trade-btn {
    width: 208px;
    margin-bottom: 0;
    position: absolute;
    left: 20px;
}
#bought-stickers .continue-btn {
    bottom: 20px;
}
#bought-stickers .trade-btn {
    bottom: 87px;
}
#details-modal {
    width: 666px;
    background-color: white;
    padding-left: 250px;
    min-height: 400px;
}
#details-modal .contents {
    height: 100%;
}
#details-modal .contents p {
    font-size: 15px;
    padding-left: 21px;
    padding-right: 10px;
}
#details-modal h1 {
    background-image: url("../img/loggedin/store-grey.svg");
    background-size: 32px;
    background-position: 22px 0px;
    margin-bottom: 30px;
}
#details-modal .pack {
    display: inline-block;
    background-repeat: no-repeat;
    width: 180px;
    position: relative;
    background-image: url("../img/packet.png");
    padding: 194px 10px 10px 10px;
    background-size: 126px 184px;
    background-position: center 20px;
    border: 1px solid transparent;
}
#details-modal .pack .pack-number {
    font-size: 50px;
    font-weight: 600;
    color: white;
    position: absolute;
    top: 91px;
    left: 0;
    right: 0;
    text-align: center;
}
#details-modal .continue-btn {
    display: inline-block;
    text-decoration: none;
    line-height: 29px;
    box-sizing: border-box;
    text-align: center;
    height: 47px;
}
#details-modal .desc {
    font-size: 15px;
    color: gray;
    text-align: center;
    margin-top: 35px;
    font-weight: 600;
}
#details-modal .sidebar {
    width: 250px;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    background-color: #F7F7F7;
    padding: 20px;
    box-sizing: border-box;
}
#details-modal .continue-btn,
#details-modal .trade-btn {
    width: 208px;
    margin-bottom: 0;
    position: absolute;
    left: 20px;
}
#details-modal .continue-btn {
    bottom: 20px;
}
#details-modal .language {
    position: relative;
    padding-left: 51px;
    margin-top: 20px;
    font-size: 14px;
    margin-left: 10px;
}
#details-modal .language:before {
    background-image: url("../img/loggedin/globe.svg");
    width: 35px;
    height: 35px;
    position: absolute;
    background-size: 35px;
    top: -13px;
    left: 10px;
    content: '';
    z-index: 3;
}
#details-modal .stock {
    margin-top: 27px;
    font-size: 14px;
    padding-left: 48px;
    margin-left: 15px;
    position: relative;
    line-height: 5px;
    margin-bottom: 15px;
}
#details-modal .stock:before {
    background-image: url("../img/loggedin/stock.svg");
    width: 29px;
    height: 26px;
    position: absolute;
    background-size: 29px;
    top: -13px;
    left: 10px;
    content: '';
    z-index: 3;
}
#details-modal .details {
    padding-left: 22px;
    list-style: none;
}
#details-modal .details li {
    font-size: 15px;
    margin-top: 8px;
}
#details-modal .details .name {
    font-weight: 600;
}
#details-modal .price-share {
    margin-top: 44px;
    margin: 40px 23px;
}
#details-modal .share {
    z-index: 1;
    color: transparent;
    border-radius: 34px;
    position: relative;
    float: right;
    margin-right: 20px;
    top: -6px;
}
#details-modal .share.open {
    background-color: #E0E0E0;
}
#details-modal .share.open .share-net {
    background-color: #e0e0e0;
}
#details-modal .share.open .share-net:hover {
    background-color: #E0E0E0;
    border-color: #E0E0E0;
}
#details-modal .share span {
    position: absolute;
    display: none;
    width: 20px;
    height: 18px;
    border: 8px solid transparent;
    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
}
#details-modal .share span.share-net,
#details-modal .share span.share-facebook.open,
#details-modal .share span.share-twitter.open {
    display: inline-block;
}
#details-modal .share-net {
    top: 0;
    left: 0;
    background-image: url("../img/net.svg");
    background-size: 18px 18px;
    border-radius: 34px 0 0 34px;
}
#details-modal .share-facebook {
    top: 0;
    left: 36px;
    background-color: #E0E0E0;
    background-image: url("../img/fb-icon-grey.svg");
    background-size: 8px 17px;
}
#details-modal .share-facebook:hover {
    border-color: #355E9F;
    background-color: #355E9F;
    background-image: url("../img/fb-icon.svg");
}
#details-modal .share-twitter {
    top: 0;
    left: 72px;
    border-radius: 0 34px 34px 0;
    background-color: #E0E0E0;
    background-image: url("../img/twitter-icon-grey.svg");
    background-size: 18px 16px;
}
#details-modal .share-twitter:hover {
    border-color: #40BFF5;
    background-color: #40BFF5;
    background-image: url("../img/twitter-icon.svg");
}
#details-modal .price {
    color: #f02857;
    font-size: 16px;
}
#card-detail {
    padding: 0;
    width: 851px;
    background-color: #00C7DC;
    height: 450px;
}
#card-detail .heading {
    font-weight: 400;
    font-size: 32px;
    margin: 20px 20px 0 20px;
}
#card-detail .description {
    font-size: 16px;
    margin: 20px;
}
#card-detail .back-btn {
    position: absolute;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    padding-left: 22px;
    background-image: url("../img/arrow-left.svg");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 10px 15px;
    margin-top: 0;
    background-color: transparent;
    border: none;
    margin: 17px;
}
#card-detail .left {
    width: 313px;
    height: 100%;
    float: left;
    display: table;
}
#card-detail .left .card-container {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}
#card-detail .right {
    float: left;
    width: 538px;
    overflow-y: auto;
    max-height: 100%;
    box-sizing: border-box;
}
.loggedin main .corner-icons.trashcan-gray {
    background-image: url("../img/loggedin/trashcan-gray.svg");
    background-size: 15px 20px;
}
#card-detail .right .text {
    overflow-y: auto;
}
[data-modal="details-modal"] {
    cursor: pointer;
}
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.28);
    display: none;
}
.colara-modal {
    display: none;
    padding: 10px;
    z-index: 10;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
    position: fixed;
    top: 80px;
    left: 0;
    right: 0;
    margin: auto;
    width: 960px;
}
.colara-modal ul {
    margin-left: 0;
    padding-left: 0;
}
.colara-modal .close-btn {
    outline: none;
}
@media screen and (max-height: 600px) {
    .colara-modal {
        position: absolute;
    }
}
.overlay-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
}
.overlay-popup article.common {
    background-color: #FFF;
    width: 900px;
    height: 580px;
    color: #323232;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    margin-left: -450px;
    top: 50%;
    margin-top: -290px;
}
.overlay-popup article.common .close {
    color: #FFF;
    background-color: #323232;
    border: none;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    right: 20px;
    height: 25px;
    width: 25px;
    outline: none;
}
.overlay-popup article.common img.background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.overlay-popup article.common div.filter {
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.overlay-popup article.common .content {
    padding: 20px 40px;
    position: relative;
    z-index: 2;
}
.overlay-popup article.common h1 {
    font-size: 32px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 0;
}
.overlay-popup article.common p {
    width: 40%;
    font-size: 18px;
}
.overlay-popup article.common p.info {
    margin-top: 0;
    margin-bottom: 30px;
}
.overlay-popup article.common img.photo {
    border: 10px solid #FFF;
    float: right;
}
.overlay-popup article.common img.photo+p {
    padding-top: 20px;
}
.overlay-popup article.common .preview {
    background-color: transparent;
    text-transform: uppercase;
    border: none;
    padding: 0 0 0 35px;
    height: 40px;
    background-image: url("../img/loggedin/eye_black.svg");
    background-repeat: no-repeat;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #323232;
    line-height: 40px;
    display: inline-block;
    margin-top: 20px;
}
.overlay-popup article.common .social {
    list-style: none;
    text-align: center;
    margin: 40px 0 0;
    padding: 0;
    float: left;
}
.overlay-popup article.common .social li {
    display: inline-block;
    margin: 0 10px;
}
.overlay-popup article.common .social li:first-child {
    margin-left: 0;
}
.overlay-popup article.common .social li a {
    color: #FFF;
    font-size: 13px;
    width: 55px;
    padding-left: 40px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    position: relative;
    border: none;
    transition: background-color 0.2s linear;
    text-decoration: none;
}
.overlay-popup article.common .social li a:before {
    content: '';
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    width: 40px;
    background-position: center;
    background-repeat: no-repeat;
}
.overlay-popup article.common .social li a.facebook {
    background-color: #5176c2;
}
.overlay-popup article.common .social li a.facebook:hover,
.overlay-popup article.common .social li a.facebook:before {
    background-color: #5d82d1;
    background-size: 12px;
}
.overlay-popup article.common .social li a.facebook:before {
    background-image: url("../img/fb-icon.svg");
}
.overlay-popup article.common .social li a.twitter {
    background-color: #31ade1;
}
.overlay-popup article.common .social li a.twitter:hover,
.overlay-popup article.common .social li a.twitter:before {
    background-color: #40bff5;
}
.overlay-popup article.common .social li a.twitter:before {
    background-image: url("../img/twitter-icon.svg");
    background-size: 30px;
}
.overlay-popup article.common .social li a.pinterest {
    background-color: #c92f35;
}
.overlay-popup article.common .social li a.pinterest:hover,
.overlay-popup article.common .social li a.pinterest:before {
    background-color: #e13138;
}
.overlay-popup article.common .social li a.pinterest:before {
    background-image: url("../img/pinterest-icon.svg");
    background-size: 25px;
}
.overlay-popup article.guide {
    background-color: #14c0d0;
    width: 900px;
    height: 580px;
    color: #323232;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    margin-left: -450px;
    top: 50%;
    margin-top: -290px;
    color: #FFF;
    padding: 20px 40px;
    box-sizing: border-box;
}
.overlay-popup article.guide .close {
    color: #FFF;
    background-color: #323232;
    border: none;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    right: 20px;
    height: 25px;
    width: 25px;
    outline: none;
}
.overlay-popup article.guide h1.guide {
    text-transform: uppercase;
    font-size: 60px;
    font-weight: normal;
    margin: 0;
}
.overlay-popup article.guide ul.steps {
    padding: 0;
    list-style: none;
}
.overlay-popup article.guide ul.steps>li {
    display: none;
}
.overlay-popup article.guide ul.steps>li.active {
    display: block;
}
.overlay-popup article.guide ul.steps>li h1 {
    position: absolute;
    bottom: 20px;
    left: 40px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
}
.overlay-popup article.guide ul.steps>li img {
    position: absolute;
    right: 0;
}
.overlay-popup article.guide ul.steps>li button.next {
    position: absolute;
    bottom: 20px;
    right: 40px;
    font-size: 16px;
    text-transform: uppercase;
    background-color: transparent;
    border: none;
    outline: none;
    z-index: 1;
}
.overlay-popup article.guide ul.features {
    padding: 20px;
    width: 45%;
}
.overlay-popup article.guide ul.features li {
    padding-bottom: 20px;
    list-style-type: disc;
    font-size: 18px;
}
.overlay-popup article.guide nav {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
}
.overlay-popup article.guide nav button {
    border-radius: 50%;
    border: 1px solid #1ea4b0;
    height: 15px;
    width: 15px;
    color: transparent;
    background-color: #FFF;
    margin: 0 5px;
    outline: none;
    position: relative;
}
.overlay-popup article.guide nav button.active:before {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #1ea4b0;
    left: 2px;
    top: 2px;
}
.loggedin main .container .headtitle h1.friend-icon-header {
    margin-left: 0;
    padding-left: 0;
}
.loggedin main .container .headtitle h1.friend-icon-header .friend-pic {
    width: 55px;
}
.loggedin main .container .headtitle h1.friend-icon-header .friend-name {
    text-transform: none;
    font-size: 14px;
    margin-left: 15px;
}
/*# sourceMappingURL=styles.css.map */

.hide {
    display: none !important;
}
.loggedin>header div.secondary-menu li.countries .imgDiv2 .links,
.loggedin>header div.secondary-menu li.countries .imgDiv2vertical .links {
    border: none;
    width: inherit;
    height: inherit;
}
.fa-plus {
    width: 20px;
    height: 20px;
    border: none;
    background-image: url("../img/card-detail.png");
    background-repeat: round;
    position: absolute;
    background-color: transparent;
    color: white;
    padding: 2px;
    top: 3px;
    right: 3px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.colara-modal .close-btn {
    outline: none;
    font-size: 35px;
    border: none;
    background: none;
    position: absolute;
    top: 0;
    right: 0px;
}
#trading-available-users .tab-contents li a:hover {
    background-color: transparent;
}
#trading-available-users {
    background-color: #fff;
}
#trade-direct {
    background-color: #F7F7F7;
}
.validation {
    text-align: center;
}
.fixed {
    position: fixed !important;
    z-index: 30000;
}
.selected-li {
    background-color: #F3F3F3;
}
footer {
    bottom: 0;
}
#register form a,
#tab.register a {
    display: inline;
}
#trade-direct {
    margin-bottom: 40px;
}
#trade-direct .album-title {
    font-size: 16px;
    color: #B5B5B5;
    text-transform: uppercase;
    text-align: center;
}
#card-detail .right .close-btn {
    right: 15px;
}
.notified2 {
    position: absolute;
    top: -0.7em;
    right: -0.4em;
    height: 13px;
    min-width: 13px;
    border-radius: 30px;
    border: 3px solid #30cbd9;
    background-color: #a77ebf;
    color: #FFF;
    line-height: 15px;
    font-size: 16px;
    text-align: center;
    padding: 3px;
}
.imgGlow {
    /*Transition*/
    
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.imgGlow:hover {
    /*Glow*/
    
    -webkit-box-shadow: 0px 0px 50px rgba(255, 255, 255, 0.8);
    -moz-box-shadow: 0px 0px 50px rgba(255, 255, 255, 0.8);
    box-shadow: 0px 0px 50px rgba(255, 255, 255, 0.8);
}
.loggedin main .container .more-buttons .colored a.delete-all {
    padding-left: 20px;
}


#register form .input.long-label label {
    width: 46%;
}
#register form .input.long-label input,
#register form .input.long-label select {
    width: 50%;
}