/**
 * Peafowl CSS
 * Copyright 2017 Rodolfo Berrios <www.rodolfoberrios.com>
 */

/**
 * GLOBAL RESET
 * ---------------------------------------------
 */
* {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
}

/**
 * DEFAULTS
 * ---------------------------------------------
 */
.no-select,
.btn,
.top-btn-text,
.pop-btn-text,
.link,
.btn-container,
.input-search {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.animate {
    -webkit-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.animate--slow {
    -webkit-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms;
}

[type="search"] {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
}

/* placeholders */
::-webkit-input-placeholder {
    color: #AAA;
    line-height: 140%;
}

:-moz-placeholder {
    color: #AAA;
    opacity: 1;
}

::-moz-placeholder {
    color: #AAA;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #AAA;
}

:focus::-webkit-input-placeholder {
    color: #AAA;
}

:focus:-moz-placeholder {
    color: #AAA;
}

:focus::-moz-placeholder {
    color: #AAA;
}

focus:-ms-input-placeholder {
    color: #AAA;
}

::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0;
}

::-ms-clear {
    display: none;
}

body {
    -webkit-font-smoothing: subpixel-antialiased;
}

/* F**k you Chrome */
[type=submit]:focus,
button:focus {
    outline: none;
}

/*
 * GLOBAL ELEMENTS
 * ---------------------------------------------
 */

html {
    height: 100%;
}

/**
* Font sizes chart
* 16px 1em
*/
html,
body {
    font-family: Helvetica, Arial, sans-serif;
    color: #333;
    font-size: 16px;
    background: #FFF;
    -webkit-text-size-adjust: 100%;
}

.pointer-events-none {
    pointer-events: none;
}

.pop-box,
#menu-fullscreen,
.top-bar {
    -webkit-transition: transform 250ms ease;
    -webkit-transition: -webkit-transform 250ms ease;
    transition: -webkit-transform 250ms ease;
    transition: transform 250ms ease;
    transition: transform 250ms ease, -webkit-transform 250ms ease;
}

/* Blacky */
html.tone-dark,
.tone-dark body {
    color: #FFF;
    background: #0b0b0b;
}

body.no-margin-top {
    margin-top: 0;
    padding-top: 0;
    min-height: calc(100% - 50px);
}

.content-width {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
}

a {
    color: #00A7DA;
    text-decoration: none;
    cursor: pointer;
    outline: 0;
}

a[role="button"]:hover {
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: underline;
}

/*a:active { background-color: transparent; } /* ie */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    line-height: 1;
}

/*
 * JQUERY UI STUFF
 */
.ui-selectable-helper {
    background: rgba(0, 0, 0, .15);
    border: 1px solid rgba(255, 255, 255, .5);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    position: absolute;
    z-index: 500;
}

/*
 * SMALL HELPERS
 * ---------------------------------------------
 */

.hidden {
    display: none !important;
}

.visible {
    display: block !important;
}

.soft-hidden {
    display: none;
}

.soft-visible {
    display: block;
}

.hidden-visibility {
    visibility: hidden;
    position: absolute;
    top: 0;
}

.touch-scroll {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.or-separator {
    border-top: 1px solid #E5E5E5;
    text-align: center;
    margin: 10px 0 10px 0;
}

.tone-dark .or-separator {
    border-color: #212121;
}

.or-separator span {
    font-size: 0.93em;
    font-weight: normal;
    color: #BBB;
    text-transform: uppercase;
    text-align: center;
    background: #FFF;
    display: inline-block;
    position: relative;
    padding: 0 10px;
    top: -10px;
}

.tone-dark .or-separator span {
    background: #0b0b0b;
}

.highlight {
    background: #FFF8CB;
}

.tone-dark .highlight {
    background: #212121;
}

.line-through {
    text-decoration: line-through;
}

.line-separator {
    width: 100%;
    height: 1px;
    background: #E5E5E5;
    display: block;
    margin: 20px 0;
}

.tone-dark .line-separator {
    background: #212121;
}

.number-figures,
a.number-figures {
    font-size: 1.21em;
    /* 17 */
    line-height: 1.21em;
    color: inherit;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 0;
    border-left: 1px solid #E5E5E5;
    text-align: center;
}

.tone-dark .number-figures,
.tone-dark a.number-figures {
    color: #FFF;
    border-color: #212121;
}

.number-figures:first-child {
    padding-left: 0;
    border-left: none;
}

.number-figures:last-child {
    padding-right: 0;
}

.number-figures b {
    font-weight: inherit;
}

.number-figures .icon-heart4 {
    position: relative;
    top: 1px;
}

.number-figures span:not(.icon) {
    color: #BBB;
    text-transform: uppercase;
    font-size: 0.6em;
    /* 11 */

}

.tone-dark .number-figures span {
    color: #999;
}

a.number-figures:hover,
a.number-figures:hover * {
    color: #00A7DA;
}

.loading {}

.loading-indicator,
.loading-text {
    display: inline-block;
    line-height: inherit;
    vertical-align: top;
}

.loading-indicator {}

.loading-text {
    margin-left: 5px;
}

/* "or" actions for the buttons */
.btn-alt {
    color: #AAA;
    font-size: 13px;
    font-size: 0.93rem;
    margin: 0 5px;
    display: inline !important;
}

.btn-alt a:first-letter {
    text-transform: capitalize;
}

.phone .btn-alt {
    margin: 5px 0 0;
}

.btn-alt a {
    margin-left: 5px;
    cursor: pointer;
}

a.link {
    font-size: 13px;
    font-size: 0.93rem;
    text-decoration: none;
    font-weight: normal;
}

a.link--delete {
    color: #e74c3c;
}

a.link--approve {
    color: #2ecc71;
}

a.link span.icon,
a.link:hover span.icon {
    margin-right: 5px;
    font-size: 80%;
    text-decoration: none;
}

a.link:hover span {
    text-decoration: underline;
}

.disabled,
.disabled a {
    color: #CCC;
}

.tone-dark .disabled,
.tone-dark .disabled a {
    color: #444;
}

.disabled a {
    text-decoration: none;
    cursor: default;
}

.optional {
    font-size: 50%;
    color: #AAA;
    font-weight: normal;
}

.text-shadow {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, .75);
    -webkit-filter: dropshadow(color=#000000, offx=2, offy=2);
    filter: dropshadow(color=#000000, offx=2, offy=2);
}

.box-shadow {
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .45);
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, .45);
}

.silent-links a,
a.silent-links {
    color: inherit;
}

/*
.silent-links a:hover, a:hover.silent-links {
	color: #00A7DA;
}*/

.close-box {}

.close-box .icon-circle {
    color: #333;
    position: relative;
}

.close-box .icon-close-box {
    color: #FFF;
    position: absolute;
    left: 0;
    top: 0;
}

.transparent-canvas {
    background-image: url(data:image/gif;base64,R0lGODlhEAAQAIAAAP///9/f3yH5BAAHAP8ALAAAAAAQABAAAAIfjG+gq4jM3IFLJgpswNly/XkcBpIiVaInlLJr9FZWAQA7);
    background-repeat: repeat;
}

.transparent-canvas.dark {
    background-image: url(data:image/gif;base64,R0lGODlhEAAQAIAAAOfn58rKyiH5BAAHAP8ALAAAAAAQABAAAAIfjG+gq4jM3IFLJgpswNly/XkcBpIiVaInlLJr9FZWAQA7);
}

/*
 * INPUTS
 * ---------------------------------------------
 */
input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    -ms-appearance: none;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #CCC;
}

/* Go home Chrome, you are drunk */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: inherit;
    -webkit-box-shadow: inset 0 0 0px 9999px transparent;
    transition: background-color 5000s ease-in-out 0s;
}

.tone-dark input:-webkit-autofill,
.tone-dark input:-webkit-autofill:hover,
.tone-dark input:-webkit-autofill:focus,
.tone-dark select:-webkit-autofill,
.tone-dark select:-webkit-autofill:hover,
.tone-dark select:-webkit-autofill:focus {
    -webkit-text-fill-color: #FFF;
}

select {
    font: inherit;
    outline: none;
}

.tone-dark input,
.tone-dark textarea,
.tone-dark select {
    background: #000;
    border: 1px solid #464646;
    color: #FFF;
}

.text-input,
textarea {
    outline: 0;
}

input[type=checkbox],
input[type=radio] {
    border-radius: 0;
    border: none;
    position: relative;
    vertical-align: baseline;
}

.text-input,
input[type=text],
.input-line-height {
    height: 36px;
}

.input-line-height {
    line-height: 36px;
}

textarea,
.text-input,
input[type=text]:not(.text-input) {
    padding: 7px 10px;
    font-size: 13px;
    font-size: 0.875rem;
    /*box-shadow: inset 0 1px 0 #EEE;*/
    color: #333;
    background: #FFF;
    width: 100%;
    /* 350 */
}

.tone-dark textarea,
.tone-dark .text-input,
.tone-dark input[type=text] {
    background: #212121;
    border-color: #212121;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #FFF;
}

.tone-dark select,
.tone-dark select.text-input {
    background: #212121;
}

.ie7 textarea,
.ie7 .text-input,
.ie7 input[type=text] {
    padding: 10px;
    width: 328px;
    height: 14px;
}

.ie8 textarea,
.ie8 .text-input,
.ie8 input[type=text],
.ie9 textarea,
.ie9 .text-input,
.ie9 input[type=text] {
    height: auto;
}

input:focus,
textarea:focus,
select:focus,
input.search:focus,
.input-focus {
    border-color: #00A7DA;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 167, 218, .45);
    box-shadow: 0 0 8px 0 rgba(0, 167, 218, .45);
}

.tone-dark input:focus,
.tone-dark textarea:focus,
.tone-dark select:focus,
.tone-dark input.search:focus,
.tone-dark .input-focus {
    border-color: #00A7DA;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 167, 218, .75);
    box-shadow: 0 0 8px 0 rgba(0, 167, 218, .75);
}

.input,
.input-label {
    position: relative;
    overflow: visible;
}

.input {
    margin: 10px 0;
}

.input.first-child,
.input:first-child {
    margin-top: 0;
}

.input-label {
    margin: 20px 0;
}

.input-label.first-child,
.input:first-child {
    margin-top: 0;
}

.input-label-label,
.input-label label,
.input-label h3 {
    font-weight: 600;
    padding-bottom: 5px;
    display: inline-block;
    font-size: 1em;
}

.input-label h3 {
    display: block;
}

.input-label label a,
.input-label h3 a {
    font-weight: normal;
}

.input-label label .optional,
.input-label label .caption {
    font-weight: normal;
    font-size: 0.92em;
    /* 0.86 */
}

.input-label .btn-alt {
    position: absolute;
    left: 100%;
    top: 23px;
    line-height: 36px;
    margin-left: 10px;
    margin-right: 0;
}

.phone .input-label .btn-alt {
    position: static;
    margin-left: 0;
}

.input,
.input-label,
.checkbox-label {
    position: relative;
    font-size: 0.93em;
}

.input .icon-input-submit {
    background: transparent;
    font-size: 1.82em;
    color: #D9D9D9;
    position: absolute;
    right: 0.21em;
    top: 0.21em;
    cursor: pointer;
    line-height: 1;
}

.tone-dark .input .icon-input-submit {
    color: #666;
}

.input .icon-input-submit:hover,
.input .icon-input-submit:focus,
.input .icon-input-submit.focus {
    color: #00A7DA;
}

.ie7 .input .icon-input-submit {
    top: 2px;
}

.ui-autocomplete {
    max-height: 130px;
    overflow-y: auto;
    overflow-x: hidden;
}

* html .ui-autocomplete {
    height: 125px;
}

.autocomplete-list {
    position: absolute;
    display: none;
    z-index: 1;
}

.autocomplete-list .ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
}

.autocomplete-list ul {
    border: 1px solid #CCC;
}

.autocomplete-list a {
    color: inherit;
    background: Window;
    padding: 7px 10px;
    display: block;
    text-decoration: none;
    cursor: default;
}

.autocomplete-list a.ui-state-focus {
    background: Highlight;
    color: HighlightText;
}

.input-column {
    width: 350px;
    border: 1px solid red;
}

/*
	.ie7 .input-column input.text-input {
		width: 328px;
	}*/
.input-warning {
    color: #BBB;
    position: absolute;
    right: 0;
    top: 0;
}

.input-below {
    margin-top: 5px;
    display: block;
    color: #777;
    position: static;
}

.red-warning {
    color: #D74634;
}

.input-password {}

.input-password .input-password-strength {
    position: absolute;
    right: 11px;
    top: 50%;
    margin-top: 8px;
}

.fancy-fieldset .input-password {
    display: flex;
    align-items: center;
}

.fancy-fieldset .input-password-strength {
    right: 0;
    top: auto;
    margin-top: 0;
}

.input-password-strength {
    background: #E5E5E5;
}

.tone-dark .input-password-strength {
    background: #1F1F1F;
}

.input-password-strength,
.input-password-strength span {
    display: block;
    width: 50px;
    height: 8px;
}

.input-password-strength span {
    width: 0%;
    background-color: transparent;
}

.input-password-strength *[data-veredict="very-weak"] {
    background-color: #e74c3c;
}

.input-password-strength *[data-veredict="weak"] {
    background-color: #e67e22;
}

.input-password-strength *[data-veredict="average"],
.input-password-strength *[data-veredict="strong"],
.input-password-strength *[data-veredict="stronger"] {
    background-color: #2ecc71;
}

/* Checkbox label */
.checkbox-label {
    font-size: 1em;
    display: block;
    margin: 5px 0;
    position: relative;
}

.checkbox-label:last-child {
    margin-bottom: 0;
}

.checkbox-label input {
    position: absolute;
    padding: 0;
    margin: 0;
    margin-left: -20px;
}

.btn-alt.checkbox-label input {
    position: static;
    vertical-align: text-top;
    margin-right: 4px;
}

.phone .btn-alt.checkbox-label {
    display: block !important;
    margin: 10px 0;
}

.checkbox-label label {
    padding-left: 20px;
    font-weight: normal;
    margin: 0;
    padding-bottom: 0;
}

.fancy-box .checkbox-label label {
    display: flex;
    align-items: flex-start;
}

/* Search input */
.input-search {
    position: relative;
    width: 200px;
    width: 14.29rem;
}

input.search {
    font-size: 1em;
    border-radius: 200px;
    padding: 0 25px 0 32px;
    padding-right: 3.0666rem;
    padding-left: 2.3571rem;
    line-height: 100%;
    height: 26px;
    height: 1.86rem;
    width: 200px;
    width: 100%;
    border: 1px solid #CCC;
    top: 0;
    left: 0;
    outline: 0;
    vertical-align: text-bottom;
}

input.search.one-icon-padding,
input.search.two-icon-padding {
    padding-right: 30px;
    padding-right: 2rem;
}

input.search.two-icon-padding {
    padding-left: 30px;
    padding-left: 2rem;
}

.top-bar input.search {
    padding-left: 33px;
    padding-left: 2.16rem;
    top: -2px;
    position: relative;
}

.ie7 input.search,
.ie8 input.search,
.ie9 input.search {
    padding-right: 10px;
    line-height: 26px;
    height: 26px;
}

.ie7 input.search {
    padding: 0;
    width: 200px;
    /* 200 - p */
}

.input-search span {
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

.input-search .icon-search {
    left: 10px;
    top: 6px;
    color: #777;
}

.top-bar .input-search .icon-search {
    top: 4px;
}

.tone-dark .input-search .icon-search {
    color: #CCC;
}

.input-search .icon-search,
.top-btn-text .icon-search {
    font-size: 16px;
    width: 16px;
    font-size: 1.143rem;
    width: 1.143rem;
}

.input-search .icon,
.input-search .icon-close {
    padding: 7px;
    top: 0;
    font-size: 0.72em;
    color: #AAA;
}

.input-search .icon.settings {
    right: 22px;
}

.input-search .icon.close {
    right: 4px;
}

.input-search .icon:hover {
    color: #777;
}

.ie7 .input-search .icon-close,
.ie8 .input-search .icon-close,
.ie9 .input-search .icon-close {
    display: none;
}

/* select */
select {
    padding-left: 7px !important;
}

.ie7 select {
    width: 100% !important;
    padding: 0 !important;
    height: auto !important;
}

select option {
    padding: 4px 10px;
    margin: 0;
}

/* textarea */
textarea {
    resize: both;
    height: 80px;
}

.input-upload {
    position: relative;
}

.user-settings-avatar {
    min-height: 160px;
    height: auto;
}

.user-settings-avatar-container {
    position: relative;
}

.user-settings-avatar-container,
.user-settings-avatar-container .user-image {
    width: 160px;
    height: 160px;
}

.user-settings-avatar .loading-placeholder {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, .8);
}

.tone-dark .user-settings-avatar .loading-placeholder {
    background: rgba(0, 0, 0, .6);
}

.phone .user-settings-avatar-container {
    margin: 0 auto 10px !important;
}

.input-upload .btn-container {
    margin: 0 0 5px 0;
}

.input-upload .btn-alt {
    margin-left: 0;
}

/*
 * CSS ARROWS
 * ---------------------------------------------
 */
.arrow-up,
.arrow-up-shadow {
    border-color: transparent transparent #333;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #333;
    border-width: 0 4px 4px;
}

.tone-dark .arrow-up,
.tone-dark .arrow-up-shadow {
    border-bottom-color: #FFF;
}

.arrow-down,
.arrow-down-shadow {
    border-width: 4px 4px 0 4px;
    border-color: #333 transparent transparent transparent;
    border-color: #333 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    content: "";
}

.tone-dark .arrow-down,
.arrow-down-shadow {
    border-top-color: #FFF;
}

.arrow-right {
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #333;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #333;
}

.tone-dark .arrow-right {
    border-left-color: #FFF;
}

.arrow-up,
.arrow-down,
.arrow-right {
    border-style: solid;
    display: inline-block;
    height: 0;
    width: 0;
    /*z-index: 2;*/
    vertical-align: middle;
}

.arrow-up-shadow {
    position: relative;
    top: -7px !important;
    border-color: transparent transparent #BBB !important;
    border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(229, 229, 229, 1) !important;
    z-index: 1;
}

@media (min-width: 992px) {

    .arrow-box:after,
    .arrow-box:before {
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow-box:after {
        border-color: rgba(255, 255, 255, 0);
        border-width: 7px;
    }

    .arrow-box:before {
        border-color: rgba(0 0 0, 0);
        border-width: 9px;
    }

    /* ARROW BOX TOP */
    .arrow-box-top:after,
    .arrow-box-top:before {
        bottom: 100%;
    }

    .arrow-box-top:after {
        border-bottom-color: #FFF;
    }

    .tone-dark .arrow-box-top:after {
        border-bottom-color: #1E1E1E;
    }

    .arrow-box-top:before {
        border-bottom-color: rgba(229, 229, 229, 1);
    }

    .tone-dark .arrow-box-top:before {
        border-bottom-color: #333;
    }

    /* ARROW BOX BOTTOM */
    .arrow-box-bottom:after,
    .arrow-box-bottom:before {
        top: 100%;
    }

    .arrow-box-bottom:after {
        border-top-color: #FFF;
    }

    .tone-dark .arrow-box-bottom:after {
        border-top-color: #1E1E1E;
    }

    .arrow-box-bottom:before {
        border-top-color: #000;
        border-top-color: rgba(229, 229, 229, 1);
    }

    /* ARROW BOX TOP BOTTOM ALIGNS */
    .arrow-box-top:after,
    .arrow-box-top:before,
    .arrow-box-bottom:after,
    .arrow-box-bottom:before {
        left: 50%;
    }

    /* anchor center default */
    .arrow-box-top:after,
    .arrow-box-bottom:after {
        margin-left: -7px;
    }

    .arrow-box-top:before,
    .arrow-box-bottom:before {
        margin-left: -9px;
    }

    /* anchor left */
    .anchor-left.arrow-box-top:after,
    .anchor-left.arrow-box-top:before,
    .anchor-left.arrow-box-bottom:after,
    .anchor-left.arrow-box-bottom:before {
        left: 10px;
        margin: 0;
    }

    .anchor-left.arrow-box-top:before,
    .anchor-left.arrow-box-bottom:before {
        left: 8px;
    }

    /* anchor right */
    .anchor-right.arrow-box-top:after,
    .anchor-right.arrow-box-top:before,
    .anchor-right.arrow-box-bottom:after,
    .anchor-right.arrow-box-bottom:before {
        left: auto;
        right: 10px;
        margin: 0;
    }

    .anchor-right.arrow-box-top:before,
    .anchor-right.arrow-box-bottom:before {
        right: 8px;
    }

    /* ARROW BOX LEFT */
    .arrow-box-left:after,
    .arrow-box-left:before {
        right: 100%;
        top: 50%;
    }

    .arrow-box-left:after {
        border-right-color: #FFF;
    }

    .arrow-box-left:before {
        border-right-color: #000;
        border-right-color: #BBB;
    }

    /* ARROW BOX RIGHT */
    .arrow-box-right:after,
    .arrow-box-right:before {
        left: 100%;
        top: 50%;
    }

    .arrow-box-right:after {
        border-left-color: #FFF;
    }

    .arrow-box-right:before {
        border-left-color: #000;
        border-left-color: #BBB;
    }

    /* ARROW BOX LEFT RIGHT MIDDLE */
    .arrow-box-left:after,
    .arrow-box-right:after {
        margin-top: -6px;
    }

    .arrow-box-left:before,
    .arrow-box-right:before {
        margin-top: -7px;
    }

}

/*
 * SIGN UP BUTTONS and SOCIAL SERVICES
 * ---------------------------------------------
 */
/* sign services list */
.sign-services {}

.sign-services li {
    display: inline-block;
    margin: 0 4px 4px 0;
}

.sign-service {
    font-size: 0.93em;
    padding: 0 8px;
    line-height: 30px;
    height: 29px;
}

.sign-service .btn-icon {
    font-size: inherit;
    width: auto;
}

.sign-services-compact .btn-text {
    display: none;
}

.sign-service,
.link-service {
    color: #FFF;
    display: inline-block;
    text-decoration: none !important;
}

.sign-service,
.link-service span {
    border-radius: 3px;
}

.link-service {
    font-weight: normal;
    height: 28px;
    position: relative;
}

.link-service span {
    display: block;
    line-height: 28px;
    text-align: center !important;
}

.link-service .btn-icon {
    width: 28px;
    height: 28px;
    margin-right: 4px;
    position: absolute;
    left: 0;
    top: 0;
}

.link-service span.sign-text {
    padding: 0 20px;
    margin-left: 32px;
}

.sign-service .icon,
.btn-social .btn-icon {
    color: #FFF;
    position: relative;
    width: 12px;
    display: inline-block;
}

/*
 * BUTTONS
 * ---------------------------------------------
 */
.btn-container {
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
}

.phone .btn-container {
    text-align: center;
}

.btn {
    height: 36px;
    line-height: 36px;
    font-family: inherit;
    font-size: 1em;
    font-weight: normal;
    padding: 0 10px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
}

.btn,
.btn:hover,
.btn:active,
.btn:focus {
    text-decoration: none;
}

.btn:active,
.btn.default:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.tone-dark .btn:active,
.tone-dark .btn.default:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
}

/* Button contents */
.btn-icon {
    font-size: 14px;
    width: 14px;
    display: inline-block;
}

.btn-text {
    margin-left: 4px;
}

/* button sizes */
.btn-big {
    font-size: 16px;
    font-size: 1.143rem;
    height: 38px;
    line-height: 38px;
    padding-left: 1em;
    padding-right: 1em;
}

.btn-small {
    height: 30px;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 0.92em;
}

.btn-input {
    font-weight: 600;
    font-size: 0.93em;
    padding-left: 20px;
    padding-right: 20px;
}

.btn-32 {
    width: 32px;
    height: 32px;
    text-align: center;
    display: inline-block;
}

.btn-32 .btn-icon {
    width: 18px;
    height: 18px;
    font-size: 18px;
    margin-top: 7px;
}

/* capsule button */
.btn-capsule {
    border-radius: 100px;
    border-color: rgba(255, 255, 255, .5);
    background-color: rgba(0, 0, 0, .5);
    background-image: none;
    height: auto;
    color: #FFF;
    text-shadow: none;
    font-size: 0.93em;
    height: 28px;
    line-height: 28px;
    font-weight: normal;
    padding: 0 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-filter: none;
    filter: none;
}

.btn-capsule:hover {
    background-color: rgba(0, 0, 0, .7);
}

.no-rgba .btn-capsule {
    border-color: #666;
    background-color: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000);
    zoom: 1;
}

.no-rgba .btn-capsule:hover {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000);
}

.btn-capsule:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-capsule .btn-icon {
    font-size: 0.93em;
}


/* button colors */

.btn.default {
    color: #333;
    border: 1px solid transparent;
    background-color: #EEE;
}

.tone-dark .btn.default {
    color: #FFF;
    background-color: #2f2f2f;
}

.btn.default:hover {
    background-color: #E9E9E9;
}

.tone-dark .btn.default:hover {
    background-color: #363636;
}

.btn.default.outline {
    color: #00A7DA;
    border-color: #00A7DA;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.disabled,
.btn.disabled:hover {
    color: #999;
    background-color: #F6F6F6;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default;
}

.tone-dark .btn.disabled,
.tone-dark .btn.disabled:hover {
    color: #666;
    background-color: #212121;
}

.btn.disabled.outline,
.btn.disabled.outline:hover {
    color: #BBB;
    border-color: #CCC;
}

/* "plain" color (no color at all) */
.btn.plain,
.btn.plain:hover {
    background: none;
    text-shadow: none;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    color: inherit;
}

.tone-dark .btn.plain,
.tone-dark .btn.plain:hover {
    background: none;
}

.btn.plain:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn.active {
    background-image: none;
    background-color: #00A7DA;
    border-color: #00A7DA;
    -webkit-filter: none;
    filter: none;
}

.btn.default,
.btn.grey,
.btn.grey.off:hover {
    background-color: #EEE;
}

.btn.grey:hover {
    background-color: #E9E9E9;
}

.btn.grey.outline {
    color: #EEE;
}

.btn.orange,
.btn.orange.off:hover {
    border-color: #FE771D;
    background-color: #FE771D;
}

.btn.orange:hover {
    background-color: #FE6B0A;
}

.btn.orange.outline {
    color: #FE771D;
}

.btn.blue,
.btn.blue.off:hover {
    border-color: #2A80B9;
    background-color: #2A80B9;
}

.btn.blue:hover {
    background-color: #2879B0;
}

.btn.blue.outline {
    color: #2A80B9;
}

.btn.green,
.btn.green.off:hover {
    border-color: #27AE61;
    background-color: #27AE61;
}

.btn.green:hover {
    background-color: #25A55C;
}

.btn.green.outline {
    color: #27AE61;
}

.btn.red,
.btn.red.off:hover {
    border-color: #E84C3D;
    background-color: #E84C3D;
}

.btn.red:hover {
    background-color: #DC483A;
}

.btn.red.outline {
    color: #E84C3D;
}

.btn.white,
.btn.white.off:hover {
    border-color: #FFF;
    background-color: #FFF;
}

.btn.white:hover {
    background-color: #FFF;
}

.btn.white.outline {
    color: #FFF;
}

.btn.black,
.btn.black.off:hover {
    border-color: #3A3A3A;
    background-color: #3A3A3A;
}

.btn.black:hover {
    background-color: #343434;
}

.btn.black.outline {
    color: #3A3A3A;
}

.btn.active,
.btn.orange,
.btn.blue,
.btn.green,
.btn.red,
.btn.black {
    color: #FFF;
    border: 1px solid transparent;
}

.btn.grey,
.btn.white {
    color: #333;
}

.btn.off {
    cursor: default;
}

.btn.off:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Social networks buttons */
/* hover are usually .95 */
.btn-social {
    color: #FFF;
    background: #333;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
}

.btn-social,
.btn-social:hover {
    text-decoration: none;
    text-shadow: none;

}

.btn-twitter,
.link-twitter span {
    background: #55acee;
}

.link-twitter:hover span {
    background: #02A5E3;
}

.btn-facebook,
.link-facebook span {
    background: #3b5998;
}

.link-facebook:hover span {
    background: #374F8A;
}

.btn-google,
.link-google span,
.btn-google-plus,
.link-google-plus span {
    background: #D74836;
}

.link-google:hover span,
.link-google-plus:hover span {
    background: #CD3C2A;
}

.btn-mail {
    background: #CCC;
    color: #333;
}

.btn-mail span {
    color: #333;
}

.btn-tumblr {
    background: #35465c;
}

.btn-pinterest {
    background: #bd081c;
}

.btn-stumbleupon {
    background: #eb4924;
}

.btn-blogger {
    background: #f57d00;
}

.btn-whatsapp {
    background: #43d854;
}

.btn-reddit {
    background: #cee3f8;
}

.btn-reddit .btn-icon {
    color: #333;
}

.btn-vk,
.link-vk span {
    background: #45668e;
}

.link-vk:hover span {
    background: #4E6F93;
}

/* Outlines */
.btn.outline,
.btn.outline:hover {
    background: none;
    border: 1px solid;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/*
 * POP BUTTON AND POP BOXES
 * ---------------------------------------------
 */

.pop-btn,
.top-btn-el,
a[data-modal] {
    -webkit-tap-highlight-color: transparent;
}

.pop-btn *,
.top-btn-el * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, .2);
}

/* Pop button */
.pop-btn,
.top-btn-el {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.pop-box-inner {
    cursor: default;
    display: block;
    font-size: 14px;
    font-size: 1rem;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
}

.pop-box-inner form {
    margin-top: -20px;
    margin-bottom: -20px;
}

.pop-btn .pop-box {
    top: 100%;
    margin-top: 10px;
}

.btn.pop-btn .pop-box {
    line-height: 100%;
}

.pop-btn-text {
    color: #00A7DA;
    cursor: pointer;
    /* font-weight: 600; */
}

.ie7 .pop-btn-text,
.ie8 .pop-btn-text {
    padding-right: 0;
}

.pop-btn-text .arrow-down {
    vertical-align: middle;
    margin-left: 5px;
    border-top-color: #00A7DA;
}

.pop-btn.disabled {
    cursor: default;
}

.pop-btn.disabled .pop-btn-text {
    color: #CCC;
    cursor: default;
}

.tone-dark .pop-btn.disabled .pop-btn-text {
    color: #444;
}

.pop-btn.disabled .arrow-down {
    border-top-color: #CCC;
}

.tone-dark .pop-btn.disabled .arrow-down {
    border-top-color: #444;
}

/* Pop box */
.pop-box {
    background: #FFF;
    display: none;
    font-size: 0.93em;
    z-index: 200;
}

.tone-dark .pop-box,
.tone-dark .pop-box .or-separator span {
    background: #1E1E1E;
}

.tone-dark .pop-box .or-separator {
    border-color: #333;
}

@media (min-width: 992px) {
    .pop-box {
        position: absolute;
        top: 20px;
        min-height: 20px;
        min-width: 160px;
        border: 1px solid #E5E5E5;
        -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
        box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
    }

    .tone-dark .pop-box {
        border-color: #333;
    }

    .pop-box.left-anchor,
    .pop-box {
        left: 0;
    }

    .pop-box.anchor-center {
        left: 50% !important;
        /*margin-left: -75px;*/
    }

    .pop-box.anchor-right {
        left: auto;
        right: 0;
    }

    .pop-box.pbcols1 {
        width: 212px;
    }

    .pop-box.pbcols2 {
        width: 412px;
    }

    .pop-box.pbcols3 {
        width: 612px;
    }

    .pop-box.pbcols4 {
        width: 812px;
    }

    .pop-box.pbcols5 {
        width: 1012px;
    }

    .pop-box-menucols ul {
        padding: 10px 0;
        overflow: auto;
    }

    .pop-box-menucols li {
        width: 190px;
        float: left;
        margin: 0 0 0 10px;
    }

    .pop-box-menucols li:first-child a,
    .pop-box-menucols li:last-child a {
        border-radius: 0;
    }

}

.btn .pop-box.left-anchor,
.btn .pop-box {
    /*margin-left: -1px;*/
}

.btn .pop-box.anchor-right {
    /*margin-right: -1px;*/
}

.pop-box-menu {
    font-size: 14px;
    font-size: 0.875rem;
}

.pop-box-label {
    margin: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 80%;
    cursor: default;
    line-height: 2;
}

.pop-box-menu a {
    display: block;
    padding: 6px 10px;
    color: #333;
    text-decoration: none;
    font-weight: normal;
    border-bottom: 1px solid #E5E5E5;
    line-height: 143%;
    /* 20/14 */

}

.tone-dark .pop-box-menu a {
    color: inherit;
    border-color: #000;
}

@media (min-width: 992px) {
    .pop-box-menu a {

        border-bottom: 0;
    }
}

html:not(.phone) .pop-box-menu a:hover,
.pop-box-menu a.focus {
    background: #00A7DA;
    color: #FFF;
}

.pop-box-menu li.current a {
    background: #F9F9F9;
}

.tone-dark .pop-box-menu li.current a {
    background: #333;
}

.pop-box-menu ul {
    display: block;
    padding: 0;
}

@media (min-width: 992px) {
    .pop-box-menu ul {
        margin: 5px 0;
    }

    .pop-box-menu.pop-box-menucols ul {
        margin: 10px 0;
    }
}

.pop-box-menu li {
    display: block;
    text-align: left;
    overflow: hidden;
    position: relative;
}

.pop-box-menu li.with-icon {}

.pop-box-menu li.with-icon a {
    padding-left: 30px;
}

.pop-box-menu li.with-icon a .btn-icon {
    position: absolute;
    left: 10px;
    top: 8px;
}

.pop-box-menu li.current,
.pop-box-menu li.current a {
    font-weight: 600;
}

.pop-box-menu li.current a:hover {
    cursor: default;
}

.pop-box-userdetails {
    padding: 10px;
    width: 120%;
    min-width: 230px;
    cursor: default;
    left: 42px;
    line-height: normal;
    top: 0 !important;
    margin-top: 0 !important;
}

.phone .pop-box,
.phablet .pop-box {
    position: fixed;
    bottom: 0;
    left: 0 !important;
    width: 100%;
    top: auto !important;
}

.pop-box-header {
    text-transform: uppercase;
    padding: 10px;
    background: #F9F9F9;
    position: relative;
    text-align: left;
    border-bottom: 1px solid #E5E5E5;
}

.tone-dark .pop-box-header {
    background: #1E1E1E;
    border-color: #000;
}

.pop-box-header .btn-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px;
    font-size: 12px;
}

@media (min-width: 992px) {
    .pop-box-header {
        display: none;
    }
}

/*
 * TOP BAR
 * ---------------------------------------------
 */
.top-bar-placeholder {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.top-bar,
.top-bar-placeholder,
.top-bar ul li.pop-btn,
.top-bar ul li.top-btn-el {
    height: 50px;
}

.top-btn-text,
.top-btn-create-account {
    line-height: 50px;
}

.top-btn-text {
    -webkit-tap-highlight-color: transparent;
}

.top-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 400;
    width: 100%;
    border-bottom: none;
    -webkit-transition: transform 250ms ease, border 400ms ease;
    -webkit-transition: border 400ms ease, -webkit-transform 250ms ease;
    transition: border 400ms ease, -webkit-transform 250ms ease;
    transition: transform 250ms ease, border 400ms ease;
    transition: transform 250ms ease, border 400ms ease, -webkit-transform 250ms ease;
}

.top-bar,
.tone-dark .follow-scroll-wrapper.position-fixed {
    background-color: #000;
}

.tone-dark .top-bar.black,
.tone-dark.top-bar-black .follow-scroll-wrapper.position-fixed,
.tone-dark .top-bar#top-bar-shade {
    background-color: #0b0b0b;
}

.ie9 .top-bar {
    -webkit-filter: none;
    filter: none;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjg3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44NyIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

.top-bar.white,
.follow-scroll-wrapper.position-fixed,
.top-bar-box-shadow-none .top-bar.white {
    background-color: #FFF;
}

.top-bar,
.follow-scroll-wrapper.position-fixed {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.ie9 .top-bar.white {
    -webkit-filter: none;
    filter: none;
}

.top-bar-box-shadow-none .top-bar {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom-color: transparent;
}

#top-bar-shade {
    opacity: 0;
}

#top-bar-shade.transparent-25 {
    opacity: .25;
}

.top-bar.transparent,
.tone-dark .top-bar.transparent {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.top-bar.transparent .top-btn-text {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .25);
}

.top-bar.transparent.white .top-btn-text {
    /*text-shadow: 1px 1px 0 rgba(255,255,255,.35);*/
    text-shadow: none;
}

.top-bar.transparent.white .top-btn-text:hover,
.top-bar.transparent.white .opened .top-btn-text {
    text-shadow: none;
}

.top-bar.transparent .btn,
.top-bar.transparent .top-btn-number {
    text-shadow: inherit;
}

.top-bar .content-width {
    position: relative;
    height: 100%;
    z-index: 100;
}

.top-bar .arrow-down,
#menu-fullscreen>ul>li .arrow-down {
    border-top-color: #FFF;
    width: 0;
}

.top-bar.white .arrow-down,
.top-bar.white .arrow-down,
.top-bar.white #menu-fullscreen>ul>li .arrow-down {
    border-top-color: #333;
}

.top-bar-logo {
    width: 100%;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    text-align: center;
    left: 0;
    padding: 0 10px;
}

.top-bar-logo,
.top-bar-logo img {
    height: 22px;
}

@media (min-width: 992px) {
    .top-bar-logo {
        margin-top: -10px;
    }

    .top-bar-logo,
    .top-bar-logo img {
        height: 24px;
    }
}

.top-bar-logo>a {
    display: inline-block;
    vertical-align: top;
}

.top-bar-logo img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.top-bar.white .top-btn-text:hover .arrow-down,
.top-bar.white .opened .arrow-down {
    border-top-color: #00A7DA;
}

.ios .top-bar.white .top-btn-text:hover .arrow-down {
    border-top-color: #333;
}

.ios .top-bar.white .opened .top-btn-text .arrow-down {
    border-top-color: #00A7DA;
}

.top-bar ul {
    list-style: none;
}

.top-bar li.pop-btn,
.top-bar li.top-btn-el {
    float: left;
    margin-right: 20px;
    position: relative;
}

.phone .top-bar li.pop-btn,
.phone .top-bar li.top-btn-el {
    margin-right: 10px;
}

.top-bar .top-bar-right li.pop-btn,
.top-bar .top-bar-right li.top-btn-el {
    margin-right: 0;
    margin-left: 20px;
}

.phone .top-bar .top-bar-right li.pop-btn,
.phone .top-bar .top-bar-right li.top-btn-el {
    margin-left: 10px;
}

@media (min-width: 992px) {

    .top-bar li.pop-btn,
    .top-bar li.top-btn-el {
        margin-right: 20px;
    }

    .top-bar .top-bar-right li.pop-btn,
    .top-bar .top-bar-right li.top-btn-el {
        margin-left: 20px;
    }
}

.top-bar ul li.pop-btn:first-child {
    margin-left: 0;
}

.top-bar ul .pop-btn.current,
.top-bar ul .top-btn-el.current {
    border-bottom: 2px solid #00A7DA;
}

.top-bar ul .pop-btn.current .top-btn-text,
.top-bar ul .top-btn-el.current .top-btn-text {
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.top-bar ul li.top-btn-el a {
    text-decoration: none;
}

.top-bar.white .top-bar ul .pop-btn.current .top-btn-text,
.top-bar.white .top-bar ul .top-btn-el.current .top-btn-text {
    color: #333;
}

/* Last menu item top bar */
.top-bar-right li.pop-btn:last-child,
.top-bar-right li.pop-btn:last-child .arrow-down {
    margin-right: 0;
}

.top-btn-text,
.top-btn-create-account {
    display: block;
    font-weight: normal;
    font-size: 1em;
    height: 100%;
}

#menu-fullscreen .btn.top-btn-create-account,
.top-btn-text,
.btn.top-btn-create-account:not(.grey):not(.white) {
    /* don't ask Morty, this CSS shit works like this */
    color: #FFF;
}

.top-btn-text {
    text-decoration: none;
}

.top-bar.white .top-btn-text,
.top-bar.white #menu-fullscreen .top-btn-text {
    color: #333;
}

.top-btn-text .icon {
    margin-right: 7px;
    position: relative;
    top: 0;
    display: inline;
    font-size: 16px;
    width: 16px;
    font-size: 1.143rem;
    width: 1.143rem;
    line-height: 50px;
}

.top-btn-text .btn-text {
    margin-left: 0;
}

.top-btn-text .icon-search {
    /*top: 1px;
			top: 0.071428rem;*/
}

.top-btn-text .arrow-down {
    position: relative;
    margin: 0 0 0 5px;
    /* -1px 4px 0 4px; */
}

.top-btn-text .btn-text {
    vertical-align: top;
}

.top-btn-text .icon {
    margin-right: 0;
}

.top-bar-notifications {}

#menu-fullscreen .top-bar-notifications .btn-text {
    display: inline-block;
}

.top-bar-notifications-container {
    margin-right: 2px;
    cursor: default;
}

.top-bar-notifications-header {
    font-size: 0.93em;
    line-height: 1;
    padding: 12px 10px;
    overflow: auto;
}

.top-bar-notifications-header,
.top-bar-notifications-list li {
    border-bottom: 1px solid #E5E5E5;
}

.tone-dark .top-bar-notifications-header,
.tone-dark .top-bar-notifications-list li {
    border-color: #333;
}

.top-bar-notifications-header h2 {
    font-size: 1em;
    font-weight: bold;
    float: left;
}

.top-bar-notifications-header a {
    float: right;
}

.top-bar-notifications-list li {
    font-size: 0.93em;
    display: block;
    text-decoration: none;
    padding: 10px;
    position: relative;
    min-height: 68px;
    padding-left: 68px;

}

.top-bar-notifications-list li:last-child {
    border-bottom: 0;
}

.top-bar-notifications-list li:hover {
    background: rgba(0, 0, 0, .02);
}

.tone-dark .top-bar-notifications-list li:hover {
    background: rgba(0, 0, 0, .2);
}

.top-bar-notifications-list li.transition {
    -webkit-transition: background-color 150ms linear;
    transition: background-color 150ms linear;
}

.top-bar-notifications-list li.persistent,
.top-bar-notifications-list li.new {
    background: #FFFAD9;
}

.tone-dark .top-bar-notifications-list li.persistent,
.tone-dark .top-bar-notifications-list li.new {
    background: #333;
}

.ie7 .top-bar-notifications-list li {
    min-height: 48px;
}

.top-bar-notifications-list li .user-image {
    width: 48px;
    height: 48px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.top-bar-notifications-list li .user-image img {
    width: 100%;
    height: 100%;
    display: block;
}

.top-bar-notifications-list li .user-image span.icon {
    font-size: 30px;
    width: 30px;
    height: 30px;
    margin-left: -15px;
    margin-top: -15px;
}

.top-bar-notifications-list li .how-long-ago {
    display: block;
    font-size: 11px;
    color: #AAA;
}

.top-bar-notifications .menu-fullscreen-hide .top-btn-number {
    position: absolute;
    z-index: 1;
    border-radius: 100px;
    zoom: .75;
    right: -8px;
    top: 10px;
    visibility: hidden;
}

.top-bar-notifications .menu-fullscreen-hide .top-btn-number.on {
    visibility: visible;
}

@media (min-width: 992px) {
    .top-bar .pop-box {
        margin: 10px;
        margin-top: 0;
        z-index: 200;
    }
}

/* top search */
.top-bar-search-input {
    margin-left: -10px;
    margin-right: 10px !important;
}

.top-bar.white .top-bar-search-input .icon-search {
    color: inherit;
}

.top-bar-search-input .input-search {
    position: relative;
    top: 50%;
    margin-top: -13px;
}

.top-bar-search-input input {
    font-size: 1em;
    border-width: 0;
    padding-left: 36px;
}

.top-bar.white .top-bar-search-input input {
    border-width: 1px;
}

.tone-dark .input-search .icon.search,
.tone-dark .input-search .icon.close,
.tone-dark .input-search .icon.settings {
    color: #CCC;
}

.tone-dark .input-search .icon.close:hover,
.tone-dark .input-search .icon.settings:hover {
    color: #999;
}

/* top pop-box */
.top-bar-left .pop-box {
    left: -10px;
}

.top-bar-right .pop-box {
    left: auto;
    right: -10px;
}

.top-bar-right .pop-box .arrow-up {
    left: auto;
    right: 10px;
}

/*.top-bar-right .pop-btn:last-child .pop-box {
		right: 0;
	}*/

.top-bar .pop-box {
    top: 100%;
    top: 46px;
}

/* top predictive search */
#top-predictive-search.pop-box {
    width: 200px;
    left: 0;
    font-size: 100%;
}

/* signup */
/*.top-bar .pop-account .pop-box {
		width: 310px;
		left: 50%;
		margin-left: -155px;
	}*/
.top-bar .pop-account {}

.top-bar .pop-account .pop-box .arrow-up {
    left: 50%;
    margin-left: -6px;
}

.top-bar .pop-account .or-separator {
    margin-top: 30px;
    margin-bottom: 30px;
}

/* create account */
.top-btn-create-account {
    text-decoration: none;
    display: inline;
    padding: 4px 12px;
    height: 26px;
}

.top-bar.white .top-btn-text:hover:not(.btn),
.top-bar.white .opened .top-btn-text:not(.btn) {
    color: #00A7DA;
}

.phone .top-bar.white .top-btn-text:hover:not(.btn) {
    color: inherit;
}

.phone .top-bar.white .current .top-btn-text:hover:not(.btn) {
    color: #00A7DA;
}

/*.top-bar.white.transparent .top-btn-text:hover, .top-bar.white.transparent .opened .top-btn-text {
		color: #FFF;
	}*/
.ios .top-bar.white .top-btn-text:not(.btn):not(.top-btn-number):hover {
    color: #333;
}

.ios .top-bar.white .opened .top-btn-text:not(.btn),
.ios .top-bar.white .opened .top-btn-text:not(.top-btn-number) {
    color: #00A7DA;
}

.top-bar.white .btn:not(.white):not(.grey),
.top-bar.white .btn:hover:not(.white):not(.grey),
.top-bar.white .opened .btn:not(.white):not(.grey) {
    color: #FFF;
}

.top-bar.white .btn.default,
.top-bar.white .btn.default:hover,
.top-bar.white .current .btn {
    color: inherit !important;
}

.current .top-btn-create-account:hover {
    background: inherit;
}

.current .top-btn-create-account {
    padding: 0;
    background: none;
}

.top-btn-number {
    background: #555;
    color: #DDD;
    font-size: 12px;
    font-weight: normal;
    border-radius: 3px;
    padding: 0 7px;
    position: relative;
    display: block;
    line-height: 22px;
    height: 22px;
    top: -2px;
}

#menu-fullscreen .top-btn-number {
    display: inline-block;
    position: relative;
    margin-right: 5px;
    top: -2px;
    vertical-align: text-bottom;
}

.top-bar.white .top-btn-number,
.top-bar.white .opened .top-btn-number,
.top-bar.white .top-btn-number:hover,
.ios .top-bar.white .top-btn-number.top-btn-text {
    background: #CCC;
    color: #FFF;
}

.top-bar.white .top-btn-number.on,
.top-btn-number.on,
.top-btn-number.on:hover,
.opened .top-btn-number.on,
.ios .top-bar.white .top-btn-number.on {
    background: #D90000;
    color: #FFF;
}

/* pop account */
.pop-account {}

.pop-account .pop-box-inner {
    padding: 20px 10px;
    cursor: default;
}

.pop-account .title,
.pop-account h2 {
    font-size: 1em;
    text-align: center;
    margin-top: 5px;
    font-weight: normal;
    display: block;
}

.pop-account .sign-services {
    margin: 15px 0 11px 0;
}

.pop-account input[type=text],
.pop-account input[type=password],
.pop-account input.text-input {
    width: 100%;
    /* 288 */
}

.ie7 .pop-account input.text-input {
    width: 266px;
    height: auto;
}

.pop-account .checkbox-label {
    display: inline-block;
    margin: 0;
}

.ie7 .pop-account .checkbox-label {}

/* top user */
#top-bar-user .top-btn-text .user-image {
    position: relative;
    top: 50%;
    margin-top: -13px;
    margin-right: 5px;
    width: 26px;
    height: 26px;
    float: left;
}

.phone #top-bar-user .top-btn-text .user-image {
    margin-right: 0;
}

.phone #menu-fullscreen #top-bar-user .top-btn-text .user-image {
    margin-right: 5px;
}

#top-bar-user .default-user-image {
    background: #CCC;
}

.top-bar.black #top-bar-user .default-user-image {
    background: #555;
}

#top-bar-user-menu.pop-box {
    width: 150px;
}

/*
 * HEADER
 * ---------------------------------------------
 */
.header {
    height: 50px;
    position: relative;
    overflow: visible;
    clear: both;
}

/*
.follow-scroll-wrapper.position-fixed {
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}
*/
.follow-scroll-wrapper.position-fixed .header.follow-scroll {
    border-bottom: 0;
}

.tone-dark .header {
    border-bottom-color: #212121;
}

.header.fixed.follow-scroll {
    border-bottom: 0;

}

.phone .header,
.phablet .header {
    height: auto;
    min-height: 50px;
}

.header h1 {
    font-size: 1em;
}

.header>h1,
.header .heading,
.header .heading * {
    line-height: 50px;
}

.header>h1,
.header .heading {
    font-size: 22px;
    font-weight: normal;
    float: left;
}

.tone-dark .header>h1,
.tone-dark .header .heading {
    color: #FFF;
}

.phone .header>h1,
.phone .header .heading {
    /* font-size: 1.43em; */
}

.header h1 strong,
.header .heading strong {
    font-weight: inherit;
}

.header.header-tabs h1 {
    margin-right: 20px;
}

.header ul.content-tabs {
    float: left;
}

.phone .header ul.content-tabs {
    float: none;
    /* margin-top: -10px; */
    position: relative;
    /*top: -10px;*/
    /* border-bottom: 1px solid #E5E5E5; */
}

.phone .header:not(.follow-scroll) ul.content-tabs {
    top: auto;
}

.header .btn {
    margin-top: 3px;
}

.phone .header .btn {
    margin-top: 0;
}

.header-content-left {
    float: left;
}

.header-content-right {
    float: right;
    height: auto;
    margin-left: auto;
}

.phone .header-content-right.phone-float-none {
    width: 100%;
}

.header-content-right .number-figures {
    margin-top: 14px;
    border-left: 1px solid #E5E5E5;
}

.header-content-right .number-figures:first-child {
    border-left: 0;
}

.header .header-link {
    font-size: 1em;
    display: inline-block;
}

.header>.header-link * {
    line-height: normal;
}

.header .pop-btn.breadcrum-item {
    margin-top: 0;
}

.header .user-image {
    width: 30px;
    height: 30px;
    margin-top: 10px;
    float: left;
}

.header.header-content {
    position: relative;
    min-height: 40px;
    border: 0;
}

.header.header-content .heading,
.header.header-content .heading * {
    line-height: 40px;
    height: 40px;
}

.header-content img {
    max-height: 40px;
}

.header-content .user-image {
    width: 40px;
    height: 40px;
    margin-top: 0;
    top: 0;
}

.header-content .user-image img,
.header .user-image img {
    width: 100%;
    height: 100%;
    display: block;
}

.header-content .user-image.default-user-image .icon,
.header .user-image.default-user-image .icon {
    font-size: 18px;
    width: 18px;
    height: 18px;
    margin-left: -9px;
    margin-top: -9px;
}

.header-content-breadcrum {
    float: left;
}

.tone-dark .breadcrum-item {
    color: #FFF;
}

.breadcrum-item * {
    line-height: normal;
}

.header-content-breadcrum .breadcrum-item,
.breadcrum-text {
    line-height: 40px;
}

.breadcrum-text,
.header-content-breadcrum .heading {
    font-size: 15px;
}

.breadcrum-text,
.breadcrum-text a {
    color: inherit;
}

.breadcrum-text {
    font-weight: normal;
}

.breadcrum-item {
    margin-right: 10px;
    position: relative;
    float: left;
}

.breadcrum-text a:hover {
    color: #00A7DA;
    text-decoration: none;
}

.breadcrum-text .user-link {
    margin-left: 10px;
}

.header-content-breadcrum .arrow,
.header-content-breadcrum .arrow-down,
.header-content-breadcrum .arrow-right {
    margin-left: 5px;
    position: relative;
}

.header-content-breadcrum a:hover .arrow-down {
    border-top-color: #00A7DA;
}

.header-content-breadcrum a:hover .arrow-right {
    border-left-color: #00A7DA;
}

.header-content-breadcrum .pop-box h2 {
    font-size: 1.07em;
    /* 15 */
    line-height: 1.2;
}

.header-content-breadcrum .pop-box h2 a {
    line-height: 1;
}

.header-content .btn {
    margin-left: 5px;
    float: left;
    margin-top: 3px;
}

.header-content .btn:last-child {
    margin-right: 0;
}

/*
 * SUPER FIX MYSELF
 * ---------------------------------------------
 */
.follow-scroll {
    margin-left: auto;
    margin-right: auto;
}

.follow-scroll-wrapper {
    left: 0;
    right: 0;
    z-index: 50;
}

.follow-scroll-wrapper.position-fixed .header {
    margin-bottom: -1px !important;
}

.follow-scroll-placeholder {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/*
 * CONTENT TABS
 * ---------------------------------------------
 */
.content-tabs {
    /* clear: right; */
}

.tab-menu {
    cursor: pointer;
    line-height: 50px;
    min-height: 50px;

}

.phablet .tab-menu {
    float: left;
}

.tab-menu.current {
    border-bottom: 1px solid transparent;
}

/*.content-tabs {
		border-top: 1px solid #E5E5E5;
	}
	.tone-dark .content-tabs {
		border-color: #212121;
	}*/
.content-tabs a {
    font-weight: normal;
    color: #333;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
}

.tone-dark .content-tabs a {
    color: #FFF;
}

.content-tabs li.disabled a {
    cursor: default;
}

.content-tabs li.current a,
.content-tabs li.current a span,
.tab-menu.current {
    color: inherit;
    /* #00A7DA */
}

.content-tabs li {
    float: left;
    font-size: 1em;
}

.phone .content-tabs li {
    float: none;
    border-bottom: 0;
}

.phone .content-tabs li a {
    padding: 0;
}

.content-tabs-vertical li {
    float: none;
    margin: 0;
    border-left: 2px solid transparent;
}

/*
			.content-tabs-vertical li:hover {
				background: #F9F9F9;
			}
			.tone-dark .content-tabs-vertical li:hover {
				background: #212121;
			}
			*/
.content-tabs-vertical li>* {
    padding-right: 20px;
    padding-left: 20px;
}

.header-content-right .content-tabs li {
    margin-left: 10px;
    margin-right: 0;
}

.content-tabs li,
.content-tabs a {
    height: 50px;
    line-height: 50px;
    display: block;
}

.content-tabs-vertical li,
.content-tabs-vertical a {
    height: 38px;
    line-height: 38px;
}

.content-tabs li:hover,
.content-tabs li.current,
.content-tabs li.visited,
.content-tabs li.visited:hover {
    color: inherit;
    /* #00A7DA */
    border-color: #00A7DA;
    border-style: solid;
    border-bottom-width: 2px;
}

.content-tabs li.current a:hover {
    color: inherit;
}

.content-tabs li:hover a {
    color: #00A7DA;
}

.tone-dark .content-tabs li a,
.tone-dark .content-tabs li:hover a {
    color: #FFF;
}

.content-tabs li.disabled:hover {
    border-bottom: 0;
}

.content-tabs li.current {
    border-color: #00A7DA;
}

.content-tabs li.visited {
    border-bottom-color: transparent;
}

.content-tabs li.current.visited {
    border-color: #D93600;
}

.content-tabs li.visited,
.content-tabs li.visited a {
    color: #D93600;
}

.content-tabs-vertical li:hover,
.content-tabs-vertical li.current {
    border-bottom-width: 0;
    border-left-width: 2px;
}

.content-tabs .tab-count {
    font-weight: normal;
    color: #BBB;
}

.content-tabs .tab-count-block {
    font-weight: normal;
    background: #D90000;
    border-radius: 3px;
    padding: 1px 4px;
    position: relative;
    top: -1px;
}

.content-tabs .tab-count-block,
.content-tabs .current .tab-count-block {
    color: #FFF;
}

.content-tabs li.disabled * {
    color: #CCC;
}

.header--centering {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
}

.list-selection {
    overflow: visible;
    height: 50px;
}

.list-selection * {
    line-height: normal;
}

.phone .list-selection {
    border-top: 1px solid #E5E5E5;
}

.phone.tone-dark .list-selection {
    border-top-color: #212121;
}

/* Content being tabbed */
#tabbed-content-group {
    margin-top: 30px;
    padding-bottom: 30px;
}

#content-listing-tabs #tabbed-content-group {
    margin-top: 0;
    padding-bottom: 0;
}

#content-listing-tabs {
    padding-bottom: 0;
}

/* hide the tabbed content */
.tabbed-content {
    display: none;
    width: 100%;
    overflow: hidden;
}

.title {
    font-size: 0.93em;
    font-weight: bold;
    margin-bottom: 5px;
}

.title.grid-columns {
    margin-right: 10px;
    text-align: right;
    line-height: 2;
}

.phone .title.grid-columns,
.phablet .title.grid-columns {
    margin-right: 0 !important;
    text-align: left;
}

.tabbed-content-section {
    overflow: auto;
}

.tabbed-content-list {
    line-height: 1.8;
}

.tabbed-listing {}

.tabbed-listing .tabbed-content {
    overflow: hidden;
}

.table-li {
    display: table;
    width: 100%;
}

.table-li>li {
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #E5E5E5;
    list-style: none !important;
}

.tone-dark .table-li>li {
    border-bottom-color: #212121;
}

.tabbed-content-list.table-li-hover>li:hover {
    background: #F9F9F9;
}

.tone-dark .tabbed-content-list.table-li-hover>li:hover {
    background: #1E1E1E;
}

.tabbed-content-list .table-li-header {
    font-weight: bold;
}

.tabbed-content-list.table-li-hover .table-li-header:hover,
.tone-dark .tabbed-content-list.table-li-hover .table-li-header:hover {
    background: none;
}

.table-li ul li:last-child {
    border-bottom: none;
}

.phablet .table-li--mobile-display,
.tablet .table-li--mobile-display,
.laptop .table-li--mobile-display,
.desktop .table-li--mobile-display,
.largescreen .table-li--mobile-display {
    display: none !important;
}

/*
 * VIEWER
 * ---------------------------------------------
 */
.viewer-title {
    font-size: 1.43em;
    line-height: 1.43em;
    margin: 10px 0;
}

.viewer-title:empty {
    margin: 0;
}

/*
 * PANELS
 * ---------------------------------------------
 */
/* description */
.panel-description {}

.panel-description .description-text {
    font-size: 1em;
}

.panel-description .description-meta {
    font-size: 0.93em;
}

/*.panel-description p.meta a {
			color: #BBB;
		}*/
.panel-description .exif-meta {
    padding-left: 1.57em;
    /* 22px */
    position: relative;
}

.panel-description .exif-meta .camera-icon {
    color: #CCC;
    position: absolute;
    left: 0;
    top: 0.21em;
    /* 3px */
    font-size: 1.14em;
}

.panel-description .exif-meta .exif-data {
    display: block;
    font-size: 1em;
}

/* thumb list */
.panel-thumb-list {}

.panel-thumb-list li {
    display: block;
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    line-height: 76px;
    font-size: 0.93em;
}

.phone .panel-thumb-list li.more-link,
.phablet .panel-thumb-list li.more-link {
    float: none;
    clear: both;
    line-height: 100%;
    padding: 10px 0;
}

.panel-thumb-list img {
    display: block;
    width: 76px;
    height: 76px;
}

.phone .panel-thumb-list img,
.phablet .panel-thumb-list img {
    width: 90px;
    height: auto;
}

/* share */
.panel-share {}

.panel-share-item {
    margin-bottom: 30px;
}

.panel-share-item:last-child {
    margin-bottom: 0;
}

.panel-share-item h4.pre-title {
    font-size: 0.93em;
    color: #BBB;
    border-bottom: 1px solid #E5E5E5;
    padding-left: 200px;
    line-height: 20px;
    margin-bottom: 10px;
}

.tone-dark .panel-share-item h4.pre-title {
    border-color: #212121;
}

.phone .panel-share-item h4.pre-title,
.phablet .panel-share-item h4.pre-title {
    padding-left: 0;
}

.panel-share-item h4.title {
    line-height: 32px;
}

.panel-share-item .text-input {
    *height: auto;
}

.panel-share-item .grid-columns {
    position: relative;
}

.panel-share-input-label {
    margin-bottom: 10px;
    overflow: auto;
}

.panel-share-input-label:last-child {
    margin-bottom: 0;
}

.panel-share-input {
    position: relative;
}

.panel-share-networks {
    overflow: auto;
}

.panel-share-networks h4.title {
    line-height: 32px;
}

.panel-share-networks li {
    display: block;
    float: left;
    margin-right: 8px;
    margin-bottom: 8px;
}

.panel-share-networks li a {
    display: block;
    width: 32px;
    height: 32px;
}

.panel-report {}

.panel-report h4.title {
    line-height: 36px;
}

/*
 * TEXT CONTENT ELEMENTS
 * ---------------------------------------------
 */
.text-content {
    margin-bottom: 40px;
    font-size: 16px;
}

.text-content p,
.text-content li {
    line-height: 160%;
    margin: 10px 0;
}

.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4 {
    margin: 40px 0 20px 0;
    font-weight: normal;
    line-height: 120%;
}

.text-content h1 {
    font-size: 1.375em;
    /* 22/14 */
}

.text-content h2 {
    font-size: 1.25em;
    /* 20/16 */
}

.text-content h3 {
    font-size: 1.125em;
    /* 18/16 */
}

.text-content h4 {
    font-size: 1.07em;
    /* 17/16 */
}

.text-content h5 {
    font-size: 1em;
    /* 16/16 */
}

.text-content h6 {
    font-size: 1em;
    /* 16/16 */
}

.text-content ul,
.text-content ol {
    margin-left: 20px;
}

.text-content li {
    list-style: disc outside;
    margin-top: 0;
    margin-bottom: 0;
}

/*
 * FORM CONTENT ELEMENTS
 * ---------------------------------------------
 */
.form-content {
    position: relative;
}

.signup-services-column h2 {
    font-size: 17px;
}

.signup-services-column ul {
    margin: 10px 0;
}

.signup-services-column li:first-child {
    margin-left: 0;
}

.signup-services-column li:last-child {
    margin-right: 0;
}

.form-content .content-tabs-vertical {
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 0;
}

.form-content .content-tabs-vertical.position-fixed {
    position: fixed;
    left: auto;
    top: auto;
}

.tabbed-input-column {
    margin-left: 200px;
}

.phone .tabbed-input-column,
.phablet .tabbed-input-column {
    margin-left: 0;
}

.account-link {
    position: relative;
}

.account-linked {}

a.account-linked-profile {
    width: 48px;
    height: 48px;
    display: block;
}

a.account-linked-profile img {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}


.text-overflow-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

/*
 * MOBILE MENU
 * ---------------------------------------------
 */

html.menu-fullscreen-visible {
    overflow: hidden;
}

html.menu-fullscreen-visible body {
    /* width: 100%;
	height: 100%;
	overflow: hidden; */
}

#menu-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    background: #212121;
    border-top-color: #212121;
    border-top-style: solid;
    height: 100%;
    width: 100%;
    overflow: auto;
}

.top-bar.white #menu-fullscreen {
    border-top-color: #FFF;
    background: #F9F9F9;
}

#menu-fullscreen>ul>li {
    display: block;
    float: none;
    border-bottom: 0;
    border-top: 1px solid #000;
    margin: 0 !important;
    position: relative;
}

.top-bar.white #menu-fullscreen>ul>li {
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #FFF;
    background: #FFF;
}

#menu-fullscreen>ul>li .top-btn-text {
    padding: 0 10px;
    background: inherit;
}

#menu-fullscreen>ul>li .icon {
    margin-right: 7px;
}

#menu-fullscreen>ul>li .input-search .icon {
    margin-right: 0;
}

#menu-fullscreen>ul>li a {
    text-decoration: none;
}

#menu-fullscreen .input-search {
    margin: 0 10px;
    top: 11px;
    width: auto;
}

#menu-fullscreen .menu-fullscreen-show {
    display: block;
}

#menu-fullscreen .menu-fullscreen-hide {
    display: none;
}

/*
 * UPLOAD BOX
 * ---------------------------------------------
 */
body.upload-box-visible {
    margin-top: 300px;
}

body.upload-box-visible.no-margin-top {
    margin-top: 280px;
}

body.upload-box-visible .upload-box {
    display: block;
}

.upload-box {
    clear: both;
    background: #FFF;
    border-bottom: 1px solid #E5E5E5;
}

.tone-dark .upload-box {
    border-color: #000;
}

.upload-box--fixed {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 200;
    background: #FFF;
    top: 50px;
}

.tone-dark .upload-box--fixed {
    background: #101010;
}

.phone .upload-box--fixed {
    top: 0;
    z-index: 500;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.upload-box--hidden {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    top: 0;
}

.upload-box--show {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.upload-box-inner {
    padding: 40px 0;
    position: relative;
}

.phone .upload-box-inner {
    padding: 20px 0;
}

.upload-box-inner .position-absolute {
    position: absolute;
    text-transform: uppercase;
    top: 20px;
    line-height: 20px;
}

#upload .upload-box[data-queue-size="0"] .upload-box-heading,
.phone .upload-box[data-queue-size="0"] .upload-box-heading {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 10px;
}

.upload-box-heading {
    text-align: center;
}

.upload-box-heading .icon {
    font-size: 100px;
    width: 1em;
    height: 1em;
    color: #00A7DA;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

.upload-box-heading h2,
.upload-box-heading .heading {
    font-weight: 200;
    font-size: 26px;
    margin: 10px 0;
    display: block;
}

.upload-box-heading h2 a,
.upload-box-heading .heading a {
    color: inherit;
    text-decoration: none;
}

.upload-box-status-text {
    font-size: 14px;
}

.upload-box-allowed-files {
    left: 0;
    font-size: 11px;
    font-size: 0.79rem;
    color: #999;
}

.upload-box-allowed-files span {
    margin-right: 5px;
}

.upload-box-close {
    text-decoration: none;
    right: 0;
    font-size: 11px;
    line-height: 11px;
    font-size: 0.79rem;
    line-height: 1em;
    color: #333;
}

.upload-box-close,
.upload-box-close a {}

.tone-dark .upload-box-close {
    color: #CCC;
}

.upload-box-close:hover {
    text-decoration: none;
}

.upload-box-close a {
    color: inherit;
    text-decoration: none;
}

.upload-box-close .btn-icon {
    font-size: 9px;
    width: 9px;
    display: inline;
}

@media (min-width: 340px) {
    .upload-input-col {
        width: 310px;
    }
}

/*
 * NOT FOUND 404
 * ---------------------------------------------
 */
.page-not-found {
    border-radius: 10px;
    background: #F9F9F9;
    text-align: center;
    padding: 30px;
    font-size: 16px;
}

.tone-dark .page-not-found {
    background: #101010;
}

.page-not-found h1 {
    font-size: 30px;
    margin-bottom: 10px;
}

.page-not-found .input-search {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

.page-not-found .input-search .icon-search {
    font-size: 20px;
    left: 14px;
    top: 8px;
}

.page-not-found .input-search .icon-close {
    top: 6px;
    right: 5px;
}

.page-not-found input.search {
    height: 36px;
    width: 100%;
    font-size: 15px;
    padding-right: 30px;
    padding-left: 40px;
}

.ie7 .page-not-found input.search,
.ie8 .page-not-found input.search,
.ie9 .page-not-found input.search {
    padding-right: 10px;
    line-height: 36px;
}



/*
 * PINTERESQUE LISTINGS
 * ---------------------------------------------
 */
.content-listing {
    overflow: hidden;
    position: relative;
    clear: both;
    /*font-size: 0;*/
}

.pad-content-listing {
    width: 105%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.js .pad-content-listing {
    /*visibility: hidden;
		height: 0;*/
}

.list-item {

    display: inline-block;
}

.js .list-item {
    display: none;
}

.list-item .disabled-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, .5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#80ffffff', endColorstr='#80ffffff');
    /* IE */
    z-index: 1;
}

.list-item:hover .hover-display,
.phone .list-item .hover-display,
.phablet .list-item .hover-display {
    display: block;
}

.list-item.masked:hover .hover-display {
    display: none;
}

html.--idle .list-item .hover-display:not(.idle-display),
.list-item .hover-display {
    opacity: 0;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}

html:not(.--idle) .list-item:hover .hover-display {
    opacity: 1;
}

.phone .list-item .hover-display,
.phablet .list-item .hover-display {
    opacity: 1;
    -webkit-transition: none;
    transition: none;
}

.list-item-image {
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 260px;
    /* chv */
    text-align: center;
    background: #F6F6F6;
}

.tone-dark .list-item-image,
.tone-dark .list-item-thumbs,
.tone-dark .list-item-thumbs li {
    background: #212121;
}

.list-item-image .image-container {
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
    text-decoration: none;
}

.js .list-item-image .image-container {
    text-align: default;
}

.list-item-image .image-container img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

.js .list-item-image .image-container img {
    width: auto;
}

.list-item-image .image-container .icon.empty {
    width: 90px;
    height: 90px;
    font-size: 90px;
    color: #E5E5E5;
    text-decoration: none;
}

.tone-dark .list-item-image .image-container .icon.empty {
    color: #444;
}

.list-item-image-btn {
    padding: 5px 8px 5px 28px;
    font-size: 0.93em;
    background: #FFF;
    position: absolute;
    top: 10px;
    cursor: pointer;
    border-radius: 2px;
}

.list-item-image-btn.list-image-like-btn {
    left: 10px;
}

.list-item-image-btn span {
    font-size: 15px;
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -8px;
}

.ie7 .list-item-image-btn span {
    left: 4px;
    top: 2px;
}

.list-item-image-btn:hover span {
    color: #00A7DA;
}

.list-item-image-btn.liked {
    background: #00A7DA;
    color: #FFF;
    display: block;
}

.list-item-image-btn.liked:hover {
    background: #D90000;
}

.list-item-image-btn.liked:hover span.icon-like {
    font-size: 11px;
    padding: 0;
    left: 10px;
    color: #FFF;
    margin-top: -6px;
}

.list-item-image-btn.liked:hover span.icon-like:before {
    content: "\e01f";
}

.list-item-desc,
.list-item-card,
.list-item-title {
    background: #FFF;
    border: 1px solid #EEE;
    padding: 10px;
    position: relative;
}

.list-item-desc-title {
    width: 100%;
    position: absolute;
    padding-left: 10px;
    padding-right: 10px;
    left: 0;
    text-decoration: none;
}

.list-item-desc-title--center-y {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.list-item-desc-title-link {
    font-size: 1.08em;
    line-height: 1.08em;
    font-weight: 600;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
    padding-top: 0.125em;
    padding-bottom: 0.125em;
}

a.list-item-desc-title-link {
    text-decoration: none;
}

.list-item-title {
    padding-top: 0;
    padding-bottom: 0;
    font-weight: normal;
    text-align: center;
    height: 40px;
    overflow: hidden;
}

.list-item-title,
.list-item-title * {
    font-size: 1em;
    line-height: 40px;
}

.list-item-title a {
    font-weight: normal;
    color: #333;
}

.list-item-alt {
    background: #F9F9F9;
}

.list-item-desc-height {
    height: 100%;
}

.list-item-overflow {
    height: 110%;
    overflow: hidden;
}

.list-item-desc {
    font-size: 0.93em;
    line-height: 130%;
    -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, .1), 0 0 0 transparent;
    box-shadow: 0 1px 0px rgba(0, 0, 0, .1), 0 0 0 transparent;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.phone .list-item-desc,
.phablet .list-item-desc {
    font-size: 1em;
}

.list-item-desc a,
.list-item-desc strong,
.list-item-desc b,
.list-item.masked:hover .list-item-desc a,
.list-item.masked:hover .list-item-title a {
    color: #555;
}

.tone-dark .list-item-desc a,
.tone-dark .list-item-desc strong,
.tone-dark .list-item-desc b,
.tone-dark .list-item.masked:hover .list-item-desc a,
.tone-dark .list-item.masked:hover .list-item-title a {
    color: #FFF;
}

.list-item:hover .list-item-desc a,
.list-item:hover .list-item-title a {
    color: #00A7DA;
}

.list-item-desc .user,
.list-item-desc a.user img {
    border-radius: 100%;
}

.list-item-desc .user {
    float: left;
    margin-top: -20px;
    margin-right: 8px;
    padding: 3px;
    background: #FFF;
    width: 50px;
    height: 50px;
}

.tone-dark .list-item-desc .user {
    background: #101010;
}

.list-item-desc .user:hover {
    background: #00A7DA;
}

.tone-dark .list-item-desc .user:hover {
    background: inherit;
}

.list-item-desc .user img {
    width: 44px;
    height: 44px;
    display: block;
}

.phone .list-item-desc .user,
.phablet .list-item-desc .user {
    width: 62px;
    height: 62px;
}

.phone .list-item-desc .user img,
.phablet .list-item-desc .user img {
    width: 56px;
    height: 56px;
}

.list-item-desc .user-image {
    text-align: center;
    position: relative;
}

.list-item-desc .user-image:hover {
    background-color: #E5E5E5;
}

.list-item-desc .user-image .icon-user {
    color: #E5E5E5;
    position: absolute;
    font-size: 24px;
    width: 24px;
    height: 24px;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
}

.phone .list-item-desc .user-image .icon-user,
.phablet .list-item-desc .user-image .icon-user {
    font-size: 32px;
    width: 32px;
    height: 32px;
    margin-left: -16px;
    margin-top: -16px;
}

.list-item-desc .user-image:hover .icon-user {
    color: #FFF;
}

.list-item-desc strong {
    display: block;
}

.list-item-card {
    border-radius: 3px;
    min-height: 82px;
}

.list-item-card .user-image {
    display: block;
}

.list-item-thumbs-container {
    overflow: hidden;
}

.list-item-thumbs {
    overflow: auto;
    background: #F9F9F9;
    width: 101%;
    margin-top: 2px;
    margin-bottom: 0;
    margin-left: -1px;
}

.list-item-thumbs li {
    background: #F6F6F6;
    border-right: 1px solid;
    border-left: 1px solid;
    border-color: #FFF;
    float: left;
}

.tone-dark .list-item-thumbs li {
    border-color: #0b0b0b;
}


.list-item-desc {
    color: #FFF;
    height: 4.242903225806451em;
    margin-top: -4.242903225806451em;
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .6);
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.35)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
    /* W3C */
    opacity: 0;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;

}

.list-item:hover .list-item-desc,
.phone .list-item .list-item-desc,
.phablet .list-item .list-item-desc,
.tablet .list-item .list-item-desc,
.laptop .list-item .list-item-desc,
.desktop .list-item .list-item-desc,
.largescreen .list-item .list-item-desc {
    opacity: 1;
}

.list-item-desc *,
.list-item-desc a,
.list-item:hover .list-item-desc a {
    color: #FFF;
}

.list-item-desc .list-item-overflow {
    bottom: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    height: auto;
}


.content-listing-more,
.content-listing-loading {
    text-align: center;
    margin: 20px 0;
}

.content-listing-more {
    display: none;
}

.content-listing-loading {
    height: 32px;
}

.content-listing-loading .loading-indicator {
    position: static;
}

.content-listing-pagination {
    text-align: center;
    font-size: 1em;
    padding: 0;
    margin: 20px 0;
    color: inherit;
    font-weight: normal;
}

.js .content-listing-pagination {
    display: none;
}

.content-listing-pagination a {
    text-decoration: none;
    font-weight: inherit;
    color: inherit;
    padding: 6px 10px;
    display: block;
}

.content-listing-pagination a:hover {
    color: #00A7DA;
    background: #F6F6F6;
}

.content-listing-pagination a.current {
    color: inherit;
}

.tone-dark .content-listing-pagination a.current {
    color: #FFF;
}

.tone-dark .content-listing-pagination a:hover {
    background: #1F1F1F;
}

.phone .content-listing-pagination li.pagination-page {
    display: none;
}

.content-listing-pagination li,
.phone .content-listing-pagination li.pagination-page.pagination-current {
    display: inline-block;
}

.content-listing-pagination .pagination-current a,
.content-listing-pagination .pagination-current a:hover {
    color: inherit;
    background: initial;
    cursor: default;
}

.pagination-disabled {
    visibility: hidden;
}

.content-empty {
    text-align: center;
    font-size: inherit;
    color: #444;
}

.content-empty .icon {
    color: #E5E5E5;
    font-size: 90px;
    width: 90px;
    height: 90px;
    display: inline-block;
}

.tone-dark .content-empty,
.tone-dark .content-empty .icon {
    color: #444;
}

.content-empty h2,
.content-empty .message {
    font-size: 16px;
    margin-top: 10px;
    line-height: 160%;
}

.tone-dark .content-empty h2,
.tone-dark .content-empty .message {
    color: #444;
}

/* Sortable listings */
.sort-listing {
    display: none;
}

.sort-listing .selection-count:before {
    content: " (";
}

.sort-listing .selection-count:after {
    content: ")";
    margin-right: 5px;
}

.disabled.sort-listing .selection-count:before,
.disabled.sort-listing .selection-count:after {
    display: none;
}


/*
 * USER STYLES
 * ---------------------------------------------
 */
.user-image {
    display: inline-block;
}

.user-image img,
img.user-image {
    display: block;
    border-radius: 3px;
}

.default-user-image {
    background: #E5E5E5;
    color: #FFF;
    text-align: center;
    position: relative;
}

.tone-dark .default-user-image {
    background: #555;
}

.default-user-image .icon {
    color: #FFF;
    font-size: 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    margin-top: -8px;
    display: block;
    line-height: 100%;
}

/* user avatar sizes */
img.user-image.size-70,
.default-user-image.size-70 {
    width: 70px;
    height: 70px;
}

.default-user-image.size-70 .icon {
    font-size: 38px;
    margin-left: -19px;
    margin-top: -19px;
}

img.user-image.size-60,
.default-user-image.size-60 {
    width: 60px;
    height: 60px;
}

.default-user-image.size-60 .icon {
    font-size: 32px;
    margin-left: -16px;
    margin-top: -16px;
}

img.user-image.size-40,
.default-user-image.size-40 {
    width: 40px;
    height: 40px;
}

.default-user-image.size-40 .icon {
    font-size: 22px;
    margin-left: -11px;
    margin-top: -11px;
}

.user-social-networks {
    font-size: 1em;
}

.user-social-networks,
.user-social-networks a {
    text-decoration: none;
    color: #BBB;
}

.user-social-networks a {
    padding: 2px;
}

.user-social-networks a:hover {
    color: #999;
}

.no-margin-top .top-user {
    min-height: 130px;
    /* height: auto; */
}

.top-user {
    position: relative;
    height: 110px;
    margin-top: 10px;
    margin-bottom: 10px;
    /* min-height: 100px; */
    height: auto;
}

.top-user>div {
    position: absolute;
    top: 0;
}

.top-user .top-user-credentials {
    position: static;
    padding-right: 220px;
    clear: both;
    overflow: visible;
}

.top-user.user-has-no-background .top-user-credentials {
    overflow: auto;
}

.phone .top-user .top-user-credentials {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
}

.phone .top-user .top-user-credentials>a {
    display: inline-block;
}

.top-user .header-content-right {
    right: 0;
}

.top-user .header-content-right>* {
    margin-bottom: 10px;
}

.top-user .header-content-right>*:last-child {
    margin-bottom: 0;
}

.phone .top-user .header-content-right {
    position: relative;
    /* height: 28px; */
    /* line-height: 28px; */
}

.phone .top-user .header-content-right>div {
    margin: 10px auto;

    text-align: center;
    width: 260px;
}

.phone .top-user .input-search {
    position: relative;
    top: auto;
    /* width: 230px; */
}

.phone .top-user .input-search form {
    position: relative;
}

.phone .top-user .number-figures {
    line-height: 28px;
}

.top-user h1 {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 10px;
    color: #000;
}

.top-user.user-has-no-background h1 {
    /*margin-top: 20px;*/
}

.tone-dark .top-user h1 {
    color: #FFF;
}

.phone .top-user h1,
.no-margin-top .top-user h1 {
    margin-top: 0;
}

.top-user h1 a {
    color: inherit;
    text-decoration: none;
}

.top-user .user-meta {
    margin-bottom: 10px;
}

body.no-margin-top .top-user .user-image {
    margin-top: -30px;
}

.top-user .user-image {
    width: 160px;
    height: 160px;
    border: 4px solid #FFF;
    float: left;
    margin-right: 10px;
    border-radius: 100%;
}

.tone-dark .top-user .user-image {
    border-color: #0b0b0b;
}

.phone .top-user .user-image {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.phone body.no-margin-top .top-user .user-image {
    margin-top: 10px;
}

.top-user img.user-image {
    background: #FFF;
}

.tone-dark .top-user img.user-image {
    background: #0b0b0b;
}


.top-user .user-image.no-border {
    border: none;
}

/*.top-user .user-image.default-user-image {
		border-color: #F9F9F9;
	}*/
.tone-dark .top-user .user-image.default-user-image {
    border-color: #0b0b0b;
}

.top-user .user-image.default-user-image .icon,
.user-settings-avatar .user-image.default-user-image .icon {
    font-size: 90px;
    width: 90px;
    height: 90px;
    margin-left: -45px;
    margin-top: -45px;
}

.top-user .number-figures {
    margin-top: 0;
}

.user-card.avatar {
    padding-left: 70px;
}

.user-card.no-avatar {
    padding-left: 0;
}

.user-card .or-separator {
    margin-top: 5px;
    margin-bottom: 5px;
}

.user-card .user-link {
    font-size: 0.93em;
}

.user-card-header h2 {
    font-size: 15px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 2px;
}

.user-card-header h2 a {
    color: inherit;
    text-decoration: none;
}

.tone-dark .user-card-header h2 a {
    color: #FFF;
}

.user-card-header div {
    color: #BBB;
}

.user-card-footer {
    overflow: hidden;
}

.user-card-footer .user-social-networks {
    margin-top: 3px;
}

.top-user .input-search .icon.close {
    top: 3px;
}

/*
 * AD-SPACES
 * ---------------------------------------------
 */
.ad-space {
    text-align: center;
}

.ad-margin-vertical {
    margin-top: 20px;
    margin-bottom: 20px;
}

.ad-margin-horizontal {
    margin-left: 20px;
    margin-right: 20px;
}

/* menu boxes */
[role=menu] {
    position: relative;
    overflow: visible;
}

.menu-box,
[role=menu]>.menu-box {
    z-index: 300;
}

[role=menu]>.menu-box {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    max-height: 10px;
    display: block;
    visibility: hidden;
    transition: 250ms all ease-in-out;
    opacity: 0;
    transform: translateY(-5px);
    transform-origin: top;
    max-height: 100vh;
}

[role=menu].opened>.menu-box {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

@media (min-width: 768px) {
    [role=menu]>.menu-box {
        transition: none;
    }
}

.menu-box {
    border: 0;
}

.menu-box,
.menu-box .menu-box-sub>ul,
.menu-box .menu-box-sub>.sub {
    background: #FFF;
    border-radius: 3px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    color: #333;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    top: 100%;
    /* Future Rodolfo: Remember that positions not /2 causes display issues in webkit + uhd */
    list-style: none;
    min-width: 190px;
    /* col-5 */
    padding: 0;
    margin: 0;
}

.menu-box--static {
    position: static;
    max-width: 190px;
}

.menu-box *:not(a),
.menu-box [role*=button] {
    color: #333;
}

.tone-dark .menu-box *:not(a),
.tone-dark .menu-box [role*=button] {
    color: #FFF;
}

.menu-box ul {
    margin: 0;
    padding: 0;
}

.float-left .menu-box,
.pull-left .menu-box,
menu-box.anchor-left {
    left: 0;
}

.float-right .menu-box,
.pull-right .menu-box,
.menu-box--anchor-right {
    right: 0;
}

.menu-box hr,
.menu-box .separator,
.menu-box [role=separator] {
    display: block;
    margin: 0;
    padding: 0;
    height: 0;
    border: 0;
    border-top: 1px solid #EBEBEB;
}

.menu-box--border-separators>* {
    border-bottom: 1px solid #EBEBEB;
}

.menu-box--border-separators>*:last-child {
    border-bottom: 0;
}

.menu-box--border-separators>hr {
    display: none;
}

.menu-box li,
.menu-box .sub,
.menu-box [role=box],
.menu-box [role*=button] {
    padding: 10px;
    list-style: none;
    position: relative;
    line-height: 1.4;
    clear: both;
    min-height: 40px;
    display: block;
}

.menu-box [role=box] {
    cursor: default;
}

.menu-box [role*=button] {
    padding-left: 35px;
    border-left: 2px solid transparent;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: start;
}

.menu-box--multiline [role*=button] {
    white-space: normal;
}

.menu-box--noicons li:not([role=button]) {
    padding-left: 0;
}

.menu-box--noicons [role=button] {
    padding-left: 10px;
    color: inherit;
}

.menu-box [role=button]:hover {
    border-left-color: #A66BBE;
}

.menu-box .disabled[role=button] {
    cursor: not-allowed;
    background: none;
    border-color: transparent !important;
    opacity: .5;
}

.menu-box li.menu-box-sub {
    padding-right: 34px;
    /* 10 + 14 + 10 */
}

.menu-box .menu-box-sub>ul,
.menu-box .menu-box-sub>.sub {
    display: none;
}

.menu-box .menu-box-sub:hover>ul,
.menu-box .menu-box-sub:hover>.sub {
    display: block;
}

.menu-box [role*=button]>.icon,
.menu-box li>.icon {
    font-size: 16px;
    width: 16px;
    height: 16px;
    text-align: center;
    position: absolute;
    left: 8px;
    /* 10 - 2 */
    top: 50%;
    margin-top: -8px;
}

.menu-box .menu-box-sub>.icon {
    left: auto;
    right: 10px;
}

.menu-box .menu-box-sub ul,
.menu-box .menu-box-sub .sub {
    cursor: default;
    position: absolute;
    top: 0;
    left: 100%;
}

.menu-box .meta {
    font-size: 0.93em;
    display: block;
}

.menu-box .empty {
    font-size: 1em;
    text-align: center;
    padding: 40px 20px;
}

.menu-box .empty>.icon {
    font-size: 64px;
    margin-bottom: 10px;
    display: block;
    color: #EBEBEB;
    position: static;
}

.menu-box a,
.menu-box a:hover {
    /*text-decoration: none;*/
}

/*
 * ARROW NAVIGATOR
 * ---------------------------------------------
 */
.arrow-navigator {}

.arrow-navigator a {
    display: block;
    height: 100%;
    text-decoration: none;
    text-align: center;
    color: #FFF;
    text-shadow: 0 0 5px #000;
    width: 40px;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: .5;
}

.arrow-navigator a:hover {
    opacity: .9;
}

.phone .arrow-navigator a,
.phone .arrow-navigator a:hover,
.phablet .arrow-navigator a,
.phablet .arrow-navigator a:hover {
    opacity: 1;
}

.arrow-navigator a.disabled {
    display: none;
}

.arrow-navigator a span {
    display: inline-block;
    font-size: 24px;
    width: 40px;
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    margin-top: -12px;
    margin-left: -20px;
}

/*
 * GROWL
 * ---------------------------------------------
 */
.growl {
    font-size: 14px;
    font-size: 1rem;
    background: #FFF5B3;
    background: rgba(255, 245, 179, .95);
    padding: 10px 30px;
    text-align: center;
    min-height: 36px;
    height: auto;
    width: 650px;
    position: fixed;
    left: 50%;
    top: 55px;
    margin-left: -325px;
    line-height: 1.2;
    z-index: 600;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
    cursor: default;
    color: #333;
}

.phone .growl {
    top: 0;
    left: 0;
    border-radius: 0;
    margin: 0;
    width: 100%;
    z-index: 1000;
    background: #FFF5B3;
    min-height: 50px;
    line-height: 18px;
    padding: 16px 36px;
}

.growl.static {
    margin-left: auto;
    position: relative;
    width: auto;
    top: 0;
    left: 0;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: initial;
}

.growl.dark {
    background: #000;
    background: rgba(0, 0, 0, .8);
    color: #CCC;
}

.growl .icon {
    font-size: 10px;
    position: absolute;
    right: 2px;
    top: 4px;
    cursor: pointer;
    padding: 10px;
    opacity: .9;
}

.growl.dark .icon {
    color: #FFF;
}

.phone .growl .icon {
    top: 10px;
}

.flex-center {
    margin: auto;
}

.width-full {
    width: 100%;
}

.height-full {
    height: 100%;
}

.width-min-full {
    min-width: 100%;
}

.height-min-full {
    min-height: 100%;
}

/*
 * FULL SCREENESQUE
 * ---------------------------------------------
 */
.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 1000;
    opacity: 0;
    -webkit-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
}

.fullscreen.black,
.black-bkg {
    background: rgba(0, 0, 0, .8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC000000, endColorstr=#CC000000);
}

.fullscreen.soft-black,
.soft-black-bkg {
    background: rgba(0, 0, 0, .6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000);
}

.fullscreen.white,
.white-bkg {
    background: rgba(255, 255, 255, .87);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#deffffff, endColorstr=#deffffff);
}

.fullscreen.soft-white,
.soft-white-bkg {
    background: rgba(255, 255, 255, .6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF, endColorstr=#7FFFFFFF);
}

.ie9 .fullscreen {
    -webkit-filter: none;
    filter: none;
}

/*
 * FULLSCREEN LOADER
 * ---------------------------------------------
 */
.fullscreen-loader {
    width: 150px;
    height: 150px;
    text-align: center;
    border-radius: 10px;
    color: #FFF;
    margin-top: -75px;
    margin-left: -75px;
    position: absolute;
    top: 50%;
    left: 50%;
    zoom: 1;
}

.loading-txt {
    position: absolute;
    bottom: 15px;
    left: 0;
    text-align: center;
    width: 100%;
}


/*
 * MODALS
 * ---------------------------------------------
 */
#fullscreen-modal {
    display: none;
}

.ie9 #fullscreen-modal {
    -webkit-filter: none;
    filter: none;
}

#fullscreen-modal-box {
    background: #FFF;
    width: 650px;
    /* 650, but 652 for box-sizing bug */
    margin: 0 auto;
    margin: 50px auto;
    padding: 30px;
    position: relative;
    -webkit-box-shadow: 0 0 50px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 50px 6px rgba(0, 0, 0, 0.25);
}

.tone-dark #fullscreen-modal-box,
.tone-dark #fullscreen-modal-box .or-separator span {
    background: #161616;
}

.phone #fullscreen-modal-box {
    width: 100%;
    margin: 0;
    padding: 20px;
    max-height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

#fullscreen-modal-box h1,
#fullscreen-modal-box .modal-box-title {
    display: block;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 100%;
    padding-right: 32px;
    padding-right: 32px;
}

.tone-dark #fullscreen-modal-box h1,
.tone-dark #fullscreen-modal-box .modal-box-title {
    border-color: #212121;
}

.phone #fullscreen-modal-box h1,
.phone #fullscreen-modal-box .modal-box-title {
    font-size: 1.28em;
}

#fullscreen-modal-box h2 {
    font-size: 1.14em;
}

#fullscreen-modal-box h2 * {
    font-weight: normal;
}

#fullscreen-modal-box .or-separator {
    margin-top: 16px;
}

#fullscreen-modal-box p {
    font-size: 1em;
    line-height: 160%;
    margin-top: 10px;
    margin-bottom: 10px;
}

#fullscreen-modal-box p:firt-child {
    margin-top: 0;
}

#fullscreen-modal-box .btn-container {
    margin-bottom: 0;
}

.phone #fullscreen-modal-box .btn-container {
    text-align: center;
}

#fullscreen-modal-box .close-modal.icon-close {
    position: absolute;
    right: 20px;
    top: 25px;
    cursor: pointer;
    font-size: 12px;
    width: 32px;
    height: 32px;
    padding: 10px;
    color: #CCC;
}

#fullscreen-modal-box .close-modal.icon-close:hover {
    color: #BBB;
}

.phone #fullscreen-modal-box .close-modal.icon-close,
.phone #fullscreen-modal-box .close-modal.icon-close:hover {
    right: 10px;
    top: 15px;
    color: #333;
}

.modal-form {}

.modal-form textarea {
    height: 70px;
    resize: none;
}

.fancy-box {
    padding: 20px;
    background: #FFF;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2);
    border-radius: 3px;
}

.tone-dark .fancy-box {
    color: #FFF;
    background-color: #0b0b0b;
}

.fancy-box p {
    margin-block-start: 1em;
    margin-block-end: 1em;
}

.fancy-box .or-separator {
    height: 1px;
    margin: 0;
}

/* .fancy-box p:last-child {
		margin-bottom: 0;
	} */
/* .tone-dark .fancy-box .or-separator {
		border-color: #333;
	}
	.tone-dark .fancy-box .or-separator span {
		background-color: #1E1E1E;
	} */

/* Discard / commit changes */
#fullscreen-changes-confirm {
    background: #FFF;
    padding: 40px 0;
    margin-top: 75px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .25);
    box-shadow: 0 4px 16px rgba(0, 0, 0, .25);
}

.tone-dark #fullscreen-changes-confirm {
    background: #1E1E1E;
}

#fullscreen-changes-confirm h2 {
    font-size: 18px;
    line-height: 18px;
    color: inherit;
}

/*
 * FULL SCREEN VIEWER
 * ---------------------------------------------
 */
.fullscreen-viewer {
    background: #000;
    background: rgba(0, 0, 0, .9);
    color: #BBB;
    display: none;
}

.fullscreen-viewer-top {
    height: 50px;
    width: 100%;
    background: #000;
}

.fullscreen-viewer-top-user,
.fullscreen-viewer-navigation {
    margin-top: 8px;
}

.fullscreen-viewer-top-user {}

.fullscreen-viewer-top-user img {
    width: 34px;
    height: 34px;
    margin-right: 10px;
}

.fullscreen-viewer-navigation {
    font-size: 16px;
    font-size: 1.143rem;
    height: 26px;
    position: relative;
    z-index: 100;

}

.fullscreen-viewer-navigation a {
    display: inline-block;
    color: #BBB;
    color: rgba(255, 255, 255, .7);
    text-decoration: none;
    padding: 8px;
}

.fullscreen-viewer-navigation a:hover {
    color: #FFF;
}

.fullscreen-viewer-navigation a.disabled {
    color: #BBB;
    color: rgba(255, 255, 255, .4);
    cursor: default;
}

.fullscreen-viewer-content {
    text-align: center;
    height: 100%;
    position: relative;
    display: none;
}

.js .fullscreen-viewer-content {
    /*display: none;*/
}

.fullscreen-viewer-content img {
    max-width: 100%;
    max-height: 100%;
    -webkit-box-shadow: 0 0 6px 0 #000000;
    box-shadow: 0 0 6px 0 #000000;
}


/*
 * COOKIE LAW
 * ---------------------------------------------
 */
#cookie-law-banner {
    position: fixed;
    padding: 10px;
    width: 100%;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    color: #FFF;
    font-size: 0.93em;
}

#cookie-law-banner p {
    padding-right: 20px;
}

a.cookie-law-close {
    color: inherit;
    text-decoration: none;
    position: absolute;
    right: 0;
    top: 3px;
    font-size: 0.72em;
    opacity: .5;
}

a.cookie-law-close:hover {
    opacity: 1;
}

/*
 * LAYOUT
 * ---------------------------------------------
 */

/* default grid is a 960 width 24cols (30px) | 10 gutter */



/* grid rows */
.r1 {
    height: 30px;
}

.r2 {
    height: 70px;
}

.r3 {
    height: 110px;
}

.r4 {
    height: 150px;
}

.r5 {
    height: 190px;
}

.r6 {
    height: 230px;
}

.r7 {
    height: 270px;
}

.r8 {
    height: 310px;
}

.r9 {
    height: 350px;
}

.r10 {
    height: 390px;
}

.r11 {
    height: 430px;
}

.r12 {
    height: 470px;
}

.r13 {
    height: 510px;
}

.r14 {
    height: 550px;
}

.r15 {
    height: 590px;
}

.r16 {
    height: 630px;
}

.r17 {
    height: 670px;
}

.r18 {
    height: 710px;
}

.r19 {
    height: 750px;
}

.r20 {
    height: 790px;
}

.r11 {
    height: 830px;
}

.r22 {
    height: 870px;
}

.r23 {
    height: 910px;
}

.r24 {
    height: 950px;
}

.columns-container {
    overflow: auto;
}

.grid-columns {
    display: block;
    float: left;
}

.gutter-margin-right,
.gutter-margin-right-bottom {
    margin-right: 10px;
}

.gutter-margin-bottom,
.gutter-margin-right-bottom,
.gutter-margin-left-bottom {
    margin-bottom: 10px;
}

.gutter-margin-left,
.gutter-margin-left-bottom {
    margin-left: 10px;
}

.gutter-width {
    width: 10px;
}

/*
 * RESPONSIVE
 * ---------------------------------------------
 */

@media (min-width: 480px) {
    /*.content-width {
		width: 100%;
	}*/
}

/* Peafowl max static cols 24x30 = 950 */
.col-1-min {
    min-width: 30px;
}

.col-2-min {
    min-width: 70px;
}

.col-3-min {
    min-width: 110px;
}

.col-4-min {
    min-width: 150px;
}

.col-5-min {
    min-width: 190px;
}

.col-6-min {
    min-width: 230px;
}

.col-7-min {
    min-width: 270px;
}

.col-8-min {
    min-width: 310px;
}

.col-9-min {
    min-width: 350px;
}

.col-10-min {
    min-width: 390px;
}

.col-11-min {
    min-width: 430px;
}

.col-12-min {
    min-width: 470px;
}

.col-13-min {
    min-width: 510px;
}

.col-14-min {
    min-width: 550px;
}

.col-15-min {
    min-width: 590px;
}

.col-16-min {
    min-width: 630px;
}

.col-17-min {
    min-width: 670px;
}

.col-18-min {
    min-width: 710px;
}

.col-19-min {
    min-width: 750px;
}

.col-20-min {
    min-width: 790px;
}

.col-21-min {
    min-width: 830px;
}

.col-22-min {
    min-width: 870px;
}

.col-23-min {
    min-width: 910px;
}

.col-24-min {
    min-width: 950px;
}

.col-1-max {
    max-width: 30px;
}

.col-2-max {
    max-width: 70px;
}

.col-3-max {
    max-width: 110px;
}

.col-4-max {
    max-width: 150px;
}

.col-5-max {
    max-width: 190px;
}

.col-6-max {
    max-width: 230px;
}

.col-7-max {
    max-width: 270px;
}

.col-8-max {
    max-width: 310px;
}

.col-9-max {
    max-width: 350px;
}

.col-10-max {
    max-width: 390px;
}

.col-11-max {
    max-width: 430px;
}

.col-12-max {
    max-width: 470px;
}

.col-13-max {
    max-width: 510px;
}

.col-14-max {
    max-width: 550px;
}

.col-15-max {
    max-width: 590px;
}

.col-16-max {
    max-width: 630px;
}

.col-17-max {
    max-width: 670px;
}

.col-18-max {
    max-width: 710px;
}

.col-19-max {
    max-width: 750px;
}

.col-20-max {
    max-width: 790px;
}

.col-21-max {
    max-width: 830px;
}

.col-22-max {
    max-width: 870px;
}

.col-23-max {
    max-width: 910px;
}

.col-24-max {
    max-width: 950px;
}

@media (min-width: 768px) {

    /* grid columns */
    .c1 {
        width: 30px;
    }

    .c2 {
        width: 70px;
    }

    .c3 {
        width: 110px;
    }

    .c4 {
        width: 150px;
    }

    .c5 {
        width: 190px;
    }

    .c6 {
        width: 230px;
    }

    .c7 {
        width: 270px;
    }

    .c8 {
        width: 310px;
    }

    .c9 {
        width: 350px;
    }

    .c10 {
        width: 390px;
    }

    .c11 {
        width: 430px;
    }

    .c12 {
        width: 470px;
    }

    .c13 {
        width: 510px;
    }

    .c14 {
        width: 550px;
    }

    .c15 {
        width: 590px;
    }

    .c16 {
        width: 630px;
    }

    .c17 {
        width: 670px;
    }

    .c18 {
        width: 710px;
    }

    /* fluid grid columns */
    .fluid-column.c1 {
        width: 3.157%;
    }

    .fluid-column.c2 {
        width: 7.368%;
    }

    .fluid-column.c3 {
        width: 11.578%;
    }

    .fluid-column.c4 {
        width: 15.789%;
    }

    .fluid-column.c5 {
        width: 20%;
    }

    .fluid-column.c6 {
        width: 24.210%;
    }

    .fluid-column.c7 {
        width: 28.421%;
    }

    .fluid-column.c8 {
        width: 32.631%;
    }

    .fluid-column.c9 {
        width: 36.842%;
    }

    .fluid-column.c10 {
        width: 41.052%;
    }

    .fluid-column.c11 {
        width: 45.263%;
    }

    .fluid-column.c12 {
        width: 49.473%;
    }

    .fluid-column.c13 {
        width: 53.684%;
    }

    .fluid-column.c14 {
        width: 57.894%;
    }

    .fluid-column.c15 {
        width: 62.105%;
    }

    .fluid-column.c16 {
        width: 66.315%;
    }

    .fluid-column.c17 {
        width: 70.526%;
    }

    .fluid-column.c18 {
        width: 74.736%;
    }
}

@media (min-width: 992px) {
    .content-width {
        width: 100%;
        min-width: 970px;
    }

    /* grid columns */
    .c19 {
        width: 750px;
    }

    .c20 {
        width: 790px;
    }

    .c21 {
        width: 830px;
    }

    .c22 {
        width: 870px;
    }

    .c23 {
        width: 910px;
    }

    .c24 {
        width: 950px;
    }

    /* fluid grid columns */
    .fluid-column.c19 {
        width: 78.947%;
    }

    .fluid-column.c20 {
        width: 83.157%;
    }

    .fluid-column.c21 {
        width: 87.368%;
    }

    .fluid-column.c22 {
        width: 91.578%;
    }

    .fluid-column.c23 {
        width: 95.789%;
    }

    .fluid-column.c24 {
        width: 100%;
    }

    .top-btn-text .btn-text {
        margin-left: 7px;
    }

    /* pop arrow */
    .pop-box .arrow-up {
        border-bottom-color: #FFF;
    }

    .pop-box .arrow-down {
        border-top-color: #FFF;
    }

    .pop-box .arrow-up {
        border-width: 0 6px 6px;
        position: absolute;
        top: -6px;
    }

    .pop-box .arrow-down {
        border-width: 6px 6px 0 6px;
    }

    .pop-box .arrow-up,
    .pop-box.left-anchor .arrow-up {
        left: 10px;
    }

    .pop-box.anchor-center .arrow-up {
        left: 50%;
        margin-left: -6px;
    }

    .pop-box.anchor-right .arrow-up {
        left: auto;
        right: 10px;
    }

}

@media (min-width: 992px) and (max-width: 1920px) {
    .content-width {
        max-width: 1800px;
    }
}

@media (min-width: 1921px) and (max-width: 2560px) {
    .content-width {
        max-width: 2440px;
    }
}

@media (min-width: 3840px) {
    .content-width {
        max-width: 3720px;
    }
}

/*
 * CSS HELPERS
 * ---------------------------------------------
 */

.color-white {
    color: #FFF !important;
}

.color-black {
    color: #333 !important;
}

.color-grey {
    color: #CCC !important;
}

.color-green {
    color: #27AE61 !important;
}

.color-red {
    color: #E84C3D !important;
}

.color-blue {
    color: #2A80B9 !important;
}

.color-orange {
    color: #FE771D !important;
}

.color-yellow {
    color: #f1c40f !important;
}

.color-inherit {
    color: inherit !important;
}

.color-initial {
    color: initial !important;
}

.height-auto {
    height: auto;
}

.width-auto {
    width: auto;
}

.height-100p {
    height: 100%;
}

.width-100p {
    width: 100%;
}

.color-facebook {
    color: #3b5998;
}

.color-twitter {
    color: #1da1f2;
}

.color-google {
    color: #ea4335;
}

.color-vk {
    color: #45668e;
}

.border-color-facebook {
    border-color: #3b5998;
}

.border-color-twitter {
    border-color: #1da1f2;
}

.border-color-google {
    border-color: #ea4335;
}

.border-color-vk {
    border-color: #45668e;
}

.opacity-10 {
    opacity: .1;
}

.opacity-20 {
    opacity: .2;
}

.opacity-30 {
    opacity: .3;
}

.opacity-40 {
    opacity: .4;
}

.opacity-50 {
    opacity: .5;
}

.opacity-60 {
    opacity: .6;
}

.opacity-70 {
    opacity: .7;
}

.opacity-80 {
    opacity: .8;
}

.opacity-90 {
    opacity: .9;
}

.opacity-100 {
    opacity: 1;
}

.background-black {
    background: black !important;
}

.background-white {
    background: white !important;
}

.background-transparent {
    background: transparent !important;
}

.background-gradient-white-left {
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(35%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 1)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}

.background-gradient-white-right {
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 1)), color-stop(80%, rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
}

.font-weight-bold {
    font-weight: bold !important;
}

.font-weight-normal {
    font-weight: normal !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-default {
    cursor: default !important;
}

.cursor-zoom-in {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.cursor-zoom-out {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.font-size-small {
    font-size: small !important;
}

.font-size-medium {
    font-size: medium !important;
}

.font-size-large {
    font-size: large !important;
}

.font-size-inherit {
    font-size: inherit !important;
}

.font-size-10 {
    font-size: 10px !important;
}

.font-size-11 {
    font-size: 11px !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.font-size-13 {
    font-size: 13px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-15 {
    font-size: 15px !important;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-17 {
    font-size: 17px !important;
}

.font-size-18 {
    font-size: 18px !important;
}

.height-100p {
    height: 100% !important;
}

.height-120p {
    height: 120% !important;
}

.top-0 {
    top: 0px;
}

.top-10 {
    top: 10px;
}

.top-20 {
    top: 20px;
}

.top-30 {
    top: 30px;
}

.top-40 {
    top: 40px;
}

.right-0 {
    right: 0px;
}

.right-10 {
    right: 10px;
}

.right-20 {
    right: 20px;
}

.right-30 {
    right: 30px;
}

.right-40 {
    right: 40px;
}

.bottom-0 {
    bottom: 0px;
}

.bottom-10 {
    bottom: 10px;
}

.bottom-20 {
    bottom: 20px;
}

.bottom-30 {
    bottom: 30px;
}

.bottom-40 {
    bottom: 40px;
}

.left-0 {
    left: 0px;
}

.left-10 {
    left: 10px;
}

.left-20 {
    left: 20px;
}

.left-30 {
    left: 30px;
}

.left-40 {
    left: 40px;
}

.display-none {
    display: none;
}

.display-none-forced {
    display: none !important;
}

.display-block {
    display: block;
}

.display-block-forced {
    display: block !important;
}

.display-flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}

.visibility-hidden {
    visibility: hidden;
}

.clear-both {
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.border-0,
.no-border {
    border: none;
}

.border-top-0 {
    border-top: 0;
}

.border-right-0 {
    border-right: 0;
}

.border-bottom-0 {
    border-bottom: 0;
}

.border-left-0 {
    border-left: 0;
}

.box-shadow-none {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.word-break-break-all {
    word-break: break-all;
}

.word-break-break-word {
    word-break: break-word;
}

.margin-0 {
    margin: 0 !important;
}

.margin-5 {
    margin: 5px !important;
}

.margin-10 {
    margin: 10px !important;
}

.margin-20 {
    margin: 20px !important;
}

.margin-30 {
    margin: 20px !important;
}

.margin-40 {
    margin: 20px !important;
}

.margin-top-0,
.phone .phone-margin-top-0,
.phablet .phablet-margin-top-0 {
    margin-top: 0 !important;
}

.margin-top-5,
.phone .phone-margin-top-5,
.phablet .phablet-margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-10,
.phone .phone-margin-top-10,
.phablet .phablet-margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-20,
.phone .phone-margin-top-20,
.phablet .phablet-margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-right-auto {
    margin-right: auto !important;
}

.margin-right-0,
.phone .phone-margin-right-0,
.phablet .phablet-margin-right-0 {
    margin-right: 0 !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-right-40 {
    margin-right: 40px !important;
}

.margin-bottom-0,
.phone .phone-margin-bottom-0,
.phablet .phablet-margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-10,
.phone .phone-margin-bottom-10,
.phablet .phablet-margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-20,
.phone .phone-margin-bottom-20,
.phablet .phablet-margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-left-auto {
    margin-left: auto !important;
}

.margin-left-0,
.phone .phone-margin-left-0,
.phablet .phablet-margin-left-0 {
    margin-left: 0 !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-left-40 {
    margin-left: 40px !important;
}

.padding-5 {
    padding: 5px !important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-30 {
    padding: 20px !important;
}

.padding-40 {
    padding: 20px !important;
}

.padding-top-5 {
    padding-top: 5px !important;
}

.padding-top-0 {
    padding-top: 0 !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-top-40 {
    padding-top: 40px !important;
}

.padding-right-5 {
    padding-right: 5px !important;
}

.padding-right-0 {
    padding-right: 0 !important;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.padding-right-20 {
    padding-right: 20px !important;
}

.padding-right-30 {
    padding-right: 30px !important;
}

.padding-right-40 {
    padding-right: 40px !important;
}

.padding-bottom-5 {
    padding-bottom: 5px !important;
}

.padding-bottom-0 {
    padding-bottom: 0 !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-bottom-30 {
    padding-bottom: 30px !important;
}

.padding-bottom-40 {
    padding-bottom: 40px !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.padding-left-10 {
    padding-left: 10px !important;
}

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-left-30 {
    padding-left: 30px !important;
}

.padding-left-40 {
    padding-left: 40px !important;
}

.position-static {
    position: static;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.position-fixed {
    position: fixed;
}

.text-align-left {
    text-align: left;
}

.text-align-center {
    text-align: center;
}

.text-align-right {
    text-align: right;
}

.text-align-justify {
    text-align: justify;
}

.text-decoration-none {
    text-decoration: none !important;
}

.display-block {
    display: block;
}

.display-inline {
    display: inline;
}

.display-inline-table {
    display: inline-table;
}

.display-inline-block {
    display: inline-block;
}

.display-table-cell {
    display: table-cell;
}

.word-break-break-all {
    word-break: break-all;
}

.list-style-position-inside li {
    list-style-position: inside !important;
}

.list-style-position-outside li {
    list-style-position: outside !important;
}

.list-style-type-disc li {
    list-style-type: disc !important;
}

.list-style-type-decimal li {
    list-style-type: decimal !important;
}

.center-box {
    margin-right: auto !important;
    margin-left: auto !important;
}

/* ie7 */
.display-inline-block,
.display-table-cell {
    *display: inline;
    zoom: 1;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

.resize-vertical {
    resize: vertical !important;
}

.no-resize,
.resize-none {
    resize: none !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-visible {
    overflow: visible !important;
}

.overflow-scroll {
    overflow: scroll !important;
}

.overflow-x-auto {
    overflow-x: auto !important;
}

.overflow-y-auto {
    overflow-y: auto !important;
}

.overflow-x-hidden {
    overflow-x: hidden !important;
}

.overflow-y-hidden {
    overflow-y: hidden !important;
}

.overflow-x-visible {
    overflow-x: visible !important;
}

.overflow-y-visible {
    overflow-y: visible !important;
}

.overflow-x-scroll {
    overflow-x: scroll !important;
}

.overflow-y-scroll {
    overflow-y: scroll !important;
}

.text-transform-capitalize {
    text-transform: capitalize;
}

.text-transform-uppercase {
    text-transform: uppercase;
}

/* some defaults */
.default-margin-top {
    margin-top: 20px;
}

.default-margin-bottom {
    margin-bottom: 20px;
}


.phone .content-width,
.phablet .content-width {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/*
 * RESPONSIVE TOOLS
 * ---------------------------------------------
 */
.phone .phone-hide,
.phablet .phablet-hide,
.tablet .tablet-hide,
.laptop .laptop-hide,
.desktop .desktop-hide,
.largescreen .desktop-hide {
    display: none !important;
}

.phone .phone-show,
.phone .phone-display-block,
.phablet .phablet-show,
.phablet .phablet-display-block,
.tablet .tablet-show,
.tablet .tablet-display-block,
.laptop .laptop-show,
.laptop .laptop-display-block,
.desktop .desktop-show,
.desktop .desktop-display-block,
.largescreen .desktop-show,
.largescreen .desktop-display-block {
    display: block !important;
}

.phone .phone-display-inline,
.phablet .phablet-display-inline,
.tablet .tablet-display-inline,
.laptop .laptop-display-inline,
.desktop .desktop-display-inline {
    display: inline !important;
}

.phone .phone-display-inline-block,
.phablet .phablet-display-inline-block,
.tablet .tablet-display-inline-block,
.laptop .laptop-display-inline-block,
.desktop .desktop-display-inline-block {
    display: inline-block !important;
}

.image-responsive {
    max-width: 100% !important;
    width: auto !important;
}

.phone .phone-float-none,
.phablet .phablet-float-none,
.tablet .tablet-float-none,
.laptop .laptop-float-none,
.desktop .desktop-float-none {
    float: none;
    clear: both;
}

.phone .grid-columns,
.phablet .grid-columns {
    float: none;
    margin-left: 0;
    margin-right: 0;
}

.phone .phone-float-left,
.phablet .phablet-float-left {
    float: left !important;
}

.phone .phone-c1,
.phablet .phablet-c1,
.phone .fluid-column.phone-c1,
.phone .fluid-column.phablet-c1 {
    width: 100%;
}

.phone .phone-text-align-left,
.phablet .phablet-text-align-left {
    text-align: left !important;
}

.phone .phone-text-align-center,
.phablet .phablet-text-align-center {
    text-align: center !important;
}

/*
 * TIPTIP
 * ---------------------------------------------
 */
#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999;
}

#tiptip_holder.tip_top {
    padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
    padding-top: 5px;
}

#tiptip_holder.tip_right {
    padding-left: 5px;
}

#tiptip_holder.tip_left {
    padding-right: 5px;
}

#tiptip_content {
    font-size: 12px;
    color: #FFF;
    padding: 6px 8px;
    background-color: #333;
    background-color: rgba(0, 0, 0, .8);
    word-break: break-word;
}

.tone-dark #tiptip_content {
    color: #000;
    background: #FFF5B3;
    background: rgba(255, 255, 255, .95);
}

#tiptip_arrow,
#tiptip_arrow_inner {
    position: absolute;
    border-color: transparent;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-top-color: #333;
    border-top-color: rgba(0, 0, 0, .8);
}

.tone-dark #tiptip_holder.tip_top #tiptip_arrow_inner {
    border-top-color: #FFF;
    border-top-color: rgba(255, 255, 255, .95);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -7px;
    border-bottom-color: #333;
    border-bottom-color: rgba(0, 0, 0, .8);
}

.tone-dark #tiptip_holder.tip_bottom #tiptip_arrow_inner {
    border-bottom-color: #FFF;
    border-bottom-color: rgba(255, 255, 255, .95);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -6px;
    border-right-color: #333;
    border-right-color: rgba(0, 0, 0, .8);
}

.tone-dark #tiptip_holder.tip_right #tiptip_arrow_inner {
    border-right-color: #FFF;
    border-right-color: rgba(255, 255, 255, .95);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
    margin-top: -6px;
    margin-left: -6px;
    border-left-color: #333;
    border-left-color: rgba(0, 0, 0, .8);
}

.tone-dark #tiptip_holder.tip_left #tiptip_arrow_inner {
    border-left-color: #FFF;
    border-left-color: rgba(255, 255, 255, .95);
}

/*
 * ANTISCROLL
 * ---------------------------------------------
 */
.antiscroll-wrap {
    display: block;
    position: relative;
    overflow: hidden;
}

.antiscroll-scrollbar {
    background: gray;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 7px;
    -webkit-box-shadow: 0 0 1px #fff;
    box-shadow: 0 0 1px #fff;
    position: absolute;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-transition: linear 250ms opacity;
    -moz-transition: linear 250ms opacity;
    -o-transition: linear 250ms opacity;
}

.antiscroll-scrollbar-shown {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.antiscroll-scrollbar-horizontal {
    height: 7px;
    margin-left: 2px;
    bottom: 2px;
    left: 0;
}

.antiscroll-scrollbar-vertical {
    width: 7px;
    margin-top: 2px;
    right: 2px;
    top: 0;
}

.antiscroll-inner {
    overflow: scroll;
}

/** A bug in Chrome 25 on Lion requires each selector to have their own
    blocks. E.g. the following:

    .antiscroll-inner::-webkit-scrollbar, .antiscroll-inner::scrollbar {...}

    causes the width and height rules to be ignored by the browser resulting
    in both native and antiscroll scrollbars appearing at the same time.
 */
.antiscroll-inner::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.antiscroll-inner::scrollbar {
    width: 0;
    height: 0;
}

/*
 * RECAPTCHA
 *
 */
#recaptcha_table.recaptcha_theme_clean #recaptcha_image {
    border: 0 !important;
}

#recaptcha_response_field {
    height: auto;
}

/*
 * Input-action button (old copy button)
 */
.copy-hover-display button.input-action,
.copy-hover-display button.copy-input {
    visibility: hidden;
}

.phone button.input-action,
.pablet button.input-action,
.copy-hover-display:hover button.input-action,
.phone button.copy-input,
.pablet button.copy-input,
.copy-hover-display:hover button.copy-input {
    visibility: visible;
}

button.input-action,
button.copy-input {
    position: absolute;
    right: 7px;
    top: .8181em;
    background-color: #DEDEDE;
    text-transform: uppercase;
    cursor: pointer;
    line-height: 1;
    font-size: 11px;
    padding: 4px 6px;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*
 * ICON SIZES
 * ---------------------------------------------
 */

.icon-16 {
    font-size: 16px !important;
    font-size: 1.143rem !important;
    width: 16px !important;
    width: 1.143rem !important;
    height: 16px !important;
    height: 1.143rem !important;
}

/*
 * ICOMOON
 * ---------------------------------------------
 */
/* Icons (custom made + library) thanks to icomoon */
@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?x4x4bl');
    src: url('fonts/icomoon.eot?x4x4bl#iefix') format('embedded-opentype'),
        url('fonts/icomoon.woff?x4x4bl') format('woff'),
        url('fonts/icomoon.ttf?x4x4bl') format('truetype'),
        url('fonts/icomoon.svg?x4x4bl#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-whatsapp:before {
    content: "\ea93";
}

.icon-home:before {
    content: "\e627";
}

.icon-home2:before {
    content: "\e628";
}

.icon-home3:before {
    content: "\e629";
}

.icon-office:before {
    content: "\e62a";
}

.icon-newspaper:before {
    content: "\e62b";
}

.icon-pencil:before {
    content: "\e62c";
}

.icon-pencil2:before {
    content: "\e62d";
}

.icon-quill:before {
    content: "\e62e";
}

.icon-pen:before {
    content: "\e62f";
}

.icon-blog:before {
    content: "\e630";
}

.icon-droplet:before {
    content: "\e631";
}

.icon-paint-format:before {
    content: "\e632";
}

.icon-image:before {
    content: "\e633";
}

.icon-image2:before {
    content: "\e634";
}

.icon-images2:before {
    content: "\e635";
}

.icon-camera2:before {
    content: "\e636";
}

.icon-music:before {
    content: "\e637";
}

.icon-headphones:before {
    content: "\e638";
}

.icon-play:before {
    content: "\e639";
}

.icon-film:before {
    content: "\e63a";
}

.icon-camera3:before {
    content: "\e63b";
}

.icon-dice:before {
    content: "\e63c";
}

.icon-pacman:before {
    content: "\e63d";
}

.icon-spades:before {
    content: "\e63e";
}

.icon-clubs:before {
    content: "\e63f";
}

.icon-diamonds:before {
    content: "\e640";
}

.icon-pawn:before {
    content: "\e641";
}

.icon-bullhorn:before {
    content: "\e642";
}

.icon-connection:before {
    content: "\e643";
}

.icon-podcast:before {
    content: "\e644";
}

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

.icon-book:before {
    content: "\e646";
}

.icon-books:before {
    content: "\e647";
}

.icon-library:before {
    content: "\e648";
}

.icon-file:before {
    content: "\e649";
}

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

.icon-file2:before {
    content: "\e64b";
}

.icon-file3:before {
    content: "\e64c";
}

.icon-file4:before {
    content: "\e64d";
}

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

.icon-copy2:before {
    content: "\e64f";
}

.icon-copy3:before {
    content: "\e650";
}

.icon-paste:before {
    content: "\e651";
}

.icon-paste2:before {
    content: "\e652";
}

.icon-paste3:before {
    content: "\e653";
}

.icon-stack:before {
    content: "\e654";
}

.icon-folder:before {
    content: "\e655";
}

.icon-folder-open:before {
    content: "\e656";
}

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

.icon-tags:before {
    content: "\e658";
}

.icon-barcode:before {
    content: "\e659";
}

.icon-qrcode:before {
    content: "\e65a";
}

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

.icon-cart:before {
    content: "\e65c";
}

.icon-cart2:before {
    content: "\e65d";
}

.icon-cart3:before {
    content: "\e65e";
}

.icon-coin:before {
    content: "\e65f";
}

.icon-credit:before {
    content: "\e660";
}

.icon-calculate:before {
    content: "\e661";
}

.icon-support:before {
    content: "\e662";
}

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

.icon-phone-hang-up:before {
    content: "\e664";
}

.icon-address-book:before {
    content: "\e665";
}

.icon-notebook:before {
    content: "\e666";
}

.icon-pushpin:before {
    content: "\e668";
}

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

.icon-location2:before {
    content: "\e66a";
}

.icon-compass:before {
    content: "\e66b";
}

.icon-map:before {
    content: "\e66c";
}

.icon-map2:before {
    content: "\e66d";
}

.icon-history:before {
    content: "\e66e";
}

.icon-clock2:before {
    content: "\e66f";
}

.icon-clock3:before {
    content: "\e670";
}

.icon-alarm:before {
    content: "\e671";
}

.icon-alarm2:before {
    content: "\e672";
}

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

.icon-stopwatch:before {
    content: "\e674";
}

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

.icon-calendar2:before {
    content: "\e676";
}

.icon-print:before {
    content: "\e677";
}

.icon-keyboard:before {
    content: "\e678";
}

.icon-screen:before {
    content: "\e679";
}

.icon-laptop:before {
    content: "\e67a";
}

.icon-mobile:before {
    content: "\e67b";
}

.icon-mobile2:before {
    content: "\e67c";
}

.icon-tablet:before {
    content: "\e67d";
}

.icon-tv:before {
    content: "\e67e";
}

.icon-cabinet:before {
    content: "\e67f";
}

.icon-drawer:before {
    content: "\e680";
}

.icon-drawer2:before {
    content: "\e681";
}

.icon-drawer3:before {
    content: "\e682";
}

.icon-box-add:before {
    content: "\e683";
}

.icon-box-remove:before {
    content: "\e684";
}

.icon-download2:before {
    content: "\e685";
}

.icon-upload:before {
    content: "\e686";
}

.icon-disk:before {
    content: "\e687";
}

.icon-storage:before {
    content: "\e688";
}

.icon-undo:before {
    content: "\e689";
}

.icon-redo:before {
    content: "\e68a";
}

.icon-flip:before {
    content: "\e68b";
}

.icon-flip2:before {
    content: "\e68c";
}

.icon-undo2:before {
    content: "\e68d";
}

.icon-redo2:before {
    content: "\e68e";
}

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

.icon-reply2:before {
    content: "\e690";
}

.icon-bubble:before {
    content: "\e691";
}

.icon-bubbles:before {
    content: "\e692";
}

.icon-bubbles2:before {
    content: "\e693";
}

.icon-bubble2:before {
    content: "\e694";
}

.icon-bubbles3:before {
    content: "\e695";
}

.icon-bubbles4:before {
    content: "\e696";
}

.icon-user2:before {
    content: "\e697";
}

.icon-users:before {
    content: "\e698";
}

.icon-user3:before {
    content: "\e699";
}

.icon-users2:before {
    content: "\e69a";
}

.icon-user4:before {
    content: "\e69b";
}

.icon-user5:before {
    content: "\e69c";
}

.icon-quotes-left:before {
    content: "\e69d";
}

.icon-busy:before {
    content: "\e69e";
}

.icon-spinner:before {
    content: "\e69f";
}

.icon-spinner2:before {
    content: "\e6a0";
}

.icon-spinner3:before {
    content: "\e6a1";
}

.icon-spinner4:before {
    content: "\e6a2";
}

.icon-spinner5:before {
    content: "\e6a3";
}

.icon-spinner6:before {
    content: "\e6a4";
}

.icon-binoculars:before {
    content: "\e6a5";
}

.icon-search2:before {
    content: "\e6a6";
}

.icon-zoom-in:before {
    content: "\e6a7";
}

.icon-zoom-out:before {
    content: "\e6a8";
}

.icon-expand:before {
    content: "\e6a9";
}

.icon-contract:before {
    content: "\e6aa";
}

.icon-expand2:before {
    content: "\e6ab";
}

.icon-bars:before {
    content: "\e6ac";
}

.icon-bars2:before {
    content: "\e6ad";
}

.icon-gift:before {
    content: "\e6ae";
}

.icon-trophy:before {
    content: "\e6af";
}

.icon-glass:before {
    content: "\e6b0";
}

.icon-mug:before {
    content: "\e6b1";
}

.icon-food:before {
    content: "\e6b2";
}

.icon-leaf:before {
    content: "\e6b3";
}

.icon-rocket:before {
    content: "\e6b4";
}

.icon-meter:before {
    content: "\e6b5";
}

.icon-meter2:before {
    content: "\e6b6";
}

.icon-dashboard:before {
    content: "\e6b7";
}

.icon-hammer:before {
    content: "\e6b8";
}

.icon-fire:before {
    content: "\e6b9";
}

.icon-lab:before {
    content: "\e6ba";
}

.icon-magnet:before {
    content: "\e6bb";
}

.icon-remove:before {
    content: "\e6bc";
}

.icon-remove2:before {
    content: "\e6bd";
}

.icon-briefcase:before {
    content: "\e6be";
}

.icon-airplane:before {
    content: "\e6bf";
}

.icon-truck:before {
    content: "\e6c0";
}

.icon-road:before {
    content: "\e6c1";
}

.icon-accessibility:before {
    content: "\e6c2";
}

.icon-target:before {
    content: "\e6c3";
}

.icon-shield:before {
    content: "\e6c4";
}

.icon-lightning:before {
    content: "\e6c5";
}

.icon-switch:before {
    content: "\e6c6";
}

.icon-power-cord:before {
    content: "\e6c7";
}

.icon-signup:before {
    content: "\e6c8";
}

.icon-list:before {
    content: "\e6c9";
}

.icon-list2:before {
    content: "\e6ca";
}

.icon-numbered-list:before {
    content: "\e6cb";
}

.icon-menu2:before {
    content: "\e6cc";
}

.icon-menu3:before {
    content: "\e6cd";
}

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

.icon-cloud:before {
    content: "\e6cf";
}

.icon-cloud-download:before {
    content: "\e6d0";
}

.icon-cloud-upload2:before {
    content: "\e6d1";
}

.icon-download3:before {
    content: "\e6d2";
}

.icon-upload2:before {
    content: "\e6d3";
}

.icon-download4:before {
    content: "\e6d4";
}

.icon-upload3:before {
    content: "\e6d5";
}

.icon-globe2:before {
    content: "\e6d6";
}

.icon-earth:before {
    content: "\e6d7";
}

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

.icon-flag:before {
    content: "\e6d9";
}

.icon-attachment:before {
    content: "\e6da";
}

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

.icon-eye-blocked:before {
    content: "\e6dc";
}

.icon-eye2:before {
    content: "\e6dd";
}

.icon-bookmark:before {
    content: "\e6de";
}

.icon-bookmarks:before {
    content: "\e6df";
}

.icon-brightness-medium:before {
    content: "\e6e0";
}

.icon-brightness-contrast:before {
    content: "\e6e1";
}

.icon-contrast:before {
    content: "\e6e2";
}

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

.icon-star2:before {
    content: "\e6e4";
}

.icon-star3:before {
    content: "\e6e5";
}

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

.icon-heart2:before {
    content: "\e6e7";
}

.icon-heart-broken:before {
    content: "\e6e8";
}

.icon-thumbs-up:before {
    content: "\e6e9";
}

.icon-thumbs-up2:before {
    content: "\e6ea";
}

.icon-happy:before {
    content: "\e6eb";
}

.icon-happy2:before {
    content: "\e6ec";
}

.icon-smiley:before {
    content: "\e6ed";
}

.icon-smiley2:before {
    content: "\e6ee";
}

.icon-tongue:before {
    content: "\e6ef";
}

.icon-tongue2:before {
    content: "\e6f0";
}

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

.icon-sad2:before {
    content: "\e6f2";
}

.icon-wink:before {
    content: "\e6f3";
}

.icon-wink2:before {
    content: "\e6f4";
}

.icon-grin:before {
    content: "\e6f5";
}

.icon-grin2:before {
    content: "\e6f6";
}

.icon-cool:before {
    content: "\e6f7";
}

.icon-cool2:before {
    content: "\e6f8";
}

.icon-angry:before {
    content: "\e6f9";
}

.icon-angry2:before {
    content: "\e6fa";
}

.icon-evil:before {
    content: "\e6fb";
}

.icon-evil2:before {
    content: "\e6fc";
}

.icon-shocked:before {
    content: "\e6fd";
}

.icon-shocked2:before {
    content: "\e6fe";
}

.icon-confused:before {
    content: "\e6ff";
}

.icon-confused2:before {
    content: "\e700";
}

.icon-neutral:before {
    content: "\e701";
}

.icon-neutral2:before {
    content: "\e702";
}

.icon-wondering:before {
    content: "\e703";
}

.icon-wondering2:before {
    content: "\e704";
}

.icon-point-up:before {
    content: "\e705";
}

.icon-point-right:before {
    content: "\e706";
}

.icon-point-down:before {
    content: "\e707";
}

.icon-point-left:before {
    content: "\e708";
}

.icon-warning:before {
    content: "\e709";
}

.icon-notification:before {
    content: "\e70a";
}

.icon-question:before {
    content: "\e70b";
}

.icon-stats:before {
    content: "\e70c";
}

.icon-pie:before {
    content: "\e70d";
}

.icon-bug:before {
    content: "\e70e";
}

.icon-aid:before {
    content: "\e70f";
}

.icon-wand:before {
    content: "\e710";
}

.icon-hammer2:before {
    content: "\e711";
}

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

.icon-cogs:before {
    content: "\e713";
}

.icon-cog2:before {
    content: "\e714";
}

.icon-equalizer:before {
    content: "\e715";
}

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

.icon-wrench:before {
    content: "\e717";
}

.icon-unlocked:before {
    content: "\e718";
}

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

.icon-lock2:before {
    content: "\e71a";
}

.icon-key:before {
    content: "\e71b";
}

.icon-key2:before {
    content: "\e71c";
}

.icon-contract2:before {
    content: "\e71d";
}

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

.icon-info2:before {
    content: "\e71f";
}

.icon-blocked:before {
    content: "\e720";
}

.icon-cancel-circle:before {
    content: "\e721";
}

.icon-checkmark-circle:before {
    content: "\e722";
}

.icon-spam:before {
    content: "\e723";
}

.icon-close:before {
    content: "\e724";
}

.icon-checkmark:before {
    content: "\e725";
}

.icon-checkmark2:before {
    content: "\e726";
}

.icon-spell-check:before {
    content: "\e727";
}

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

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

.icon-enter:before {
    content: "\e72a";
}

.icon-exit:before {
    content: "\e72b";
}

.icon-play2:before {
    content: "\e72c";
}

.icon-pause:before {
    content: "\e72d";
}

.icon-stop:before {
    content: "\e72e";
}

.icon-backward:before {
    content: "\e72f";
}

.icon-forward2:before {
    content: "\e730";
}

.icon-play3:before {
    content: "\e731";
}

.icon-pause2:before {
    content: "\e732";
}

.icon-stop2:before {
    content: "\e733";
}

.icon-backward2:before {
    content: "\e734";
}

.icon-forward3:before {
    content: "\e735";
}

.icon-first:before {
    content: "\e736";
}

.icon-last:before {
    content: "\e737";
}

.icon-previous:before {
    content: "\e738";
}

.icon-next2:before {
    content: "\e739";
}

.icon-eject:before {
    content: "\e73a";
}

.icon-volume-high:before {
    content: "\e73b";
}

.icon-volume-medium:before {
    content: "\e73c";
}

.icon-volume-low:before {
    content: "\e73d";
}

.icon-volume-mute:before {
    content: "\e73e";
}

.icon-volume-mute2:before {
    content: "\e73f";
}

.icon-volume-increase:before {
    content: "\e740";
}

.icon-volume-decrease:before {
    content: "\e741";
}

.icon-loop:before {
    content: "\e742";
}

.icon-loop2:before {
    content: "\e743";
}

.icon-loop3:before {
    content: "\e744";
}

.icon-shuffle2:before {
    content: "\e745";
}

.icon-arrow-up-left:before {
    content: "\e746";
}

.icon-arrow-up:before {
    content: "\e747";
}

.icon-arrow-up-right:before {
    content: "\e748";
}

.icon-arrow-right:before {
    content: "\e749";
}

.icon-arrow-down-right:before {
    content: "\e74a";
}

.icon-arrow-down:before {
    content: "\e74b";
}

.icon-arrow-down-left:before {
    content: "\e74c";
}

.icon-arrow-left:before {
    content: "\e74d";
}

.icon-arrow-up-left2:before {
    content: "\e74e";
}

.icon-arrow-up2:before {
    content: "\e74f";
}

.icon-arrow-up-right2:before {
    content: "\e750";
}

.icon-arrow-right2:before {
    content: "\e751";
}

.icon-arrow-down-right2:before {
    content: "\e752";
}

.icon-arrow-down2:before {
    content: "\e753";
}

.icon-arrow-down-left2:before {
    content: "\e754";
}

.icon-arrow-left2:before {
    content: "\e755";
}

.icon-arrow-up-left3:before {
    content: "\e756";
}

.icon-arrow-up3:before {
    content: "\e757";
}

.icon-arrow-up-right3:before {
    content: "\e758";
}

.icon-arrow-right3:before {
    content: "\e759";
}

.icon-arrow-down-right3:before {
    content: "\e75a";
}

.icon-arrow-down3:before {
    content: "\e75b";
}

.icon-arrow-down-left3:before {
    content: "\e75c";
}

.icon-arrow-left3:before {
    content: "\e75d";
}

.icon-tab:before {
    content: "\e75e";
}

.icon-checkbox-checked:before {
    content: "\e75f";
}

.icon-checkbox-unchecked:before {
    content: "\e760";
}

.icon-checkbox-partial:before {
    content: "\e761";
}

.icon-radio-checked:before {
    content: "\e762";
}

.icon-radio-unchecked:before {
    content: "\e763";
}

.icon-crop:before {
    content: "\e764";
}

.icon-scissors:before {
    content: "\e765";
}

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

.icon-filter2:before {
    content: "\e767";
}

.icon-font:before {
    content: "\e768";
}

.icon-text-height:before {
    content: "\e769";
}

.icon-text-width:before {
    content: "\e76a";
}

.icon-bold:before {
    content: "\e76b";
}

.icon-underline:before {
    content: "\e76c";
}

.icon-italic:before {
    content: "\e76d";
}

.icon-strikethrough:before {
    content: "\e76e";
}

.icon-omega:before {
    content: "\e76f";
}

.icon-sigma:before {
    content: "\e770";
}

.icon-table:before {
    content: "\e771";
}

.icon-table2:before {
    content: "\e772";
}

.icon-insert-template:before {
    content: "\e773";
}

.icon-pilcrow:before {
    content: "\e774";
}

.icon-left-to-right:before {
    content: "\e775";
}

.icon-right-to-left:before {
    content: "\e776";
}

.icon-paragraph-left:before {
    content: "\e777";
}

.icon-paragraph-center:before {
    content: "\e778";
}

.icon-paragraph-right:before {
    content: "\e779";
}

.icon-paragraph-justify:before {
    content: "\e77a";
}

.icon-paragraph-left2:before {
    content: "\e77b";
}

.icon-paragraph-center2:before {
    content: "\e77c";
}

.icon-paragraph-right2:before {
    content: "\e77d";
}

.icon-paragraph-justify2:before {
    content: "\e77e";
}

.icon-indent-increase:before {
    content: "\e77f";
}

.icon-indent-decrease:before {
    content: "\e780";
}

.icon-new-tab:before {
    content: "\e781";
}

.icon-embed:before {
    content: "\e782";
}

.icon-code:before {
    content: "\e783";
}

.icon-console:before {
    content: "\e784";
}

.icon-share2:before {
    content: "\e785";
}

.icon-google:before {
    content: "\e78a";
}

.icon-google-plus:before {
    content: "\e78b";
}

.icon-google-drive:before {
    content: "\e78f";
}

.icon-file-word:before {
    content: "\e790";
}

.icon-file-openoffice:before {
    content: "\e791";
}

.icon-file-pdf:before {
    content: "\e792";
}

.icon-libreoffice:before {
    content: "\e793";
}

.icon-yelp:before {
    content: "\e794";
}

.icon-paypal2:before {
    content: "\e795";
}

.icon-paypal3:before {
    content: "\e796";
}

.icon-paypal4:before {
    content: "\e797";
}

.icon-foursquare:before {
    content: "\e798";
}

.icon-foursquare2:before {
    content: "\e799";
}

.icon-flattr:before {
    content: "\e79a";
}

.icon-pinterest2:before {
    content: "\e79e";
}

.icon-stackoverflow:before {
    content: "\e79f";
}

.icon-stumbleupon:before {
    content: "\e7a0";
}

.icon-delicious:before {
    content: "\e7a2";
}

.icon-lastfm2:before {
    content: "\e7a4";
}

.icon-linkedin:before {
    content: "\e7a5";
}

.icon-reddit:before {
    content: "\e7a6";
}

.icon-skype:before {
    content: "\e7a7";
}

.icon-soundcloud:before {
    content: "\e7a8";
}

.icon-soundcloud2:before {
    content: "\e7a9";
}

.icon-windows8:before {
    content: "\e7aa";
}

.icon-windows:before {
    content: "\e7ab";
}

.icon-android:before {
    content: "\e7ac";
}

.icon-finder:before {
    content: "\e7ad";
}

.icon-apple:before {
    content: "\e7ae";
}

.icon-tux:before {
    content: "\e7af";
}

.icon-yahoo:before {
    content: "\e7b0";
}

.icon-tumblr:before {
    content: "\e7b2";
}

.icon-joomla:before {
    content: "\e7b5";
}

.icon-wordpress2:before {
    content: "\e7b7";
}

.icon-github2:before {
    content: "\e7b9";
}

.icon-github3:before {
    content: "\e7ba";
}

.icon-github4:before {
    content: "\e7bb";
}

.icon-github5:before {
    content: "\e7bc";
}

.icon-steam:before {
    content: "\e7bd";
}

.icon-steam2:before {
    content: "\e7be";
}

.icon-deviantart:before {
    content: "\e7bf";
}

.icon-deviantart2:before {
    content: "\e7c0";
}

.icon-forrst:before {
    content: "\e7c1";
}

.icon-forrst2:before {
    content: "\e7c2";
}

.icon-dribbble:before {
    content: "\e7c3";
}

.icon-dribbble3:before {
    content: "\e7c5";
}

.icon-picassa2:before {
    content: "\e7c7";
}

.icon-flickr3:before {
    content: "\e7ca";
}

.icon-flickr4:before {
    content: "\e7cb";
}

.icon-lanyrd:before {
    content: "\e7cc";
}

.icon-vimeo3:before {
    content: "\e7cf";
}

.icon-youtube:before {
    content: "\e7d0";
}

.icon-youtube2:before {
    content: "\e7d1";
}

.icon-feed3:before {
    content: "\e7d3";
}

.icon-feed4:before {
    content: "\e7d4";
}

.icon-twitter3:before {
    content: "\e7d7";
}

.icon-instagram:before {
    content: "\e7d8";
}

.icon-facebook3:before {
    content: "\e7db";
}

.icon-IcoMoon:before {
    content: "\e7dc";
}

.icon-safari:before {
    content: "\e7dd";
}

.icon-opera:before {
    content: "\e7de";
}

.icon-IE:before {
    content: "\e7df";
}

.icon-firefox:before {
    content: "\e7e0";
}

.icon-chrome:before {
    content: "\e7e1";
}

.icon-css3:before {
    content: "\e7e2";
}

.icon-html5:before {
    content: "\e7e3";
}

.icon-html52:before {
    content: "\e7e4";
}

.icon-file-css:before {
    content: "\e7e5";
}

.icon-file-xml:before {
    content: "\e7e6";
}

.icon-file-powerpoint:before {
    content: "\e7e7";
}

.icon-file-zip:before {
    content: "\e7e8";
}

.icon-file-excel:before {
    content: "\e7e9";
}

.icon-blogger:before {
    content: "\e7b4";
}

.icon-vk:before {
    content: "\e600";
}

.icon-user:before {
    content: "\e601";
}

.icon-url-loading:before {
    content: "\e602";
}

.icon-triangle-up:before {
    content: "\e603";
}

.icon-move:before {
    content: "\e604";
}

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

.icon-loading:before {
    content: "\e606";
}

.icon-like:before {
    content: "\e607";
}

.icon-triangle-right:before {
    content: "\e608";
}

.icon-triangle-left:before {
    content: "\e609";
}

.icon-triangle-down:before {
    content: "\e60a";
}

.icon-shuffle:before {
    content: "\e60b";
}

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

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

.icon-reply-alt:before {
    content: "\e60e";
}

.icon-reply:before {
    content: "\e60f";
}

.icon-prev-alt:before {
    content: "\e610";
}

.icon-prev:before {
    content: "\e611";
}

.icon-people:before {
    content: "\e612";
}

.icon-paypal:before {
    content: "\e613";
}

.icon-ok:before {
    content: "\e614";
}

.icon-next-alt:before {
    content: "\e615";
}

.icon-next:before {
    content: "\e616";
}

.icon-junkstr-tag-disabled:before {
    content: "\e617";
}

.icon-junkstr-tag:before {
    content: "\e618";
}

.icon-junkstr:before {
    content: "\e619";
}

.icon-input-submit:before {
    content: "\e61a";
}

.icon-images:before {
    content: "\e61b";
}

.icon-hyphen:before {
    content: "\e61c";
}

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

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

.icon-download:before {
    content: "\e61f";
}

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

.icon-cloud-upload:before {
    content: "\e621";
}

.icon-close-box:before {
    content: "\e622";
}

.icon-clock:before {
    content: "\e623";
}

.icon-circle:before {
    content: "\e624";
}

.icon-chevereto:before {
    content: "\e625";
}

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

.icon-envelope:before {
    content: "\e1ee";
}

.icon-phone2:before {
    content: "\e787";
}

.icon-mobile3:before {
    content: "\e788";
}

.icon-mouse:before {
    content: "\e789";
}

.icon-directions:before {
    content: "\e78c";
}

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

.icon-paperplane:before {
    content: "\e78e";
}

.icon-pencil3:before {
    content: "\e79b";
}

.icon-feather:before {
    content: "\e79c";
}

.icon-paperclip:before {
    content: "\e79d";
}

.icon-drawer4:before {
    content: "\e7a1";
}

.icon-reply3:before {
    content: "\e7a3";
}

.icon-reply-all:before {
    content: "\e7b3";
}

.icon-forward4:before {
    content: "\e7b6";
}

.icon-user6:before {
    content: "\e7b8";
}

.icon-users3:before {
    content: "\e7c4";
}

.icon-user-add:before {
    content: "\e7c6";
}

.icon-vcard:before {
    content: "\e7c8";
}

.icon-export:before {
    content: "\e7c9";
}

.icon-location3:before {
    content: "\e7cd";
}

.icon-map3:before {
    content: "\e7ce";
}

.icon-compass2:before {
    content: "\e7d2";
}

.icon-location4:before {
    content: "\e7d5";
}

.icon-target2:before {
    content: "\e7d6";
}

.icon-share3:before {
    content: "\e7d9";
}

.icon-sharable:before {
    content: "\e7da";
}

.icon-heart3:before {
    content: "\e7ea";
}

.icon-heart4:before {
    content: "\e7eb";
}

.icon-star4:before {
    content: "\e7ec";
}

.icon-star5:before {
    content: "\e7ed";
}

.icon-thumbs-up3:before {
    content: "\e7ee";
}

.icon-thumbs-down:before {
    content: "\e7ef";
}

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

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

.icon-quote:before {
    content: "\e7f2";
}

.icon-house:before {
    content: "\e7f3";
}

.icon-popup:before {
    content: "\e7f4";
}

.icon-search3:before {
    content: "\e7f5";
}

.icon-flashlight:before {
    content: "\e7f6";
}

.icon-printer:before {
    content: "\e7f7";
}

.icon-bell2:before {
    content: "\e7f8";
}

.icon-link2:before {
    content: "\e7f9";
}

.icon-flag2:before {
    content: "\e7fa";
}

.icon-cog3:before {
    content: "\e7fb";
}

.icon-tools:before {
    content: "\e7fc";
}

.icon-trophy2:before {
    content: "\e7fd";
}

.icon-tag2:before {
    content: "\e7fe";
}

.icon-camera4:before {
    content: "\e7ff";
}

.icon-megaphone:before {
    content: "\e800";
}

.icon-moon:before {
    content: "\e801";
}

.icon-palette:before {
    content: "\e802";
}

.icon-leaf2:before {
    content: "\e803";
}

.icon-music2:before {
    content: "\e804";
}

.icon-music3:before {
    content: "\e805";
}

.icon-new:before {
    content: "\e806";
}

.icon-graduation:before {
    content: "\e807";
}

.icon-book2:before {
    content: "\e808";
}

.icon-newspaper2:before {
    content: "\e809";
}

.icon-bag:before {
    content: "\e80a";
}

.icon-airplane2:before {
    content: "\e80b";
}

.icon-lifebuoy:before {
    content: "\e80c";
}

.icon-eye3:before {
    content: "\e80d";
}

.icon-clock4:before {
    content: "\e80e";
}

.icon-microphone:before {
    content: "\e80f";
}

.icon-calendar3:before {
    content: "\e810";
}

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

.icon-thunder:before {
    content: "\e812";
}

.icon-droplet2:before {
    content: "\e813";
}

.icon-cd:before {
    content: "\e814";
}

.icon-briefcase2:before {
    content: "\e815";
}

.icon-air:before {
    content: "\e816";
}

.icon-hourglass:before {
    content: "\e817";
}

.icon-gauge:before {
    content: "\e818";
}

.icon-language:before {
    content: "\e819";
}

.icon-network:before {
    content: "\e81a";
}

.icon-key3:before {
    content: "\e81b";
}

.icon-battery:before {
    content: "\e81c";
}

.icon-bucket:before {
    content: "\e81d";
}

.icon-magnet2:before {
    content: "\e81e";
}

.icon-drive:before {
    content: "\e81f";
}

.icon-cup:before {
    content: "\e820";
}

.icon-rocket2:before {
    content: "\e821";
}

.icon-brush:before {
    content: "\e822";
}

.icon-suitcase:before {
    content: "\e823";
}

.icon-cone:before {
    content: "\e824";
}

.icon-earth2:before {
    content: "\e825";
}

.icon-keyboard2:before {
    content: "\e826";
}

.icon-browser:before {
    content: "\e827";
}

.icon-publish:before {
    content: "\e828";
}

.icon-progress-3:before {
    content: "\e829";
}

.icon-progress-2:before {
    content: "\e82a";
}

.icon-brogress-1:before {
    content: "\e82b";
}

.icon-progress-0:before {
    content: "\e82c";
}

.icon-sun:before {
    content: "\e82d";
}

.icon-sun2:before {
    content: "\e82e";
}

.icon-adjust:before {
    content: "\e82f";
}

.icon-code2:before {
    content: "\e830";
}

.icon-screen2:before {
    content: "\e831";
}

.icon-infinity:before {
    content: "\e832";
}

.icon-light-bulb:before {
    content: "\e833";
}

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

.icon-database:before {
    content: "\e835";
}

.icon-voicemail:before {
    content: "\e836";
}

.icon-clipboard:before {
    content: "\e837";
}

.icon-cart4:before {
    content: "\e838";
}

.icon-box:before {
    content: "\e839";
}

.icon-ticket2:before {
    content: "\e83a";
}

.icon-rss:before {
    content: "\e83b";
}

.icon-signal:before {
    content: "\e83c";
}

.icon-thermometer:before {
    content: "\e83d";
}

.icon-droplets:before {
    content: "\e83e";
}

.icon-uniE83F:before {
    content: "\e83f";
}

.icon-statistics:before {
    content: "\e840";
}

.icon-pie2:before {
    content: "\e841";
}

.icon-bars3:before {
    content: "\e842";
}

.icon-graph:before {
    content: "\e843";
}

.icon-lock3:before {
    content: "\e844";
}

.icon-lock-open:before {
    content: "\e845";
}

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

.icon-login:before {
    content: "\e847";
}

.icon-checkmark3:before {
    content: "\e848";
}

.icon-cross2:before {
    content: "\e849";
}

.icon-minus2:before {
    content: "\e84a";
}

.icon-plus2:before {
    content: "\e84b";
}

.icon-cross3:before {
    content: "\e84c";
}

.icon-minus3:before {
    content: "\e84d";
}

.icon-plus3:before {
    content: "\e84e";
}

.icon-cross4:before {
    content: "\e84f";
}

.icon-minus4:before {
    content: "\e850";
}

.icon-plus4:before {
    content: "\e851";
}

.icon-erase:before {
    content: "\e852";
}

.icon-blocked2:before {
    content: "\e853";
}

.icon-info3:before {
    content: "\e854";
}

.icon-info4:before {
    content: "\e855";
}

.icon-question2:before {
    content: "\e856";
}

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

.icon-warning2:before {
    content: "\e858";
}

.icon-cycle:before {
    content: "\e859";
}

.icon-cw:before {
    content: "\e85a";
}

.icon-ccw:before {
    content: "\e85b";
}

.icon-shuffle3:before {
    content: "\e85c";
}

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

.icon-arrow2:before {
    content: "\e85e";
}

.icon-retweet:before {
    content: "\e85f";
}

.icon-loop4:before {
    content: "\e860";
}

.icon-history2:before {
    content: "\e861";
}

.icon-back:before {
    content: "\e862";
}

.icon-switch2:before {
    content: "\e863";
}

.icon-list3:before {
    content: "\e864";
}

.icon-add-to-list:before {
    content: "\e865";
}

.icon-layout:before {
    content: "\e866";
}

.icon-list4:before {
    content: "\e867";
}

.icon-text:before {
    content: "\e868";
}

.icon-text2:before {
    content: "\e869";
}

.icon-document:before {
    content: "\e86a";
}

.icon-docs:before {
    content: "\e86b";
}

.icon-landscape:before {
    content: "\e86c";
}

.icon-pictures:before {
    content: "\e86d";
}

.icon-video:before {
    content: "\e86e";
}

.icon-music4:before {
    content: "\e86f";
}

.icon-folder2:before {
    content: "\e870";
}

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

.icon-trash:before {
    content: "\e872";
}

.icon-upload4:before {
    content: "\e873";
}

.icon-download5:before {
    content: "\e874";
}

.icon-disk2:before {
    content: "\e875";
}

.icon-install:before {
    content: "\e876";
}

.icon-cloud2:before {
    content: "\e877";
}

.icon-upload5:before {
    content: "\e878";
}

.icon-bookmark2:before {
    content: "\e879";
}

.icon-bookmarks2:before {
    content: "\e87a";
}

.icon-book3:before {
    content: "\e87b";
}

.icon-play4:before {
    content: "\e87c";
}

.icon-pause3:before {
    content: "\e87d";
}

.icon-record:before {
    content: "\e87e";
}

.icon-stop3:before {
    content: "\e87f";
}

.icon-next3:before {
    content: "\e880";
}

.icon-previous2:before {
    content: "\e881";
}

.icon-first2:before {
    content: "\e882";
}

.icon-last2:before {
    content: "\e883";
}

.icon-resize-enlarge:before {
    content: "\e884";
}

.icon-resize-shrink:before {
    content: "\e885";
}

.icon-volume:before {
    content: "\e886";
}

.icon-sound:before {
    content: "\e887";
}

.icon-mute:before {
    content: "\e888";
}

.icon-flow-cascade:before {
    content: "\e889";
}

.icon-flow-branch:before {
    content: "\e88a";
}

.icon-flow-tree:before {
    content: "\e88b";
}

.icon-flow-line:before {
    content: "\e88c";
}

.icon-flow-parallel:before {
    content: "\e88d";
}

.icon-arrow-left4:before {
    content: "\e88e";
}

.icon-arrow-down4:before {
    content: "\e88f";
}

.icon-arrow-up--upload:before {
    content: "\e890";
}

.icon-arrow-right4:before {
    content: "\e891";
}

.icon-arrow-left5:before {
    content: "\e892";
}

.icon-arrow-down5:before {
    content: "\e893";
}

.icon-arrow-up4:before {
    content: "\e894";
}

.icon-arrow-right5:before {
    content: "\e895";
}

.icon-arrow-left6:before {
    content: "\e896";
}

.icon-arrow-down6:before {
    content: "\e897";
}

.icon-arrow-up5:before {
    content: "\e898";
}

.icon-arrow-right6:before {
    content: "\e899";
}

.icon-arrow-left7:before {
    content: "\e89a";
}

.icon-arrow-down7:before {
    content: "\e89b";
}

.icon-arrow-up6:before {
    content: "\e89c";
}

.icon-arrow-right7:before {
    content: "\e89d";
}

.icon-arrow-left8:before {
    content: "\e89e";
}

.icon-arrow-down8:before {
    content: "\e89f";
}

.icon-arrow-up7:before {
    content: "\e8a0";
}

.icon-arrow-right8:before {
    content: "\e8a1";
}

.icon-arrow-left9:before {
    content: "\e8a2";
}

.icon-arrow-down9:before {
    content: "\e8a3";
}

.icon-arrow-up8:before {
    content: "\e8a4";
}

.icon-arrow-right9:before {
    content: "\e8a5";
}

.icon-arrow-left10:before {
    content: "\e8a6";
}

.icon-arrow-down10:before {
    content: "\e8a7";
}

.icon-arrow-up9:before {
    content: "\e8a8";
}

.icon-uniE8A9:before {
    content: "\e8a9";
}

.icon-arrow-left11:before {
    content: "\e8aa";
}

.icon-arrow-down11:before {
    content: "\e8ab";
}

.icon-arrow-up10:before {
    content: "\e8ac";
}

.icon-arrow-right10:before {
    content: "\e8ad";
}

.icon-menu4:before {
    content: "\e8ae";
}

.icon-ellipsis:before {
    content: "\e8af";
}

.icon-dots:before {
    content: "\e8b0";
}

.icon-dot:before {
    content: "\e8b1";
}

.icon-cc:before {
    content: "\e8b2";
}

.icon-cc-by:before {
    content: "\e8b3";
}

.icon-cc-nc:before {
    content: "\e8b4";
}

.icon-cc-nc-eu:before {
    content: "\e8b5";
}

.icon-cc-nc-jp:before {
    content: "\e8b6";
}

.icon-cc-sa:before {
    content: "\e8b7";
}

.icon-cc-nd:before {
    content: "\e8b8";
}

.icon-cc-pd:before {
    content: "\e8b9";
}

.icon-cc-zero:before {
    content: "\e8ba";
}

.icon-cc-share:before {
    content: "\e8bb";
}

.icon-cc-share2:before {
    content: "\e8bc";
}

.icon-daniel-bruce:before {
    content: "\e8bd";
}

.icon-daniel-bruce2:before {
    content: "\e8be";
}

.icon-github:before {
    content: "\e8bf";
}

.icon-github6:before {
    content: "\e8c0";
}

.icon-flickr:before {
    content: "\e8c1";
}

.icon-flickr2:before {
    content: "\e8c2";
}

.icon-vimeo:before {
    content: "\e8c3";
}

.icon-vimeo2:before {
    content: "\e8c4";
}

.icon-twitter:before {
    content: "\e8c5";
}

.icon-twitter2:before {
    content: "\e8c6";
}

.icon-facebook:before {
    content: "\e8c7";
}

.icon-facebook2:before {
    content: "\e8c8";
}

.icon-facebook4:before {
    content: "\e8c9";
}

.icon-googleplus:before {
    content: "\e8ca";
}

.icon-googleplus2:before {
    content: "\e8cb";
}

.icon-pinterest:before {
    content: "\e8cc";
}

.icon-pinterest3:before {
    content: "\e8cd";
}

.icon-tumblr3:before {
    content: "\e8ce";
}

.icon-tumblr4:before {
    content: "\e8cf";
}

.icon-linkedin2:before {
    content: "\e8d0";
}

.icon-linkedin3:before {
    content: "\e8d1";
}

.icon-dribbble2:before {
    content: "\e8d2";
}

.icon-rdio:before {
    content: "\e8d3";
}

.icon-rdio2:before {
    content: "\e8d4";
}

.icon-spotify:before {
    content: "\e8d5";
}

.icon-spotify2:before {
    content: "\e8d6";
}

.icon-qq:before {
    content: "\e8d7";
}

.icon-instagram2:before {
    content: "\e8d8";
}

.icon-dropbox:before {
    content: "\e8d9";
}

.icon-evernote:before {
    content: "\e8da";
}

.icon-flattr2:before {
    content: "\e8db";
}

.icon-skype2:before {
    content: "\e8dc";
}

.icon-skype3:before {
    content: "\e8dd";
}

.icon-renren:before {
    content: "\e8de";
}

.icon-sina-weibo:before {
    content: "\e8df";
}

.icon-paypal5:before {
    content: "\e8e0";
}

.icon-picasa:before {
    content: "\e8e1";
}

.icon-soundcloud3:before {
    content: "\e8e2";
}

.icon-mixi:before {
    content: "\e8e3";
}

.icon-behance:before {
    content: "\e8e4";
}

.icon-circles:before {
    content: "\e8e5";
}

.icon-vk2:before {
    content: "\e8e6";
}

.icon-smashing:before {
    content: "\e8e7";
}

.icon-dribbble4:before {
    content: "\e8e8";
}

.icon-stumbleupon2:before {
    content: "\e8e9";
}

.icon-stumbleupon3:before {
    content: "\e8ea";
}

.icon-lastfm:before {
    content: "\e8eb";
}

.icon-lastfm3:before {
    content: "\e8ec";
}