html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

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

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

/*!Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css*/
@media print {

    *,
    *:before,
    *:after {
        background: 0 0 !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

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

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

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

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

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

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

    img {
        max-width: 100% !important
    }

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

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

    .navbar {
        display: none
    }

    .btn>.caret,
    .dropup>.btn>.caret {
        border-top-color: #000 !important
    }

    .label {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td,
    .table th {
        background-color: #fff !important
    }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #ddd !important
    }
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: open sans, helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
    color: #bbb;
    background-color: #171717
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #13aff0;
    text-decoration: none
}

a:hover,
a:focus {
    color: #0b7cac;
    text-decoration: underline
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 0;
    line-height: 1.8;
    background-color: #222;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 25px;
    margin-bottom: 25px;
    border: 0;
    border-top: 1px solid #5d5d5d
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 300;
    line-height: 1.2em;
    color: #f1f1f1
}

h1 small,
h1 .small,
h2 small,
h2 .small,
h3 small,
h3 .small,
h4 small,
h4 .small,
h5 small,
h5 .small,
h6 small,
h6 .small,
.h1 small,
.h1 .small,
.h2 small,
.h2 .small,
.h3 small,
.h3 .small,
.h4 small,
.h4 .small,
.h5 small,
.h5 .small,
.h6 small,
.h6 .small {
    font-weight: 400;
    line-height: 1;
    color: #bbb
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 25px;
    margin-bottom: 12.5px
}

h1 small,
h1 .small,
.h1 small,
.h1 .small,
h2 small,
h2 .small,
.h2 small,
.h2 .small,
h3 small,
h3 .small,
.h3 small,
.h3 .small {
    font-size: 65%
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 12.5px;
    margin-bottom: 12.5px
}

h4 small,
h4 .small,
.h4 small,
.h4 .small,
h5 small,
h5 .small,
.h5 small,
.h5 .small,
h6 small,
h6 .small,
.h6 small,
.h6 .small {
    font-size: 75%
}

h1,
.h1 {
    font-size: 48px
}

h2,
.h2 {
    font-size: 32px
}

h3,
.h3 {
    font-size: 24px
}

h4,
.h4 {
    font-size: 18px
}

h5,
.h5 {
    font-size: 14px
}

h6,
.h6 {
    font-size: 12px
}

p {
    margin: 0 0 12.5px
}

.lead {
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media(min-width:768px) {
    .lead {
        font-size: 21px
    }
}

small,
.small {
    font-size: 85%
}

mark,
.mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.text-uppercase,
.initialism {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #747474
}

.text-primary {
    color: #13aff0
}

a.text-primary:hover,
a.text-primary:focus {
    color: #0c8ec4
}

.text-success {
    color: #3c763d
}

a.text-success:hover,
a.text-success:focus {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:hover,
a.text-info:focus {
    color: #245269
}

.text-warning {
    color: #f0ad4e
}

a.text-warning:hover,
a.text-warning:focus {
    color: #ec971f
}

.text-danger {
    color: red
}

a.text-danger:hover,
a.text-danger:focus {
    color: #c00
}

.bg-primary {
    color: #fff
}

.bg-primary {
    background-color: #13aff0
}

a.bg-primary:hover,
a.bg-primary:focus {
    background-color: #0c8ec4
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:hover,
a.bg-success:focus {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:hover,
a.bg-info:focus {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:hover,
a.bg-warning:focus {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:hover,
a.bg-danger:focus {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 11.5px;
    margin: 50px 0 25px;
    border-bottom: 1px solid transparent
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 12.5px
}

ul ul,
ul ol,
ol ul,
ol ol {
    margin-bottom: 0
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px
}

.list-inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}

dl {
    margin-top: 0;
    margin-bottom: 25px
}

dt,
dd {
    line-height: 1.8
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

.dl-horizontal dd:before,
.dl-horizontal dd:after {
    content: " ";
    display: table
}

.dl-horizontal dd:after {
    clear: both
}

@media(min-width:992px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #bbb
}

.initialism {
    font-size: 90%
}

blockquote {
    padding: 12.5px 25px;
    margin: 0 0 25px;
    font-size: 14px;
    border-left: 5px solid #5bc0de
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0
}

blockquote footer,
blockquote small,
blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.8;
    color: #bbb
}

blockquote footer:before,
blockquote small:before,
blockquote .small:before {
    content: '\2014 \00A0'
}

.blockquote-reverse,
blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #5bc0de;
    border-left: 0;
    text-align: right
}

.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
    content: ''
}

.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
    content: '\00A0 \2014'
}

address {
    margin-bottom: 25px;
    font-style: normal;
    line-height: 1.8
}

code,
kbd,
pre,
samp {
    font-family: Menlo, Monaco, Consolas, courier new, monospace
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 2px
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}

kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700;
    -webkit-box-shadow: none;
    box-shadow: none
}

pre {
    display: block;
    padding: 12px;
    margin: 0 0 12.5px;
    font-size: 13px;
    line-height: 1.8;
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 2px
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container:before,
.container:after {
    content: " ";
    display: table
}

.container:after {
    clear: both
}

@media(min-width:768px) {
    .container {
        width: 750px
    }
}

@media(min-width:992px) {
    .container {
        width: 970px
    }
}

@media(min-width:1200px) {
    .container {
        width: 1170px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container-fluid:before,
.container-fluid:after {
    content: " ";
    display: table
}

.container-fluid:after {
    clear: both
}

.row {
    margin-left: -15px;
    margin-right: -15px
}

.row:before,
.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0%
}

.col-xs-offset-1 {
    margin-left: 8.33333%
}

.col-xs-offset-2 {
    margin-left: 16.66667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.33333%
}

.col-xs-offset-5 {
    margin-left: 41.66667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.33333%
}

.col-xs-offset-8 {
    margin-left: 66.66667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.33333%
}

.col-xs-offset-11 {
    margin-left: 91.66667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media(min-width:768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }

    .col-sm-1 {
        width: 8.33333%
    }

    .col-sm-2 {
        width: 16.66667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.33333%
    }

    .col-sm-5 {
        width: 41.66667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.33333%
    }

    .col-sm-8 {
        width: 66.66667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.33333%
    }

    .col-sm-11 {
        width: 91.66667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.33333%
    }

    .col-sm-pull-2 {
        right: 16.66667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.33333%
    }

    .col-sm-pull-5 {
        right: 41.66667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.33333%
    }

    .col-sm-pull-8 {
        right: 66.66667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.33333%
    }

    .col-sm-pull-11 {
        right: 91.66667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.33333%
    }

    .col-sm-push-2 {
        left: 16.66667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.33333%
    }

    .col-sm-push-5 {
        left: 41.66667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.33333%
    }

    .col-sm-push-8 {
        left: 66.66667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.33333%
    }

    .col-sm-push-11 {
        left: 91.66667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media(min-width:992px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }

    .col-md-1 {
        width: 8.33333%
    }

    .col-md-2 {
        width: 16.66667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.33333%
    }

    .col-md-5 {
        width: 41.66667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.33333%
    }

    .col-md-8 {
        width: 66.66667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.33333%
    }

    .col-md-11 {
        width: 91.66667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.33333%
    }

    .col-md-pull-2 {
        right: 16.66667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.33333%
    }

    .col-md-pull-5 {
        right: 41.66667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.33333%
    }

    .col-md-pull-8 {
        right: 66.66667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.33333%
    }

    .col-md-pull-11 {
        right: 91.66667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.33333%
    }

    .col-md-push-2 {
        left: 16.66667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.33333%
    }

    .col-md-push-5 {
        left: 41.66667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.33333%
    }

    .col-md-push-8 {
        left: 66.66667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.33333%
    }

    .col-md-push-11 {
        left: 91.66667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0%
    }

    .col-md-offset-1 {
        margin-left: 8.33333%
    }

    .col-md-offset-2 {
        margin-left: 16.66667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.33333%
    }

    .col-md-offset-5 {
        margin-left: 41.66667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.33333%
    }

    .col-md-offset-8 {
        margin-left: 66.66667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.33333%
    }

    .col-md-offset-11 {
        margin-left: 91.66667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media(min-width:1200px) {

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }

    .col-lg-1 {
        width: 8.33333%
    }

    .col-lg-2 {
        width: 16.66667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.33333%
    }

    .col-lg-5 {
        width: 41.66667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.33333%
    }

    .col-lg-8 {
        width: 66.66667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.33333%
    }

    .col-lg-11 {
        width: 91.66667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.33333%
    }

    .col-lg-pull-2 {
        right: 16.66667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.33333%
    }

    .col-lg-pull-5 {
        right: 41.66667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.33333%
    }

    .col-lg-pull-8 {
        right: 66.66667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.33333%
    }

    .col-lg-pull-11 {
        right: 91.66667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.33333%
    }

    .col-lg-push-2 {
        left: 16.66667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.33333%
    }

    .col-lg-push-5 {
        left: 41.66667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.33333%
    }

    .col-lg-push-8 {
        left: 66.66667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.33333%
    }

    .col-lg-push-11 {
        left: 91.66667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

table {
    background-color: transparent
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #747474;
    text-align: left
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px
}

.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.8;
    vertical-align: top;
    border-top: 1px solid #747474
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #747474
}

.table>caption+thead>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>th,
.table>thead:first-child>tr:first-child>td {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #747474
}

.table .table {
    background-color: #171717
}

.table-condensed>thead>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>th,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>th,
.table-condensed>tfoot>tr>td {
    padding: 5px
}

.table-bordered {
    border: 1px solid #747474
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>tfoot>tr>td {
    border: 1px solid #747474
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #333
}

.table-hover>tbody>tr:hover {
    background-color: #333
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column
}

table td[class*=col-],
table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell
}

.table>thead>tr>td.active,
.table>thead>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th {
    background-color: #333
}

.table-hover>tbody>tr>td.active:hover,
.table-hover>tbody>tr>th.active:hover,
.table-hover>tbody>tr.active:hover>td,
.table-hover>tbody>tr:hover>.active,
.table-hover>tbody>tr.active:hover>th {
    background-color: #262626
}

.table>thead>tr>td.success,
.table>thead>tr>th.success,
.table>thead>tr.success>td,
.table>thead>tr.success>th,
.table>tbody>tr>td.success,
.table>tbody>tr>th.success,
.table>tbody>tr.success>td,
.table>tbody>tr.success>th,
.table>tfoot>tr>td.success,
.table>tfoot>tr>th.success,
.table>tfoot>tr.success>td,
.table>tfoot>tr.success>th {
    background-color: #dff0d8
}

.table-hover>tbody>tr>td.success:hover,
.table-hover>tbody>tr>th.success:hover,
.table-hover>tbody>tr.success:hover>td,
.table-hover>tbody>tr:hover>.success,
.table-hover>tbody>tr.success:hover>th {
    background-color: #d0e9c6
}

.table>thead>tr>td.info,
.table>thead>tr>th.info,
.table>thead>tr.info>td,
.table>thead>tr.info>th,
.table>tbody>tr>td.info,
.table>tbody>tr>th.info,
.table>tbody>tr.info>td,
.table>tbody>tr.info>th,
.table>tfoot>tr>td.info,
.table>tfoot>tr>th.info,
.table>tfoot>tr.info>td,
.table>tfoot>tr.info>th {
    background-color: #d9edf7
}

.table-hover>tbody>tr>td.info:hover,
.table-hover>tbody>tr>th.info:hover,
.table-hover>tbody>tr.info:hover>td,
.table-hover>tbody>tr:hover>.info,
.table-hover>tbody>tr.info:hover>th {
    background-color: #c4e3f3
}

.table>thead>tr>td.warning,
.table>thead>tr>th.warning,
.table>thead>tr.warning>td,
.table>thead>tr.warning>th,
.table>tbody>tr>td.warning,
.table>tbody>tr>th.warning,
.table>tbody>tr.warning>td,
.table>tbody>tr.warning>th,
.table>tfoot>tr>td.warning,
.table>tfoot>tr>th.warning,
.table>tfoot>tr.warning>td,
.table>tfoot>tr.warning>th {
    background-color: #fcf8e3
}

.table-hover>tbody>tr>td.warning:hover,
.table-hover>tbody>tr>th.warning:hover,
.table-hover>tbody>tr.warning:hover>td,
.table-hover>tbody>tr:hover>.warning,
.table-hover>tbody>tr.warning:hover>th {
    background-color: #faf2cc
}

.table>thead>tr>td.danger,
.table>thead>tr>th.danger,
.table>thead>tr.danger>td,
.table>thead>tr.danger>th,
.table>tbody>tr>td.danger,
.table>tbody>tr>th.danger,
.table>tbody>tr.danger>td,
.table>tbody>tr.danger>th,
.table>tfoot>tr>td.danger,
.table>tfoot>tr>th.danger,
.table>tfoot>tr.danger>td,
.table>tfoot>tr.danger>th {
    background-color: #f2dede
}

.table-hover>tbody>tr>td.danger:hover,
.table-hover>tbody>tr>th.danger:hover,
.table-hover>tbody>tr.danger:hover>td,
.table-hover>tbody>tr:hover>.danger,
.table-hover>tbody>tr.danger:hover>th {
    background-color: #ebcccc
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 18.75px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #747474
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>thead>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>tfoot>tr>td {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:first-child,
    .table-responsive>.table-bordered>thead>tr>td:first-child,
    .table-responsive>.table-bordered>tbody>tr>th:first-child,
    .table-responsive>.table-bordered>tbody>tr>td:first-child,
    .table-responsive>.table-bordered>tfoot>tr>th:first-child,
    .table-responsive>.table-bordered>tfoot>tr>td:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>thead>tr>th:last-child,
    .table-responsive>.table-bordered>thead>tr>td:last-child,
    .table-responsive>.table-bordered>tbody>tr>th:last-child,
    .table-responsive>.table-bordered>tbody>tr>td:last-child,
    .table-responsive>.table-bordered>tfoot>tr>th:last-child,
    .table-responsive>.table-bordered>tfoot>tr>td:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>th,
    .table-responsive>.table-bordered>tbody>tr:last-child>td,
    .table-responsive>.table-bordered>tfoot>tr:last-child>th,
    .table-responsive>.table-bordered>tfoot>tr:last-child>td {
        border-bottom: 0
    }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 25px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

input[type=radio],
input[type=checkbox] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.8;
    color: #f1f1f1
}

.form-control {
    display: block;
    width: 100%;
    height: 39px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.8;
    color: #f1f1f1;
    background-color: #171717;
    background-image: none;
    border: 1px solid #333;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #5d5d5d;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(93, 93, 93, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(93, 93, 93, .6)
}

.form-control::-moz-placeholder {
    color: #747474;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #747474
}

.form-control::-webkit-input-placeholder {
    color: #747474
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #333;
    opacity: 1
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed
}

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    input[type=date].form-control,
    input[type=time].form-control,
    input[type=datetime-local].form-control,
    input[type=month].form-control {
        line-height: 39px
    }

    input[type=date].input-sm,
    .input-group-sm>input.form-control[type=date],
    .input-group-sm>input.input-group-addon[type=date],
    .input-group-sm>.input-group-btn>input.btn[type=date],
    .input-group-sm input[type=date],
    input[type=time].input-sm,
    .input-group-sm>input.form-control[type=time],
    .input-group-sm>input.input-group-addon[type=time],
    .input-group-sm>.input-group-btn>input.btn[type=time],
    .input-group-sm input[type=time],
    input[type=datetime-local].input-sm,
    .input-group-sm>input.form-control[type=datetime-local],
    .input-group-sm>input.input-group-addon[type=datetime-local],
    .input-group-sm>.input-group-btn>input.btn[type=datetime-local],
    .input-group-sm input[type=datetime-local],
    input[type=month].input-sm,
    .input-group-sm>input.form-control[type=month],
    .input-group-sm>input.input-group-addon[type=month],
    .input-group-sm>.input-group-btn>input.btn[type=month],
    .input-group-sm input[type=month] {
        line-height: 30px
    }

    input[type=date].input-lg,
    .input-group-lg>input.form-control[type=date],
    .input-group-lg>input.input-group-addon[type=date],
    .input-group-lg>.input-group-btn>input.btn[type=date],
    .input-group-lg input[type=date],
    input[type=time].input-lg,
    .input-group-lg>input.form-control[type=time],
    .input-group-lg>input.input-group-addon[type=time],
    .input-group-lg>.input-group-btn>input.btn[type=time],
    .input-group-lg input[type=time],
    input[type=datetime-local].input-lg,
    .input-group-lg>input.form-control[type=datetime-local],
    .input-group-lg>input.input-group-addon[type=datetime-local],
    .input-group-lg>.input-group-btn>input.btn[type=datetime-local],
    .input-group-lg input[type=datetime-local],
    input[type=month].input-lg,
    .input-group-lg>input.form-control[type=month],
    .input-group-lg>input.input-group-addon[type=month],
    .input-group-lg>.input-group-btn>input.btn[type=month],
    .input-group-lg input[type=month] {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.radio label,
.checkbox label {
    min-height: 25px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9
}

.radio+.radio,
.checkbox+.checkbox {
    margin-top: -5px
}

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
    margin-top: 0;
    margin-left: 10px
}

input[type=radio][disabled],
input[type=radio].disabled,
fieldset[disabled] input[type=radio],
input[type=checkbox][disabled],
input[type=checkbox].disabled,
fieldset[disabled] input[type=checkbox] {
    cursor: not-allowed
}

.radio-inline.disabled,
fieldset[disabled] .radio-inline,
.checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed
}

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 39px
}

.form-control-static.input-lg,
.input-group-lg>.form-control-static.form-control,
.input-group-lg>.form-control-static.input-group-addon,
.input-group-lg>.input-group-btn>.form-control-static.btn,
.form-control-static.input-sm,
.input-group-sm>.form-control-static.form-control,
.input-group-sm>.form-control-static.input-group-addon,
.input-group-sm>.input-group-btn>.form-control-static.btn {
    padding-left: 0;
    padding-right: 0
}

.input-sm,
.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm,
.input-group-sm>select.form-control,
.input-group-sm>select.input-group-addon,
.input-group-sm>.input-group-btn>select.btn {
    height: 30px;
    line-height: 30px
}

textarea.input-sm,
.input-group-sm>textarea.form-control,
.input-group-sm>textarea.input-group-addon,
.input-group-sm>.input-group-btn>textarea.btn,
select[multiple].input-sm,
.input-group-sm>select.form-control[multiple],
.input-group-sm>select.input-group-addon[multiple],
.input-group-sm>.input-group-btn>select.btn[multiple] {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 37px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg,
.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

select.input-lg,
.input-group-lg>select.form-control,
.input-group-lg>select.input-group-addon,
.input-group-lg>.input-group-btn>select.btn {
    height: 46px;
    line-height: 46px
}

textarea.input-lg,
.input-group-lg>textarea.form-control,
.input-group-lg>textarea.input-group-addon,
.input-group-lg>.input-group-btn>textarea.btn,
select[multiple].input-lg,
.input-group-lg>select.form-control[multiple],
.input-group-lg>select.input-group-addon[multiple],
.input-group-lg>.input-group-btn>select.btn[multiple] {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 43px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.33333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 48.75px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 39px;
    height: 39px;
    line-height: 39px;
    text-align: center;
    pointer-events: none
}

.input-lg+.form-control-feedback,
.input-group-lg>.form-control+.form-control-feedback,
.input-group-lg>.input-group-addon+.form-control-feedback,
.input-group-lg>.input-group-btn>.btn+.form-control-feedback,
.input-group-lg+.form-control-feedback,
.form-group-lg .form-control+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.input-sm+.form-control-feedback,
.input-group-sm>.form-control+.form-control-feedback,
.input-group-sm>.input-group-addon+.form-control-feedback,
.input-group-sm>.input-group-btn>.btn+.form-control-feedback,
.input-group-sm+.form-control-feedback,
.form-group-sm .form-control+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
    color: #f0ad4e
}

.has-warning .form-control {
    border-color: #f0ad4e;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-warning .form-control:focus {
    border-color: #ec971f;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f8d9ac;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f8d9ac
}

.has-warning .input-group-addon {
    color: #f0ad4e;
    border-color: #f0ad4e;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #f0ad4e
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: red
}

.has-error .form-control {
    border-color: red;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.has-error .form-control:focus {
    border-color: #c00;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f66;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f66
}

.has-error .input-group-addon {
    color: red;
    border-color: red;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: red
}

.has-feedback label~.form-control-feedback {
    top: 30px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #fbfbfb
}

@media(min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control {
        width: auto
    }

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio,
    .form-inline .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .radio label,
    .form-inline .checkbox label {
        padding-left: 0
    }

    .form-inline .radio input[type=radio],
    .form-inline .checkbox input[type=checkbox] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .radio,
.form-horizontal .checkbox {
    min-height: 32px
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px
}

.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
    content: " ";
    display: table
}

.form-horizontal .form-group:after {
    clear: both
}

@media(min-width:768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media(min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 11px;
        font-size: 18px
    }
}

@media(min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.8;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn:focus,
.btn.focus,
.btn:active:focus,
.btn:active.focus,
.btn.active:focus,
.btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn:hover,
.btn:focus,
.btn.focus {
    color: #f1f1f1;
    text-decoration: none
}

.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

a.btn.disabled,
fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-default {
    color: #f1f1f1;
    background-color: #222;
    border-color: #5d5d5d
}

.btn-default:focus,
.btn-default.focus {
    color: #f1f1f1;
    background-color: #090909;
    border-color: #1d1d1d
}

.btn-default:hover {
    color: #f1f1f1;
    background-color: #090909;
    border-color: #3e3e3e
}

.btn-default:active,
.btn-default.active,
.open>.btn-default.dropdown-toggle {
    color: #f1f1f1;
    background-color: #090909;
    border-color: #3e3e3e
}

.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open>.btn-default.dropdown-toggle:hover,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle.focus {
    color: #f1f1f1;
    background-color: #000;
    border-color: #1d1d1d
}

.btn-default:active,
.btn-default.active,
.open>.btn-default.dropdown-toggle {
    background-image: none
}

.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled.focus,
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default.focus {
    background-color: #222;
    border-color: #5d5d5d
}

.btn-default .badge {
    color: #222;
    background-color: #f1f1f1
}

.btn-primary {
    color: #fff;
    background-color: #13aff0;
    border-color: #0e9fdc
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #0c8ec4;
    border-color: #064864
}

.btn-primary:hover {
    color: #fff;
    background-color: #0c8ec4;
    border-color: #0a75a2
}

.btn-primary:active,
.btn-primary.active,
.open>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0c8ec4;
    border-color: #0a75a2
}

.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open>.btn-primary.dropdown-toggle:hover,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: #0a75a2;
    border-color: #064864
}

.btn-primary:active,
.btn-primary.active,
.open>.btn-primary.dropdown-toggle {
    background-image: none
}

.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus {
    background-color: #13aff0;
    border-color: #0e9fdc
}

.btn-primary .badge {
    color: #13aff0;
    background-color: #fff
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success:focus,
.btn-success.focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success:active,
.btn-success.active,
.open>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439
}

.btn-success:active:hover,
.btn-success:active:focus,
.btn-success:active.focus,
.btn-success.active:hover,
.btn-success.active:focus,
.btn-success.active.focus,
.open>.btn-success.dropdown-toggle:hover,
.open>.btn-success.dropdown-toggle:focus,
.open>.btn-success.dropdown-toggle.focus {
    color: #fff;
    background-color: #398439;
    border-color: #255625
}

.btn-success:active,
.btn-success.active,
.open>.btn-success.dropdown-toggle {
    background-image: none
}

.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus {
    background-color: #5cb85c;
    border-color: #4cae4c
}

.btn-success .badge {
    color: #5cb85c;
    background-color: #fff
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info:focus,
.btn-info.focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info:active,
.btn-info.active,
.open>.btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}

.btn-info:active:hover,
.btn-info:active:focus,
.btn-info:active.focus,
.btn-info.active:hover,
.btn-info.active:focus,
.btn-info.active.focus,
.open>.btn-info.dropdown-toggle:hover,
.open>.btn-info.dropdown-toggle:focus,
.open>.btn-info.dropdown-toggle.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85
}

.btn-info:active,
.btn-info.active,
.open>.btn-info.dropdown-toggle {
    background-image: none
}

.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled.focus,
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus {
    background-color: #5bc0de;
    border-color: #46b8da
}

.btn-info .badge {
    color: #5bc0de;
    background-color: #fff
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning:focus,
.btn-warning.focus {
    color: #fff;
    background-color: #ec971f;
    border-color: #985f0d
}

.btn-warning:hover {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active,
.btn-warning.active,
.open>.btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512
}

.btn-warning:active:hover,
.btn-warning:active:focus,
.btn-warning:active.focus,
.btn-warning.active:hover,
.btn-warning.active:focus,
.btn-warning.active.focus,
.open>.btn-warning.dropdown-toggle:hover,
.open>.btn-warning.dropdown-toggle:focus,
.open>.btn-warning.dropdown-toggle.focus {
    color: #fff;
    background-color: #d58512;
    border-color: #985f0d
}

.btn-warning:active,
.btn-warning.active,
.open>.btn-warning.dropdown-toggle {
    background-image: none
}

.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus {
    background-color: #f0ad4e;
    border-color: #eea236
}

.btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger:focus,
.btn-danger.focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active,
.btn-danger.active,
.open>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.btn-danger:active:hover,
.btn-danger:active:focus,
.btn-danger:active.focus,
.btn-danger.active:hover,
.btn-danger.active:focus,
.btn-danger.active.focus,
.open>.btn-danger.dropdown-toggle:hover,
.open>.btn-danger.dropdown-toggle:focus,
.open>.btn-danger.dropdown-toggle.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19
}

.btn-danger:active,
.btn-danger.active,
.open>.btn-danger.dropdown-toggle {
    background-image: none
}

.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus {
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff
}

.btn-link {
    color: #13aff0;
    font-weight: 400;
    border-radius: 0
}

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
    border-color: transparent
}

.btn-link:hover,
.btn-link:focus {
    color: #0b7cac;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
    color: #bbb;
    text-decoration: none
}

.btn-lg,
.btn-group-lg>.btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

.btn-sm,
.btn-group-sm>.btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.btn-xs,
.btn-group-xs>.btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

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

.btn-block+.btn-block {
    margin-top: 5px
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
    width: 100%
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropup,
.dropdown {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1032;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #333;
    border: 1px solid transparent;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto
}

.dropdown-menu .divider {
    height: 1px;
    margin: 11.5px 0;
    overflow: hidden;
    background-color: #5d5d5d
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.8;
    color: #bbb;
    white-space: nowrap
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #f1f1f1;
    background-color: #090909
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #f1f1f1;
    text-decoration: none;
    outline: 0;
    background-color: transparent
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: #747474
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.8;
    color: #f1f1f1;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1022
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media(min-width:992px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    float: left
}

.btn-group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn:hover,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
    z-index: 2
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group {
    margin-left: -1px
}

.btn-toolbar {
    margin-left: -5px
}

.btn-toolbar:before,
.btn-toolbar:after {
    content: " ";
    display: table
}

.btn-toolbar:after {
    clear: both
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
    float: left
}

.btn-toolbar>.btn,
.btn-toolbar>.btn-group,
.btn-toolbar>.input-group {
    margin-left: 5px
}

.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group>.btn:first-child {
    margin-left: 0
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group>.btn-group {
    float: left
}

.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px
}

.btn-group>.btn-lg+.dropdown-toggle,
.btn-group-lg.btn-group>.btn+.dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-lg .caret,
.btn-group-lg>.btn .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0
}

.dropup .btn-lg .caret,
.dropup .btn-group-lg>.btn .caret {
    border-width: 0 5px 5px
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group,
.btn-group-vertical>.btn-group>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%
}

.btn-group-vertical>.btn-group:before,
.btn-group-vertical>.btn-group:after {
    content: " ";
    display: table
}

.btn-group-vertical>.btn-group:after {
    clear: both
}

.btn-group-vertical>.btn-group>.btn {
    float: none
}

.btn-group-vertical>.btn+.btn,
.btn-group-vertical>.btn+.btn-group,
.btn-group-vertical>.btn-group+.btn,
.btn-group-vertical>.btn-group+.btn-group {
    margin-top: -1px;
    margin-left: 0
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.btn-group-vertical>.btn:first-child:not(:last-child) {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn:last-child:not(:first-child) {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate
}

.btn-group-justified>.btn,
.btn-group-justified>.btn-group {
    float: none;
    display: table-cell;
    width: 1%
}

.btn-group-justified>.btn-group .btn {
    width: 100%
}

.btn-group-justified>.btn-group .dropdown-menu {
    left: auto
}

[data-toggle=buttons]>.btn input[type=radio],
[data-toggle=buttons]>.btn input[type=checkbox],
[data-toggle=buttons]>.btn-group>.btn input[type=radio],
[data-toggle=buttons]>.btn-group>.btn input[type=checkbox] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-left: 0;
    padding-right: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:focus {
    z-index: 3
}

.input-group-addon,
.input-group-btn,
.input-group .form-control {
    display: table-cell
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #f1f1f1;
    text-align: center;
    background-color: #333;
    border: 1px solid #333;
    border-radius: 2px
}

.input-group-addon.input-sm,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.input-group-addon.btn {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px
}

.input-group-addon.input-lg,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.input-group-addon.btn {
    padding: 10px 16px;
    font-size: 18px;
    border-radius: 6px
}

.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
    margin-top: 0
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.input-group-addon:first-child {
    border-right: 0
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.input-group-addon:last-child {
    border-left: 0
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.input-group-btn>.btn {
    position: relative
}

.input-group-btn>.btn+.btn {
    margin-left: -1px
}

.input-group-btn>.btn:hover,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:active {
    z-index: 2
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
    margin-right: -1px
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    z-index: 2;
    margin-left: -1px
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav:before,
.nav:after {
    content: " ";
    display: table
}

.nav:after {
    clear: both
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #222
}

.nav>li.disabled>a {
    color: #bbb
}

.nav>li.disabled>a:hover,
.nav>li.disabled>a:focus {
    color: #bbb;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background-color: #222;
    border-color: #13aff0
}

.nav .nav-divider {
    height: 1px;
    margin: 11.5px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.8;
    border: 1px solid transparent;
    border-radius: 2px 2px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #f1f1f1 #f1f1f1 #ddd
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #747474;
    background-color: #171717;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default
}

.nav-pills>li {
    float: left
}

.nav-pills>li>a {
    border-radius: 2px
}

.nav-pills>li+li {
    margin-left: 2px
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #f1f1f1;
    background-color: #090909
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li+li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified,
.nav-tabs.nav-justified {
    width: 100%
}

.nav-justified>li,
.nav-tabs.nav-justified>li {
    float: none
}

.nav-justified>li>a,
.nav-tabs.nav-justified>li>a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

@media(min-width:768px) {

    .nav-justified>li,
    .nav-tabs.nav-justified>li {
        display: table-cell;
        width: 1%
    }

    .nav-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        margin-bottom: 0
    }
}

.nav-tabs-justified,
.nav-tabs.nav-justified {
    border-bottom: 0
}

.nav-tabs-justified>li>a,
.nav-tabs.nav-justified>li>a {
    margin-right: 0;
    border-radius: 2px
}

.nav-tabs-justified>.active>a,
.nav-tabs.nav-justified>.active>a,
.nav-tabs-justified>.active>a:hover,
.nav-tabs.nav-justified>.active>a:hover,
.nav-tabs-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:focus {
    border: 1px solid #ddd
}

@media(min-width:768px) {

    .nav-tabs-justified>li>a,
    .nav-tabs.nav-justified>li>a {
        border-bottom: 1px solid #ddd;
        border-radius: 2px 2px 0 0
    }

    .nav-tabs-justified>.active>a,
    .nav-tabs.nav-justified>.active>a,
    .nav-tabs-justified>.active>a:hover,
    .nav-tabs.nav-justified>.active>a:hover,
    .nav-tabs-justified>.active>a:focus,
    .nav-tabs.nav-justified>.active>a:focus {
        border-bottom-color: #171717
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 25px;
    border: 1px solid transparent
}

.navbar:before,
.navbar:after {
    content: " ";
    display: table
}

.navbar:after {
    clear: both
}

@media(min-width:992px) {
    .navbar {
        border-radius: 2px
    }
}

.navbar-header:before,
.navbar-header:after {
    content: " ";
    display: table
}

.navbar-header:after {
    clear: both
}

@media(min-width:992px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 0;
    padding-left: 0;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse:before,
.navbar-collapse:after {
    content: " ";
    display: table
}

.navbar-collapse:after {
    clear: both
}

.navbar-collapse.in {
    overflow-y: auto
}

@media(min-width:992px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0
    }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px
}

@media(max-device-width:480px) and (orientation:landscape) {

    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px
    }
}

.container>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-header,
.container-fluid>.navbar-collapse {
    margin-right: 0;
    margin-left: 0
}

@media(min-width:992px) {

    .container>.navbar-header,
    .container>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container-fluid>.navbar-collapse {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px
}

@media(min-width:992px) {
    .navbar-static-top {
        border-radius: 0
    }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

@media(min-width:992px) {

    .navbar-fixed-top,
    .navbar-fixed-bottom {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0
}

.navbar-brand {
    float: left;
    padding: 8px 0;
    font-size: 18px;
    line-height: 25px;
    height: 50px
}

.navbar-brand:hover,
.navbar-brand:focus {
    text-decoration: none
}

.navbar-brand>img {
    display: block
}

@media(min-width:992px) {

    .navbar>.container .navbar-brand,
    .navbar>.container-fluid .navbar-brand {
        margin-left: 0
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 0;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 2px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media(min-width:992px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav {
    margin: 4px 0
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 25px
}

@media(max-width:991px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 25px
    }

    .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-nav .open .dropdown-menu>li>a:focus {
        background-image: none
    }
}

@media(min-width:992px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav>li {
        float: left
    }

    .navbar-nav>li>a {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.navbar-form {
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    margin-top: 5.5px;
    margin-bottom: 5.5px
}

@media(min-width:768px) {
    .navbar-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .navbar-form .form-control-static {
        display: inline-block
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .navbar-form .input-group .input-group-addon,
    .navbar-form .input-group .input-group-btn,
    .navbar-form .input-group .form-control {
        width: auto
    }

    .navbar-form .input-group>.form-control {
        width: 100%
    }

    .navbar-form .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .navbar-form .radio label,
    .navbar-form .checkbox label {
        padding-left: 0
    }

    .navbar-form .radio input[type=radio],
    .navbar-form .checkbox input[type=checkbox] {
        position: relative;
        margin-left: 0
    }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0
    }
}

@media(max-width:991px) {
    .navbar-form .form-group {
        margin-bottom: 5px
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0
    }
}

@media(min-width:992px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
    margin-bottom: 0;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.navbar-btn {
    margin-top: 5.5px;
    margin-bottom: 5.5px
}

.navbar-btn.btn-sm,
.btn-group-sm>.navbar-btn.btn {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs,
.btn-group-xs>.navbar-btn.btn {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 12.5px;
    margin-bottom: 12.5px
}

@media(min-width:992px) {
    .navbar-text {
        float: left;
        margin-left: 0;
        margin-right: 0
    }
}

@media(min-width:992px) {
    .navbar-left {
        float: left !important
    }

    .navbar-right {
        float: right !important;
        margin-right: 0
    }

    .navbar-right~.navbar-right {
        margin-right: 0
    }
}

.navbar-default {
    background-color: #222;
    border-color: #111
}

.navbar-default .navbar-brand {
    color: #f1f1f1
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #d8d8d8;
    background-color: transparent
}

.navbar-default .navbar-text {
    color: #f1f1f1
}

.navbar-default .navbar-nav>li>a {
    color: #f1f1f1
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #13aff0;
    background-color: transparent
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #0c8ec4;
    background-color: #151515
}

.navbar-default .navbar-nav>.disabled>a,
.navbar-default .navbar-nav>.disabled>a:hover,
.navbar-default .navbar-nav>.disabled>a:focus {
    color: #ccc;
    background-color: transparent
}

.navbar-default .navbar-toggle {
    border-color: transparent
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: transparent
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #13aff0
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #111
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: #151515;
    color: #0c8ec4
}

@media(max-width:991px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #f1f1f1
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #13aff0;
        background-color: transparent
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #0c8ec4;
        background-color: #151515
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #ccc;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #f1f1f1
}

.navbar-default .navbar-link:hover {
    color: #13aff0
}

.navbar-default .btn-link {
    color: #f1f1f1
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
    color: #13aff0
}

.navbar-default .btn-link[disabled]:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc
}

.navbar-inverse {
    background-color: #171717;
    border-color: #333
}

.navbar-inverse .navbar-brand {
    color: #f1f1f1
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-text {
    color: #e1e1e1
}

.navbar-inverse .navbar-nav>li>a {
    color: #f1f1f1
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #fff;
    background-color: #222
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent
}

.navbar-inverse .navbar-toggle {
    border-color: #333
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #333
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #050505
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    background-color: transparent;
    color: #fff
}

@media(max-width:991px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #333
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #333
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #f1f1f1
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: #222
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #fff;
        background-color: transparent
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444;
        background-color: transparent
    }
}

.navbar-inverse .navbar-link {
    color: #f1f1f1
}

.navbar-inverse .navbar-link:hover {
    color: #fff
}

.navbar-inverse .btn-link {
    color: #f1f1f1
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
    color: #fff
}

.navbar-inverse .btn-link[disabled]:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444
}

.breadcrumb {
    padding: 0;
    margin-bottom: 25px;
    list-style: none;
    background-color: transparent;
    border-radius: 2px
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    content: "/ ";
    padding: 0 5px;
    color: #747474
}

.breadcrumb>.active {
    color: #bbb
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 25px 0;
    border-radius: 2px
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.8;
    text-decoration: none;
    color: #f1f1f1;
    background-color: #333;
    border: 1px solid #5d5d5d;
    margin-left: -1px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
    z-index: 2;
    color: #13aff0;
    background-color: #333;
    border-color: #5d5d5d
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    z-index: 3;
    color: #0c8ec4;
    background-color: #222;
    border-color: #5d5d5d;
    cursor: default
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #747474;
    background-color: #333;
    border-color: #5d5d5d;
    cursor: not-allowed
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em
}

.label:empty {
    display: none
}

.btn .label {
    position: relative;
    top: -1px
}

a.label:hover,
a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label-default {
    background-color: #747474
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #5b5b5b
}

.label-primary {
    background-color: #13aff0
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #0c8ec4
}

.label-success {
    background-color: #5cb85c
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #449d44
}

.label-info {
    background-color: #5bc0de
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #31b0d5
}

.label-warning {
    background-color: #f0ad4e
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #ec971f
}

.label-danger {
    background-color: #d9534f
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #c9302c
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
    background-color: #bbb;
    border-radius: 10px
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.btn-xs .badge,
.btn-group-xs>.btn .badge,
.btn-group-xs>.btn .badge {
    top: 0;
    padding: 1px 5px
}

.list-group-item.active>.badge,
.nav-pills>.active>a>.badge {
    color: #13aff0;
    background-color: #fff
}

.list-group-item>.badge {
    float: right
}

.list-group-item>.badge+.badge {
    margin-right: 5px
}

.nav-pills>li>a>.badge {
    margin-left: 3px
}

a.badge:hover,
a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: #bbb;
    background-color: #171717
}

.jumbotron h1,
.jumbotron .h1 {
    color: #f1f1f1
}

.jumbotron p {
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 200
}

.jumbotron>hr {
    border-top-color: #000
}

.container .jumbotron,
.container-fluid .jumbotron {
    border-radius: 6px;
    padding-left: 15px;
    padding-right: 15px
}

.jumbotron .container {
    max-width: 100%
}

@media screen and (min-width:768px) {
    .jumbotron {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .container .jumbotron,
    .container-fluid .jumbotron {
        padding-left: 60px;
        padding-right: 60px
    }

    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 63px
    }
}

.thumbnail {
    display: block;
    padding: 0;
    margin-bottom: 25px;
    line-height: 1.8;
    background-color: #222;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.thumbnail>img,
.thumbnail a>img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto
}

.thumbnail .caption {
    padding: 9px;
    color: #bbb
}

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
    border-color: #13aff0
}

.alert {
    padding: 15px;
    margin-bottom: 25px;
    border: 1px solid transparent;
    border-radius: 2px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert>p,
.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #5cb85c;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #4cae4c
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #13aff0;
    color: #31708f
}

.alert-info hr {
    border-top-color: #0e9fdc
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #f0ad4e;
    color: #f0ad4e
}

.alert-warning hr {
    border-top-color: #eea236
}

.alert-warning .alert-link {
    color: #ec971f
}

.alert-danger {
    background-color: #f2dede;
    border-color: #d9534f;
    color: red
}

.alert-danger hr {
    border-top-color: #d43f3a
}

.alert-danger .alert-link {
    color: #c00
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 25px;
    margin-bottom: 25px;
    background-color: #333;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 25px;
    color: #fff;
    text-align: center;
    background-color: #13aff0;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}

.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-bar-success {
    background-color: #5cb85c
}

.progress-striped .progress-bar-success {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-info {
    background-color: #5bc0de
}

.progress-striped .progress-bar-info {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-warning {
    background-color: #f0ad4e
}

.progress-striped .progress-bar-warning {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.progress-bar-danger {
    background-color: #d9534f
}

.progress-striped .progress-bar-danger {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent)
}

.media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media,
.media-body {
    zoom: 1;
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right,
.media>.pull-right {
    padding-left: 10px
}

.media-left,
.media>.pull-left {
    padding-right: 10px
}

.media-left,
.media-right,
.media-body {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

.list-group-item:first-child {
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

a.list-group-item,
button.list-group-item {
    color: #555
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
    color: #333
}

a.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
    text-decoration: none;
    color: #555;
    background-color: #f5f5f5
}

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: #f1f1f1;
    color: #bbb;
    cursor: not-allowed
}

.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
    color: #bbb
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #f1f1f1;
    background-color: #090909;
    border-color: #090909
}

.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading>small,
.list-group-item.active .list-group-item-heading>.small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading>small,
.list-group-item.active:hover .list-group-item-heading>.small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading>small,
.list-group-item.active:focus .list-group-item-heading>.small {
    color: inherit
}

.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
    color: #6f6f6f
}

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success,
button.list-group-item-success {
    color: #3c763d
}

a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
    color: inherit
}

a.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6
}

a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d
}

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info,
button.list-group-item-info {
    color: #31708f
}

a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
    color: inherit
}

a.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3
}

a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f
}

.list-group-item-warning {
    color: #f0ad4e;
    background-color: #fcf8e3
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #f0ad4e
}

a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
    color: inherit
}

a.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
    color: #f0ad4e;
    background-color: #faf2cc
}

a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.list-group-item-danger {
    color: red;
    background-color: #f2dede
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: red
}

a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
    color: inherit
}

a.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
    color: red;
    background-color: #ebcccc
}

a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: red;
    border-color: red
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.panel {
    margin-bottom: 25px;
    background-color: #222;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-body {
    padding: 20px
}

.panel-body:before,
.panel-body:after {
    content: " ";
    display: table
}

.panel-body:after {
    clear: both
}

.panel-heading {
    padding: 10px 20px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px
}

.panel-heading>.dropdown .dropdown-toggle {
    color: inherit
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

.panel-title>a,
.panel-title>small,
.panel-title>.small,
.panel-title>small>a,
.panel-title>.small>a {
    color: inherit
}

.panel-footer {
    padding: 10px 20px;
    background-color: #333;
    border-top: 1px solid #747474;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}

.panel>.list-group,
.panel>.panel-collapse>.list-group {
    margin-bottom: 0
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 1px;
    border-top-left-radius: 1px
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0
}

.list-group+.panel-footer {
    border-top-width: 0
}

.panel>.table,
.panel>.table-responsive>.table,
.panel>.panel-collapse>.table {
    margin-bottom: 0
}

.panel>.table caption,
.panel>.table-responsive>.table caption,
.panel>.panel-collapse>.table caption {
    padding-left: 20px;
    padding-right: 20px
}

.panel>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child {
    border-top-right-radius: 1px;
    border-top-left-radius: 1px
}

.panel>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
    border-top-left-radius: 1px;
    border-top-right-radius: 1px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: 1px
}

.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: 1px
}

.panel>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px
}

.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 1px
}

.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 1px
}

.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
    border-top: 1px solid #747474
}

.panel>.table>tbody:first-child>tr:first-child th,
.panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
    border: 0
}

.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0
}

.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0
}

.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0
}

.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0
}

.panel>.table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 25px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 2px
}

.panel-group .panel+.panel {
    margin-top: 5px
}

.panel-group .panel-heading {
    border-bottom: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-group .panel-heading+.panel-collapse>.list-group {
    border-top: 1px solid #747474
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #747474
}

.panel-default {
    border-color: #222
}

.panel-default>.panel-heading {
    color: #bbb;
    background-color: #333;
    border-color: #222
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #222
}

.panel-default>.panel-heading .badge {
    color: #333;
    background-color: #bbb
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #222
}

.panel-primary {
    border-color: #13aff0
}

.panel-primary>.panel-heading {
    color: #fff;
    background-color: #13aff0;
    border-color: #13aff0
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #13aff0
}

.panel-primary>.panel-heading .badge {
    color: #13aff0;
    background-color: #fff
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #13aff0
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d6e9c6
}

.panel-success>.panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #bce8f1
}

.panel-info>.panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning>.panel-heading {
    color: #f0ad4e;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #faebcc
}

.panel-warning>.panel-heading .badge {
    color: #fcf8e3;
    background-color: #f0ad4e
}

.panel-warning>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger>.panel-heading {
    color: red;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ebccd1
}

.panel-danger>.panel-heading .badge {
    color: #f2dede;
    background-color: red
}

.panel-danger>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ebccd1
}

.embed-responsive,
.bp-text .media-asset,
.bp-form .fr-view .media-asset {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,
.bp-text .media-asset .embed-responsive-item,
.bp-form .fr-view .media-asset .embed-responsive-item,
.embed-responsive iframe,
.bp-text .media-asset iframe,
.bp-form .fr-view .media-asset iframe,
.embed-responsive embed,
.bp-text .media-asset embed,
.bp-form .fr-view .media-asset embed,
.embed-responsive object,
.bp-text .media-asset object,
.bp-form .fr-view .media-asset object,
.embed-responsive video,
.bp-text .media-asset video,
.bp-form .fr-view .media-asset video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive-16by9,
.bp-text .media-asset,
.bp-form .fr-view .media-asset {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: transparent;
    border: 1px solid #333;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0, 0, 0, .15)
}

.well-lg {
    padding: 24px;
    border-radius: 6px
}

.well-sm {
    padding: 9px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: none;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:hover,
.close:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #222;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header:before,
.modal-header:after {
    content: " ";
    display: table
}

.modal-header:after {
    clear: both
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.8
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media(min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal-sm {
        width: 300px
    }
}

@media(min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: open sans, helvetica neue, Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.8;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0)
}

.tooltip.in {
    opacity: .9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 2px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs {
    display: none !important
}

.visible-sm {
    display: none !important
}

.visible-md {
    display: none !important
}

.visible-lg {
    display: none !important
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important
}

@media(max-width:767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important
    }
}

@media(max-width:767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media(max-width:767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media(max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media(min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important
    }
}

@media(min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media(min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media(min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media(min-width:1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important
    }
}

@media(min-width:1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media(min-width:1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media(min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media(max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media(min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media(min-width:1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

@media print {
    .hidden-print {
        display: none !important
    }
}

/*!* Font Awesome Pro 5.6.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Commercial License)*/
.fa,
.fas,
.far,
.fal,
.fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1
}

.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -.0667em
}

.fa-xs {
    font-size: .75em
}

.fa-sm {
    font-size: .875em
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit
}

.fa-border {
    border: solid .08em #eee;
    border-radius: .1em;
    padding: .2em .25em .15em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    transform: scale(1, -1)
}

.fa-flip-horizontal.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(-1, -1);
    transform: scale(-1, -1)
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-500px:before {
    content: "\f26e"
}

.fa-abacus:before {
    content: "\f640"
}

.fa-accessible-icon:before {
    content: "\f368"
}

.fa-accusoft:before {
    content: "\f369"
}

.fa-acorn:before {
    content: "\f6ae"
}

.fa-acquisitions-incorporated:before {
    content: "\f6af"
}

.fa-ad:before {
    content: "\f641"
}

.fa-address-book:before {
    content: "\f2b9"
}

.fa-address-card:before {
    content: "\f2bb"
}

.fa-adjust:before {
    content: "\f042"
}

.fa-adn:before {
    content: "\f170"
}

.fa-adobe:before {
    content: "\f778"
}

.fa-adversal:before {
    content: "\f36a"
}

.fa-affiliatetheme:before {
    content: "\f36b"
}

.fa-air-freshener:before {
    content: "\f5d0"
}

.fa-alarm-clock:before {
    content: "\f34e"
}

.fa-algolia:before {
    content: "\f36c"
}

.fa-alicorn:before {
    content: "\f6b0"
}

.fa-align-center:before {
    content: "\f037"
}

.fa-align-justify:before {
    content: "\f039"
}

.fa-align-left:before {
    content: "\f036"
}

.fa-align-right:before {
    content: "\f038"
}

.fa-alipay:before {
    content: "\f642"
}

.fa-allergies:before {
    content: "\f461"
}

.fa-amazon:before {
    content: "\f270"
}

.fa-amazon-pay:before {
    content: "\f42c"
}

.fa-ambulance:before {
    content: "\f0f9"
}

.fa-american-sign-language-interpreting:before {
    content: "\f2a3"
}

.fa-amilia:before {
    content: "\f36d"
}

.fa-analytics:before {
    content: "\f643"
}

.fa-anchor:before {
    content: "\f13d"
}

.fa-android:before {
    content: "\f17b"
}

.fa-angel:before {
    content: "\f779"
}

.fa-angellist:before {
    content: "\f209"
}

.fa-angle-double-down:before {
    content: "\f103"
}

.fa-angle-double-left:before {
    content: "\f100"
}

.fa-angle-double-right:before {
    content: "\f101"
}

.fa-angle-double-up:before {
    content: "\f102"
}

.fa-angle-down:before {
    content: "\f107"
}

.fa-angle-left:before {
    content: "\f104"
}

.fa-angle-right:before {
    content: "\f105"
}

.fa-angle-up:before {
    content: "\f106"
}

.fa-angry:before {
    content: "\f556"
}

.fa-angrycreative:before {
    content: "\f36e"
}

.fa-angular:before {
    content: "\f420"
}

.fa-ankh:before {
    content: "\f644"
}

.fa-app-store:before {
    content: "\f36f"
}

.fa-app-store-ios:before {
    content: "\f370"
}

.fa-apper:before {
    content: "\f371"
}

.fa-apple:before {
    content: "\f179"
}

.fa-apple-alt:before {
    content: "\f5d1"
}

.fa-apple-crate:before {
    content: "\f6b1"
}

.fa-apple-pay:before {
    content: "\f415"
}

.fa-archive:before {
    content: "\f187"
}

.fa-archway:before {
    content: "\f557"
}

.fa-arrow-alt-circle-down:before {
    content: "\f358"
}

.fa-arrow-alt-circle-left:before {
    content: "\f359"
}

.fa-arrow-alt-circle-right:before {
    content: "\f35a"
}

.fa-arrow-alt-circle-up:before {
    content: "\f35b"
}

.fa-arrow-alt-down:before {
    content: "\f354"
}

.fa-arrow-alt-from-bottom:before {
    content: "\f346"
}

.fa-arrow-alt-from-left:before {
    content: "\f347"
}

.fa-arrow-alt-from-right:before {
    content: "\f348"
}

.fa-arrow-alt-from-top:before {
    content: "\f349"
}

.fa-arrow-alt-left:before {
    content: "\f355"
}

.fa-arrow-alt-right:before {
    content: "\f356"
}

.fa-arrow-alt-square-down:before {
    content: "\f350"
}

.fa-arrow-alt-square-left:before {
    content: "\f351"
}

.fa-arrow-alt-square-right:before {
    content: "\f352"
}

.fa-arrow-alt-square-up:before {
    content: "\f353"
}

.fa-arrow-alt-to-bottom:before {
    content: "\f34a"
}

.fa-arrow-alt-to-left:before {
    content: "\f34b"
}

.fa-arrow-alt-to-right:before {
    content: "\f34c"
}

.fa-arrow-alt-to-top:before {
    content: "\f34d"
}

.fa-arrow-alt-up:before {
    content: "\f357"
}

.fa-arrow-circle-down:before {
    content: "\f0ab"
}

.fa-arrow-circle-left:before {
    content: "\f0a8"
}

.fa-arrow-circle-right:before {
    content: "\f0a9"
}

.fa-arrow-circle-up:before {
    content: "\f0aa"
}

.fa-arrow-down:before {
    content: "\f063"
}

.fa-arrow-from-bottom:before {
    content: "\f342"
}

.fa-arrow-from-left:before {
    content: "\f343"
}

.fa-arrow-from-right:before {
    content: "\f344"
}

.fa-arrow-from-top:before {
    content: "\f345"
}

.fa-arrow-left:before {
    content: "\f060"
}

.fa-arrow-right:before {
    content: "\f061"
}

.fa-arrow-square-down:before {
    content: "\f339"
}

.fa-arrow-square-left:before {
    content: "\f33a"
}

.fa-arrow-square-right:before {
    content: "\f33b"
}

.fa-arrow-square-up:before {
    content: "\f33c"
}

.fa-arrow-to-bottom:before {
    content: "\f33d"
}

.fa-arrow-to-left:before {
    content: "\f33e"
}

.fa-arrow-to-right:before {
    content: "\f340"
}

.fa-arrow-to-top:before {
    content: "\f341"
}

.fa-arrow-up:before {
    content: "\f062"
}

.fa-arrows:before {
    content: "\f047"
}

.fa-arrows-alt:before {
    content: "\f0b2"
}

.fa-arrows-alt-h:before {
    content: "\f337"
}

.fa-arrows-alt-v:before {
    content: "\f338"
}

.fa-arrows-h:before {
    content: "\f07e"
}

.fa-arrows-v:before {
    content: "\f07d"
}

.fa-artstation:before {
    content: "\f77a"
}

.fa-assistive-listening-systems:before {
    content: "\f2a2"
}

.fa-asterisk:before {
    content: "\f069"
}

.fa-asymmetrik:before {
    content: "\f372"
}

.fa-at:before {
    content: "\f1fa"
}

.fa-atlas:before {
    content: "\f558"
}

.fa-atlassian:before {
    content: "\f77b"
}

.fa-atom:before {
    content: "\f5d2"
}

.fa-atom-alt:before {
    content: "\f5d3"
}

.fa-audible:before {
    content: "\f373"
}

.fa-audio-description:before {
    content: "\f29e"
}

.fa-autoprefixer:before {
    content: "\f41c"
}

.fa-avianex:before {
    content: "\f374"
}

.fa-aviato:before {
    content: "\f421"
}

.fa-award:before {
    content: "\f559"
}

.fa-aws:before {
    content: "\f375"
}

.fa-axe:before {
    content: "\f6b2"
}

.fa-axe-battle:before {
    content: "\f6b3"
}

.fa-baby:before {
    content: "\f77c"
}

.fa-baby-carriage:before {
    content: "\f77d"
}

.fa-backpack:before {
    content: "\f5d4"
}

.fa-backspace:before {
    content: "\f55a"
}

.fa-backward:before {
    content: "\f04a"
}

.fa-badge:before {
    content: "\f335"
}

.fa-badge-check:before {
    content: "\f336"
}

.fa-badge-dollar:before {
    content: "\f645"
}

.fa-badge-percent:before {
    content: "\f646"
}

.fa-badger-honey:before {
    content: "\f6b4"
}

.fa-balance-scale:before {
    content: "\f24e"
}

.fa-balance-scale-left:before {
    content: "\f515"
}

.fa-balance-scale-right:before {
    content: "\f516"
}

.fa-ball-pile:before {
    content: "\f77e"
}

.fa-ballot:before {
    content: "\f732"
}

.fa-ballot-check:before {
    content: "\f733"
}

.fa-ban:before {
    content: "\f05e"
}

.fa-band-aid:before {
    content: "\f462"
}

.fa-bandcamp:before {
    content: "\f2d5"
}

.fa-barcode:before {
    content: "\f02a"
}

.fa-barcode-alt:before {
    content: "\f463"
}

.fa-barcode-read:before {
    content: "\f464"
}

.fa-barcode-scan:before {
    content: "\f465"
}

.fa-bars:before {
    content: "\f0c9"
}

.fa-baseball:before {
    content: "\f432"
}

.fa-baseball-ball:before {
    content: "\f433"
}

.fa-basketball-ball:before {
    content: "\f434"
}

.fa-basketball-hoop:before {
    content: "\f435"
}

.fa-bat:before {
    content: "\f6b5"
}

.fa-bath:before {
    content: "\f2cd"
}

.fa-battery-bolt:before {
    content: "\f376"
}

.fa-battery-empty:before {
    content: "\f244"
}

.fa-battery-full:before {
    content: "\f240"
}

.fa-battery-half:before {
    content: "\f242"
}

.fa-battery-quarter:before {
    content: "\f243"
}

.fa-battery-slash:before {
    content: "\f377"
}

.fa-battery-three-quarters:before {
    content: "\f241"
}

.fa-bed:before {
    content: "\f236"
}

.fa-beer:before {
    content: "\f0fc"
}

.fa-behance:before {
    content: "\f1b4"
}

.fa-behance-square:before {
    content: "\f1b5"
}

.fa-bell:before {
    content: "\f0f3"
}

.fa-bell-school:before {
    content: "\f5d5"
}

.fa-bell-school-slash:before {
    content: "\f5d6"
}

.fa-bell-slash:before {
    content: "\f1f6"
}

.fa-bells:before {
    content: "\f77f"
}

.fa-bezier-curve:before {
    content: "\f55b"
}

.fa-bible:before {
    content: "\f647"
}

.fa-bicycle:before {
    content: "\f206"
}

.fa-bimobject:before {
    content: "\f378"
}

.fa-binoculars:before {
    content: "\f1e5"
}

.fa-biohazard:before {
    content: "\f780"
}

.fa-birthday-cake:before {
    content: "\f1fd"
}

.fa-bitbucket:before {
    content: "\f171"
}

.fa-bitcoin:before {
    content: "\f379"
}

.fa-bity:before {
    content: "\f37a"
}

.fa-black-tie:before {
    content: "\f27e"
}

.fa-blackberry:before {
    content: "\f37b"
}

.fa-blanket:before {
    content: "\f498"
}

.fa-blender:before {
    content: "\f517"
}

.fa-blender-phone:before {
    content: "\f6b6"
}

.fa-blind:before {
    content: "\f29d"
}

.fa-blog:before {
    content: "\f781"
}

.fa-blogger:before {
    content: "\f37c"
}

.fa-blogger-b:before {
    content: "\f37d"
}

.fa-bluetooth:before {
    content: "\f293"
}

.fa-bluetooth-b:before {
    content: "\f294"
}

.fa-bold:before {
    content: "\f032"
}

.fa-bolt:before {
    content: "\f0e7"
}

.fa-bomb:before {
    content: "\f1e2"
}

.fa-bone:before {
    content: "\f5d7"
}

.fa-bone-break:before {
    content: "\f5d8"
}

.fa-bong:before {
    content: "\f55c"
}

.fa-book:before {
    content: "\f02d"
}

.fa-book-alt:before {
    content: "\f5d9"
}

.fa-book-dead:before {
    content: "\f6b7"
}

.fa-book-heart:before {
    content: "\f499"
}

.fa-book-open:before {
    content: "\f518"
}

.fa-book-reader:before {
    content: "\f5da"
}

.fa-book-spells:before {
    content: "\f6b8"
}

.fa-bookmark:before {
    content: "\f02e"
}

.fa-books:before {
    content: "\f5db"
}

.fa-boot:before {
    content: "\f782"
}

.fa-booth-curtain:before {
    content: "\f734"
}

.fa-bow-arrow:before {
    content: "\f6b9"
}

.fa-bowling-ball:before {
    content: "\f436"
}

.fa-bowling-pins:before {
    content: "\f437"
}

.fa-box:before {
    content: "\f466"
}

.fa-box-alt:before {
    content: "\f49a"
}

.fa-box-ballot:before {
    content: "\f735"
}

.fa-box-check:before {
    content: "\f467"
}

.fa-box-fragile:before {
    content: "\f49b"
}

.fa-box-full:before {
    content: "\f49c"
}

.fa-box-heart:before {
    content: "\f49d"
}

.fa-box-open:before {
    content: "\f49e"
}

.fa-box-up:before {
    content: "\f49f"
}

.fa-box-usd:before {
    content: "\f4a0"
}

.fa-boxes:before {
    content: "\f468"
}

.fa-boxes-alt:before {
    content: "\f4a1"
}

.fa-boxing-glove:before {
    content: "\f438"
}

.fa-braille:before {
    content: "\f2a1"
}

.fa-brain:before {
    content: "\f5dc"
}

.fa-briefcase:before {
    content: "\f0b1"
}

.fa-briefcase-medical:before {
    content: "\f469"
}

.fa-broadcast-tower:before {
    content: "\f519"
}

.fa-broom:before {
    content: "\f51a"
}

.fa-browser:before {
    content: "\f37e"
}

.fa-brush:before {
    content: "\f55d"
}

.fa-btc:before {
    content: "\f15a"
}

.fa-bug:before {
    content: "\f188"
}

.fa-building:before {
    content: "\f1ad"
}

.fa-bullhorn:before {
    content: "\f0a1"
}

.fa-bullseye:before {
    content: "\f140"
}

.fa-bullseye-arrow:before {
    content: "\f648"
}

.fa-bullseye-pointer:before {
    content: "\f649"
}

.fa-burn:before {
    content: "\f46a"
}

.fa-buromobelexperte:before {
    content: "\f37f"
}

.fa-bus:before {
    content: "\f207"
}

.fa-bus-alt:before {
    content: "\f55e"
}

.fa-bus-school:before {
    content: "\f5dd"
}

.fa-business-time:before {
    content: "\f64a"
}

.fa-buysellads:before {
    content: "\f20d"
}

.fa-cabinet-filing:before {
    content: "\f64b"
}

.fa-calculator:before {
    content: "\f1ec"
}

.fa-calculator-alt:before {
    content: "\f64c"
}

.fa-calendar:before {
    content: "\f133"
}

.fa-calendar-alt:before {
    content: "\f073"
}

.fa-calendar-check:before {
    content: "\f274"
}

.fa-calendar-day:before {
    content: "\f783"
}

.fa-calendar-edit:before {
    content: "\f333"
}

.fa-calendar-exclamation:before {
    content: "\f334"
}

.fa-calendar-minus:before {
    content: "\f272"
}

.fa-calendar-plus:before {
    content: "\f271"
}

.fa-calendar-star:before {
    content: "\f736"
}

.fa-calendar-times:before {
    content: "\f273"
}

.fa-calendar-week:before {
    content: "\f784"
}

.fa-camera:before {
    content: "\f030"
}

.fa-camera-alt:before {
    content: "\f332"
}

.fa-camera-retro:before {
    content: "\f083"
}

.fa-campfire:before {
    content: "\f6ba"
}

.fa-campground:before {
    content: "\f6bb"
}

.fa-canadian-maple-leaf:before {
    content: "\f785"
}

.fa-candle-holder:before {
    content: "\f6bc"
}

.fa-candy-cane:before {
    content: "\f786"
}

.fa-candy-corn:before {
    content: "\f6bd"
}

.fa-cannabis:before {
    content: "\f55f"
}

.fa-capsules:before {
    content: "\f46b"
}

.fa-car:before {
    content: "\f1b9"
}

.fa-car-alt:before {
    content: "\f5de"
}

.fa-car-battery:before {
    content: "\f5df"
}

.fa-car-bump:before {
    content: "\f5e0"
}

.fa-car-crash:before {
    content: "\f5e1"
}

.fa-car-garage:before {
    content: "\f5e2"
}

.fa-car-mechanic:before {
    content: "\f5e3"
}

.fa-car-side:before {
    content: "\f5e4"
}

.fa-car-tilt:before {
    content: "\f5e5"
}

.fa-car-wash:before {
    content: "\f5e6"
}

.fa-caret-circle-down:before {
    content: "\f32d"
}

.fa-caret-circle-left:before {
    content: "\f32e"
}

.fa-caret-circle-right:before {
    content: "\f330"
}

.fa-caret-circle-up:before {
    content: "\f331"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-caret-left:before {
    content: "\f0d9"
}

.fa-caret-right:before {
    content: "\f0da"
}

.fa-caret-square-down:before {
    content: "\f150"
}

.fa-caret-square-left:before {
    content: "\f191"
}

.fa-caret-square-right:before {
    content: "\f152"
}

.fa-caret-square-up:before {
    content: "\f151"
}

.fa-caret-up:before {
    content: "\f0d8"
}

.fa-carrot:before {
    content: "\f787"
}

.fa-cart-arrow-down:before {
    content: "\f218"
}

.fa-cart-plus:before {
    content: "\f217"
}

.fa-cash-register:before {
    content: "\f788"
}

.fa-cat:before {
    content: "\f6be"
}

.fa-cauldron:before {
    content: "\f6bf"
}

.fa-cc-amazon-pay:before {
    content: "\f42d"
}

.fa-cc-amex:before {
    content: "\f1f3"
}

.fa-cc-apple-pay:before {
    content: "\f416"
}

.fa-cc-diners-club:before {
    content: "\f24c"
}

.fa-cc-discover:before {
    content: "\f1f2"
}

.fa-cc-jcb:before {
    content: "\f24b"
}

.fa-cc-mastercard:before {
    content: "\f1f1"
}

.fa-cc-paypal:before {
    content: "\f1f4"
}

.fa-cc-stripe:before {
    content: "\f1f5"
}

.fa-cc-visa:before {
    content: "\f1f0"
}

.fa-centercode:before {
    content: "\f380"
}

.fa-centos:before {
    content: "\f789"
}

.fa-certificate:before {
    content: "\f0a3"
}

.fa-chair:before {
    content: "\f6c0"
}

.fa-chair-office:before {
    content: "\f6c1"
}

.fa-chalkboard:before {
    content: "\f51b"
}

.fa-chalkboard-teacher:before {
    content: "\f51c"
}

.fa-charging-station:before {
    content: "\f5e7"
}

.fa-chart-area:before {
    content: "\f1fe"
}

.fa-chart-bar:before {
    content: "\f080"
}

.fa-chart-line:before {
    content: "\f201"
}

.fa-chart-line-down:before {
    content: "\f64d"
}

.fa-chart-network:before {
    content: "\f78a"
}

.fa-chart-pie:before {
    content: "\f200"
}

.fa-chart-pie-alt:before {
    content: "\f64e"
}

.fa-check:before {
    content: "\f00c"
}

.fa-check-circle:before {
    content: "\f058"
}

.fa-check-double:before {
    content: "\f560"
}

.fa-check-square:before {
    content: "\f14a"
}

.fa-chess:before {
    content: "\f439"
}

.fa-chess-bishop:before {
    content: "\f43a"
}

.fa-chess-bishop-alt:before {
    content: "\f43b"
}

.fa-chess-board:before {
    content: "\f43c"
}

.fa-chess-clock:before {
    content: "\f43d"
}

.fa-chess-clock-alt:before {
    content: "\f43e"
}

.fa-chess-king:before {
    content: "\f43f"
}

.fa-chess-king-alt:before {
    content: "\f440"
}

.fa-chess-knight:before {
    content: "\f441"
}

.fa-chess-knight-alt:before {
    content: "\f442"
}

.fa-chess-pawn:before {
    content: "\f443"
}

.fa-chess-pawn-alt:before {
    content: "\f444"
}

.fa-chess-queen:before {
    content: "\f445"
}

.fa-chess-queen-alt:before {
    content: "\f446"
}

.fa-chess-rook:before {
    content: "\f447"
}

.fa-chess-rook-alt:before {
    content: "\f448"
}

.fa-chevron-circle-down:before {
    content: "\f13a"
}

.fa-chevron-circle-left:before {
    content: "\f137"
}

.fa-chevron-circle-right:before {
    content: "\f138"
}

.fa-chevron-circle-up:before {
    content: "\f139"
}

.fa-chevron-double-down:before {
    content: "\f322"
}

.fa-chevron-double-left:before {
    content: "\f323"
}

.fa-chevron-double-right:before {
    content: "\f324"
}

.fa-chevron-double-up:before {
    content: "\f325"
}

.fa-chevron-down:before {
    content: "\f078"
}

.fa-chevron-left:before {
    content: "\f053"
}

.fa-chevron-right:before {
    content: "\f054"
}

.fa-chevron-square-down:before {
    content: "\f329"
}

.fa-chevron-square-left:before {
    content: "\f32a"
}

.fa-chevron-square-right:before {
    content: "\f32b"
}

.fa-chevron-square-up:before {
    content: "\f32c"
}

.fa-chevron-up:before {
    content: "\f077"
}

.fa-child:before {
    content: "\f1ae"
}

.fa-chimney:before {
    content: "\f78b"
}

.fa-chrome:before {
    content: "\f268"
}

.fa-church:before {
    content: "\f51d"
}

.fa-circle:before {
    content: "\f111"
}

.fa-circle-notch:before {
    content: "\f1ce"
}

.fa-city:before {
    content: "\f64f"
}

.fa-claw-marks:before {
    content: "\f6c2"
}

.fa-clipboard:before {
    content: "\f328"
}

.fa-clipboard-check:before {
    content: "\f46c"
}

.fa-clipboard-list:before {
    content: "\f46d"
}

.fa-clipboard-list-check:before {
    content: "\f737"
}

.fa-clipboard-prescription:before {
    content: "\f5e8"
}

.fa-clock:before {
    content: "\f017"
}

.fa-clone:before {
    content: "\f24d"
}

.fa-closed-captioning:before {
    content: "\f20a"
}

.fa-cloud:before {
    content: "\f0c2"
}

.fa-cloud-download:before {
    content: "\f0ed"
}

.fa-cloud-download-alt:before {
    content: "\f381"
}

.fa-cloud-drizzle:before {
    content: "\f738"
}

.fa-cloud-hail:before {
    content: "\f739"
}

.fa-cloud-hail-mixed:before {
    content: "\f73a"
}

.fa-cloud-meatball:before {
    content: "\f73b"
}

.fa-cloud-moon:before {
    content: "\f6c3"
}

.fa-cloud-moon-rain:before {
    content: "\f73c"
}

.fa-cloud-rain:before {
    content: "\f73d"
}

.fa-cloud-rainbow:before {
    content: "\f73e"
}

.fa-cloud-showers:before {
    content: "\f73f"
}

.fa-cloud-showers-heavy:before {
    content: "\f740"
}

.fa-cloud-sleet:before {
    content: "\f741"
}

.fa-cloud-snow:before {
    content: "\f742"
}

.fa-cloud-sun:before {
    content: "\f6c4"
}

.fa-cloud-sun-rain:before {
    content: "\f743"
}

.fa-cloud-upload:before {
    content: "\f0ee"
}

.fa-cloud-upload-alt:before {
    content: "\f382"
}

.fa-clouds:before {
    content: "\f744"
}

.fa-clouds-moon:before {
    content: "\f745"
}

.fa-clouds-sun:before {
    content: "\f746"
}

.fa-cloudscale:before {
    content: "\f383"
}

.fa-cloudsmith:before {
    content: "\f384"
}

.fa-cloudversify:before {
    content: "\f385"
}

.fa-club:before {
    content: "\f327"
}

.fa-cocktail:before {
    content: "\f561"
}

.fa-code:before {
    content: "\f121"
}

.fa-code-branch:before {
    content: "\f126"
}

.fa-code-commit:before {
    content: "\f386"
}

.fa-code-merge:before {
    content: "\f387"
}

.fa-codepen:before {
    content: "\f1cb"
}

.fa-codiepie:before {
    content: "\f284"
}

.fa-coffee:before {
    content: "\f0f4"
}

.fa-coffee-togo:before {
    content: "\f6c5"
}

.fa-coffin:before {
    content: "\f6c6"
}

.fa-cog:before {
    content: "\f013"
}

.fa-cogs:before {
    content: "\f085"
}

.fa-coins:before {
    content: "\f51e"
}

.fa-columns:before {
    content: "\f0db"
}

.fa-comment:before {
    content: "\f075"
}

.fa-comment-alt:before {
    content: "\f27a"
}

.fa-comment-alt-check:before {
    content: "\f4a2"
}

.fa-comment-alt-dollar:before {
    content: "\f650"
}

.fa-comment-alt-dots:before {
    content: "\f4a3"
}

.fa-comment-alt-edit:before {
    content: "\f4a4"
}

.fa-comment-alt-exclamation:before {
    content: "\f4a5"
}

.fa-comment-alt-lines:before {
    content: "\f4a6"
}

.fa-comment-alt-minus:before {
    content: "\f4a7"
}

.fa-comment-alt-plus:before {
    content: "\f4a8"
}

.fa-comment-alt-slash:before {
    content: "\f4a9"
}

.fa-comment-alt-smile:before {
    content: "\f4aa"
}

.fa-comment-alt-times:before {
    content: "\f4ab"
}

.fa-comment-check:before {
    content: "\f4ac"
}

.fa-comment-dollar:before {
    content: "\f651"
}

.fa-comment-dots:before {
    content: "\f4ad"
}

.fa-comment-edit:before {
    content: "\f4ae"
}

.fa-comment-exclamation:before {
    content: "\f4af"
}

.fa-comment-lines:before {
    content: "\f4b0"
}

.fa-comment-minus:before {
    content: "\f4b1"
}

.fa-comment-plus:before {
    content: "\f4b2"
}

.fa-comment-slash:before {
    content: "\f4b3"
}

.fa-comment-smile:before {
    content: "\f4b4"
}

.fa-comment-times:before {
    content: "\f4b5"
}

.fa-comments:before {
    content: "\f086"
}

.fa-comments-alt:before {
    content: "\f4b6"
}

.fa-comments-alt-dollar:before {
    content: "\f652"
}

.fa-comments-dollar:before {
    content: "\f653"
}

.fa-compact-disc:before {
    content: "\f51f"
}

.fa-compass:before {
    content: "\f14e"
}

.fa-compass-slash:before {
    content: "\f5e9"
}

.fa-compress:before {
    content: "\f066"
}

.fa-compress-alt:before {
    content: "\f422"
}

.fa-compress-arrows-alt:before {
    content: "\f78c"
}

.fa-compress-wide:before {
    content: "\f326"
}

.fa-concierge-bell:before {
    content: "\f562"
}

.fa-confluence:before {
    content: "\f78d"
}

.fa-connectdevelop:before {
    content: "\f20e"
}

.fa-container-storage:before {
    content: "\f4b7"
}

.fa-contao:before {
    content: "\f26d"
}

.fa-conveyor-belt:before {
    content: "\f46e"
}

.fa-conveyor-belt-alt:before {
    content: "\f46f"
}

.fa-cookie:before {
    content: "\f563"
}

.fa-cookie-bite:before {
    content: "\f564"
}

.fa-copy:before {
    content: "\f0c5"
}

.fa-copyright:before {
    content: "\f1f9"
}

.fa-corn:before {
    content: "\f6c7"
}

.fa-couch:before {
    content: "\f4b8"
}

.fa-cow:before {
    content: "\f6c8"
}

.fa-cpanel:before {
    content: "\f388"
}

.fa-creative-commons:before {
    content: "\f25e"
}

.fa-creative-commons-by:before {
    content: "\f4e7"
}

.fa-creative-commons-nc:before {
    content: "\f4e8"
}

.fa-creative-commons-nc-eu:before {
    content: "\f4e9"
}

.fa-creative-commons-nc-jp:before {
    content: "\f4ea"
}

.fa-creative-commons-nd:before {
    content: "\f4eb"
}

.fa-creative-commons-pd:before {
    content: "\f4ec"
}

.fa-creative-commons-pd-alt:before {
    content: "\f4ed"
}

.fa-creative-commons-remix:before {
    content: "\f4ee"
}

.fa-creative-commons-sa:before {
    content: "\f4ef"
}

.fa-creative-commons-sampling:before {
    content: "\f4f0"
}

.fa-creative-commons-sampling-plus:before {
    content: "\f4f1"
}

.fa-creative-commons-share:before {
    content: "\f4f2"
}

.fa-creative-commons-zero:before {
    content: "\f4f3"
}

.fa-credit-card:before {
    content: "\f09d"
}

.fa-credit-card-blank:before {
    content: "\f389"
}

.fa-credit-card-front:before {
    content: "\f38a"
}

.fa-cricket:before {
    content: "\f449"
}

.fa-critical-role:before {
    content: "\f6c9"
}

.fa-crop:before {
    content: "\f125"
}

.fa-crop-alt:before {
    content: "\f565"
}

.fa-cross:before {
    content: "\f654"
}

.fa-crosshairs:before {
    content: "\f05b"
}

.fa-crow:before {
    content: "\f520"
}

.fa-crown:before {
    content: "\f521"
}

.fa-css3:before {
    content: "\f13c"
}

.fa-css3-alt:before {
    content: "\f38b"
}

.fa-cube:before {
    content: "\f1b2"
}

.fa-cubes:before {
    content: "\f1b3"
}

.fa-curling:before {
    content: "\f44a"
}

.fa-cut:before {
    content: "\f0c4"
}

.fa-cuttlefish:before {
    content: "\f38c"
}

.fa-d-and-d:before {
    content: "\f38d"
}

.fa-d-and-d-beyond:before {
    content: "\f6ca"
}

.fa-dagger:before {
    content: "\f6cb"
}

.fa-dashcube:before {
    content: "\f210"
}

.fa-database:before {
    content: "\f1c0"
}

.fa-deaf:before {
    content: "\f2a4"
}

.fa-deer:before {
    content: "\f78e"
}

.fa-deer-rudolph:before {
    content: "\f78f"
}

.fa-delicious:before {
    content: "\f1a5"
}

.fa-democrat:before {
    content: "\f747"
}

.fa-deploydog:before {
    content: "\f38e"
}

.fa-deskpro:before {
    content: "\f38f"
}

.fa-desktop:before {
    content: "\f108"
}

.fa-desktop-alt:before {
    content: "\f390"
}

.fa-dev:before {
    content: "\f6cc"
}

.fa-deviantart:before {
    content: "\f1bd"
}

.fa-dewpoint:before {
    content: "\f748"
}

.fa-dharmachakra:before {
    content: "\f655"
}

.fa-dhl:before {
    content: "\f790"
}

.fa-diagnoses:before {
    content: "\f470"
}

.fa-diamond:before {
    content: "\f219"
}

.fa-diaspora:before {
    content: "\f791"
}

.fa-dice:before {
    content: "\f522"
}

.fa-dice-d10:before {
    content: "\f6cd"
}

.fa-dice-d12:before {
    content: "\f6ce"
}

.fa-dice-d20:before {
    content: "\f6cf"
}

.fa-dice-d4:before {
    content: "\f6d0"
}

.fa-dice-d6:before {
    content: "\f6d1"
}

.fa-dice-d8:before {
    content: "\f6d2"
}

.fa-dice-five:before {
    content: "\f523"
}

.fa-dice-four:before {
    content: "\f524"
}

.fa-dice-one:before {
    content: "\f525"
}

.fa-dice-six:before {
    content: "\f526"
}

.fa-dice-three:before {
    content: "\f527"
}

.fa-dice-two:before {
    content: "\f528"
}

.fa-digg:before {
    content: "\f1a6"
}

.fa-digital-ocean:before {
    content: "\f391"
}

.fa-digital-tachograph:before {
    content: "\f566"
}

.fa-diploma:before {
    content: "\f5ea"
}

.fa-directions:before {
    content: "\f5eb"
}

.fa-discord:before {
    content: "\f392"
}

.fa-discourse:before {
    content: "\f393"
}

.fa-divide:before {
    content: "\f529"
}

.fa-dizzy:before {
    content: "\f567"
}

.fa-dna:before {
    content: "\f471"
}

.fa-do-not-enter:before {
    content: "\f5ec"
}

.fa-dochub:before {
    content: "\f394"
}

.fa-docker:before {
    content: "\f395"
}

.fa-dog:before {
    content: "\f6d3"
}

.fa-dog-leashed:before {
    content: "\f6d4"
}

.fa-dollar-sign:before {
    content: "\f155"
}

.fa-dolly:before {
    content: "\f472"
}

.fa-dolly-empty:before {
    content: "\f473"
}

.fa-dolly-flatbed:before {
    content: "\f474"
}

.fa-dolly-flatbed-alt:before {
    content: "\f475"
}

.fa-dolly-flatbed-empty:before {
    content: "\f476"
}

.fa-donate:before {
    content: "\f4b9"
}

.fa-door-closed:before {
    content: "\f52a"
}

.fa-door-open:before {
    content: "\f52b"
}

.fa-dot-circle:before {
    content: "\f192"
}

.fa-dove:before {
    content: "\f4ba"
}

.fa-download:before {
    content: "\f019"
}

.fa-draft2digital:before {
    content: "\f396"
}

.fa-drafting-compass:before {
    content: "\f568"
}

.fa-dragon:before {
    content: "\f6d5"
}

.fa-draw-circle:before {
    content: "\f5ed"
}

.fa-draw-polygon:before {
    content: "\f5ee"
}

.fa-draw-square:before {
    content: "\f5ef"
}

.fa-dreidel:before {
    content: "\f792"
}

.fa-dribbble:before {
    content: "\f17d"
}

.fa-dribbble-square:before {
    content: "\f397"
}

.fa-dropbox:before {
    content: "\f16b"
}

.fa-drum:before {
    content: "\f569"
}

.fa-drum-steelpan:before {
    content: "\f56a"
}

.fa-drumstick:before {
    content: "\f6d6"
}

.fa-drumstick-bite:before {
    content: "\f6d7"
}

.fa-drupal:before {
    content: "\f1a9"
}

.fa-duck:before {
    content: "\f6d8"
}

.fa-dumbbell:before {
    content: "\f44b"
}

.fa-dumpster:before {
    content: "\f793"
}

.fa-dumpster-fire:before {
    content: "\f794"
}

.fa-dungeon:before {
    content: "\f6d9"
}

.fa-dyalog:before {
    content: "\f399"
}

.fa-ear:before {
    content: "\f5f0"
}

.fa-ear-muffs:before {
    content: "\f795"
}

.fa-earlybirds:before {
    content: "\f39a"
}

.fa-ebay:before {
    content: "\f4f4"
}

.fa-eclipse:before {
    content: "\f749"
}

.fa-eclipse-alt:before {
    content: "\f74a"
}

.fa-edge:before {
    content: "\f282"
}

.fa-edit:before {
    content: "\f044"
}

.fa-eject:before {
    content: "\f052"
}

.fa-elementor:before {
    content: "\f430"
}

.fa-elephant:before {
    content: "\f6da"
}

.fa-ellipsis-h:before {
    content: "\f141"
}

.fa-ellipsis-h-alt:before {
    content: "\f39b"
}

.fa-ellipsis-v:before {
    content: "\f142"
}

.fa-ellipsis-v-alt:before {
    content: "\f39c"
}

.fa-ello:before {
    content: "\f5f1"
}

.fa-ember:before {
    content: "\f423"
}

.fa-empire:before {
    content: "\f1d1"
}

.fa-empty-set:before {
    content: "\f656"
}

.fa-engine-warning:before {
    content: "\f5f2"
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-envelope-open:before {
    content: "\f2b6"
}

.fa-envelope-open-dollar:before {
    content: "\f657"
}

.fa-envelope-open-text:before {
    content: "\f658"
}

.fa-envelope-square:before {
    content: "\f199"
}

.fa-envira:before {
    content: "\f299"
}

.fa-equals:before {
    content: "\f52c"
}

.fa-eraser:before {
    content: "\f12d"
}

.fa-erlang:before {
    content: "\f39d"
}

.fa-ethereum:before {
    content: "\f42e"
}

.fa-ethernet:before {
    content: "\f796"
}

.fa-etsy:before {
    content: "\f2d7"
}

.fa-euro-sign:before {
    content: "\f153"
}

.fa-exchange:before {
    content: "\f0ec"
}

.fa-exchange-alt:before {
    content: "\f362"
}

.fa-exclamation:before {
    content: "\f12a"
}

.fa-exclamation-circle:before {
    content: "\f06a"
}

.fa-exclamation-square:before {
    content: "\f321"
}

.fa-exclamation-triangle:before {
    content: "\f071"
}

.fa-expand:before {
    content: "\f065"
}

.fa-expand-alt:before {
    content: "\f424"
}

.fa-expand-arrows:before {
    content: "\f31d"
}

.fa-expand-arrows-alt:before {
    content: "\f31e"
}

.fa-expand-wide:before {
    content: "\f320"
}

.fa-expeditedssl:before {
    content: "\f23e"
}

.fa-external-link:before {
    content: "\f08e"
}

.fa-external-link-alt:before {
    content: "\f35d"
}

.fa-external-link-square:before {
    content: "\f14c"
}

.fa-external-link-square-alt:before {
    content: "\f360"
}

.fa-eye:before {
    content: "\f06e"
}

.fa-eye-dropper:before {
    content: "\f1fb"
}

.fa-eye-evil:before {
    content: "\f6db"
}

.fa-eye-slash:before {
    content: "\f070"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-facebook-f:before {
    content: "\f39e"
}

.fa-facebook-messenger:before {
    content: "\f39f"
}

.fa-facebook-square:before {
    content: "\f082"
}

.fa-fantasy-flight-games:before {
    content: "\f6dc"
}

.fa-fast-backward:before {
    content: "\f049"
}

.fa-fast-forward:before {
    content: "\f050"
}

.fa-fax:before {
    content: "\f1ac"
}

.fa-feather:before {
    content: "\f52d"
}

.fa-feather-alt:before {
    content: "\f56b"
}

.fa-fedex:before {
    content: "\f797"
}

.fa-fedora:before {
    content: "\f798"
}

.fa-female:before {
    content: "\f182"
}

.fa-field-hockey:before {
    content: "\f44c"
}

.fa-fighter-jet:before {
    content: "\f0fb"
}

.fa-figma:before {
    content: "\f799"
}

.fa-file:before {
    content: "\f15b"
}

.fa-file-alt:before {
    content: "\f15c"
}

.fa-file-archive:before {
    content: "\f1c6"
}

.fa-file-audio:before {
    content: "\f1c7"
}

.fa-file-certificate:before {
    content: "\f5f3"
}

.fa-file-chart-line:before {
    content: "\f659"
}

.fa-file-chart-pie:before {
    content: "\f65a"
}

.fa-file-check:before {
    content: "\f316"
}

.fa-file-code:before {
    content: "\f1c9"
}

.fa-file-contract:before {
    content: "\f56c"
}

.fa-file-csv:before {
    content: "\f6dd"
}

.fa-file-download:before {
    content: "\f56d"
}

.fa-file-edit:before {
    content: "\f31c"
}

.fa-file-excel:before {
    content: "\f1c3"
}

.fa-file-exclamation:before {
    content: "\f31a"
}

.fa-file-export:before {
    content: "\f56e"
}

.fa-file-image:before {
    content: "\f1c5"
}

.fa-file-import:before {
    content: "\f56f"
}

.fa-file-invoice:before {
    content: "\f570"
}

.fa-file-invoice-dollar:before {
    content: "\f571"
}

.fa-file-medical:before {
    content: "\f477"
}

.fa-file-medical-alt:before {
    content: "\f478"
}

.fa-file-minus:before {
    content: "\f318"
}

.fa-file-pdf:before {
    content: "\f1c1"
}

.fa-file-plus:before {
    content: "\f319"
}

.fa-file-powerpoint:before {
    content: "\f1c4"
}

.fa-file-prescription:before {
    content: "\f572"
}

.fa-file-signature:before {
    content: "\f573"
}

.fa-file-spreadsheet:before {
    content: "\f65b"
}

.fa-file-times:before {
    content: "\f317"
}

.fa-file-upload:before {
    content: "\f574"
}

.fa-file-user:before {
    content: "\f65c"
}

.fa-file-video:before {
    content: "\f1c8"
}

.fa-file-word:before {
    content: "\f1c2"
}

.fa-fill:before {
    content: "\f575"
}

.fa-fill-drip:before {
    content: "\f576"
}

.fa-film:before {
    content: "\f008"
}

.fa-film-alt:before {
    content: "\f3a0"
}

.fa-filter:before {
    content: "\f0b0"
}

.fa-fingerprint:before {
    content: "\f577"
}

.fa-fire:before {
    content: "\f06d"
}

.fa-fire-extinguisher:before {
    content: "\f134"
}

.fa-fire-smoke:before {
    content: "\f74b"
}

.fa-firefox:before {
    content: "\f269"
}

.fa-fireplace:before {
    content: "\f79a"
}

.fa-first-aid:before {
    content: "\f479"
}

.fa-first-order:before {
    content: "\f2b0"
}

.fa-first-order-alt:before {
    content: "\f50a"
}

.fa-firstdraft:before {
    content: "\f3a1"
}

.fa-fish:before {
    content: "\f578"
}

.fa-fist-raised:before {
    content: "\f6de"
}

.fa-flag:before {
    content: "\f024"
}

.fa-flag-alt:before {
    content: "\f74c"
}

.fa-flag-checkered:before {
    content: "\f11e"
}

.fa-flag-usa:before {
    content: "\f74d"
}

.fa-flame:before {
    content: "\f6df"
}

.fa-flask:before {
    content: "\f0c3"
}

.fa-flask-poison:before {
    content: "\f6e0"
}

.fa-flask-potion:before {
    content: "\f6e1"
}

.fa-flickr:before {
    content: "\f16e"
}

.fa-flipboard:before {
    content: "\f44d"
}

.fa-flushed:before {
    content: "\f579"
}

.fa-fly:before {
    content: "\f417"
}

.fa-fog:before {
    content: "\f74e"
}

.fa-folder:before {
    content: "\f07b"
}

.fa-folder-minus:before {
    content: "\f65d"
}

.fa-folder-open:before {
    content: "\f07c"
}

.fa-folder-plus:before {
    content: "\f65e"
}

.fa-folder-times:before {
    content: "\f65f"
}

.fa-folders:before {
    content: "\f660"
}

.fa-font:before {
    content: "\f031"
}

.fa-font-awesome:before {
    content: "\f2b4"
}

.fa-font-awesome-alt:before {
    content: "\f35c"
}

.fa-font-awesome-flag:before {
    content: "\f425"
}

.fa-font-awesome-logo-full:before {
    content: "\f4e6"
}

.fa-fonticons:before {
    content: "\f280"
}

.fa-fonticons-fi:before {
    content: "\f3a2"
}

.fa-football-ball:before {
    content: "\f44e"
}

.fa-football-helmet:before {
    content: "\f44f"
}

.fa-forklift:before {
    content: "\f47a"
}

.fa-fort-awesome:before {
    content: "\f286"
}

.fa-fort-awesome-alt:before {
    content: "\f3a3"
}

.fa-forumbee:before {
    content: "\f211"
}

.fa-forward:before {
    content: "\f04e"
}

.fa-foursquare:before {
    content: "\f180"
}

.fa-fragile:before {
    content: "\f4bb"
}

.fa-free-code-camp:before {
    content: "\f2c5"
}

.fa-freebsd:before {
    content: "\f3a4"
}

.fa-frog:before {
    content: "\f52e"
}

.fa-frosty-head:before {
    content: "\f79b"
}

.fa-frown:before {
    content: "\f119"
}

.fa-frown-open:before {
    content: "\f57a"
}

.fa-fulcrum:before {
    content: "\f50b"
}

.fa-function:before {
    content: "\f661"
}

.fa-funnel-dollar:before {
    content: "\f662"
}

.fa-futbol:before {
    content: "\f1e3"
}

.fa-galactic-republic:before {
    content: "\f50c"
}

.fa-galactic-senate:before {
    content: "\f50d"
}

.fa-gamepad:before {
    content: "\f11b"
}

.fa-gas-pump:before {
    content: "\f52f"
}

.fa-gas-pump-slash:before {
    content: "\f5f4"
}

.fa-gavel:before {
    content: "\f0e3"
}

.fa-gem:before {
    content: "\f3a5"
}

.fa-genderless:before {
    content: "\f22d"
}

.fa-get-pocket:before {
    content: "\f265"
}

.fa-gg:before {
    content: "\f260"
}

.fa-gg-circle:before {
    content: "\f261"
}

.fa-ghost:before {
    content: "\f6e2"
}

.fa-gift:before {
    content: "\f06b"
}

.fa-gift-card:before {
    content: "\f663"
}

.fa-gifts:before {
    content: "\f79c"
}

.fa-gingerbread-man:before {
    content: "\f79d"
}

.fa-git:before {
    content: "\f1d3"
}

.fa-git-square:before {
    content: "\f1d2"
}

.fa-github:before {
    content: "\f09b"
}

.fa-github-alt:before {
    content: "\f113"
}

.fa-github-square:before {
    content: "\f092"
}

.fa-gitkraken:before {
    content: "\f3a6"
}

.fa-gitlab:before {
    content: "\f296"
}

.fa-gitter:before {
    content: "\f426"
}

.fa-glass-champagne:before {
    content: "\f79e"
}

.fa-glass-cheers:before {
    content: "\f79f"
}

.fa-glass-martini:before {
    content: "\f000"
}

.fa-glass-martini-alt:before {
    content: "\f57b"
}

.fa-glass-whiskey:before {
    content: "\f7a0"
}

.fa-glass-whiskey-rocks:before {
    content: "\f7a1"
}

.fa-glasses:before {
    content: "\f530"
}

.fa-glasses-alt:before {
    content: "\f5f5"
}

.fa-glide:before {
    content: "\f2a5"
}

.fa-glide-g:before {
    content: "\f2a6"
}

.fa-globe:before {
    content: "\f0ac"
}

.fa-globe-africa:before {
    content: "\f57c"
}

.fa-globe-americas:before {
    content: "\f57d"
}

.fa-globe-asia:before {
    content: "\f57e"
}

.fa-globe-europe:before {
    content: "\f7a2"
}

.fa-globe-snow:before {
    content: "\f7a3"
}

.fa-globe-stand:before {
    content: "\f5f6"
}

.fa-gofore:before {
    content: "\f3a7"
}

.fa-golf-ball:before {
    content: "\f450"
}

.fa-golf-club:before {
    content: "\f451"
}

.fa-goodreads:before {
    content: "\f3a8"
}

.fa-goodreads-g:before {
    content: "\f3a9"
}

.fa-google:before {
    content: "\f1a0"
}

.fa-google-drive:before {
    content: "\f3aa"
}

.fa-google-play:before {
    content: "\f3ab"
}

.fa-google-plus:before {
    content: "\f2b3"
}

.fa-google-plus-g:before {
    content: "\f0d5"
}

.fa-google-plus-square:before {
    content: "\f0d4"
}

.fa-google-wallet:before {
    content: "\f1ee"
}

.fa-gopuram:before {
    content: "\f664"
}

.fa-graduation-cap:before {
    content: "\f19d"
}

.fa-gratipay:before {
    content: "\f184"
}

.fa-grav:before {
    content: "\f2d6"
}

.fa-greater-than:before {
    content: "\f531"
}

.fa-greater-than-equal:before {
    content: "\f532"
}

.fa-grimace:before {
    content: "\f57f"
}

.fa-grin:before {
    content: "\f580"
}

.fa-grin-alt:before {
    content: "\f581"
}

.fa-grin-beam:before {
    content: "\f582"
}

.fa-grin-beam-sweat:before {
    content: "\f583"
}

.fa-grin-hearts:before {
    content: "\f584"
}

.fa-grin-squint:before {
    content: "\f585"
}

.fa-grin-squint-tears:before {
    content: "\f586"
}

.fa-grin-stars:before {
    content: "\f587"
}

.fa-grin-tears:before {
    content: "\f588"
}

.fa-grin-tongue:before {
    content: "\f589"
}

.fa-grin-tongue-squint:before {
    content: "\f58a"
}

.fa-grin-tongue-wink:before {
    content: "\f58b"
}

.fa-grin-wink:before {
    content: "\f58c"
}

.fa-grip-horizontal:before {
    content: "\f58d"
}

.fa-grip-lines:before {
    content: "\f7a4"
}

.fa-grip-lines-vertical:before {
    content: "\f7a5"
}

.fa-grip-vertical:before {
    content: "\f58e"
}

.fa-gripfire:before {
    content: "\f3ac"
}

.fa-grunt:before {
    content: "\f3ad"
}

.fa-guitar:before {
    content: "\f7a6"
}

.fa-gulp:before {
    content: "\f3ae"
}

.fa-h-square:before {
    content: "\f0fd"
}

.fa-h1:before {
    content: "\f313"
}

.fa-h2:before {
    content: "\f314"
}

.fa-h3:before {
    content: "\f315"
}

.fa-hacker-news:before {
    content: "\f1d4"
}

.fa-hacker-news-square:before {
    content: "\f3af"
}

.fa-hackerrank:before {
    content: "\f5f7"
}

.fa-hammer:before {
    content: "\f6e3"
}

.fa-hammer-war:before {
    content: "\f6e4"
}

.fa-hamsa:before {
    content: "\f665"
}

.fa-hand-heart:before {
    content: "\f4bc"
}

.fa-hand-holding:before {
    content: "\f4bd"
}

.fa-hand-holding-box:before {
    content: "\f47b"
}

.fa-hand-holding-heart:before {
    content: "\f4be"
}

.fa-hand-holding-magic:before {
    content: "\f6e5"
}

.fa-hand-holding-seedling:before {
    content: "\f4bf"
}

.fa-hand-holding-usd:before {
    content: "\f4c0"
}

.fa-hand-holding-water:before {
    content: "\f4c1"
}

.fa-hand-lizard:before {
    content: "\f258"
}

.fa-hand-paper:before {
    content: "\f256"
}

.fa-hand-peace:before {
    content: "\f25b"
}

.fa-hand-point-down:before {
    content: "\f0a7"
}

.fa-hand-point-left:before {
    content: "\f0a5"
}

.fa-hand-point-right:before {
    content: "\f0a4"
}

.fa-hand-point-up:before {
    content: "\f0a6"
}

.fa-hand-pointer:before {
    content: "\f25a"
}

.fa-hand-receiving:before {
    content: "\f47c"
}

.fa-hand-rock:before {
    content: "\f255"
}

.fa-hand-scissors:before {
    content: "\f257"
}

.fa-hand-spock:before {
    content: "\f259"
}

.fa-hands:before {
    content: "\f4c2"
}

.fa-hands-heart:before {
    content: "\f4c3"
}

.fa-hands-helping:before {
    content: "\f4c4"
}

.fa-hands-usd:before {
    content: "\f4c5"
}

.fa-handshake:before {
    content: "\f2b5"
}

.fa-handshake-alt:before {
    content: "\f4c6"
}

.fa-hanukiah:before {
    content: "\f6e6"
}

.fa-hashtag:before {
    content: "\f292"
}

.fa-hat-santa:before {
    content: "\f7a7"
}

.fa-hat-winter:before {
    content: "\f7a8"
}

.fa-hat-witch:before {
    content: "\f6e7"
}

.fa-hat-wizard:before {
    content: "\f6e8"
}

.fa-haykal:before {
    content: "\f666"
}

.fa-hdd:before {
    content: "\f0a0"
}

.fa-head-side:before {
    content: "\f6e9"
}

.fa-head-vr:before {
    content: "\f6ea"
}

.fa-heading:before {
    content: "\f1dc"
}

.fa-headphones:before {
    content: "\f025"
}

.fa-headphones-alt:before {
    content: "\f58f"
}

.fa-headset:before {
    content: "\f590"
}

.fa-heart:before {
    content: "\f004"
}

.fa-heart-broken:before {
    content: "\f7a9"
}

.fa-heart-circle:before {
    content: "\f4c7"
}

.fa-heart-rate:before {
    content: "\f5f8"
}

.fa-heart-square:before {
    content: "\f4c8"
}

.fa-heartbeat:before {
    content: "\f21e"
}

.fa-helicopter:before {
    content: "\f533"
}

.fa-helmet-battle:before {
    content: "\f6eb"
}

.fa-hexagon:before {
    content: "\f312"
}

.fa-highlighter:before {
    content: "\f591"
}

.fa-hiking:before {
    content: "\f6ec"
}

.fa-hippo:before {
    content: "\f6ed"
}

.fa-hips:before {
    content: "\f452"
}

.fa-hire-a-helper:before {
    content: "\f3b0"
}

.fa-history:before {
    content: "\f1da"
}

.fa-hockey-mask:before {
    content: "\f6ee"
}

.fa-hockey-puck:before {
    content: "\f453"
}

.fa-hockey-sticks:before {
    content: "\f454"
}

.fa-holly-berry:before {
    content: "\f7aa"
}

.fa-home:before {
    content: "\f015"
}

.fa-home-heart:before {
    content: "\f4c9"
}

.fa-hood-cloak:before {
    content: "\f6ef"
}

.fa-hooli:before {
    content: "\f427"
}

.fa-hornbill:before {
    content: "\f592"
}

.fa-horse:before {
    content: "\f6f0"
}

.fa-horse-head:before {
    content: "\f7ab"
}

.fa-hospital:before {
    content: "\f0f8"
}

.fa-hospital-alt:before {
    content: "\f47d"
}

.fa-hospital-symbol:before {
    content: "\f47e"
}

.fa-hot-tub:before {
    content: "\f593"
}

.fa-hotel:before {
    content: "\f594"
}

.fa-hotjar:before {
    content: "\f3b1"
}

.fa-hourglass:before {
    content: "\f254"
}

.fa-hourglass-end:before {
    content: "\f253"
}

.fa-hourglass-half:before {
    content: "\f252"
}

.fa-hourglass-start:before {
    content: "\f251"
}

.fa-house-damage:before {
    content: "\f6f1"
}

.fa-house-flood:before {
    content: "\f74f"
}

.fa-houzz:before {
    content: "\f27c"
}

.fa-hryvnia:before {
    content: "\f6f2"
}

.fa-html5:before {
    content: "\f13b"
}

.fa-hubspot:before {
    content: "\f3b2"
}

.fa-humidity:before {
    content: "\f750"
}

.fa-hurricane:before {
    content: "\f751"
}

.fa-i-cursor:before {
    content: "\f246"
}

.fa-ice-skate:before {
    content: "\f7ac"
}

.fa-icicles:before {
    content: "\f7ad"
}

.fa-id-badge:before {
    content: "\f2c1"
}

.fa-id-card:before {
    content: "\f2c2"
}

.fa-id-card-alt:before {
    content: "\f47f"
}

.fa-igloo:before {
    content: "\f7ae"
}

.fa-image:before {
    content: "\f03e"
}

.fa-images:before {
    content: "\f302"
}

.fa-imdb:before {
    content: "\f2d8"
}

.fa-inbox:before {
    content: "\f01c"
}

.fa-inbox-in:before {
    content: "\f310"
}

.fa-inbox-out:before {
    content: "\f311"
}

.fa-indent:before {
    content: "\f03c"
}

.fa-industry:before {
    content: "\f275"
}

.fa-industry-alt:before {
    content: "\f3b3"
}

.fa-infinity:before {
    content: "\f534"
}

.fa-info:before {
    content: "\f129"
}

.fa-info-circle:before {
    content: "\f05a"
}

.fa-info-square:before {
    content: "\f30f"
}

.fa-inhaler:before {
    content: "\f5f9"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-integral:before {
    content: "\f667"
}

.fa-intercom:before {
    content: "\f7af"
}

.fa-internet-explorer:before {
    content: "\f26b"
}

.fa-intersection:before {
    content: "\f668"
}

.fa-inventory:before {
    content: "\f480"
}

.fa-invision:before {
    content: "\f7b0"
}

.fa-ioxhost:before {
    content: "\f208"
}

.fa-italic:before {
    content: "\f033"
}

.fa-itunes:before {
    content: "\f3b4"
}

.fa-itunes-note:before {
    content: "\f3b5"
}

.fa-jack-o-lantern:before {
    content: "\f30e"
}

.fa-java:before {
    content: "\f4e4"
}

.fa-jedi:before {
    content: "\f669"
}

.fa-jedi-order:before {
    content: "\f50e"
}

.fa-jenkins:before {
    content: "\f3b6"
}

.fa-jira:before {
    content: "\f7b1"
}

.fa-joget:before {
    content: "\f3b7"
}

.fa-joint:before {
    content: "\f595"
}

.fa-joomla:before {
    content: "\f1aa"
}

.fa-journal-whills:before {
    content: "\f66a"
}

.fa-js:before {
    content: "\f3b8"
}

.fa-js-square:before {
    content: "\f3b9"
}

.fa-jsfiddle:before {
    content: "\f1cc"
}

.fa-kaaba:before {
    content: "\f66b"
}

.fa-kaggle:before {
    content: "\f5fa"
}

.fa-key:before {
    content: "\f084"
}

.fa-key-skeleton:before {
    content: "\f6f3"
}

.fa-keybase:before {
    content: "\f4f5"
}

.fa-keyboard:before {
    content: "\f11c"
}

.fa-keycdn:before {
    content: "\f3ba"
}

.fa-keynote:before {
    content: "\f66c"
}

.fa-khanda:before {
    content: "\f66d"
}

.fa-kickstarter:before {
    content: "\f3bb"
}

.fa-kickstarter-k:before {
    content: "\f3bc"
}

.fa-kidneys:before {
    content: "\f5fb"
}

.fa-kiss:before {
    content: "\f596"
}

.fa-kiss-beam:before {
    content: "\f597"
}

.fa-kiss-wink-heart:before {
    content: "\f598"
}

.fa-kite:before {
    content: "\f6f4"
}

.fa-kiwi-bird:before {
    content: "\f535"
}

.fa-knife-kitchen:before {
    content: "\f6f5"
}

.fa-korvue:before {
    content: "\f42f"
}

.fa-lambda:before {
    content: "\f66e"
}

.fa-lamp:before {
    content: "\f4ca"
}

.fa-landmark:before {
    content: "\f66f"
}

.fa-landmark-alt:before {
    content: "\f752"
}

.fa-language:before {
    content: "\f1ab"
}

.fa-laptop:before {
    content: "\f109"
}

.fa-laptop-code:before {
    content: "\f5fc"
}

.fa-laravel:before {
    content: "\f3bd"
}

.fa-lastfm:before {
    content: "\f202"
}

.fa-lastfm-square:before {
    content: "\f203"
}

.fa-laugh:before {
    content: "\f599"
}

.fa-laugh-beam:before {
    content: "\f59a"
}

.fa-laugh-squint:before {
    content: "\f59b"
}

.fa-laugh-wink:before {
    content: "\f59c"
}

.fa-layer-group:before {
    content: "\f5fd"
}

.fa-layer-minus:before {
    content: "\f5fe"
}

.fa-layer-plus:before {
    content: "\f5ff"
}

.fa-leaf:before {
    content: "\f06c"
}

.fa-leaf-heart:before {
    content: "\f4cb"
}

.fa-leaf-maple:before {
    content: "\f6f6"
}

.fa-leaf-oak:before {
    content: "\f6f7"
}

.fa-leanpub:before {
    content: "\f212"
}

.fa-lemon:before {
    content: "\f094"
}

.fa-less:before {
    content: "\f41d"
}

.fa-less-than:before {
    content: "\f536"
}

.fa-less-than-equal:before {
    content: "\f537"
}

.fa-level-down:before {
    content: "\f149"
}

.fa-level-down-alt:before {
    content: "\f3be"
}

.fa-level-up:before {
    content: "\f148"
}

.fa-level-up-alt:before {
    content: "\f3bf"
}

.fa-life-ring:before {
    content: "\f1cd"
}

.fa-lightbulb:before {
    content: "\f0eb"
}

.fa-lightbulb-dollar:before {
    content: "\f670"
}

.fa-lightbulb-exclamation:before {
    content: "\f671"
}

.fa-lightbulb-on:before {
    content: "\f672"
}

.fa-lightbulb-slash:before {
    content: "\f673"
}

.fa-lights-holiday:before {
    content: "\f7b2"
}

.fa-line:before {
    content: "\f3c0"
}

.fa-link:before {
    content: "\f0c1"
}

.fa-linkedin:before {
    content: "\f08c"
}

.fa-linkedin-in:before {
    content: "\f0e1"
}

.fa-linode:before {
    content: "\f2b8"
}

.fa-linux:before {
    content: "\f17c"
}

.fa-lips:before {
    content: "\f600"
}

.fa-lira-sign:before {
    content: "\f195"
}

.fa-list:before {
    content: "\f03a"
}

.fa-list-alt:before {
    content: "\f022"
}

.fa-list-ol:before {
    content: "\f0cb"
}

.fa-list-ul:before {
    content: "\f0ca"
}

.fa-location:before {
    content: "\f601"
}

.fa-location-arrow:before {
    content: "\f124"
}

.fa-location-circle:before {
    content: "\f602"
}

.fa-location-slash:before {
    content: "\f603"
}

.fa-lock:before {
    content: "\f023"
}

.fa-lock-alt:before {
    content: "\f30d"
}

.fa-lock-open:before {
    content: "\f3c1"
}

.fa-lock-open-alt:before {
    content: "\f3c2"
}

.fa-long-arrow-alt-down:before {
    content: "\f309"
}

.fa-long-arrow-alt-left:before {
    content: "\f30a"
}

.fa-long-arrow-alt-right:before {
    content: "\f30b"
}

.fa-long-arrow-alt-up:before {
    content: "\f30c"
}

.fa-long-arrow-down:before {
    content: "\f175"
}

.fa-long-arrow-left:before {
    content: "\f177"
}

.fa-long-arrow-right:before {
    content: "\f178"
}

.fa-long-arrow-up:before {
    content: "\f176"
}

.fa-loveseat:before {
    content: "\f4cc"
}

.fa-low-vision:before {
    content: "\f2a8"
}

.fa-luchador:before {
    content: "\f455"
}

.fa-luggage-cart:before {
    content: "\f59d"
}

.fa-lungs:before {
    content: "\f604"
}

.fa-lyft:before {
    content: "\f3c3"
}

.fa-mace:before {
    content: "\f6f8"
}

.fa-magento:before {
    content: "\f3c4"
}

.fa-magic:before {
    content: "\f0d0"
}

.fa-magnet:before {
    content: "\f076"
}

.fa-mail-bulk:before {
    content: "\f674"
}

.fa-mailchimp:before {
    content: "\f59e"
}

.fa-male:before {
    content: "\f183"
}

.fa-mandalorian:before {
    content: "\f50f"
}

.fa-mandolin:before {
    content: "\f6f9"
}

.fa-map:before {
    content: "\f279"
}

.fa-map-marked:before {
    content: "\f59f"
}

.fa-map-marked-alt:before {
    content: "\f5a0"
}

.fa-map-marker:before {
    content: "\f041"
}

.fa-map-marker-alt:before {
    content: "\f3c5"
}

.fa-map-marker-alt-slash:before {
    content: "\f605"
}

.fa-map-marker-check:before {
    content: "\f606"
}

.fa-map-marker-edit:before {
    content: "\f607"
}

.fa-map-marker-exclamation:before {
    content: "\f608"
}

.fa-map-marker-minus:before {
    content: "\f609"
}

.fa-map-marker-plus:before {
    content: "\f60a"
}

.fa-map-marker-question:before {
    content: "\f60b"
}

.fa-map-marker-slash:before {
    content: "\f60c"
}

.fa-map-marker-smile:before {
    content: "\f60d"
}

.fa-map-marker-times:before {
    content: "\f60e"
}

.fa-map-pin:before {
    content: "\f276"
}

.fa-map-signs:before {
    content: "\f277"
}

.fa-markdown:before {
    content: "\f60f"
}

.fa-marker:before {
    content: "\f5a1"
}

.fa-mars:before {
    content: "\f222"
}

.fa-mars-double:before {
    content: "\f227"
}

.fa-mars-stroke:before {
    content: "\f229"
}

.fa-mars-stroke-h:before {
    content: "\f22b"
}

.fa-mars-stroke-v:before {
    content: "\f22a"
}

.fa-mask:before {
    content: "\f6fa"
}

.fa-mastodon:before {
    content: "\f4f6"
}

.fa-maxcdn:before {
    content: "\f136"
}

.fa-medal:before {
    content: "\f5a2"
}

.fa-medapps:before {
    content: "\f3c6"
}

.fa-medium:before {
    content: "\f23a"
}

.fa-medium-m:before {
    content: "\f3c7"
}

.fa-medkit:before {
    content: "\f0fa"
}

.fa-medrt:before {
    content: "\f3c8"
}

.fa-meetup:before {
    content: "\f2e0"
}

.fa-megaphone:before {
    content: "\f675"
}

.fa-megaport:before {
    content: "\f5a3"
}

.fa-meh:before {
    content: "\f11a"
}

.fa-meh-blank:before {
    content: "\f5a4"
}

.fa-meh-rolling-eyes:before {
    content: "\f5a5"
}

.fa-memory:before {
    content: "\f538"
}

.fa-mendeley:before {
    content: "\f7b3"
}

.fa-menorah:before {
    content: "\f676"
}

.fa-mercury:before {
    content: "\f223"
}

.fa-meteor:before {
    content: "\f753"
}

.fa-microchip:before {
    content: "\f2db"
}

.fa-microphone:before {
    content: "\f130"
}

.fa-microphone-alt:before {
    content: "\f3c9"
}

.fa-microphone-alt-slash:before {
    content: "\f539"
}

.fa-microphone-slash:before {
    content: "\f131"
}

.fa-microscope:before {
    content: "\f610"
}

.fa-microsoft:before {
    content: "\f3ca"
}

.fa-mind-share:before {
    content: "\f677"
}

.fa-minus:before {
    content: "\f068"
}

.fa-minus-circle:before {
    content: "\f056"
}

.fa-minus-hexagon:before {
    content: "\f307"
}

.fa-minus-octagon:before {
    content: "\f308"
}

.fa-minus-square:before {
    content: "\f146"
}

.fa-mistletoe:before {
    content: "\f7b4"
}

.fa-mitten:before {
    content: "\f7b5"
}

.fa-mix:before {
    content: "\f3cb"
}

.fa-mixcloud:before {
    content: "\f289"
}

.fa-mizuni:before {
    content: "\f3cc"
}

.fa-mobile:before {
    content: "\f10b"
}

.fa-mobile-alt:before {
    content: "\f3cd"
}

.fa-mobile-android:before {
    content: "\f3ce"
}

.fa-mobile-android-alt:before {
    content: "\f3cf"
}

.fa-modx:before {
    content: "\f285"
}

.fa-monero:before {
    content: "\f3d0"
}

.fa-money-bill:before {
    content: "\f0d6"
}

.fa-money-bill-alt:before {
    content: "\f3d1"
}

.fa-money-bill-wave:before {
    content: "\f53a"
}

.fa-money-bill-wave-alt:before {
    content: "\f53b"
}

.fa-money-check:before {
    content: "\f53c"
}

.fa-money-check-alt:before {
    content: "\f53d"
}

.fa-monitor-heart-rate:before {
    content: "\f611"
}

.fa-monkey:before {
    content: "\f6fb"
}

.fa-monument:before {
    content: "\f5a6"
}

.fa-moon:before {
    content: "\f186"
}

.fa-moon-cloud:before {
    content: "\f754"
}

.fa-moon-stars:before {
    content: "\f755"
}

.fa-mortar-pestle:before {
    content: "\f5a7"
}

.fa-mosque:before {
    content: "\f678"
}

.fa-motorcycle:before {
    content: "\f21c"
}

.fa-mountain:before {
    content: "\f6fc"
}

.fa-mountains:before {
    content: "\f6fd"
}

.fa-mouse-pointer:before {
    content: "\f245"
}

.fa-mug-hot:before {
    content: "\f7b6"
}

.fa-mug-marshmallows:before {
    content: "\f7b7"
}

.fa-music:before {
    content: "\f001"
}

.fa-napster:before {
    content: "\f3d2"
}

.fa-narwhal:before {
    content: "\f6fe"
}

.fa-neos:before {
    content: "\f612"
}

.fa-network-wired:before {
    content: "\f6ff"
}

.fa-neuter:before {
    content: "\f22c"
}

.fa-newspaper:before {
    content: "\f1ea"
}

.fa-nimblr:before {
    content: "\f5a8"
}

.fa-nintendo-switch:before {
    content: "\f418"
}

.fa-node:before {
    content: "\f419"
}

.fa-node-js:before {
    content: "\f3d3"
}

.fa-not-equal:before {
    content: "\f53e"
}

.fa-notes-medical:before {
    content: "\f481"
}

.fa-npm:before {
    content: "\f3d4"
}

.fa-ns8:before {
    content: "\f3d5"
}

.fa-nutritionix:before {
    content: "\f3d6"
}

.fa-object-group:before {
    content: "\f247"
}

.fa-object-ungroup:before {
    content: "\f248"
}

.fa-octagon:before {
    content: "\f306"
}

.fa-odnoklassniki:before {
    content: "\f263"
}

.fa-odnoklassniki-square:before {
    content: "\f264"
}

.fa-oil-can:before {
    content: "\f613"
}

.fa-oil-temp:before {
    content: "\f614"
}

.fa-old-republic:before {
    content: "\f510"
}

.fa-om:before {
    content: "\f679"
}

.fa-omega:before {
    content: "\f67a"
}

.fa-opencart:before {
    content: "\f23d"
}

.fa-openid:before {
    content: "\f19b"
}

.fa-opera:before {
    content: "\f26a"
}

.fa-optin-monster:before {
    content: "\f23c"
}

.fa-ornament:before {
    content: "\f7b8"
}

.fa-osi:before {
    content: "\f41a"
}

.fa-otter:before {
    content: "\f700"
}

.fa-outdent:before {
    content: "\f03b"
}

.fa-page4:before {
    content: "\f3d7"
}

.fa-pagelines:before {
    content: "\f18c"
}

.fa-paint-brush:before {
    content: "\f1fc"
}

.fa-paint-brush-alt:before {
    content: "\f5a9"
}

.fa-paint-roller:before {
    content: "\f5aa"
}

.fa-palette:before {
    content: "\f53f"
}

.fa-palfed:before {
    content: "\f3d8"
}

.fa-pallet:before {
    content: "\f482"
}

.fa-pallet-alt:before {
    content: "\f483"
}

.fa-paper-plane:before {
    content: "\f1d8"
}

.fa-paperclip:before {
    content: "\f0c6"
}

.fa-parachute-box:before {
    content: "\f4cd"
}

.fa-paragraph:before {
    content: "\f1dd"
}

.fa-parking:before {
    content: "\f540"
}

.fa-parking-circle:before {
    content: "\f615"
}

.fa-parking-circle-slash:before {
    content: "\f616"
}

.fa-parking-slash:before {
    content: "\f617"
}

.fa-passport:before {
    content: "\f5ab"
}

.fa-pastafarianism:before {
    content: "\f67b"
}

.fa-paste:before {
    content: "\f0ea"
}

.fa-patreon:before {
    content: "\f3d9"
}

.fa-pause:before {
    content: "\f04c"
}

.fa-pause-circle:before {
    content: "\f28b"
}

.fa-paw:before {
    content: "\f1b0"
}

.fa-paw-alt:before {
    content: "\f701"
}

.fa-paw-claws:before {
    content: "\f702"
}

.fa-paypal:before {
    content: "\f1ed"
}

.fa-peace:before {
    content: "\f67c"
}

.fa-pegasus:before {
    content: "\f703"
}

.fa-pen:before {
    content: "\f304"
}

.fa-pen-alt:before {
    content: "\f305"
}

.fa-pen-fancy:before {
    content: "\f5ac"
}

.fa-pen-nib:before {
    content: "\f5ad"
}

.fa-pen-square:before {
    content: "\f14b"
}

.fa-pencil:before {
    content: "\f040"
}

.fa-pencil-alt:before {
    content: "\f303"
}

.fa-pencil-paintbrush:before {
    content: "\f618"
}

.fa-pencil-ruler:before {
    content: "\f5ae"
}

.fa-pennant:before {
    content: "\f456"
}

.fa-penny-arcade:before {
    content: "\f704"
}

.fa-people-carry:before {
    content: "\f4ce"
}

.fa-percent:before {
    content: "\f295"
}

.fa-percentage:before {
    content: "\f541"
}

.fa-periscope:before {
    content: "\f3da"
}

.fa-person-booth:before {
    content: "\f756"
}

.fa-person-carry:before {
    content: "\f4cf"
}

.fa-person-dolly:before {
    content: "\f4d0"
}

.fa-person-dolly-empty:before {
    content: "\f4d1"
}

.fa-person-sign:before {
    content: "\f757"
}

.fa-phabricator:before {
    content: "\f3db"
}

.fa-phoenix-framework:before {
    content: "\f3dc"
}

.fa-phoenix-squadron:before {
    content: "\f511"
}

.fa-phone:before {
    content: "\f095"
}

.fa-phone-office:before {
    content: "\f67d"
}

.fa-phone-plus:before {
    content: "\f4d2"
}

.fa-phone-slash:before {
    content: "\f3dd"
}

.fa-phone-square:before {
    content: "\f098"
}

.fa-phone-volume:before {
    content: "\f2a0"
}

.fa-php:before {
    content: "\f457"
}

.fa-pi:before {
    content: "\f67e"
}

.fa-pie:before {
    content: "\f705"
}

.fa-pied-piper:before {
    content: "\f2ae"
}

.fa-pied-piper-alt:before {
    content: "\f1a8"
}

.fa-pied-piper-hat:before {
    content: "\f4e5"
}

.fa-pied-piper-pp:before {
    content: "\f1a7"
}

.fa-pig:before {
    content: "\f706"
}

.fa-piggy-bank:before {
    content: "\f4d3"
}

.fa-pills:before {
    content: "\f484"
}

.fa-pinterest:before {
    content: "\f0d2"
}

.fa-pinterest-p:before {
    content: "\f231"
}

.fa-pinterest-square:before {
    content: "\f0d3"
}

.fa-place-of-worship:before {
    content: "\f67f"
}

.fa-plane:before {
    content: "\f072"
}

.fa-plane-alt:before {
    content: "\f3de"
}

.fa-plane-arrival:before {
    content: "\f5af"
}

.fa-plane-departure:before {
    content: "\f5b0"
}

.fa-play:before {
    content: "\f04b"
}

.fa-play-circle:before {
    content: "\f144"
}

.fa-playstation:before {
    content: "\f3df"
}

.fa-plug:before {
    content: "\f1e6"
}

.fa-plus:before {
    content: "\f067"
}

.fa-plus-circle:before {
    content: "\f055"
}

.fa-plus-hexagon:before {
    content: "\f300"
}

.fa-plus-octagon:before {
    content: "\f301"
}

.fa-plus-square:before {
    content: "\f0fe"
}

.fa-podcast:before {
    content: "\f2ce"
}

.fa-podium:before {
    content: "\f680"
}

.fa-podium-star:before {
    content: "\f758"
}

.fa-poll:before {
    content: "\f681"
}

.fa-poll-h:before {
    content: "\f682"
}

.fa-poll-people:before {
    content: "\f759"
}

.fa-poo:before {
    content: "\f2fe"
}

.fa-poo-storm:before {
    content: "\f75a"
}

.fa-poop:before {
    content: "\f619"
}

.fa-portrait:before {
    content: "\f3e0"
}

.fa-pound-sign:before {
    content: "\f154"
}

.fa-power-off:before {
    content: "\f011"
}

.fa-pray:before {
    content: "\f683"
}

.fa-praying-hands:before {
    content: "\f684"
}

.fa-prescription:before {
    content: "\f5b1"
}

.fa-prescription-bottle:before {
    content: "\f485"
}

.fa-prescription-bottle-alt:before {
    content: "\f486"
}

.fa-presentation:before {
    content: "\f685"
}

.fa-print:before {
    content: "\f02f"
}

.fa-print-slash:before {
    content: "\f686"
}

.fa-procedures:before {
    content: "\f487"
}

.fa-product-hunt:before {
    content: "\f288"
}

.fa-project-diagram:before {
    content: "\f542"
}

.fa-pumpkin:before {
    content: "\f707"
}

.fa-pushed:before {
    content: "\f3e1"
}

.fa-puzzle-piece:before {
    content: "\f12e"
}

.fa-python:before {
    content: "\f3e2"
}

.fa-qq:before {
    content: "\f1d6"
}

.fa-qrcode:before {
    content: "\f029"
}

.fa-question:before {
    content: "\f128"
}

.fa-question-circle:before {
    content: "\f059"
}

.fa-question-square:before {
    content: "\f2fd"
}

.fa-quidditch:before {
    content: "\f458"
}

.fa-quinscape:before {
    content: "\f459"
}

.fa-quora:before {
    content: "\f2c4"
}

.fa-quote-left:before {
    content: "\f10d"
}

.fa-quote-right:before {
    content: "\f10e"
}

.fa-quran:before {
    content: "\f687"
}

.fa-r-project:before {
    content: "\f4f7"
}

.fa-rabbit:before {
    content: "\f708"
}

.fa-rabbit-fast:before {
    content: "\f709"
}

.fa-racquet:before {
    content: "\f45a"
}

.fa-radiation:before {
    content: "\f7b9"
}

.fa-radiation-alt:before {
    content: "\f7ba"
}

.fa-rainbow:before {
    content: "\f75b"
}

.fa-raindrops:before {
    content: "\f75c"
}

.fa-ram:before {
    content: "\f70a"
}

.fa-ramp-loading:before {
    content: "\f4d4"
}

.fa-random:before {
    content: "\f074"
}

.fa-raspberry-pi:before {
    content: "\f7bb"
}

.fa-ravelry:before {
    content: "\f2d9"
}

.fa-react:before {
    content: "\f41b"
}

.fa-reacteurope:before {
    content: "\f75d"
}

.fa-readme:before {
    content: "\f4d5"
}

.fa-rebel:before {
    content: "\f1d0"
}

.fa-receipt:before {
    content: "\f543"
}

.fa-rectangle-landscape:before {
    content: "\f2fa"
}

.fa-rectangle-portrait:before {
    content: "\f2fb"
}

.fa-rectangle-wide:before {
    content: "\f2fc"
}

.fa-recycle:before {
    content: "\f1b8"
}

.fa-red-river:before {
    content: "\f3e3"
}

.fa-reddit:before {
    content: "\f1a1"
}

.fa-reddit-alien:before {
    content: "\f281"
}

.fa-reddit-square:before {
    content: "\f1a2"
}

.fa-redhat:before {
    content: "\f7bc"
}

.fa-redo:before {
    content: "\f01e"
}

.fa-redo-alt:before {
    content: "\f2f9"
}

.fa-registered:before {
    content: "\f25d"
}

.fa-renren:before {
    content: "\f18b"
}

.fa-repeat:before {
    content: "\f363"
}

.fa-repeat-1:before {
    content: "\f365"
}

.fa-repeat-1-alt:before {
    content: "\f366"
}

.fa-repeat-alt:before {
    content: "\f364"
}

.fa-reply:before {
    content: "\f3e5"
}

.fa-reply-all:before {
    content: "\f122"
}

.fa-replyd:before {
    content: "\f3e6"
}

.fa-republican:before {
    content: "\f75e"
}

.fa-researchgate:before {
    content: "\f4f8"
}

.fa-resolving:before {
    content: "\f3e7"
}

.fa-restroom:before {
    content: "\f7bd"
}

.fa-retweet:before {
    content: "\f079"
}

.fa-retweet-alt:before {
    content: "\f361"
}

.fa-rev:before {
    content: "\f5b2"
}

.fa-ribbon:before {
    content: "\f4d6"
}

.fa-ring:before {
    content: "\f70b"
}

.fa-road:before {
    content: "\f018"
}

.fa-robot:before {
    content: "\f544"
}

.fa-rocket:before {
    content: "\f135"
}

.fa-rocketchat:before {
    content: "\f3e8"
}

.fa-rockrms:before {
    content: "\f3e9"
}

.fa-route:before {
    content: "\f4d7"
}

.fa-route-highway:before {
    content: "\f61a"
}

.fa-route-interstate:before {
    content: "\f61b"
}

.fa-rss:before {
    content: "\f09e"
}

.fa-rss-square:before {
    content: "\f143"
}

.fa-ruble-sign:before {
    content: "\f158"
}

.fa-ruler:before {
    content: "\f545"
}

.fa-ruler-combined:before {
    content: "\f546"
}

.fa-ruler-horizontal:before {
    content: "\f547"
}

.fa-ruler-triangle:before {
    content: "\f61c"
}

.fa-ruler-vertical:before {
    content: "\f548"
}

.fa-running:before {
    content: "\f70c"
}

.fa-rupee-sign:before {
    content: "\f156"
}

.fa-rv:before {
    content: "\f7be"
}

.fa-sad-cry:before {
    content: "\f5b3"
}

.fa-sad-tear:before {
    content: "\f5b4"
}

.fa-safari:before {
    content: "\f267"
}

.fa-sass:before {
    content: "\f41e"
}

.fa-satellite:before {
    content: "\f7bf"
}

.fa-satellite-dish:before {
    content: "\f7c0"
}

.fa-save:before {
    content: "\f0c7"
}

.fa-scalpel:before {
    content: "\f61d"
}

.fa-scalpel-path:before {
    content: "\f61e"
}

.fa-scanner:before {
    content: "\f488"
}

.fa-scanner-keyboard:before {
    content: "\f489"
}

.fa-scanner-touchscreen:before {
    content: "\f48a"
}

.fa-scarecrow:before {
    content: "\f70d"
}

.fa-scarf:before {
    content: "\f7c1"
}

.fa-schlix:before {
    content: "\f3ea"
}

.fa-school:before {
    content: "\f549"
}

.fa-screwdriver:before {
    content: "\f54a"
}

.fa-scribd:before {
    content: "\f28a"
}

.fa-scroll:before {
    content: "\f70e"
}

.fa-scroll-old:before {
    content: "\f70f"
}

.fa-scrubber:before {
    content: "\f2f8"
}

.fa-scythe:before {
    content: "\f710"
}

.fa-sd-card:before {
    content: "\f7c2"
}

.fa-search:before {
    content: "\f002"
}

.fa-search-dollar:before {
    content: "\f688"
}

.fa-search-location:before {
    content: "\f689"
}

.fa-search-minus:before {
    content: "\f010"
}

.fa-search-plus:before {
    content: "\f00e"
}

.fa-searchengin:before {
    content: "\f3eb"
}

.fa-seedling:before {
    content: "\f4d8"
}

.fa-sellcast:before {
    content: "\f2da"
}

.fa-sellsy:before {
    content: "\f213"
}

.fa-server:before {
    content: "\f233"
}

.fa-servicestack:before {
    content: "\f3ec"
}

.fa-shapes:before {
    content: "\f61f"
}

.fa-share:before {
    content: "\f064"
}

.fa-share-all:before {
    content: "\f367"
}

.fa-share-alt:before {
    content: "\f1e0"
}

.fa-share-alt-square:before {
    content: "\f1e1"
}

.fa-share-square:before {
    content: "\f14d"
}

.fa-sheep:before {
    content: "\f711"
}

.fa-shekel-sign:before {
    content: "\f20b"
}

.fa-shield:before {
    content: "\f132"
}

.fa-shield-alt:before {
    content: "\f3ed"
}

.fa-shield-check:before {
    content: "\f2f7"
}

.fa-shield-cross:before {
    content: "\f712"
}

.fa-ship:before {
    content: "\f21a"
}

.fa-shipping-fast:before {
    content: "\f48b"
}

.fa-shipping-timed:before {
    content: "\f48c"
}

.fa-shirtsinbulk:before {
    content: "\f214"
}

.fa-shoe-prints:before {
    content: "\f54b"
}

.fa-shopping-bag:before {
    content: "\f290"
}

.fa-shopping-basket:before {
    content: "\f291"
}

.fa-shopping-cart:before {
    content: "\f07a"
}

.fa-shopware:before {
    content: "\f5b5"
}

.fa-shovel:before {
    content: "\f713"
}

.fa-shovel-snow:before {
    content: "\f7c3"
}

.fa-shower:before {
    content: "\f2cc"
}

.fa-shredder:before {
    content: "\f68a"
}

.fa-shuttle-van:before {
    content: "\f5b6"
}

.fa-shuttlecock:before {
    content: "\f45b"
}

.fa-sigma:before {
    content: "\f68b"
}

.fa-sign:before {
    content: "\f4d9"
}

.fa-sign-in:before {
    content: "\f090"
}

.fa-sign-in-alt:before {
    content: "\f2f6"
}

.fa-sign-language:before {
    content: "\f2a7"
}

.fa-sign-out:before {
    content: "\f08b"
}

.fa-sign-out-alt:before {
    content: "\f2f5"
}

.fa-signal:before {
    content: "\f012"
}

.fa-signal-1:before {
    content: "\f68c"
}

.fa-signal-2:before {
    content: "\f68d"
}

.fa-signal-3:before {
    content: "\f68e"
}

.fa-signal-4:before {
    content: "\f68f"
}

.fa-signal-alt:before {
    content: "\f690"
}

.fa-signal-alt-1:before {
    content: "\f691"
}

.fa-signal-alt-2:before {
    content: "\f692"
}

.fa-signal-alt-3:before {
    content: "\f693"
}

.fa-signal-alt-slash:before {
    content: "\f694"
}

.fa-signal-slash:before {
    content: "\f695"
}

.fa-signature:before {
    content: "\f5b7"
}

.fa-sim-card:before {
    content: "\f7c4"
}

.fa-simplybuilt:before {
    content: "\f215"
}

.fa-sistrix:before {
    content: "\f3ee"
}

.fa-sitemap:before {
    content: "\f0e8"
}

.fa-sith:before {
    content: "\f512"
}

.fa-skating:before {
    content: "\f7c5"
}

.fa-skeleton:before {
    content: "\f620"
}

.fa-sketch:before {
    content: "\f7c6"
}

.fa-ski-jump:before {
    content: "\f7c7"
}

.fa-ski-lift:before {
    content: "\f7c8"
}

.fa-skiing:before {
    content: "\f7c9"
}

.fa-skiing-nordic:before {
    content: "\f7ca"
}

.fa-skull:before {
    content: "\f54c"
}

.fa-skull-crossbones:before {
    content: "\f714"
}

.fa-skyatlas:before {
    content: "\f216"
}

.fa-skype:before {
    content: "\f17e"
}

.fa-slack:before {
    content: "\f198"
}

.fa-slack-hash:before {
    content: "\f3ef"
}

.fa-slash:before {
    content: "\f715"
}

.fa-sledding:before {
    content: "\f7cb"
}

.fa-sleigh:before {
    content: "\f7cc"
}

.fa-sliders-h:before {
    content: "\f1de"
}

.fa-sliders-h-square:before {
    content: "\f3f0"
}

.fa-sliders-v:before {
    content: "\f3f1"
}

.fa-sliders-v-square:before {
    content: "\f3f2"
}

.fa-slideshare:before {
    content: "\f1e7"
}

.fa-smile:before {
    content: "\f118"
}

.fa-smile-beam:before {
    content: "\f5b8"
}

.fa-smile-plus:before {
    content: "\f5b9"
}

.fa-smile-wink:before {
    content: "\f4da"
}

.fa-smog:before {
    content: "\f75f"
}

.fa-smoke:before {
    content: "\f760"
}

.fa-smoking:before {
    content: "\f48d"
}

.fa-smoking-ban:before {
    content: "\f54d"
}

.fa-sms:before {
    content: "\f7cd"
}

.fa-snake:before {
    content: "\f716"
}

.fa-snapchat:before {
    content: "\f2ab"
}

.fa-snapchat-ghost:before {
    content: "\f2ac"
}

.fa-snapchat-square:before {
    content: "\f2ad"
}

.fa-snow-blowing:before {
    content: "\f761"
}

.fa-snowboarding:before {
    content: "\f7ce"
}

.fa-snowflake:before {
    content: "\f2dc"
}

.fa-snowflakes:before {
    content: "\f7cf"
}

.fa-snowman:before {
    content: "\f7d0"
}

.fa-snowmobile:before {
    content: "\f7d1"
}

.fa-snowplow:before {
    content: "\f7d2"
}

.fa-socks:before {
    content: "\f696"
}

.fa-solar-panel:before {
    content: "\f5ba"
}

.fa-sort:before {
    content: "\f0dc"
}

.fa-sort-alpha-down:before {
    content: "\f15d"
}

.fa-sort-alpha-up:before {
    content: "\f15e"
}

.fa-sort-amount-down:before {
    content: "\f160"
}

.fa-sort-amount-up:before {
    content: "\f161"
}

.fa-sort-down:before {
    content: "\f0dd"
}

.fa-sort-numeric-down:before {
    content: "\f162"
}

.fa-sort-numeric-up:before {
    content: "\f163"
}

.fa-sort-up:before {
    content: "\f0de"
}

.fa-soundcloud:before {
    content: "\f1be"
}

.fa-sourcetree:before {
    content: "\f7d3"
}

.fa-spa:before {
    content: "\f5bb"
}

.fa-space-shuttle:before {
    content: "\f197"
}

.fa-spade:before {
    content: "\f2f4"
}

.fa-speakap:before {
    content: "\f3f3"
}

.fa-spider:before {
    content: "\f717"
}

.fa-spider-black-widow:before {
    content: "\f718"
}

.fa-spider-web:before {
    content: "\f719"
}

.fa-spinner:before {
    content: "\f110"
}

.fa-spinner-third:before {
    content: "\f3f4"
}

.fa-splotch:before {
    content: "\f5bc"
}

.fa-spotify:before {
    content: "\f1bc"
}

.fa-spray-can:before {
    content: "\f5bd"
}

.fa-square:before {
    content: "\f0c8"
}

.fa-square-full:before {
    content: "\f45c"
}

.fa-square-root:before {
    content: "\f697"
}

.fa-square-root-alt:before {
    content: "\f698"
}

.fa-squarespace:before {
    content: "\f5be"
}

.fa-squirrel:before {
    content: "\f71a"
}

.fa-stack-exchange:before {
    content: "\f18d"
}

.fa-stack-overflow:before {
    content: "\f16c"
}

.fa-staff:before {
    content: "\f71b"
}

.fa-stamp:before {
    content: "\f5bf"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-and-crescent:before {
    content: "\f699"
}

.fa-star-christmas:before {
    content: "\f7d4"
}

.fa-star-exclamation:before {
    content: "\f2f3"
}

.fa-star-half:before {
    content: "\f089"
}

.fa-star-half-alt:before {
    content: "\f5c0"
}

.fa-star-of-david:before {
    content: "\f69a"
}

.fa-star-of-life:before {
    content: "\f621"
}

.fa-stars:before {
    content: "\f762"
}

.fa-staylinked:before {
    content: "\f3f5"
}

.fa-steam:before {
    content: "\f1b6"
}

.fa-steam-square:before {
    content: "\f1b7"
}

.fa-steam-symbol:before {
    content: "\f3f6"
}

.fa-steering-wheel:before {
    content: "\f622"
}

.fa-step-backward:before {
    content: "\f048"
}

.fa-step-forward:before {
    content: "\f051"
}

.fa-stethoscope:before {
    content: "\f0f1"
}

.fa-sticker-mule:before {
    content: "\f3f7"
}

.fa-sticky-note:before {
    content: "\f249"
}

.fa-stocking:before {
    content: "\f7d5"
}

.fa-stomach:before {
    content: "\f623"
}

.fa-stop:before {
    content: "\f04d"
}

.fa-stop-circle:before {
    content: "\f28d"
}

.fa-stopwatch:before {
    content: "\f2f2"
}

.fa-store:before {
    content: "\f54e"
}

.fa-store-alt:before {
    content: "\f54f"
}

.fa-strava:before {
    content: "\f428"
}

.fa-stream:before {
    content: "\f550"
}

.fa-street-view:before {
    content: "\f21d"
}

.fa-strikethrough:before {
    content: "\f0cc"
}

.fa-stripe:before {
    content: "\f429"
}

.fa-stripe-s:before {
    content: "\f42a"
}

.fa-stroopwafel:before {
    content: "\f551"
}

.fa-studiovinari:before {
    content: "\f3f8"
}

.fa-stumbleupon:before {
    content: "\f1a4"
}

.fa-stumbleupon-circle:before {
    content: "\f1a3"
}

.fa-subscript:before {
    content: "\f12c"
}

.fa-subway:before {
    content: "\f239"
}

.fa-suitcase:before {
    content: "\f0f2"
}

.fa-suitcase-rolling:before {
    content: "\f5c1"
}

.fa-sun:before {
    content: "\f185"
}

.fa-sun-cloud:before {
    content: "\f763"
}

.fa-sun-dust:before {
    content: "\f764"
}

.fa-sun-haze:before {
    content: "\f765"
}

.fa-sunrise:before {
    content: "\f766"
}

.fa-sunset:before {
    content: "\f767"
}

.fa-superpowers:before {
    content: "\f2dd"
}

.fa-superscript:before {
    content: "\f12b"
}

.fa-supple:before {
    content: "\f3f9"
}

.fa-surprise:before {
    content: "\f5c2"
}

.fa-suse:before {
    content: "\f7d6"
}

.fa-swatchbook:before {
    content: "\f5c3"
}

.fa-swimmer:before {
    content: "\f5c4"
}

.fa-swimming-pool:before {
    content: "\f5c5"
}

.fa-sword:before {
    content: "\f71c"
}

.fa-swords:before {
    content: "\f71d"
}

.fa-synagogue:before {
    content: "\f69b"
}

.fa-sync:before {
    content: "\f021"
}

.fa-sync-alt:before {
    content: "\f2f1"
}

.fa-syringe:before {
    content: "\f48e"
}

.fa-table:before {
    content: "\f0ce"
}

.fa-table-tennis:before {
    content: "\f45d"
}

.fa-tablet:before {
    content: "\f10a"
}

.fa-tablet-alt:before {
    content: "\f3fa"
}

.fa-tablet-android:before {
    content: "\f3fb"
}

.fa-tablet-android-alt:before {
    content: "\f3fc"
}

.fa-tablet-rugged:before {
    content: "\f48f"
}

.fa-tablets:before {
    content: "\f490"
}

.fa-tachometer:before {
    content: "\f0e4"
}

.fa-tachometer-alt:before {
    content: "\f3fd"
}

.fa-tachometer-alt-average:before {
    content: "\f624"
}

.fa-tachometer-alt-fast:before {
    content: "\f625"
}

.fa-tachometer-alt-fastest:before {
    content: "\f626"
}

.fa-tachometer-alt-slow:before {
    content: "\f627"
}

.fa-tachometer-alt-slowest:before {
    content: "\f628"
}

.fa-tachometer-average:before {
    content: "\f629"
}

.fa-tachometer-fast:before {
    content: "\f62a"
}

.fa-tachometer-fastest:before {
    content: "\f62b"
}

.fa-tachometer-slow:before {
    content: "\f62c"
}

.fa-tachometer-slowest:before {
    content: "\f62d"
}

.fa-tag:before {
    content: "\f02b"
}

.fa-tags:before {
    content: "\f02c"
}

.fa-tally:before {
    content: "\f69c"
}

.fa-tape:before {
    content: "\f4db"
}

.fa-tasks:before {
    content: "\f0ae"
}

.fa-taxi:before {
    content: "\f1ba"
}

.fa-teamspeak:before {
    content: "\f4f9"
}

.fa-teeth:before {
    content: "\f62e"
}

.fa-teeth-open:before {
    content: "\f62f"
}

.fa-telegram:before {
    content: "\f2c6"
}

.fa-telegram-plane:before {
    content: "\f3fe"
}

.fa-temperature-frigid:before {
    content: "\f768"
}

.fa-temperature-high:before {
    content: "\f769"
}

.fa-temperature-hot:before {
    content: "\f76a"
}

.fa-temperature-low:before {
    content: "\f76b"
}

.fa-tencent-weibo:before {
    content: "\f1d5"
}

.fa-tenge:before {
    content: "\f7d7"
}

.fa-tennis-ball:before {
    content: "\f45e"
}

.fa-terminal:before {
    content: "\f120"
}

.fa-text-height:before {
    content: "\f034"
}

.fa-text-width:before {
    content: "\f035"
}

.fa-th:before {
    content: "\f00a"
}

.fa-th-large:before {
    content: "\f009"
}

.fa-th-list:before {
    content: "\f00b"
}

.fa-the-red-yeti:before {
    content: "\f69d"
}

.fa-theater-masks:before {
    content: "\f630"
}

.fa-themeco:before {
    content: "\f5c6"
}

.fa-themeisle:before {
    content: "\f2b2"
}

.fa-thermometer:before {
    content: "\f491"
}

.fa-thermometer-empty:before {
    content: "\f2cb"
}

.fa-thermometer-full:before {
    content: "\f2c7"
}

.fa-thermometer-half:before {
    content: "\f2c9"
}

.fa-thermometer-quarter:before {
    content: "\f2ca"
}

.fa-thermometer-three-quarters:before {
    content: "\f2c8"
}

.fa-theta:before {
    content: "\f69e"
}

.fa-think-peaks:before {
    content: "\f731"
}

.fa-thumbs-down:before {
    content: "\f165"
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-thumbtack:before {
    content: "\f08d"
}

.fa-thunderstorm:before {
    content: "\f76c"
}

.fa-thunderstorm-moon:before {
    content: "\f76d"
}

.fa-thunderstorm-sun:before {
    content: "\f76e"
}

.fa-ticket:before {
    content: "\f145"
}

.fa-ticket-alt:before {
    content: "\f3ff"
}

.fa-tilde:before {
    content: "\f69f"
}

.fa-times:before {
    content: "\f00d"
}

.fa-times-circle:before {
    content: "\f057"
}

.fa-times-hexagon:before {
    content: "\f2ee"
}

.fa-times-octagon:before {
    content: "\f2f0"
}

.fa-times-square:before {
    content: "\f2d3"
}

.fa-tint:before {
    content: "\f043"
}

.fa-tint-slash:before {
    content: "\f5c7"
}

.fa-tire:before {
    content: "\f631"
}

.fa-tire-flat:before {
    content: "\f632"
}

.fa-tire-pressure-warning:before {
    content: "\f633"
}

.fa-tire-rugged:before {
    content: "\f634"
}

.fa-tired:before {
    content: "\f5c8"
}

.fa-toggle-off:before {
    content: "\f204"
}

.fa-toggle-on:before {
    content: "\f205"
}

.fa-toilet:before {
    content: "\f7d8"
}

.fa-toilet-paper:before {
    content: "\f71e"
}

.fa-toilet-paper-alt:before {
    content: "\f71f"
}

.fa-tombstone:before {
    content: "\f720"
}

.fa-tombstone-alt:before {
    content: "\f721"
}

.fa-toolbox:before {
    content: "\f552"
}

.fa-tools:before {
    content: "\f7d9"
}

.fa-tooth:before {
    content: "\f5c9"
}

.fa-toothbrush:before {
    content: "\f635"
}

.fa-torah:before {
    content: "\f6a0"
}

.fa-torii-gate:before {
    content: "\f6a1"
}

.fa-tornado:before {
    content: "\f76f"
}

.fa-tractor:before {
    content: "\f722"
}

.fa-trade-federation:before {
    content: "\f513"
}

.fa-trademark:before {
    content: "\f25c"
}

.fa-traffic-cone:before {
    content: "\f636"
}

.fa-traffic-light:before {
    content: "\f637"
}

.fa-traffic-light-go:before {
    content: "\f638"
}

.fa-traffic-light-slow:before {
    content: "\f639"
}

.fa-traffic-light-stop:before {
    content: "\f63a"
}

.fa-train:before {
    content: "\f238"
}

.fa-tram:before {
    content: "\f7da"
}

.fa-transgender:before {
    content: "\f224"
}

.fa-transgender-alt:before {
    content: "\f225"
}

.fa-trash:before {
    content: "\f1f8"
}

.fa-trash-alt:before {
    content: "\f2ed"
}

.fa-treasure-chest:before {
    content: "\f723"
}

.fa-tree:before {
    content: "\f1bb"
}

.fa-tree-alt:before {
    content: "\f400"
}

.fa-tree-christmas:before {
    content: "\f7db"
}

.fa-tree-decorated:before {
    content: "\f7dc"
}

.fa-tree-large:before {
    content: "\f7dd"
}

.fa-trees:before {
    content: "\f724"
}

.fa-trello:before {
    content: "\f181"
}

.fa-triangle:before {
    content: "\f2ec"
}

.fa-tripadvisor:before {
    content: "\f262"
}

.fa-trophy:before {
    content: "\f091"
}

.fa-trophy-alt:before {
    content: "\f2eb"
}

.fa-truck:before {
    content: "\f0d1"
}

.fa-truck-container:before {
    content: "\f4dc"
}

.fa-truck-couch:before {
    content: "\f4dd"
}

.fa-truck-loading:before {
    content: "\f4de"
}

.fa-truck-monster:before {
    content: "\f63b"
}

.fa-truck-moving:before {
    content: "\f4df"
}

.fa-truck-pickup:before {
    content: "\f63c"
}

.fa-truck-plow:before {
    content: "\f7de"
}

.fa-truck-ramp:before {
    content: "\f4e0"
}

.fa-tshirt:before {
    content: "\f553"
}

.fa-tty:before {
    content: "\f1e4"
}

.fa-tumblr:before {
    content: "\f173"
}

.fa-tumblr-square:before {
    content: "\f174"
}

.fa-turkey:before {
    content: "\f725"
}

.fa-turtle:before {
    content: "\f726"
}

.fa-tv:before {
    content: "\f26c"
}

.fa-tv-retro:before {
    content: "\f401"
}

.fa-twitch:before {
    content: "\f1e8"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-twitter-square:before {
    content: "\f081"
}

.fa-typo3:before {
    content: "\f42b"
}

.fa-uber:before {
    content: "\f402"
}

.fa-ubuntu:before {
    content: "\f7df"
}

.fa-uikit:before {
    content: "\f403"
}

.fa-umbrella:before {
    content: "\f0e9"
}

.fa-umbrella-beach:before {
    content: "\f5ca"
}

.fa-underline:before {
    content: "\f0cd"
}

.fa-undo:before {
    content: "\f0e2"
}

.fa-undo-alt:before {
    content: "\f2ea"
}

.fa-unicorn:before {
    content: "\f727"
}

.fa-union:before {
    content: "\f6a2"
}

.fa-uniregistry:before {
    content: "\f404"
}

.fa-universal-access:before {
    content: "\f29a"
}

.fa-university:before {
    content: "\f19c"
}

.fa-unlink:before {
    content: "\f127"
}

.fa-unlock:before {
    content: "\f09c"
}

.fa-unlock-alt:before {
    content: "\f13e"
}

.fa-untappd:before {
    content: "\f405"
}

.fa-upload:before {
    content: "\f093"
}

.fa-ups:before {
    content: "\f7e0"
}

.fa-usb:before {
    content: "\f287"
}

.fa-usd-circle:before {
    content: "\f2e8"
}

.fa-usd-square:before {
    content: "\f2e9"
}

.fa-user:before {
    content: "\f007"
}

.fa-user-alt:before {
    content: "\f406"
}

.fa-user-alt-slash:before {
    content: "\f4fa"
}

.fa-user-astronaut:before {
    content: "\f4fb"
}

.fa-user-chart:before {
    content: "\f6a3"
}

.fa-user-check:before {
    content: "\f4fc"
}

.fa-user-circle:before {
    content: "\f2bd"
}

.fa-user-clock:before {
    content: "\f4fd"
}

.fa-user-cog:before {
    content: "\f4fe"
}

.fa-user-crown:before {
    content: "\f6a4"
}

.fa-user-edit:before {
    content: "\f4ff"
}

.fa-user-friends:before {
    content: "\f500"
}

.fa-user-graduate:before {
    content: "\f501"
}

.fa-user-injured:before {
    content: "\f728"
}

.fa-user-lock:before {
    content: "\f502"
}

.fa-user-md:before {
    content: "\f0f0"
}

.fa-user-minus:before {
    content: "\f503"
}

.fa-user-ninja:before {
    content: "\f504"
}

.fa-user-plus:before {
    content: "\f234"
}

.fa-user-secret:before {
    content: "\f21b"
}

.fa-user-shield:before {
    content: "\f505"
}

.fa-user-slash:before {
    content: "\f506"
}

.fa-user-tag:before {
    content: "\f507"
}

.fa-user-tie:before {
    content: "\f508"
}

.fa-user-times:before {
    content: "\f235"
}

.fa-users:before {
    content: "\f0c0"
}

.fa-users-class:before {
    content: "\f63d"
}

.fa-users-cog:before {
    content: "\f509"
}

.fa-users-crown:before {
    content: "\f6a5"
}

.fa-usps:before {
    content: "\f7e1"
}

.fa-ussunnah:before {
    content: "\f407"
}

.fa-utensil-fork:before {
    content: "\f2e3"
}

.fa-utensil-knife:before {
    content: "\f2e4"
}

.fa-utensil-spoon:before {
    content: "\f2e5"
}

.fa-utensils:before {
    content: "\f2e7"
}

.fa-utensils-alt:before {
    content: "\f2e6"
}

.fa-vaadin:before {
    content: "\f408"
}

.fa-value-absolute:before {
    content: "\f6a6"
}

.fa-vector-square:before {
    content: "\f5cb"
}

.fa-venus:before {
    content: "\f221"
}

.fa-venus-double:before {
    content: "\f226"
}

.fa-venus-mars:before {
    content: "\f228"
}

.fa-viacoin:before {
    content: "\f237"
}

.fa-viadeo:before {
    content: "\f2a9"
}

.fa-viadeo-square:before {
    content: "\f2aa"
}

.fa-vial:before {
    content: "\f492"
}

.fa-vials:before {
    content: "\f493"
}

.fa-viber:before {
    content: "\f409"
}

.fa-video:before {
    content: "\f03d"
}

.fa-video-plus:before {
    content: "\f4e1"
}

.fa-video-slash:before {
    content: "\f4e2"
}

.fa-vihara:before {
    content: "\f6a7"
}

.fa-vimeo:before {
    content: "\f40a"
}

.fa-vimeo-square:before {
    content: "\f194"
}

.fa-vimeo-v:before {
    content: "\f27d"
}

.fa-vine:before {
    content: "\f1ca"
}

.fa-vk:before {
    content: "\f189"
}

.fa-vnv:before {
    content: "\f40b"
}

.fa-volcano:before {
    content: "\f770"
}

.fa-volleyball-ball:before {
    content: "\f45f"
}

.fa-volume:before {
    content: "\f6a8"
}

.fa-volume-down:before {
    content: "\f027"
}

.fa-volume-mute:before {
    content: "\f6a9"
}

.fa-volume-off:before {
    content: "\f026"
}

.fa-volume-slash:before {
    content: "\f2e2"
}

.fa-volume-up:before {
    content: "\f028"
}

.fa-vote-nay:before {
    content: "\f771"
}

.fa-vote-yea:before {
    content: "\f772"
}

.fa-vr-cardboard:before {
    content: "\f729"
}

.fa-vuejs:before {
    content: "\f41f"
}

.fa-walking:before {
    content: "\f554"
}

.fa-wallet:before {
    content: "\f555"
}

.fa-wand:before {
    content: "\f72a"
}

.fa-wand-magic:before {
    content: "\f72b"
}

.fa-warehouse:before {
    content: "\f494"
}

.fa-warehouse-alt:before {
    content: "\f495"
}

.fa-watch:before {
    content: "\f2e1"
}

.fa-watch-fitness:before {
    content: "\f63e"
}

.fa-water:before {
    content: "\f773"
}

.fa-water-lower:before {
    content: "\f774"
}

.fa-water-rise:before {
    content: "\f775"
}

.fa-weebly:before {
    content: "\f5cc"
}

.fa-weibo:before {
    content: "\f18a"
}

.fa-weight:before {
    content: "\f496"
}

.fa-weight-hanging:before {
    content: "\f5cd"
}

.fa-weixin:before {
    content: "\f1d7"
}

.fa-whale:before {
    content: "\f72c"
}

.fa-whatsapp:before {
    content: "\f232"
}

.fa-whatsapp-square:before {
    content: "\f40c"
}

.fa-wheat:before {
    content: "\f72d"
}

.fa-wheelchair:before {
    content: "\f193"
}

.fa-whistle:before {
    content: "\f460"
}

.fa-whmcs:before {
    content: "\f40d"
}

.fa-wifi:before {
    content: "\f1eb"
}

.fa-wifi-1:before {
    content: "\f6aa"
}

.fa-wifi-2:before {
    content: "\f6ab"
}

.fa-wifi-slash:before {
    content: "\f6ac"
}

.fa-wikipedia-w:before {
    content: "\f266"
}

.fa-wind:before {
    content: "\f72e"
}

.fa-wind-warning:before {
    content: "\f776"
}

.fa-window:before {
    content: "\f40e"
}

.fa-window-alt:before {
    content: "\f40f"
}

.fa-window-close:before {
    content: "\f410"
}

.fa-window-maximize:before {
    content: "\f2d0"
}

.fa-window-minimize:before {
    content: "\f2d1"
}

.fa-window-restore:before {
    content: "\f2d2"
}

.fa-windows:before {
    content: "\f17a"
}

.fa-windsock:before {
    content: "\f777"
}

.fa-wine-bottle:before {
    content: "\f72f"
}

.fa-wine-glass:before {
    content: "\f4e3"
}

.fa-wine-glass-alt:before {
    content: "\f5ce"
}

.fa-wix:before {
    content: "\f5cf"
}

.fa-wizards-of-the-coast:before {
    content: "\f730"
}

.fa-wolf-pack-battalion:before {
    content: "\f514"
}

.fa-won-sign:before {
    content: "\f159"
}

.fa-wordpress:before {
    content: "\f19a"
}

.fa-wordpress-simple:before {
    content: "\f411"
}

.fa-wpbeginner:before {
    content: "\f297"
}

.fa-wpexplorer:before {
    content: "\f2de"
}

.fa-wpforms:before {
    content: "\f298"
}

.fa-wpressr:before {
    content: "\f3e4"
}

.fa-wreath:before {
    content: "\f7e2"
}

.fa-wrench:before {
    content: "\f0ad"
}

.fa-x-ray:before {
    content: "\f497"
}

.fa-xbox:before {
    content: "\f412"
}

.fa-xing:before {
    content: "\f168"
}

.fa-xing-square:before {
    content: "\f169"
}

.fa-y-combinator:before {
    content: "\f23b"
}

.fa-yahoo:before {
    content: "\f19e"
}

.fa-yandex:before {
    content: "\f413"
}

.fa-yandex-international:before {
    content: "\f414"
}

.fa-yarn:before {
    content: "\f7e3"
}

.fa-yelp:before {
    content: "\f1e9"
}

.fa-yen-sign:before {
    content: "\f157"
}

.fa-yin-yang:before {
    content: "\f6ad"
}

.fa-yoast:before {
    content: "\f2b1"
}

.fa-youtube:before {
    content: "\f167"
}

.fa-youtube-square:before {
    content: "\f431"
}

.fa-zhihu:before {
    content: "\f63f"
}

.sr-only {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

/*!* Font Awesome Pro 5.6.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Commercial License)*/
@font-face {
    font-family: 'font awesome 5 pro';
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fa-regular-400-6ddacbeb8efc7defb9259173123a3beb.woff2) format("woff2"), url(/assets/fa-regular-400-a4c3b083be8c499c94a01b5f679dbdc3.woff) format("woff")
}

.far {
    font-family: 'font awesome 5 pro';
    font-weight: 400
}

/*!* Font Awesome Pro 5.6.0 by @fontawesome - https://fontawesome.com
* License - https://fontawesome.com/license (Commercial License)*/
@font-face {
    font-family: 'font awesome 5 brands';
    font-style: normal;
    font-weight: 400;
    src: url(/assets/fa-brands-400-8e96eea76625c6c0c070b49d6e892a63.woff2) format("woff2"), url(/assets/fa-brands-400-60698e7309e8a627603e3d948b954de9.woff) format("woff")
}

.fab {
    font-family: 'font awesome 5 brands'
}

.fa-google_plus:before {
    content: "\f2b3"
}

.fa-s:before {
    content: "\f064"
}

.fa-s-square:before {
    content: "\f14d"
}

.fab.fa-envelope,
.fab.fa-globe {
    font-family: 'font awesome 5 pro';
    font-weight: 400
}

#toast-container>div .toast-message:before,
#flash-card-container>div .toast-message:before {
    font-family: 'font awesome 5 pro';
    font-weight: 400
}

@font-face {
    font-family: icomoon;
    src: url(/assets/icomoon-cc645e4ea1791925a3acd12ee3dd38a2.woff2) format("woff2"), url(/assets/icomoon-871c5f9df5ba4578078f153bb1efef09.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

.icomoon {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-star:before {
    content: "\e90c"
}

.icon-4k:before {
    content: "\e90b"
}

.icon-broken-browser:before {
    content: "\e906"
}

.icon-comission-down:before {
    content: "\e907"
}

.icon-error-404:before {
    content: "\e908"
}

.icon-reset:before {
    content: "\e909"
}

.icon-prints:before {
    content: "\e900"
}

.icon-arrow-top:before {
    content: "\e901"
}

.icon-ablocker:before {
    content: "\e902"
}

.icon-sketchfab:before {
    content: "\e903"
}

.icon-pano:before {
    content: "\e904"
}

.icon-marmoset:before {
    content: "\e905"
}

.icon-video-clip:before {
    content: "\e90a"
}

.icon-unfollow:before {
    content: "\e90d"
}

.icon-follow:before {
    content: "\e90e"
}

@-webkit-keyframes spinner-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spinner-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.spinner {
    width: 20px;
    height: 20px;
    letter-spacing: 0;
    display: inline-block;
    vertical-align: top;
    margin-left: auto;
    margin-right: auto;
    border: 3px solid rgba(187, 187, 187, .25);
    border-top-color: #bbb;
    border-radius: 50%;
    -webkit-animation: spinner-rotate 1s linear infinite;
    animation: spinner-rotate 1s linear infinite
}

.spinner-small {
    width: 11px;
    height: 11px;
    border-width: 2px
}

@-webkit-keyframes enter {
    0% {
        opacity: 0;
        top: 5px
    }

    5% {
        opacity: 1;
        top: 0
    }

    50.9% {
        opacity: 1;
        top: 0
    }

    55.9% {
        opacity: 0;
        top: -5px
    }
}

@keyframes enter {
    0% {
        opacity: 0;
        top: 5px
    }

    5% {
        opacity: 1;
        top: 0
    }

    50.9% {
        opacity: 1;
        top: 0
    }

    55.9% {
        opacity: 0;
        top: -5px
    }
}

.loading-grid {
    margin: 60px auto;
    width: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.loading-grid .square {
    background: #747474;
    width: 10px;
    height: 10px;
    top: 5px;
    margin: 1px;
    position: relative;
    opacity: 0;
    -webkit-animation: enter 4.5s infinite;
    animation: enter 4.5s infinite
}

.loading-grid .square:nth-child(1) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.loading-grid .square:nth-child(2) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.loading-grid .square:nth-child(3) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.loading-grid .square:nth-child(4) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.loading-grid .square:nth-child(5) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.loading-grid .square:nth-child(6) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.loading-grid .square:nth-child(7) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.loading-grid .square:nth-child(8) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.loading-grid .square:nth-child(9) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

as-popover {
    position: relative
}

.popover {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    min-width: 280px;
    max-width: 360px;
    text-transform: none;
    line-height: 1.35;
    z-index: 1070;
    font-size: 14px;
    color: #f1f1f1;
    padding-top: 8px;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.popover-open {
    opacity: 1;
    pointer-events: auto
}

.popover-body {
    padding: 15px;
    background-color: #333;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 15px rgba(0, 0, 0, .3)
}

.popover-body-title {
    font-size: 15px;
    font-weight: 300;
    color: #f1f1f1;
    text-transform: none
}

.popover-text-muted {
    color: #bbb
}

.popover-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    border-color: #333;
    border-width: 0 8px 8px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: 0;
    left: calc(50% - 8px)
}

body {
    letter-spacing: .015em
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 0
}

h1 .far,
.h1 .far,
h2 .far,
.h2 .far,
h3 .far,
.h3 .far,
h4 .far,
.h4 .far,
h5 .far,
.h5 .far,
h6 .far,
.h6 .far {
    color: #13aff0
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small {
    font-weight: 300;
    display: block;
    color: #747474;
    line-height: 1.4em
}

h1,
.h1 {
    letter-spacing: -.5px;
    font-weight: 600;
    font-size: 36px
}

@media(min-width:768px) {

    h1,
    .h1 {
        font-size: 42px
    }
}

@media(min-width:1200px) {

    h1,
    .h1 {
        font-size: 48px
    }
}

h1 small,
.h1 small {
    text-transform: none;
    display: block;
    letter-spacing: .015em;
    font-size: 18px
}

@media(min-width:768px) {

    h1 small,
    .h1 small {
        font-size: 20px
    }
}

@media(min-width:1200px) {

    h1 small,
    .h1 small {
        font-size: 24px
    }
}

h2,
.h2 {
    margin-bottom: 20px
}

h2 small,
.h2 small {
    margin-top: 5px
}

h3,
.h3 {
    margin-bottom: 10px
}

h5,
.h5,
h6,
.h6 {
    text-transform: uppercase;
    letter-spacing: 1px
}

.lead {
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6em
}

@media(min-width:768px) {
    .lead {
        font-size: 18.2px
    }
}

blockquote {
    font-style: italic;
    color: #f1f1f1;
    border-left-width: 4px;
    padding-right: 0;
    margin-right: 0
}

.blockquote-with-avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blockquote-with-avatar .avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 80px;
    height: 80px;
    padding-top: 12.5px;
    margin-right: 20px
}

.blockquote-with-avatar .avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%
}

a {
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53)
}

a:hover,
a:active,
a:focus {
    text-decoration: none;
    -webkit-transition: all .3s cubic-bezier(.25, .46, .45, .94);
    transition: all .3s cubic-bezier(.25, .46, .45, .94)
}

.page-header {
    margin-bottom: 10px
}

.page-header h1 {
    text-align: center
}

.single-text {
    text-align: center
}

.single-text .h1:after,
.single-text h2:after,
.single-text h3:after {
    content: "";
    margin: 24px auto 25px;
    background-color: #747474;
    width: 120px;
    height: 1px;
    display: block
}

.single-text p {
    letter-spacing: .03em
}

.text-gray-lighter {
    color: #f1f1f1
}

a.text-gray-lighter:hover,
a.text-gray-lighter:focus {
    color: #d8d8d8
}

.rich-media-content,
.discussion-post .discussion-post-body .post-content,
.discussion-post .discussion-post-body .wysihtml-input,
.fr-view,
.fr-dropdown-list li {
    text-align: left
}

.rich-media-content img,
.discussion-post .discussion-post-body .post-content img,
.discussion-post .discussion-post-body .wysihtml-input img,
.fr-view img,
.fr-dropdown-list li img {
    display: block;
    max-width: 100%;
    height: auto
}

.rich-media-content iframe,
.discussion-post .discussion-post-body .post-content iframe,
.discussion-post .discussion-post-body .wysihtml-input iframe,
.fr-view iframe,
.fr-dropdown-list li iframe {
    border: none
}

.rich-media-content blockquote,
.discussion-post .discussion-post-body .post-content blockquote,
.discussion-post .discussion-post-body .wysihtml-input blockquote,
.fr-view blockquote,
.fr-dropdown-list li blockquote {
    font-size: 14px
}

.rich-media-content h1,
.discussion-post .discussion-post-body .post-content h1,
.discussion-post .discussion-post-body .wysihtml-input h1,
.fr-view h1,
.fr-dropdown-list li h1 {
    font-size: 24px;
    text-transform: none;
    font-weight: 300;
    margin-bottom: 12.5px
}

.rich-media-content h2,
.discussion-post .discussion-post-body .post-content h2,
.discussion-post .discussion-post-body .wysihtml-input h2,
.fr-view h2,
.fr-dropdown-list li h2 {
    font-size: 20px;
    margin-bottom: 12.5px
}

.rich-media-content h3,
.discussion-post .discussion-post-body .post-content h3,
.discussion-post .discussion-post-body .wysihtml-input h3,
.fr-view h3,
.fr-dropdown-list li h3 {
    font-size: 16px;
    margin-bottom: 12.5px
}

.rich-media-content h4,
.discussion-post .discussion-post-body .post-content h4,
.discussion-post .discussion-post-body .wysihtml-input h4,
.fr-view h4,
.fr-dropdown-list li h4 {
    font-size: 14px;
    margin-bottom: 12.5px
}

img.emoji {
    display: inline !important;
    width: 16px !important;
    height: auto !important
}

.text-success {
    color: #5cb85c !important
}

.text-danger {
    color: #d9534f !important
}

.text-white {
    color: #fff
}

.text-white-important {
    color: #fff !important
}

.text-gray {
    color: #747474
}

.text-light {
    color: #bbb
}

.text-lighter {
    color: #f1f1f1
}

.text-semidark {
    color: #5d5d5d
}

.break-word {
    word-break: break-word
}

.list-inline-separate li {
    margin-bottom: 5px
}

.inline-link {
    display: inline;
    border: 0;
    background: 0 0;
    outline: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    letter-spacing: normal;
    color: #13aff0;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

.inline-link:hover {
    color: #0b7cac
}

.text-blue-gradient {
    color: #13aff0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#27DCFE), to(#13AFF0));
    background-image: linear-gradient(-180deg, #27DCFE 0%, #13AFF0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.text-gray-gradient {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(2%, #A1A1A1), to(#ddd));
    background-image: linear-gradient(0deg, #A1A1A1 2%, #ddd 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.table thead {
    color: #f1f1f1
}

.table thead th {
    font-weight: 600
}

.table thead th:first-child {
    padding-left: 20px
}

.table thead th:last-child {
    padding-right: 20px
}

.table tbody td:first-child {
    padding-left: 20px
}

.table tbody td:last-child {
    padding-right: 20px
}

.table tbody.ui-sortable-helper {
    background-color: rgba(34, 34, 34, .9)
}

.table .td-middle {
    vertical-align: middle
}

@media(max-width:767px) {
    .table-responsive {
        border: 0
    }
}

.table-middle>tbody>tr>td,
.table-middle>tfoot>tr>td {
    vertical-align: middle
}

@media(max-width:991px) {
    .table-responsiveness {
        overflow-x: auto
    }
}

.table-slim {
    border: 1px solid #444;
    border-right-width: 0;
    border-radius: 2px
}

.table-slim thead th {
    background: #333;
    text-transform: uppercase;
    color: #bbb;
    font-size: 12px;
    font-weight: 700;
    border-bottom: 1px solid #444 !important;
    border-right: 1px solid #444 !important;
    padding: 6px 8px !important
}

.table-slim tbody td {
    padding: 6px 8px !important;
    border-bottom: 1px solid #444 !important;
    border-right: 1px solid #444 !important
}

.table-borderless {
    border-right-width: 1px
}

.table-borderless thead th,
.table-borderless tbody td {
    border-right: 0 !important
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    margin: 0
}

abbr[title] {
    text-decoration: none;
    border-bottom: none
}

label {
    font-weight: 600
}

input,
button,
select,
textarea {
    letter-spacing: .015em
}

input[type=checkbox],
input[type=radio] {
    margin-top: 6px
}

.form-inline .checkbox,
.form-inline .radio {
    margin-right: 10px
}

.form-inline .checkbox input,
.form-inline .radio input {
    margin-right: 2px
}

.form-control {
    -webkit-transition: all .25s cubic-bezier(.455, .03, .515, .955);
    transition: all .25s cubic-bezier(.455, .03, .515, .955)
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

@media(max-width:767px) {
    .form-control {
        font-size: 16px;
        line-height: 1.4
    }
}

.form-control-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-control-md {
    padding: 20px;
    min-height: 62px
}

.form-control-invisible {
    background: 0 0;
    border-color: transparent;
    color: #bbb;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control-invisible:hover {
    border-color: #333
}

.form-control-invisible:focus {
    border-color: #5d5d5d;
    background: #171717
}

.form-control-border {
    border: 0
}

.input-group-addon {
    color: #bbb
}

.has-error .input-group .form-control:first-child,
.has-error.input-group .form-control:first-child {
    border-right-width: 0
}

.has-error .input-group .form-control:last-child,
.has-error.input-group .form-control:last-child {
    border-left-width: 0
}

.has-error .input-group .input-group-addon,
.has-error.input-group .input-group-addon {
    color: inherit;
    background-color: inherit
}

.has-error .input-group .input-group-addon:not(:first-child),
.has-error.input-group .input-group-addon:not(:first-child) {
    border-left-width: 0
}

.checkbox label,
.radio label {
    position: relative;
    min-height: 18px
}

.checkbox input,
.radio input {
    max-width: 12px;
    max-height: 12px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkbox input:focus,
.checkbox input:active,
.checkbox input:hover,
.radio input:focus,
.radio input:active,
.radio input:hover {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.checkbox input:focus+.custom,
.radio input:focus+.custom {
    -webkit-box-shadow: 0 0 5px 1px #13aff0;
    box-shadow: 0 0 5px 1px #13aff0
}

.checkbox input:active+.custom,
.radio input:active+.custom {
    -webkit-box-shadow: 0 0 0 1px #5d5d5d inset;
    box-shadow: 0 0 0 1px #5d5d5d inset
}

.checkbox input:active:checked+.custom,
.radio input:active:checked+.custom {
    border-color: #28619d;
    -webkit-box-shadow: 0 0 0 1px #28619d;
    box-shadow: 0 0 0 1px #28619d
}

.checkbox input:checked+.custom,
.radio input:checked+.custom {
    background: #3b99fc;
    border-color: #3b99fc
}

.checkbox input:disabled+.custom,
.radio input:disabled+.custom {
    background: #5d5d5d
}

.checkbox input:disabled:checked+.custom,
.radio input:disabled:checked+.custom {
    border-color: #5d5d5d
}

.checkbox input:disabled:checked+.custom:before,
.checkbox input:disabled:checked+.custom:after,
.radio input:disabled:checked+.custom:before,
.radio input:disabled:checked+.custom:after {
    background: #cbcbcb
}

.checkbox input:disabled:checked:active+.custom,
.radio input:disabled:checked:active+.custom {
    -webkit-box-shadow: none;
    box-shadow: none
}

.checkbox .custom,
.radio .custom {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: top;
    background: #333;
    border: 1px solid #5d5d5d;
    position: absolute;
    top: 6px;
    left: 0
}

.checkbox .custom:before,
.checkbox .custom:after,
.radio .custom:before,
.radio .custom:after {
    display: block;
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .31);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .31)
}

.checkbox.plain,
.radio.plain {
    margin-top: 0;
    margin-bottom: 0
}

.checkbox+.help-block,
.radio+.help-block {
    padding-left: 20px;
    margin-top: -10px
}

.checkbox input:checked+.custom:before {
    content: '';
    width: 5px;
    height: 2px;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    top: 7px;
    left: 1px;
    border-radius: 2px
}

.checkbox input:checked+.custom:after {
    content: '';
    width: 10px;
    height: 2px;
    -webkit-transform: rotate(-55deg);
    transform: rotate(-55deg);
    top: 5px;
    left: 2px;
    border-radius: 2px
}

.checkbox .custom {
    border-radius: 3px
}

.radio input:checked+.custom:before {
    content: '';
    top: 3px;
    left: 3px;
    width: 6px;
    height: 6px;
    border-radius: 50%
}

.radio .custom {
    border-radius: 50%
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
    margin-left: -19px
}

.radio_buttons .radio {
    position: relative;
    min-height: 18px
}

.radio_buttons .radio input {
    margin-left: 0;
    max-width: 12px;
    max-height: 12px
}

.radio_buttons .radio input+label:before {
    content: '';
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: top;
    background: #333;
    border: 1px solid #5d5d5d;
    position: absolute;
    top: 6px;
    left: -1px;
    border-radius: 50%
}

.radio_buttons .radio input:active+label:before {
    -webkit-box-shadow: 0 0 0 1px #5d5d5d inset;
    box-shadow: 0 0 0 1px #5d5d5d inset
}

.radio_buttons .radio input:active:checked+label:before {
    border-color: #28619d;
    -webkit-box-shadow: 0 0 0 1px #28619d;
    box-shadow: 0 0 0 1px #28619d
}

.radio_buttons .radio input:checked+label:before {
    background: #3b99fc;
    border-color: #3b99fc
}

.radio_buttons .radio input:checked+label:after {
    content: '';
    top: 10px;
    left: 3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: block;
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .31);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .31)
}

.radio_buttons .radio input:disabled+label:before {
    background: #5d5d5d
}

.radio_buttons .radio input:disabled:checked+label:before {
    background: #5d5d5d;
    border-color: #5d5d5d
}

.radio_buttons .radio input:disabled:checked+label:after {
    background: #cbcbcb
}

.radio_buttons .radio input:disabled:checked:active+label:before {
    -webkit-box-shadow: none;
    box-shadow: none
}

.radio_buttons .radio label {
    position: static
}

.btn {
    position: relative;
    overflow: hidden
}

.btn input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    height: 100%;
    opacity: 0
}

.help-block {
    font-size: 12px;
    color: #747474
}

.select2-sm+.select2 .select2-selection--single {
    height: 30px
}

.select2-sm+.select2 .select2-selection--single .select2-selection__rendered {
    font-size: 12px;
    line-height: 30px
}

.select2-sm+.select2 .select2-selection--single .select2-selection__arrow {
    height: 30px
}

.form-group.has-error .select2-selection--multiple {
    border-color: red
}

.invisible-recaptcha .g-recaptcha {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    background-image: none;
    outline: 0;
    border: 1px solid transparent;
    -webkit-transition: all .25s cubic-bezier(.455, .03, .515, .955);
    transition: all .25s cubic-bezier(.455, .03, .515, .955);
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.8;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.invisible-recaptcha .g-recaptcha:hover {
    background-color: #398439;
    border-color: #255625
}

@media only screen and (max-width:768px) {
    .grecaptcha-badge {
        display: none
    }
}

@media(max-width:991px) {
    .input-group-mobile {
        display: block
    }

    .input-group-mobile .btn {
        margin-top: 10px;
        display: block
    }
}

.drag-drop-handle {
    width: 10px;
    height: 30px;
    display: block;
    overflow: hidden;
    padding: 4px 0;
    cursor: move;
    font: 700 12px/4px sans-serif;
    letter-spacing: 2px;
    color: #ccc
}

.drag-drop-handle:after {
    content: '.. .. .. ..'
}

#credit-card-fields {
    display: none
}

.media-asset-container {
    margin: 12.5px auto
}

.media-asset-container img {
    margin: 0 auto
}

.media-asset-container.fr-fil,
.media-asset-container.fr-fil img {
    margin-left: 0
}

.media-asset-container.fr-fir,
.media-asset-container.fr-fir img {
    margin-right: 0
}

.btn {
    -webkit-transition: background-color .2s linear, color .2s linear, border-color .2s linear;
    transition: background-color .2s linear, color .2s linear, border-color .2s linear
}

.btn:focus,
.btn:active {
    outline: none !important
}

.btn-blank {
    outline: 0;
    background: 0 0;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0
}

.btn-reset {
    color: inherit;
    font-size: inherit;
    background: 0 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    padding: 0
}

.btn-default .far:not(.text-white),
.btn-default .fab:not(.text-white) {
    color: #13aff0
}

.btn-default:focus,
.btn-default.focus {
    color: #f1f1f1;
    background-color: #090909;
    border-color: #3e3e3e
}

.btn-default:hover {
    color: #f1f1f1;
    background-color: #090909;
    border-color: #3e3e3e
}

.btn-default:active,
.btn-default.active,
.open>.btn-default.dropdown-toggle {
    color: #f1f1f1;
    background-color: #090909;
    border-color: #3e3e3e
}

.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus,
.open>.btn-default.dropdown-toggle:hover,
.open>.btn-default.dropdown-toggle:focus,
.open>.btn-default.dropdown-toggle.focus {
    color: #f1f1f1;
    background-color: #090909;
    border-color: #3e3e3e
}

.btn-md {
    font-size: 16px
}

.btn-plus {
    color: #fff;
    background-color: #034662;
    border-color: #023f58
}

.btn-plus:hover {
    background-color: #023f58
}

.btn-select {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    color: #fff;
    border: 2px solid #5d5d5d;
    background: 0 0;
    outline: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 2px
}

.btn-select.active {
    color: #13aff0;
    border-color: #13aff0
}

.nav-pills .active .btn-default {
    border-bottom: 1px solid #13aff0
}

.btn-facebook,
.btn-fc {
    color: #fff;
    background-color: #3b5997;
    border-color: #385590;
    border: none
}

.btn-facebook:focus,
.btn-fc:focus,
.btn-facebook.focus,
.focus.btn-fc {
    color: #fff;
    background-color: #2d4372;
    border-color: #141f34
}

.btn-facebook:hover,
.btn-fc:hover {
    color: #fff;
    background-color: #2d4372;
    border-color: #273b64
}

.btn-facebook:active,
.btn-fc:active,
.btn-facebook.active,
.active.btn-fc,
.open>.btn-facebook.dropdown-toggle,
.open>.dropdown-toggle.btn-fc {
    color: #fff;
    background-color: #2d4372;
    border-color: #273b64
}

.btn-facebook:active:hover,
.btn-fc:active:hover,
.btn-facebook:active:focus,
.btn-fc:active:focus,
.btn-facebook:active.focus,
.btn-fc:active.focus,
.btn-facebook.active:hover,
.active.btn-fc:hover,
.btn-facebook.active:focus,
.active.btn-fc:focus,
.btn-facebook.active.focus,
.active.focus.btn-fc,
.open>.btn-facebook.dropdown-toggle:hover,
.open>.dropdown-toggle.btn-fc:hover,
.open>.btn-facebook.dropdown-toggle:focus,
.open>.dropdown-toggle.btn-fc:focus,
.open>.btn-facebook.dropdown-toggle.focus,
.open>.dropdown-toggle.focus.btn-fc {
    color: #fff;
    background-color: #233459;
    border-color: #141f34
}

.btn-facebook:active,
.btn-fc:active,
.btn-facebook.active,
.active.btn-fc,
.open>.btn-facebook.dropdown-toggle,
.open>.dropdown-toggle.btn-fc {
    background-image: none
}

.btn-facebook.disabled:hover,
.disabled.btn-fc:hover,
.btn-facebook.disabled:focus,
.disabled.btn-fc:focus,
.btn-facebook.disabled.focus,
.disabled.focus.btn-fc,
.btn-facebook[disabled]:hover,
.btn-fc[disabled]:hover,
.btn-facebook[disabled]:focus,
.btn-fc[disabled]:focus,
.btn-facebook[disabled].focus,
.btn-fc[disabled].focus,
fieldset[disabled] .btn-facebook:hover,
fieldset[disabled] .btn-fc:hover,
fieldset[disabled] .btn-facebook:focus,
fieldset[disabled] .btn-fc:focus,
fieldset[disabled] .btn-facebook.focus,
fieldset[disabled] .focus.btn-fc {
    background-color: #3b5997;
    border-color: #385590
}

.btn-facebook .badge,
.btn-fc .badge {
    color: #3b5997;
    background-color: #fff
}

.btn-twitter,
.btn-ti {
    color: #fff;
    background-color: #54abee;
    border-color: #4ba6ed;
    border: none
}

.btn-twitter:focus,
.btn-ti:focus,
.btn-twitter.focus,
.focus.btn-ti {
    color: #fff;
    background-color: #2694e9;
    border-color: #1166a8
}

.btn-twitter:hover,
.btn-ti:hover {
    color: #fff;
    background-color: #2694e9;
    border-color: #178be4
}

.btn-twitter:active,
.btn-ti:active,
.btn-twitter.active,
.active.btn-ti,
.open>.btn-twitter.dropdown-toggle,
.open>.dropdown-toggle.btn-ti {
    color: #fff;
    background-color: #2694e9;
    border-color: #178be4
}

.btn-twitter:active:hover,
.btn-ti:active:hover,
.btn-twitter:active:focus,
.btn-ti:active:focus,
.btn-twitter:active.focus,
.btn-ti:active.focus,
.btn-twitter.active:hover,
.active.btn-ti:hover,
.btn-twitter.active:focus,
.active.btn-ti:focus,
.btn-twitter.active.focus,
.active.focus.btn-ti,
.open>.btn-twitter.dropdown-toggle:hover,
.open>.dropdown-toggle.btn-ti:hover,
.open>.btn-twitter.dropdown-toggle:focus,
.open>.dropdown-toggle.btn-ti:focus,
.open>.btn-twitter.dropdown-toggle.focus,
.open>.dropdown-toggle.focus.btn-ti {
    color: #fff;
    background-color: #1582d6;
    border-color: #1166a8
}

.btn-twitter:active,
.btn-ti:active,
.btn-twitter.active,
.active.btn-ti,
.open>.btn-twitter.dropdown-toggle,
.open>.dropdown-toggle.btn-ti {
    background-image: none
}

.btn-twitter.disabled:hover,
.disabled.btn-ti:hover,
.btn-twitter.disabled:focus,
.disabled.btn-ti:focus,
.btn-twitter.disabled.focus,
.disabled.focus.btn-ti,
.btn-twitter[disabled]:hover,
.btn-ti[disabled]:hover,
.btn-twitter[disabled]:focus,
.btn-ti[disabled]:focus,
.btn-twitter[disabled].focus,
.btn-ti[disabled].focus,
fieldset[disabled] .btn-twitter:hover,
fieldset[disabled] .btn-ti:hover,
fieldset[disabled] .btn-twitter:focus,
fieldset[disabled] .btn-ti:focus,
fieldset[disabled] .btn-twitter.focus,
fieldset[disabled] .focus.btn-ti {
    background-color: #54abee;
    border-color: #4ba6ed
}

.btn-twitter .badge,
.btn-ti .badge {
    color: #54abee;
    background-color: #fff
}

.btn-linkedin,
.btn-l {
    color: #fff;
    background-color: #0077b5;
    border-color: #0070ab;
    border: none
}

.btn-linkedin:focus,
.btn-l:focus,
.btn-linkedin.focus,
.focus.btn-l {
    color: #fff;
    background-color: #005582;
    border-color: #001c2b
}

.btn-linkedin:hover,
.btn-l:hover {
    color: #fff;
    background-color: #005582;
    border-color: #00486e
}

.btn-linkedin:active,
.btn-l:active,
.btn-linkedin.active,
.active.btn-l,
.open>.btn-linkedin.dropdown-toggle,
.open>.dropdown-toggle.btn-l {
    color: #fff;
    background-color: #005582;
    border-color: #00486e
}

.btn-linkedin:active:hover,
.btn-l:active:hover,
.btn-linkedin:active:focus,
.btn-l:active:focus,
.btn-linkedin:active.focus,
.btn-l:active.focus,
.btn-linkedin.active:hover,
.active.btn-l:hover,
.btn-linkedin.active:focus,
.active.btn-l:focus,
.btn-linkedin.active.focus,
.active.focus.btn-l,
.open>.btn-linkedin.dropdown-toggle:hover,
.open>.dropdown-toggle.btn-l:hover,
.open>.btn-linkedin.dropdown-toggle:focus,
.open>.dropdown-toggle.btn-l:focus,
.open>.btn-linkedin.dropdown-toggle.focus,
.open>.dropdown-toggle.focus.btn-l {
    color: #fff;
    background-color: #003e5e;
    border-color: #001c2b
}

.btn-linkedin:active,
.btn-l:active,
.btn-linkedin.active,
.active.btn-l,
.open>.btn-linkedin.dropdown-toggle,
.open>.dropdown-toggle.btn-l {
    background-image: none
}

.btn-linkedin.disabled:hover,
.disabled.btn-l:hover,
.btn-linkedin.disabled:focus,
.disabled.btn-l:focus,
.btn-linkedin.disabled.focus,
.disabled.focus.btn-l,
.btn-linkedin[disabled]:hover,
.btn-l[disabled]:hover,
.btn-linkedin[disabled]:focus,
.btn-l[disabled]:focus,
.btn-linkedin[disabled].focus,
.btn-l[disabled].focus,
fieldset[disabled] .btn-linkedin:hover,
fieldset[disabled] .btn-l:hover,
fieldset[disabled] .btn-linkedin:focus,
fieldset[disabled] .btn-l:focus,
fieldset[disabled] .btn-linkedin.focus,
fieldset[disabled] .focus.btn-l {
    background-color: #0077b5;
    border-color: #0070ab
}

.btn-linkedin .badge,
.btn-l .badge {
    color: #0077b5;
    background-color: #fff
}

.btn-pinterest,
.btn-p {
    color: #fff;
    background-color: #bf1b21;
    border-color: #b61a1f;
    border: none
}

.btn-pinterest:focus,
.btn-p:focus,
.btn-pinterest.focus,
.focus.btn-p {
    color: #fff;
    background-color: #921519;
    border-color: #460a0c
}

.btn-pinterest:hover,
.btn-p:hover {
    color: #fff;
    background-color: #921519;
    border-color: #801216
}

.btn-pinterest:active,
.btn-p:active,
.btn-pinterest.active,
.active.btn-p,
.open>.btn-pinterest.dropdown-toggle,
.open>.dropdown-toggle.btn-p {
    color: #fff;
    background-color: #921519;
    border-color: #801216
}

.btn-pinterest:active:hover,
.btn-p:active:hover,
.btn-pinterest:active:focus,
.btn-p:active:focus,
.btn-pinterest:active.focus,
.btn-p:active.focus,
.btn-pinterest.active:hover,
.active.btn-p:hover,
.btn-pinterest.active:focus,
.active.btn-p:focus,
.btn-pinterest.active.focus,
.active.focus.btn-p,
.open>.btn-pinterest.dropdown-toggle:hover,
.open>.dropdown-toggle.btn-p:hover,
.open>.btn-pinterest.dropdown-toggle:focus,
.open>.dropdown-toggle.btn-p:focus,
.open>.btn-pinterest.dropdown-toggle.focus,
.open>.dropdown-toggle.focus.btn-p {
    color: #fff;
    background-color: #731014;
    border-color: #460a0c
}

.btn-pinterest:active,
.btn-p:active,
.btn-pinterest.active,
.active.btn-p,
.open>.btn-pinterest.dropdown-toggle,
.open>.dropdown-toggle.btn-p {
    background-image: none
}

.btn-pinterest.disabled:hover,
.disabled.btn-p:hover,
.btn-pinterest.disabled:focus,
.disabled.btn-p:focus,
.btn-pinterest.disabled.focus,
.disabled.focus.btn-p,
.btn-pinterest[disabled]:hover,
.btn-p[disabled]:hover,
.btn-pinterest[disabled]:focus,
.btn-p[disabled]:focus,
.btn-pinterest[disabled].focus,
.btn-p[disabled].focus,
fieldset[disabled] .btn-pinterest:hover,
fieldset[disabled] .btn-p:hover,
fieldset[disabled] .btn-pinterest:focus,
fieldset[disabled] .btn-p:focus,
fieldset[disabled] .btn-pinterest.focus,
fieldset[disabled] .focus.btn-p {
    background-color: #bf1b21;
    border-color: #b61a1f
}

.btn-pinterest .badge,
.btn-p .badge {
    color: #bf1b21;
    background-color: #fff
}

.btn-instagram,
.btn-is {
    background-image: linear-gradient(137deg, #4E60D3 0%, #913BAF 14%, #D52D88 76%, #F26D4F 100%);
    border: none;
    color: #fff
}

.btn-google,
.btn-g {
    color: #222;
    background-color: #fff;
    border-color: #fafafa;
    border: none
}

.btn-google:focus,
.btn-g:focus,
.btn-google.focus,
.focus.btn-g {
    color: #222;
    background-color: #e6e6e6;
    border-color: #bababa
}

.btn-google:hover,
.btn-g:hover {
    color: #222;
    background-color: #e6e6e6;
    border-color: #dbdbdb
}

.btn-google:active,
.btn-g:active,
.btn-google.active,
.active.btn-g,
.open>.btn-google.dropdown-toggle,
.open>.dropdown-toggle.btn-g {
    color: #222;
    background-color: #e6e6e6;
    border-color: #dbdbdb
}

.btn-google:active:hover,
.btn-g:active:hover,
.btn-google:active:focus,
.btn-g:active:focus,
.btn-google:active.focus,
.btn-g:active.focus,
.btn-google.active:hover,
.active.btn-g:hover,
.btn-google.active:focus,
.active.btn-g:focus,
.btn-google.active.focus,
.active.focus.btn-g,
.open>.btn-google.dropdown-toggle:hover,
.open>.dropdown-toggle.btn-g:hover,
.open>.btn-google.dropdown-toggle:focus,
.open>.dropdown-toggle.btn-g:focus,
.open>.btn-google.dropdown-toggle.focus,
.open>.dropdown-toggle.focus.btn-g {
    color: #222;
    background-color: #d4d4d4;
    border-color: #bababa
}

.btn-google:active,
.btn-g:active,
.btn-google.active,
.active.btn-g,
.open>.btn-google.dropdown-toggle,
.open>.dropdown-toggle.btn-g {
    background-image: none
}

.btn-google.disabled:hover,
.disabled.btn-g:hover,
.btn-google.disabled:focus,
.disabled.btn-g:focus,
.btn-google.disabled.focus,
.disabled.focus.btn-g,
.btn-google[disabled]:hover,
.btn-g[disabled]:hover,
.btn-google[disabled]:focus,
.btn-g[disabled]:focus,
.btn-google[disabled].focus,
.btn-g[disabled].focus,
fieldset[disabled] .btn-google:hover,
fieldset[disabled] .btn-g:hover,
fieldset[disabled] .btn-google:focus,
fieldset[disabled] .btn-g:focus,
fieldset[disabled] .btn-google.focus,
fieldset[disabled] .focus.btn-g {
    background-color: #fff;
    border-color: #fafafa
}

.btn-google .badge,
.btn-g .badge {
    color: #fff;
    background-color: #222
}

.btn-google .fa-google,
.btn-g .fa-google {
    background: conic-gradient(from -45deg, #ea4335 110deg, #4285f4 90deg 180deg, #34a853 180deg 270deg, #fbbc05 270deg) 73% 55%/150% 150% no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent
}

.btn-app {
    color: #fff;
    background-color: #333;
    border-color: #5d5d5d;
    border: none
}

.btn-app:focus,
.btn-app.focus {
    color: #fff;
    background-color: #1a1a1a;
    border-color: #1d1d1d
}

.btn-app:hover {
    color: #fff;
    background-color: #1a1a1a;
    border-color: #3e3e3e
}

.btn-app:active,
.btn-app.active,
.open>.btn-app.dropdown-toggle {
    color: #fff;
    background-color: #1a1a1a;
    border-color: #3e3e3e
}

.btn-app:active:hover,
.btn-app:active:focus,
.btn-app:active.focus,
.btn-app.active:hover,
.btn-app.active:focus,
.btn-app.active.focus,
.open>.btn-app.dropdown-toggle:hover,
.open>.btn-app.dropdown-toggle:focus,
.open>.btn-app.dropdown-toggle.focus {
    color: #fff;
    background-color: #080808;
    border-color: #1d1d1d
}

.btn-app:active,
.btn-app.active,
.open>.btn-app.dropdown-toggle {
    background-image: none
}

.btn-app.disabled:hover,
.btn-app.disabled:focus,
.btn-app.disabled.focus,
.btn-app[disabled]:hover,
.btn-app[disabled]:focus,
.btn-app[disabled].focus,
fieldset[disabled] .btn-app:hover,
fieldset[disabled] .btn-app:focus,
fieldset[disabled] .btn-app.focus {
    background-color: #333;
    border-color: #5d5d5d
}

.btn-app .badge {
    color: #333;
    background-color: #fff
}

.btn-paypal {
    color: #000;
    background-color: #ffc439;
    border-color: #ffc12f;
    border: none
}

.btn-paypal:focus,
.btn-paypal.focus {
    color: #000;
    background-color: #ffb506;
    border-color: #ae7a00
}

.btn-paypal:hover {
    color: #000;
    background-color: #ffb506;
    border-color: #f1a900
}

.btn-paypal:active,
.btn-paypal.active,
.open>.btn-paypal.dropdown-toggle {
    color: #000;
    background-color: #ffb506;
    border-color: #f1a900
}

.btn-paypal:active:hover,
.btn-paypal:active:focus,
.btn-paypal:active.focus,
.btn-paypal.active:hover,
.btn-paypal.active:focus,
.btn-paypal.active.focus,
.open>.btn-paypal.dropdown-toggle:hover,
.open>.btn-paypal.dropdown-toggle:focus,
.open>.btn-paypal.dropdown-toggle.focus {
    color: #000;
    background-color: #e19e00;
    border-color: #ae7a00
}

.btn-paypal:active,
.btn-paypal.active,
.open>.btn-paypal.dropdown-toggle {
    background-image: none
}

.btn-paypal.disabled:hover,
.btn-paypal.disabled:focus,
.btn-paypal.disabled.focus,
.btn-paypal[disabled]:hover,
.btn-paypal[disabled]:focus,
.btn-paypal[disabled].focus,
fieldset[disabled] .btn-paypal:hover,
fieldset[disabled] .btn-paypal:focus,
fieldset[disabled] .btn-paypal.focus {
    background-color: #ffc439;
    border-color: #ffc12f
}

.btn-paypal .badge {
    color: #ffc439;
    background-color: #000
}

.btn-paypal img {
    margin-top: -2px
}

.btn-toolbar.btn-toolbar-centered {
    float: none;
    text-align: center
}

.btn-toolbar .btn-group {
    float: none;
    margin-bottom: 7px
}

.btn-lg,
.btn-group-lg>.btn {
    border-radius: 2px
}

.btn-actionable+.state {
    display: none
}

.btn-actionable:active+.state,
.btn-actionable:focus+.state,
.btn-actionable:active:focus+.state {
    display: inline-block
}

a.liked {
    color: #0b7cac
}

a:active,
a:focus {
    outline: none;
    -moz-outline-style: none
}

.panel {
    margin-left: -15px;
    margin-right: -15px
}

@media(min-width:768px) {
    .panel {
        margin-left: 0;
        margin-right: 0
    }
}

.panel-title {
    color: #f1f1f1
}

.panel-footer {
    border-top: none;
    color: #bbb
}

.panel-body-wysihtml .form-group-title-input input.form-control[type=text] {
    padding: 10px 20px;
    height: auto
}

.panel-body-wysihtml .form-group-title-input .help-block {
    margin-left: 20px
}

.panel-body-no-padding {
    padding: 0
}

.panel-border {
    border-color: #333
}

.panel-border.panel-default .panel-body {
    border-radius: 2px
}

.panel-border.panel-default .panel-heading {
    border-radius: 2px 2px 0 0
}

.panel-border.panel-default .panel-heading+.panel-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.panel-table {
    border-bottom: none;
    border-top-color: #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333
}

.panel-table:last-child {
    border-bottom: 1px solid #333
}

.panel-table thead,
.panel-table tfoot {
    background-color: #333
}

.panel-table thead th:first-child,
.panel-table tbody td:first-child {
    padding-left: 8px
}

.panel-table>tbody>tr>td,
.panel-table>tbody>tr>th {
    vertical-align: middle;
    border-top: none
}

.panel-table>tbody>tr:not(:first-child)>td,
.panel-table>tbody>tr:not(:first-child) th {
    position: relative
}

.panel-table>tbody>tr:not(:first-child)>td:before,
.panel-table>tbody>tr:not(:first-child) th:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #333
}

.panel-table>thead>tr>th {
    border-bottom: none;
    font-weight: 400;
    text-transform: uppercase;
    color: #bbb
}

.panel-table>tbody>tr>th {
    font-weight: 400;
    text-transform: uppercase;
    color: #bbb
}

.panel-table>tfoot>tr>th {
    border-top: 0;
    text-transform: uppercase;
    color: #bbb
}

.panel-table.table-bordered>thead>tr>th,
.panel-table.table-bordered>thead>tr>td,
.panel-table.table-bordered>tbody>tr>th,
.panel-table.table-bordered>tbody>tr>td,
.panel-table.table-bordered>tfoot>tr>th,
.panel-table.table-bordered>tfoot>tr>td {
    border-top: none;
    border-bottom: none;
    border-color: #333
}

.panel-default .panel-body+.panel-body {
    border-top: 2px solid #333
}

.panel-default-card {
    background: #292929;
    border: 1px solid #3f3f3f;
    border-radius: 2px;
    padding: 20px
}

.panel-default-card.slim {
    padding: 10px 20px
}

.panel-default-card+.panel-default-card {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media(max-width:767px) {
    .navbar-nav-xs-inline {
        text-align: center;
        margin: 0
    }

    .navbar-nav-xs-inline>li {
        display: inline-block;
        vertical-align: top
    }
}

@media(max-width:767px) {
    .navbar-nav-xs-center {
        text-align: center
    }
}

@media(min-width:768px) and (max-width:991px) {
    .navbar-nav-sm-inline {
        text-align: center;
        margin: 0
    }

    .navbar-nav-sm-inline>li {
        display: inline-block;
        vertical-align: top
    }
}

@media(min-width:768px) and (max-width:991px) {
    .navbar-nav-sm-center {
        text-align: center
    }
}

.navbar-button {
    background: 0 0;
    border: 0;
    color: #fff;
    padding: 8px 15px
}

.navbar-button .far {
    color: #13aff0
}

.navbar-button:not(.dropdown-toggle):hover {
    color: #13aff0
}

.open .navbar-button {
    background: #151515
}

.dropdown-menu {
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .75);
    overflow: hidden;
    border: 0;
    max-height: calc(60vh - 50px);
    max-height: calc(60vh - var(--main-menu-height))
}

@media(min-width:992px) {
    .dropdown-menu {
        max-height: calc(80vh - 92px);
        max-height: calc(80vh - var(--main-menu-height))
    }
}

.dropdown-menu>li>a,
.dropdown-menu-item {
    padding: 5px 20px 5px 17px;
    border-left: 3px solid transparent;
    -webkit-transition: all .15s cubic-bezier(.455, .03, .515, .955);
    transition: all .15s cubic-bezier(.455, .03, .515, .955)
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu-item:hover,
.dropdown-menu-item:focus {
    background-color: #090909;
    border-left: 3px solid #13aff0;
    color: #f1f1f1
}

.dropdown-menu-item {
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: left;
    background: 0 0;
    outline: 0;
    color: #bbb;
    border-radius: 0;
    padding: 5px 20px 5px 17px;
    border: 0;
    border-left: 3px solid transparent;
    -webkit-transition: border-color .2s linear, background-color .2s linear, color .2s linear;
    transition: border-color .2s linear, background-color .2s linear, color .2s linear
}

.dropdown-menu-item:hover,
.dropdown-menu-item:focus,
.dropdown-menu-item.active {
    background-color: #090909;
    border-left-color: #13aff0;
    color: #f1f1f1
}

.dropdown-menu .active .dropdown-menu-item {
    color: #f1f1f1;
    background: 0 0
}

.dropdown-menu .dropdown-checkbox {
    white-space: nowrap
}

.dropdown-menu .dropdown-checkbox:last-of-type {
    margin-bottom: 5px
}

.dropdown-header {
    padding: 5px 20px;
    font-size: 14px;
    font-weight: 600
}

.dropdown-checkbox {
    padding: 5px 20px
}

.dropdown-checkbox .checkbox {
    margin: 0
}

.dropdown-menu-sm>li {
    font-size: 12px
}

.dropdown-menu-sm>li>a {
    padding: 0 10px 0 7px
}

.dropdown-menu-md-w .dropdown-menu-sm>li {
    font-size: 14px
}

.dropdown-menu-md-w .dropdown-menu-sm>li>a {
    padding: 5px 20px 5px 17px
}

.pagination {
    margin: 0;
    display: inline-block;
    padding-left: 0;
    border-radius: 2px
}

.pagination>a,
.pagination>span {
    position: relative;
    float: left;
    line-height: 1.8;
    text-decoration: none;
    color: #f1f1f1;
    background-color: #333;
    border: 1px solid #5d5d5d;
    margin-left: -1px
}

.pagination>a:first-child,
.pagination>span:first-child {
    margin-left: 0;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px
}

.pagination>a:last-child,
.pagination>span:last-child {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px
}

.pagination>a.disabled,
.pagination>span.disabled {
    color: #747474;
    background-color: #333;
    border-color: #5d5d5d;
    cursor: not-allowed
}

.pagination>a:hover {
    color: #13aff0;
    background-color: #333;
    border-color: #5d5d5d
}

.pagination>span.current {
    z-index: 2;
    color: #0c8ec4;
    background-color: #222;
    border-color: #5d5d5d;
    cursor: default
}

.pagination>li>a,
.pagination>a,
.pagination>span {
    padding: 6px 15px;
    font-weight: 600;
    -webkit-transition: all .25s cubic-bezier(.455, .03, .515, .955);
    transition: all .25s cubic-bezier(.455, .03, .515, .955)
}

.label-default {
    background-color: transparent;
    color: #747474;
    border: 1px solid #747474;
    font-weight: 400
}

.label-default[href]:hover,
.label-default[href]:focus {
    background-color: #5b5b5b
}

.label-primary {
    background-color: transparent;
    color: #13aff0;
    border: 1px solid #13aff0;
    font-weight: 400
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #0c8ec4
}

.label-success {
    background-color: transparent;
    color: #5cb85c;
    border: 1px solid #5cb85c;
    font-weight: 400
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #449d44
}

.label-info {
    background-color: transparent;
    color: #5bc0de;
    border: 1px solid #5bc0de;
    font-weight: 400
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #31b0d5
}

.label-warning {
    background-color: transparent;
    color: #f0ad4e;
    border: 1px solid #f0ad4e;
    font-weight: 400
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #ec971f
}

.label-danger {
    background-color: transparent;
    color: #d9534f;
    border: 1px solid #d9534f;
    font-weight: 400
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #c9302c
}

.label-skill {
    font-size: 100%;
    vertical-align: top;
    display: block;
    padding: .4em .6em
}

.label-skill .fa-pad-left {
    vertical-align: top
}

.label-skill.label-skill-editing {
    cursor: move;
    background: #222
}

.alert-success {
    background-color: #222;
    color: #bbb;
    border: none;
    border-left: 4px solid #5cb85c
}

.alert-success h1,
.alert-success h2,
.alert-success h3,
.alert-success h4,
.alert-success h5,
.alert-success h6 {
    color: #5cb85c
}

.alert-success h1 .far,
.alert-success h2 .far,
.alert-success h3 .far,
.alert-success h4 .far,
.alert-success h5 .far,
.alert-success h6 .far {
    color: #5cb85c
}

.alert-info {
    background-color: #222;
    color: #bbb;
    border: none;
    border-left: 4px solid #13aff0
}

.alert-info h1,
.alert-info h2,
.alert-info h3,
.alert-info h4,
.alert-info h5,
.alert-info h6 {
    color: #13aff0
}

.alert-info h1 .far,
.alert-info h2 .far,
.alert-info h3 .far,
.alert-info h4 .far,
.alert-info h5 .far,
.alert-info h6 .far {
    color: #13aff0
}

.alert-warning {
    background-color: #222;
    color: #bbb;
    border: none;
    border-left: 4px solid #f0ad4e
}

.alert-warning h1,
.alert-warning h2,
.alert-warning h3,
.alert-warning h4,
.alert-warning h5,
.alert-warning h6 {
    color: #f0ad4e
}

.alert-warning h1 .far,
.alert-warning h2 .far,
.alert-warning h3 .far,
.alert-warning h4 .far,
.alert-warning h5 .far,
.alert-warning h6 .far {
    color: #f0ad4e
}

.alert-danger {
    background-color: #222;
    color: #bbb;
    border: none;
    border-left: 4px solid #d9534f;
    color: #d9534f
}

.alert-danger h1,
.alert-danger h2,
.alert-danger h3,
.alert-danger h4,
.alert-danger h5,
.alert-danger h6 {
    color: #d9534f
}

.alert-danger h1 .far,
.alert-danger h2 .far,
.alert-danger h3 .far,
.alert-danger h4 .far,
.alert-danger h5 .far,
.alert-danger h6 .far {
    color: #d9534f
}

.alert-icon-indent {
    position: relative;
    padding-left: 20px
}

.alert-icon-indent .alert-icon {
    position: absolute;
    left: 0;
    top: .4em
}

.alert-compact {
    padding: 8px;
    line-height: 1.44
}

.alert-compact .alert-icon {
    top: 3px
}

.alert-gray {
    background: #333
}

.alert-border {
    border-right: 1px solid #494949;
    border-top: 1px solid #494949;
    border-bottom: 1px solid #494949
}

.alert-shadow {
    -webkit-box-shadow: 0 0 16px #000;
    box-shadow: 0 0 16px #000
}

.alert .text-white {
    color: #fff
}

.alert .text-gray-light {
    color: #bbb
}

.close {
    -webkit-transition: all .2s cubic-bezier(.55, .085, .68, .53);
    transition: all .2s cubic-bezier(.55, .085, .68, .53)
}

.close:hover,
.close:focus {
    -webkit-transition: all .3s cubic-bezier(.25, .46, .45, .94);
    transition: all .3s cubic-bezier(.25, .46, .45, .94)
}

.progress {
    height: 10px
}

.progress .progress-striped .progress-bar,
.progress .progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent)
}

.modal-header {
    background-color: #333;
    border-bottom: none;
    border-radius: 4px 4px 0 0;
    padding: 10px 15px
}

.modal-header .close {
    margin-top: 11px;
    outline: 0
}

.tip-modal .modal-header {
    padding-left: 20px;
    padding-right: 20px
}

.tip-modal .modal-body {
    padding: 20px
}

.tip-modal .modal-dialog {
    max-width: 560px
}

.modal-footer {
    background-color: #222;
    border-top: none;
    border-radius: 0 0 4px 4px;
    padding: 0 15px 20px;
    text-align: left
}

.embed-modal {
    text-align: left
}

.modal-backdrop~.select2-container {
    z-index: 1065
}

.modal-backdrop~.modal-backdrop {
    z-index: 1055
}

.modal~.modal {
    z-index: 1060
}

#login-modal {
    z-index: 2000
}

.modal-wide .modal-dialog {
    width: auto;
    max-width: 800px
}

.cursor-pointer {
    cursor: pointer
}

.clickable {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.hover-underline {
    cursor: pointer
}

.hover-underline:hover {
    text-decoration: underline
}

.block-center {
    margin-left: auto;
    margin-right: auto
}

.vertical-top {
    vertical-align: top !important
}

.vertical-baseline {
    vertical-align: baseline !important
}

.overflow-hidden {
    overflow: hidden
}

.visibility-hidden {
    visibility: hidden
}

.hr-lite {
    border-top-color: #333
}

.border-radius-base {
    border-radius: 2px
}

.border-radius-large {
    border-radius: 4px
}

.collapse-letter-spacing {
    letter-spacing: -10px
}

.page-header .beta,
.page-head .beta {
    font-size: 14px;
    text-transform: uppercase;
    vertical-align: text-top;
    line-height: 1.8;
    margin-left: 4px
}

.page-head {
    border-bottom: 1px solid #333;
    min-height: 79px;
    padding: 13px 20px 11px;
    margin-bottom: 20px;
    background: #1a1a1a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page-head .page-title {
    min-width: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.page-head .dropdown {
    margin-right: -20px
}

.page-head .dropdown .btn-link {
    min-height: 40px;
    color: #747474;
    font-size: 18px
}

.page-head .dropdown .btn-link:hover {
    color: #13aff0
}

.page-head-title {
    font-weight: 400;
    margin-bottom: 0
}

.page-head-title a {
    color: #fff
}

.page-head-btns {
    text-align: right;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.page-head-btns .btn+.btn {
    margin-left: 10px
}

.upload-thumbnail {
    color: #747474;
    border-radius: 5px;
    position: relative;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #1a1a1a
}

.upload-thumbnail:before {
    content: '';
    display: block;
    padding-bottom: 100%
}

.upload-thumbnail.uploaded:before {
    display: none
}

.upload-thumbnail.size-16-by-9:before {
    padding-bottom: 56.25%
}

.upload-thumbnail.any-size:before {
    display: none
}

.upload-thumbnail.any-size .upload-thumbnail-cover {
    position: static
}

.upload-thumbnail.active .upload-thumbnail-placeholder {
    color: #f1f1f1;
    background: #333
}

.upload-thumbnail.active .upload-thumbnail-cover {
    opacity: .5
}

.upload-thumbnail-placeholder {
    background: #1a1a1a;
    border: 2px dashed #333;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-transition: color .2s linear, background .2s linear;
    transition: color .2s linear, background .2s linear
}

.upload-thumbnail-cover {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.upload-thumbnail .loading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.upload-thumbnail .loading.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.icon-paypal {
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/assets/paypal-logo-0f3614ca4f70a0ccd47b52c9e889a240.svg);
    background-size: cover;
    font-size: 16px;
    height: 1em;
    width: 3.84210526em;
    vertical-align: -15%
}

.icon-circle-holder {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #333;
    text-align: center;
    line-height: 58px;
    font-size: 26px
}

ul.steps {
    counter-reset: listCounter;
    list-style: none;
    padding-left: 0
}

ul.steps li {
    counter-increment: listCounter;
    margin-bottom: 17px
}

ul.steps li:before {
    content: counter(listCounter);
    background: #13aff0;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    display: inline-block;
    margin-right: 10px;
    list-style: none
}

.appstore-button {
    background-image: url(/assets/appstore-button-55aaa0749136e72837e41b9cc22e6e7c.jpg);
    background-size: cover;
    width: 188px;
    height: 244px;
    display: inline-block;
    border-radius: 10px;
    margin-right: 40px
}

.google-play-button {
    background-image: url(/assets/google-play-button-728cf36b6ff25cd48a62d05dc937d6ca.jpg);
    background-size: cover;
    width: 188px;
    height: 244px;
    display: inline-block;
    border-radius: 10px
}

.s-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -5px;
    margin-right: -5px
}

.s-grid-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 5px;
    padding-right: 5px
}

.s-grid+.s-grid {
    margin-top: 10px
}

.btn-copy {
    padding: 5px;
    height: 30px;
    max-height: 30px;
    border-radius: 2px;
    background-color: #222;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btn-copy-status {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #13aff0
}

.btn-copy-icon {
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #747474
}

.btn-copy-input {
    position: absolute;
    color: #bbb;
    left: 0;
    top: 0;
    background-color: #222;
    height: 100%;
    width: 100%;
    cursor: pointer;
    padding: 5px 80px 5px 5px;
    border: none
}

.modal .btn-copy-input {
    background-color: #171717
}

.btn-copy:hover .btn-copy-icon,
.copied .btn-copy-icon {
    color: #13aff0
}

.btn-copy:hover .btn-copy-input {
    color: #fff
}

.notice {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 2px 6px;
    font-size: 11px
}

@media(min-width:768px) {
    .notice {
        font-size: 12px
    }
}

.notice-default {
    background: #333
}

.notice-default,
.notice-default:hover,
.notice-default:active,
.notice-default:focus {
    color: #bbb
}

.notice-danger {
    background: #d9534f
}

.notice-danger,
.notice-danger:hover,
.notice-danger:active,
.notice-danger:focus {
    color: #fff
}

.notice-warning {
    background: #f0ad4e
}

.notice-warning,
.notice-warning:hover,
.notice-warning:active,
.notice-warning:focus {
    color: #222
}

.notice-success {
    background: #5cb85c
}

.notice-success,
.notice-success:hover,
.notice-success:active,
.notice-success:focus {
    color: #222
}

.notice-info {
    background: #13aff0
}

.notice-info,
.notice-info:hover,
.notice-info:active,
.notice-info:focus {
    color: #fff
}

.notice:hover u {
    text-decoration: none
}

.notices-hidden .notices {
    display: none
}

@media(min-width:992px) {
    .notices-shrink .notices {
        margin-right: 365px
    }
}

.notices-shift-marketplace .notices {
    margin-top: 79px
}

.tos-widget {
    position: fixed;
    bottom: 16px;
    left: 50%;
    z-index: 1033;
    width: 100%;
    max-width: 830px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tos-widget-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width:768px) {
    .tos-widget-mobile {
        display: none
    }
}

.tos-widget-mobile.is-active {
    display: none
}

.tos-widget-mobile-text {
    padding-right: 10px
}

.tos-widget-mobile-btn {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tos-widget-inner {
    color: #f1f1f1;
    background: #222;
    border-radius: 8px;
    padding: 16px;
    margin-left: 16px;
    margin-right: 16px;
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, .5);
    box-shadow: 0 8px 16px rgba(0, 0, 0, .5)
}

@media(min-width:768px) {
    .tos-widget-inner {
        padding: 32px
    }
}

.tos-widget-title {
    font-size: 18px
}

.tos-widget-columns {
    display: none;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0 30px
}

.tos-widget-columns.is-active {
    display: -ms-grid;
    display: grid
}

@media(min-width:768px) {
    .tos-widget-columns {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr .5fr;
        grid-template-columns: 1fr .5fr
    }
}

.tos-widget.is-hidden {
    display: none
}

.print-preview {
    position: relative;
    display: block;
    background-color: #222
}

.print-preview.has-matureContent {
    overflow: hidden
}

.print-preview.has-matureContent:hover .matureContent-container {
    opacity: 0
}

.print-preview:before {
    content: '';
    display: block;
    padding-top: 100%
}

.print-preview-thumbnail {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.print-preview-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.print-preview-img {
    width: 100%;
    height: auto
}

.print-preview-content {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 10px;
    background-color: rgba(23, 23, 23, .8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity .1s linear;
    transition: opacity .1s linear
}

.print-preview:hover .print-preview-content {
    opacity: 1
}

.print-preview-title {
    letter-spacing: normal;
    font-weight: 600;
    margin: 0 0 15px;
    font-size: 22px;
    text-transform: none
}

.print-preview-author {
    margin-bottom: 5px
}

.print-preview-price {
    line-height: 1.5
}

.print-preview-price .old-price {
    font-size: 12px;
    text-decoration: line-through;
    color: #878787
}

.gallery-container .gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.gallery-container .gallery .project {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%;
    position: relative;
    background: url(/assets/placeholders/asset/small_square-63fe1b6933170dad054a48dc3c8b51af.png);
    background-size: cover;
    width: 33.33333333%
}

@media(min-width:640px) {
    .gallery-container .gallery .project {
        width: 25%
    }
}

@media(min-width:768px) {
    .gallery-container .gallery .project {
        width: 25%
    }
}

@media(min-width:992px) {
    .gallery-container .gallery .project {
        width: 20%
    }
}

@media(min-width:1200px) {
    .gallery-container .gallery .project {
        width: 16.666667%
    }
}

@media(min-width:1440px) {
    .gallery-container .gallery .project {
        width: 14.285714286%
    }
}

@media(min-width:1680px) {
    .gallery-container .gallery .project {
        width: 12.5%
    }
}

@media(min-width:1920px) {
    .gallery-container .gallery .project {
        width: 11.11111111111111%
    }
}

@media(min-width:2200px) {
    .gallery-container .gallery .project {
        width: 10%
    }
}

@media(min-width:2560px) {
    .gallery-container .gallery .project {
        width: 8.33333333333333%
    }
}

@media(min-width:3000px) {
    .gallery-container .gallery .project {
        width: 7.14285714285714%
    }
}

.gallery-container .gallery .project:before {
    content: "";
    display: block;
    margin-top: 100%
}

@media(min-width:640px) {
    .gallery-container .gallery .project.artist-profile {
        width: 33.333333%
    }
}

@media(min-width:768px) {
    .gallery-container .gallery .project.artist-profile {
        width: 25%
    }
}

@media(min-width:992px) {
    .gallery-container .gallery .project.artist-profile {
        width: 25%
    }
}

@media(min-width:1200px) {
    .gallery-container .gallery .project.artist-profile {
        width: 20%
    }
}

@media(min-width:1680px) {
    .gallery-container .gallery .project.artist-profile {
        width: 16.666667%
    }
}

@media(min-width:1920px) {
    .gallery-container .gallery .project.artist-profile {
        width: 14.285714286%
    }
}

@media(min-width:2200px) {
    .gallery-container .gallery .project.artist-profile {
        width: 12.5%
    }
}

@media(min-width:2560px) {
    .gallery-container .gallery .project.artist-profile {
        width: 10%
    }
}

@media(min-width:3000px) {
    .gallery-container .gallery .project.artist-profile {
        width: 8.33333333333333%
    }
}

.gallery-container .gallery .project.artist-profile.small {
    width: 33.33333333%
}

@media(min-width:640px) {
    .gallery-container .gallery .project.artist-profile.small {
        width: 25%
    }
}

@media(min-width:768px) {
    .gallery-container .gallery .project.artist-profile.small {
        width: 25%
    }
}

@media(min-width:992px) {
    .gallery-container .gallery .project.artist-profile.small {
        width: 20%
    }
}

@media(min-width:1200px) {
    .gallery-container .gallery .project.artist-profile.small {
        width: 16.666667%
    }
}

@media(min-width:1440px) {
    .gallery-container .gallery .project.artist-profile.small {
        width: 14.285714286%
    }
}

@media(min-width:1680px) {
    .gallery-container .gallery .project.artist-profile.small {
        width: 12.5%
    }
}

@media(min-width:1920px) {
    .gallery-container .gallery .project.artist-profile.small {
        width: 11.11111111111111%
    }
}

@media(min-width:2200px) {
    .gallery-container .gallery .project.artist-profile.small {
        width: 10%
    }
}

@media(min-width:2560px) {
    .gallery-container .gallery .project.artist-profile.small {
        width: 8.33333333333333%
    }
}

@media(min-width:3000px) {
    .gallery-container .gallery .project.artist-profile.small {
        width: 7.14285714285714%
    }
}

.gallery-container .gallery .project>a.project-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    overflow: hidden
}

.gallery-container .gallery .project>a.project-image .overlay {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/assets/overlay-no-triangle.png);
    background-position: 100% 100%;
    z-index: 3;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1, 1);
    transform: translateZ(0) scale(1, 1);
    opacity: 0;
    -webkit-transition: opacity ease-in-out .25s;
    transition: opacity ease-in-out .25s
}

@media(min-width:992px) {
    .gallery-container .gallery .project>a.project-image .overlay {
        display: block
    }
}

.gallery-container .gallery .project>a.project-image .overlay.visible {
    opacity: 1
}

.gallery-container .gallery .project>a.project-image .overlay .info {
    margin: 15px;
    color: #fff;
    position: absolute;
    bottom: 0;
    -webkit-font-smoothing: antialiased
}

.gallery-container .gallery .project>a.project-image .overlay .info img.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left
}

.gallery-container .gallery .project>a.project-image .overlay .info .title {
    line-height: 21px;
    font-size: 18px;
    margin-left: 50px;
    font-weight: 300
}

.gallery-container .gallery .project>a.project-image .overlay .info .name {
    line-height: 19px;
    font-size: 12px;
    margin-left: 50px
}

.gallery-container .gallery .project>a.project-image .overlay-category {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, .65);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.gallery-container .gallery .project>a.project-image .overlay-category:hover {
    background: rgba(0, 0, 0, .8)
}

.gallery-container .gallery .project>a.project-image .overlay-category-name {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.15;
    padding: 10px 15px;
    text-transform: uppercase
}

.gallery-container .gallery .project>a.project-image img.image {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 1
}

@media(min-width:1200px) {
    .gallery-container .gallery .project>a.project-image img.image {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0) scale(1, 1);
        transform: translateZ(0) scale(1, 1)
    }
}

.gallery-container .gallery .project>a.project-image:hover .overlay {
    opacity: 1
}

.gallery-container .gallery .project.small>a .overlay .info img.avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left
}

.gallery-container .gallery .project.small>a .overlay .info .title {
    line-height: 16px;
    font-size: 14px;
    margin-left: 40px;
    font-weight: 400
}

.gallery-container .gallery .project.small>a .overlay .info .name {
    line-height: 14px;
    font-size: 10px;
    margin-left: 40px;
    font-weight: 400
}

.gallery-container .gallery .project.small>a .overlay .info.without-avatar .title {
    margin-left: 0
}

.gallery-container .gallery .project.small>a .overlay .info.without-avatar .name {
    margin-left: 0
}

.more-artwork {
    color: #aaa;
    padding-bottom: 40px
}

.more-artwork h4 {
    padding: 0 0 1em;
    margin: 0;
    color: #f0f0f0
}

.load-more {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    clear: both;
    color: #747474
}

.gallery-container .gallery .icons-list {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    color: #bbb;
    font-size: 0;
    cursor: pointer;
    z-index: 3;
    letter-spacing: 0
}

.gallery-container .gallery .icons-list li {
    line-height: 1;
    display: inline-block;
    vertical-align: top;
    padding: 5px;
    max-height: 24px;
    font-size: 14px;
    background-color: rgba(34, 34, 34, .8)
}

.gallery-container .gallery .remove {
    width: 20px;
    height: 20px;
    top: 5px;
    right: 5px;
    position: absolute;
    color: #bbb;
    z-index: 4
}

.gallery-container .gallery .remove:hover,
.gallery-container .gallery .remove:active {
    color: #a2a2a2
}

.gallery-container .gallery .project .project-image .overlay {
    padding-top: 100%;
    height: 0 !important
}

.gallery-container .gallery-projects .project {
    background-size: 100% auto;
    background-repeat: no-repeat
}

@media(max-width:639px) {
    .gallery-container .gallery-projects .project:nth-child(9):after {
        display: block;
        content: '';
        margin-bottom: calc(74vw + (100vw/3))
    }
}

@media(min-width:640px) and (max-width:991px) {
    .gallery-container .gallery-projects .project:nth-child(12):after {
        display: block;
        content: '';
        margin-bottom: calc(47vw + (100vw/4))
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .gallery-container .gallery-projects .project:nth-child(15):after {
        display: block;
        content: '';
        margin-bottom: calc(36vw + (100vw/5))
    }
}

@media(min-width:1200px) and (max-width:1299px) {
    .gallery-container .gallery-projects .project:nth-child(18):after {
        display: block;
        content: '';
        margin-bottom: calc(30vw + (100vw/6))
    }
}

@media(min-width:1300px) and (max-width:1439px) {
    .gallery-container .gallery-projects .project:nth-child(18):after {
        display: block;
        content: '';
        margin-bottom: calc(28vw + (100vw/6))
    }
}

@media(min-width:1440px) and (max-width:1679px) {
    .gallery-container .gallery-projects .project:nth-child(21):after {
        display: block;
        content: '';
        margin-bottom: calc(24vw + (100vw/7))
    }
}

@media(min-width:1680px) and (max-width:1919px) {
    .gallery-container .gallery-projects .project:nth-child(24):after {
        display: block;
        content: '';
        margin-bottom: calc(22vw + (100vw/8))
    }
}

@media(min-width:1920px) and (max-width:2199px) {
    .gallery-container .gallery-projects .project:nth-child(27):after {
        display: block;
        content: '';
        margin-bottom: calc(20vw + (100vw/9))
    }
}

@media(min-width:2200px) and (max-width:2559px) {
    .gallery-container .gallery-projects .project:nth-child(30):after {
        display: block;
        content: '';
        margin-bottom: calc(17vw + (100vw/10))
    }
}

@media(min-width:2560px) and (max-width:2999px) {
    .gallery-container .gallery-projects .project:nth-child(36):after {
        display: block;
        content: '';
        margin-bottom: calc(15vw + (100vw/12))
    }
}

@media(min-width:3000px) {
    .gallery-container .gallery-projects .project:nth-child(42):after {
        display: block;
        content: '';
        margin-bottom: calc(13vw + (100vw/14))
    }
}

.gallery-container .gallery-projects .project>a.project-image {
    bottom: auto;
    height: auto
}

.gallery-container .gallery-marketplace {
    position: absolute;
    top: 100vw;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 74vw
}

@media(min-width:640px) and (max-width:991px) {
    .gallery-container .gallery-marketplace {
        top: calc((100vw/4) * 3);
        height: 47vw
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .gallery-container .gallery-marketplace {
        top: calc((100vw/5) * 3);
        height: 36vw
    }
}

@media(min-width:1200px) and (max-width:1299px) {
    .gallery-container .gallery-marketplace {
        top: calc((100vw/6) * 3);
        height: 30vw
    }
}

@media(min-width:1300px) and (max-width:1439px) {
    .gallery-container .gallery-marketplace {
        top: calc((100vw/6) * 3);
        height: 28vw
    }
}

@media(min-width:1440px) and (max-width:1679px) {
    .gallery-container .gallery-marketplace {
        top: calc((100vw/7) * 3);
        height: 24vw
    }
}

@media(min-width:1680px) and (max-width:1919px) {
    .gallery-container .gallery-marketplace {
        top: calc((100vw/8) * 3);
        height: 22vw
    }
}

@media(min-width:1920px) and (max-width:2199px) {
    .gallery-container .gallery-marketplace {
        top: calc((100vw/9) * 3);
        height: 20vw
    }
}

@media(min-width:2200px) and (max-width:2559px) {
    .gallery-container .gallery-marketplace {
        top: calc((100vw/10) * 3);
        height: 17vw
    }
}

@media(min-width:2560px) and (max-width:2999px) {
    .gallery-container .gallery-marketplace {
        top: calc((100vw/12) * 3);
        height: 15vw
    }
}

@media(min-width:3000px) {
    .gallery-container .gallery-marketplace {
        top: calc((100vw/14) * 3);
        height: 13vw
    }
}

@media(max-width:767px) {
    .gallery-container .card-content {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 44% 56%;
        grid-template-columns: 44% 56%;
        -ms-grid-rows: auto [2];
        grid-template-rows: repeat(2, auto)
    }

    .gallery-container .card-content-thumbnail {
        grid-column: 1/2;
        grid-row: 1/3;
        width: 100% !important;
        border-radius: 3px 0 0 3px
    }

    .gallery-container .card-content-thumbnail img {
        border-radius: 3px 0 0 3px
    }

    .gallery-container .card-content-body {
        grid-column: 2/3;
        grid-row: 1/2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .gallery-container .card-content-footer {
        grid-column: 2/3;
        grid-row: 2/3
    }
}

body.ProjectController {
    background-color: #000
}

body.ProjectController .wrapper {
    padding-bottom: 0
}

.gallery-single {
    position: relative;
    min-height: calc(100vh - 92px);
    min-height: calc(100vh - var(--main-menu-height))
}

@media(min-width:992px) {
    .gallery-single {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.gallery-single .mobile-close {
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 10;
    top: 10px;
    right: 10px;
    text-shadow: 0 0 2px rgba(0, 0, 0, .5);
    color: #f1f1f1;
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
    display: block
}

@media(min-width:992px) {
    .gallery-single .mobile-close {
        display: none
    }
}

.gallery-single .mobile-close:hover {
    color: #f1f1f1
}

.gallery-single .mobile-close i.far {
    position: absolute;
    top: 5px;
    left: 7px
}

.gallery-single .artwork-container {
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media(min-width:992px) {
    .gallery-single .artwork-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 365px;
        max-width: calc(100% - 365px)
    }
}

.gallery-single .artwork-container.adult-content-active {
    min-height: 340px
}

@media(min-width:992px) {
    .gallery-single .artwork-container.adult-content-active {
        min-height: 0
    }
}

.gallery-single .artwork-container .more-down-indicator {
    width: 100%;
    padding-right: 365px;
    position: fixed;
    left: 0;
    bottom: 0;
    text-align: center;
    display: none;
    z-index: 3;
    -webkit-transform: translate(0, 100px);
    transform: translate(0, 100px);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.gallery-single .artwork-container .more-down-indicator .scroll-down {
    margin: 0 auto;
    width: 150px;
    background-color: #222;
    text-align: center;
    font-size: .75em;
    padding: 5px 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.gallery-single .artwork-container .artwork {
    text-align: center;
    padding-bottom: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.gallery-single .artwork-container .artwork.video_clip .asset-quality {
    bottom: 42px
}

.gallery-single .artwork-container .artwork.video_clip .artwork-embedded iframe {
    max-width: 100% !important
}

.gallery-single .artwork-container .artwork:last-child {
    padding-bottom: 0
}

.gallery-single .artwork-container .artwork iframe {
    vertical-align: top
}

.gallery-single .artwork-container .artwork .img {
    max-width: 100%;
    height: auto
}

.gallery-single .artwork-container .artwork .caption {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    color: gray;
    padding-left: 15px;
    padding-right: 15px;
    word-break: break-word
}

.gallery-single .artwork-container .artwork .caption .asset-caption {
    padding-top: .5em
}

.gallery-single .artwork-container .artwork-data {
    position: relative
}

.gallery-single .artwork-container .artwork-data:hover .asset-actions,
.gallery-single .artwork-container .artwork-data:hover .asset-quality,
.gallery-single .artwork-container .artwork-data:hover .copy-video-clip-code {
    opacity: 1
}

.gallery-single .artwork-container .artwork-data .asset-quality {
    z-index: 3;
    line-height: 1;
    position: absolute;
    bottom: 10px;
    padding: 5px;
    left: 50%;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.gallery-single .artwork-container .artwork-data .asset-quality:hover .asset-quality-icon {
    color: #fff
}

.gallery-single .artwork-container .artwork-data .asset-quality:hover .asset-quality-tooltip-wrap {
    visibility: visible;
    opacity: 1;
    margin-bottom: 20px
}

.gallery-single .artwork-container .artwork-data .asset-quality-icon {
    color: #747474;
    -webkit-transition: color .2s linear;
    transition: color .2s linear;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5)
}

.gallery-single .artwork-container .artwork-data .asset-quality-tooltip {
    position: relative;
    width: 370px;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left;
    line-height: 1.5;
    color: #bbb;
    background: #222;
    padding: 16px 20px;
    border-radius: 3px;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .67);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .67)
}

.gallery-single .artwork-container .artwork-data .asset-quality-tooltip:before {
    content: '';
    display: block;
    border-top: 8px solid #222;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    top: 100%;
    left: 50%
}

.gallery-single .artwork-container .artwork-data .asset-quality-tooltip:hover .text-primary {
    text-decoration: underline
}

.gallery-single .artwork-container .artwork-data .asset-quality-tooltip-wrap {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 0;
    padding-bottom: 15px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: opacity .2s linear, margin-bottom .2s linear;
    transition: opacity .2s linear, margin-bottom .2s linear
}

.gallery-single .artwork-container .artwork-data .asset-quality-badge {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px
}

.gallery-single .artwork-container .artwork-data .asset-actions {
    background-color: rgba(30, 37, 39, .5);
    border-radius: 5px;
    padding: 2px;
    position: absolute;
    left: 50%;
    bottom: 45px;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .5);
    box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .5);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.gallery-single .artwork-container .artwork-data .asset-actions a {
    color: #f1f1f1
}

.gallery-single .artwork-container .artwork-data .asset-actions a:hover,
.gallery-single .artwork-container .artwork-data .asset-actions a:focus,
.gallery-single .artwork-container .artwork-data .asset-actions a:active {
    color: #13aff0
}

.gallery-single .artwork-container .artwork-data .copy-video-clip-code {
    opacity: 0;
    position: absolute;
    z-index: 4;
    bottom: 38px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.gallery-single .artwork-container .artwork-data .copy-video-clip-code .textarea {
    width: 0;
    height: 0;
    opacity: 0
}

@media(min-width:992px) {
    .gallery-single .artwork-container .artwork.embed {
        width: calc(100% - 90px);
        margin-left: 45px;
        margin-right: 45px
    }
}

.gallery-single .artwork-container .artwork-view-constrained .artwork-data .img {
    max-height: 100vh;
    max-height: calc(100vh - 100px)
}

.gallery-single .artwork-container .artwork-view-constrained:only-child .caption+.artwork-data .img {
    max-height: calc(100vh - 92px - 25px);
    max-height: calc(100vh - var(--main-menu-height) - 25px)
}

.gallery-single .artwork-container .artwork-view-constrained:not(:only-child) .artwork-data .img {
    max-height: 100vh;
    max-height: calc(100vh - 92px - 14px);
    max-height: calc(100vh - var(--main-menu-height) - 14px)
}

.gallery-single .artwork-container .adult-content-filter {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #171717;
    z-index: 4
}

.gallery-single .artwork-container .adult-content-filter .adult-content-notice {
    text-align: center;
    margin-top: 80px
}

@media(min-width:992px) {
    .gallery-single .artwork-container .adult-content-filter .adult-content-notice {
        margin-top: 35vh
    }
}

.gallery-single .project-assets {
    display: block;
    width: 100%
}

.gallery-single .project-assets.multiple-images .artwork:not(.artwork-view-maximized) .img {
    max-height: calc(90vh - var(--main-menu-height)) !important
}

.gallery-single .artwork-info-container {
    background-color: #222
}

@media(min-width:992px) {
    .gallery-single .artwork-info-container {
        width: 365px;
        height: calc(100% - 92px);
        height: calc(100% - var(--main-menu-height));
        position: fixed;
        top: 92px;
        top: var(--main-menu-height);
        right: 0;
        z-index: 4;
        overflow: hidden
    }
}

.gallery-single .artwork-info-container .artwork-actions-global {
    position: absolute;
    top: 12px;
    right: 12px
}

.gallery-single .artwork-info-container .artwork-actions-global .btn-sm,
.gallery-single .artwork-info-container .artwork-actions-global .btn-group-sm>.btn,
.gallery-single .artwork-info-container .artwork-actions-global .btn-xs,
.gallery-single .artwork-info-container .artwork-actions-global .btn-group-xs>.btn {
    min-width: 22px;
    font-size: 16px;
    color: #747474
}

.gallery-single .artwork-info-container .artwork-actions-global .btn-sm:hover,
.gallery-single .artwork-info-container .artwork-actions-global .btn-group-sm>.btn:hover,
.gallery-single .artwork-info-container .artwork-actions-global .btn-xs:hover,
.gallery-single .artwork-info-container .artwork-actions-global .btn-group-xs>.btn:hover {
    color: #fff
}

.gallery-single .artwork-info-container .artwork-actions-global .btn-xs,
.gallery-single .artwork-info-container .artwork-actions-global .btn-group-xs>.btn {
    border-color: transparent;
    padding: 5px 10px;
    color: #747474
}

.gallery-single .artwork-info-container .artwork-actions-global .btn-xs .far,
.gallery-single .artwork-info-container .artwork-actions-global .btn-group-xs>.btn .far {
    color: inherit
}

.gallery-single .artwork-info-container .artwork-actions-global .btn-xs:hover,
.gallery-single .artwork-info-container .artwork-actions-global .btn-group-xs>.btn:hover,
.gallery-single .artwork-info-container .artwork-actions-global .btn-xs:active,
.gallery-single .artwork-info-container .artwork-actions-global .btn-group-xs>.btn:active,
.gallery-single .artwork-info-container .artwork-actions-global .btn-xs:focus,
.gallery-single .artwork-info-container .artwork-actions-global .btn-group-xs>.btn:focus {
    background: 0 0;
    color: #fff
}

.gallery-single .artwork-info-container .artwork-actions-global .far {
    vertical-align: middle
}

.gallery-single .artwork-info-container .artwork-info {
    height: 100%;
    padding: 10px;
    position: relative;
    overflow: hidden;
    word-break: break-word
}

@media(min-width:768px) {
    .gallery-single .artwork-info-container .artwork-info {
        padding: 30px 25px 20px 20px
    }
}

.gallery-single .artwork-info-container .artwork-info.auto-height {
    height: auto
}

.gallery-single .artwork-info-container .artwork-info .btn-toolbar .btn-group {
    float: right;
    margin-right: 5px;
    margin-left: 0
}

.gallery-single .artwork-info-container .artwork-info .artist {
    color: #f1f1f1
}

.gallery-single .artwork-info-container .artwork-info .artist .artist-name-and-headline {
    margin-left: 60px
}

.gallery-single .artwork-info-container .artwork-info .artist .artist-name-and-headline .name {
    display: block;
    line-height: 30px;
    font-size: 24px;
    min-height: 30px;
    padding-right: 22px
}

@media(min-width:768px) {
    .gallery-single .artwork-info-container .artwork-info .artist .artist-name-and-headline .name {
        padding-right: 40px
    }
}

.gallery-single .artwork-info-container .artwork-info .artist .artist-name-and-headline .headline {
    line-height: 20px;
    font-size: 14px;
    min-height: 20px
}

.gallery-single .artwork-info-container .artwork-info .button-blocks .btn {
    display: block;
    width: 100%
}

.gallery-single .artwork-info-container .artwork-info .user-follow-btn .btn-sm,
.gallery-single .artwork-info-container .artwork-info .user-follow-btn .btn-group-sm>.btn {
    min-width: 84px;
    padding: 1px 5px
}

.gallery-single .artwork-info-container .artwork-info .artwork-count {
    font-size: 13px
}

.gallery-single .artwork-info-container .artwork-info .current-collections-list {
    font-size: 12px;
    color: #535a5d;
    border: 1px solid #333;
    padding: 3px 8px;
    border-radius: 3px
}

.gallery-single .artwork-info-container .artwork-info .commenting-disabled {
    font-size: 12px;
    color: #535a5d
}

.gallery-single .artwork-info-container .artwork-info #comment-textarea {
    border: none;
    border-left: 4px solid #13aff0;
    height: 60px;
    resize: none;
    -webkit-transition: height .1s;
    transition: height .1s
}

.gallery-single .artwork-info-container .artwork-info #comment-textarea.expanded {
    height: 100px;
    resize: vertical
}

.gallery-single .artwork-info-container .artwork-info #post-comment-button {
    display: none
}

.gallery-single .artwork-info-container .artwork-info .tags a.label {
    display: inline-block;
    margin-right: 5px;
    padding: .5em .7em;
    margin-bottom: 10px;
    background-color: #333;
    color: #f1f1f1
}

.gallery-single .artwork-info-container .artwork-info .tags a.label:hover {
    background-color: #404040
}

.gallery-single .artwork-info-container .artwork-info .keyboard-shortcuts ul.shortcuts {
    margin: 0;
    padding: 0;
    list-style: none
}

.gallery-single .artwork-info-container .artwork-info .keyboard-shortcuts ul.shortcuts>li {
    display: inline-block;
    margin-right: 10px;
    padding-bottom: 15px;
    font-size: 12px
}

.gallery-single .artwork-info-container .artwork-info .keyboard-shortcuts ul.shortcuts>li .label {
    font-size: 13px;
    margin-right: 5px
}

.gallery-single .artwork-info-container .more-artworks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0 0 15px;
    font-size: 11px
}

.gallery-single .artwork-info-container .more-artworks-item {
    width: calc(100%/3)
}

@media(min-width:768px) and (max-width:991px) {
    .gallery-single .artwork-info-container .more-artworks-item {
        width: calc(100%/4)
    }

    .gallery-single .artwork-info-container .more-artworks-item:nth-child(n+9) {
        display: none
    }
}

.gallery-single .artwork-info-container .more-artworks-link {
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.gallery-single .artwork-info-container .more-artworks-link:hover {
    opacity: .8
}

.gallery-single .artwork-info-container .project-comments-title {
    background: #222;
    padding-top: 15px;
    margin-top: 6px;
    border-top: 1px solid #333
}

@media(min-width:992px) {
    .gallery-single .artwork-info-container .project-comments-title.is-sticky {
        position: -webkit-sticky;
        position: sticky;
        bottom: 70px;
        z-index: 5
    }
}

.gallery-single .artwork-info-container .project-comments-form {
    background: #222;
    padding-top: 15px;
    padding-bottom: 1px
}

@media(min-width:992px) {
    .gallery-single .artwork-info-container .project-comments-form.is-sticky {
        position: -webkit-sticky;
        position: sticky;
        bottom: -20px;
        z-index: 5
    }
}

.gallery-single .artwork-info-header {
    position: relative;
    padding: 10px 10px 14px;
    background: #222
}

.gallery-single .artwork-info-header .btn-group {
    position: absolute;
    top: 14px;
    right: 50px
}

.gallery-single .artwork-info-header .artist-name-and-headline {
    padding-left: 10px;
    padding-right: 80px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 1.4
}

.gallery-single .artwork-info-header .headline {
    margin-bottom: 6px
}

.gallery-single .artwork-info-nav {
    position: -webkit-sticky;
    position: sticky;
    top: var(--main-menu-height);
    z-index: 2;
    background: #000
}

.gallery-single .artwork-info-nav button {
    background: 0 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px 10px;
    color: #747474
}

.likes-modal .modal-body {
    max-height: 400px;
    overflow-y: auto
}

.likes-modal .modal-body table.artist {
    width: 100%
}

.likes-modal .modal-body table.artist tr {
    border-bottom: 1px solid #333
}

.likes-modal .modal-body table.artist tr:first-child td {
    padding-top: 0
}

.likes-modal .modal-body table.artist tr td {
    padding-top: 15px;
    padding-bottom: 15px
}

.likes-modal .modal-body table.artist tr td.avatar {
    width: 60px
}

.likes-modal .modal-body table.artist tr td.avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.likes-modal .modal-body table.artist tr td.artist-info .stat {
    margin-left: 10px;
    color: #7c7c7c;
    font-size: .75em
}

.likes-modal .modal-body table.artist tr td.action {
    text-align: right
}

.project-print {
    display: block;
    padding: 15px;
    border-radius: 8px;
    position: relative;
    overflow: hidden
}

.project-print-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

.project-print-bg:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 8px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .7)
}

.project-print-bg.has-mature:after {
    background-color: rgba(0, 0, 0, .95)
}

.project-print-label {
    font-size: 18px;
    color: #fff;
    line-height: 1.33em;
    margin-bottom: 5px
}

.project-print-image {
    position: relative;
    width: 128px
}

.project-print-text {
    padding: 15px 0 10px 10px
}

.project-user-avatar {
    position: relative;
    height: 50px
}

.project-user-avatar .stacked-organization-avatar {
    position: absolute;
    bottom: -7px;
    right: -7px
}

.project-user-avatar .stacked-organization-avatar img {
    border: solid 2px #222
}

.project-organzations {
    padding: 0;
    list-style-type: none
}

.project-organzations .project-organzations-item img {
    margin-right: 10px
}

.project-disabled-comments-placeholder {
    display: block;
    color: #747474;
    background: #1c1c1c;
    padding: 20px;
    border-radius: 8px;
    text-align: center
}

.home-top-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.home-top-row .top-row-item {
    width: calc(100%/14);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: url(/assets/placeholders/asset/small_square-63fe1b6933170dad054a48dc3c8b51af.png);
    background-size: cover
}

@media(max-width:2999px) {
    .home-top-row .top-row-item {
        width: calc(100%/12)
    }

    .home-top-row .top-row-item:nth-child(n+13) {
        display: none
    }
}

@media(max-width:2459px) {
    .home-top-row .top-row-item {
        width: calc(100%/10)
    }

    .home-top-row .top-row-item:nth-child(n+11) {
        display: none
    }
}

@media(max-width:2199px) {
    .home-top-row .top-row-item {
        width: calc(100%/9)
    }

    .home-top-row .top-row-item:nth-child(n+10) {
        display: none
    }
}

@media(max-width:1919px) {
    .home-top-row .top-row-item {
        width: calc(100%/8)
    }

    .home-top-row .top-row-item:nth-child(n+9) {
        display: none
    }
}

@media(max-width:1679px) {
    .home-top-row .top-row-item {
        width: calc(100%/7)
    }

    .home-top-row .top-row-item:nth-child(n+8) {
        display: none
    }
}

@media(max-width:1439px) {
    .home-top-row .top-row-item {
        width: calc(100%/6)
    }

    .home-top-row .top-row-item:nth-child(n+7) {
        display: none
    }
}

@media(max-width:1199px) {
    .home-top-row .top-row-item {
        width: calc(100%/5)
    }

    .home-top-row .top-row-item:nth-child(n+6) {
        display: none
    }
}

@media(max-width:991px) {
    .home-top-row .top-row-item {
        width: calc(100%/4)
    }

    .home-top-row .top-row-item:nth-child(n+5) {
        display: none
    }
}

@media(max-width:639px) {
    .home-top-row .top-row-item {
        width: calc(100%/2)
    }

    .home-top-row .top-row-item:nth-child(n+3) {
        display: none
    }
}

.home-top-row .top-row-item-link {
    position: relative;
    display: block;
    overflow: hidden
}

.home-top-row .top-row-item .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/assets/overlay-no-triangle.png);
    background-position: 100% 100%;
    z-index: 2
}

.home-top-row .top-row-item .info {
    margin: 15px;
    color: #fff;
    position: absolute;
    bottom: 0;
    -webkit-font-smoothing: antialiased
}

.home-top-row .top-row-item .title {
    line-height: 16px;
    font-size: 14px;
    font-weight: 400
}

.home-top-row .top-row-item .name {
    line-height: 14px;
    font-size: 10px;
    font-weight: 400
}

.home-top-row .top-row-item .image {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    z-index: 1;
    padding-bottom: 1px
}

.site-footer-newsletter-credit {
    position: absolute;
    bottom: 4px;
    right: 12px;
    font-style: italic;
    font-size: 9px;
    text-shadow: 0 1px 1px #000;
    color: #bbb
}

.site-footer-newsletter-credit:hover {
    color: #bbb;
    text-decoration: underline
}

.site-footer-nav {
    background: #222;
    padding: 30px 27px 44px;
    border-bottom: 2px solid #333;
    font-size: 12px;
    color: #9b9b9b
}

.site-footer-nav .nav-block {
    -ms-grid-columns: auto [9];
    grid-template-columns: repeat(9, auto);
    grid-column-gap: 40px;
    max-width: 1600px;
    margin: 0 auto
}

@media(min-width:1200px) {
    .site-footer-nav .nav-block {
        display: -ms-grid;
        display: grid
    }
}

@media(min-width:1440px) {
    .site-footer-nav .nav-block {
        -ms-grid-columns: auto [10];
        grid-template-columns: repeat(10, auto)
    }
}

.site-footer-nav .nav-list {
    list-style: none;
    margin: 0;
    padding: 0
}

.site-footer-nav .nav-list li {
    margin-top: 6px
}

.site-footer-nav .nav-list a {
    color: #9b9b9b
}

.site-footer-nav .nav-list a:hover {
    text-decoration: underline
}

.site-footer-nav .nav-list-title {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.site-footer-newsletter-frm {
    margin-left: auto;
    margin-right: auto;
    max-width: 300px
}

.site-footer-newsletter-form-icon {
    position: absolute;
    top: 12px;
    left: 18px;
    font-size: 16px
}

.site-footer-newsletter-form-input {
    padding-left: 40px;
    padding-right: 96px
}

@media(min-width:1200px) and (max-width:1439px) {
    .site-footer-newsletter-form-input {
        padding-left: 12px
    }
}

.site-footer-newsletter-form-btn {
    position: absolute;
    top: 0;
    right: 0;
    color: #13aff0;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px
}

.site-footer-links {
    background: #222;
    padding: 10px 15px
}

@media(min-width:768px) {
    .site-footer-links {
        padding: 10px 5px
    }
}

@media(min-width:1200px) {
    .site-footer-links {
        padding: 60px
    }
}

.site-footer-links-label {
    min-width: 90px;
    display: inline-block
}

.site-footer-links .btn {
    margin: 10px 5px;
    min-width: 34px
}

@media(min-width:1200px) {
    .site-footer-links .btn {
        margin: 10px 15px
    }
}

.corporate-footer {
    background-color: #171717;
    text-align: center;
    padding: 15px;
    font-size: 12px;
    color: #9b9b9b
}

.corporate-footer a {
    color: #9b9b9b
}

.corporate-footer a:hover,
.corporate-footer a:active,
.corporate-footer a:focus {
    color: #13aff0
}

.corporate-footer .logo {
    margin-right: 14px
}

.ArtistController .site-footer,
.ArtistController .corporate-footer,
.ProjectController .site-footer,
.ProjectController .corporate-footer,
.ChatController .site-footer,
.ChatController .corporate-footer {
    display: none
}

html,
body {
    height: 100%
}

@-ms-viewport {
    width: auto !important
}

.wrapper {
    min-height: calc(100vh - 92px - 50px);
    min-height: calc(100vh - var(--main-menu-height) - 50px)
}

#myswf {
    display: none
}

.container-sm {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.container-sm:before,
.container-sm:after {
    content: " ";
    display: table
}

.container-sm:after {
    clear: both
}

@media(min-width:768px) {
    .container-sm {
        max-width: 750px;
        width: auto
    }
}

@media(min-width:992px) {
    .container-sm {
        max-width: 970px;
        width: auto
    }
}

@media(min-width:1200px) {
    .container-sm {
        max-width: 1170px;
        width: auto
    }
}

@media(min-width:1440px) {
    .container {
        max-width: 1400px;
        width: auto
    }
}

#groove-feedback.closed {
    display: none !important
}

#help-button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAQAAABuvaSwAAAAzElEQVR4AY3Kr0qDcRSA4bNgmUkZSyr2YVkWwTtYEZNFxLQ0wajZZrJ4AcIQ1O4fLHoFpkXTTDIXNoQ9RtEf+p3nrW9EaLk28p+RKy0R2sYyxtrhTtZtmMiahNKbvgtDhXLumxdC3WX1vKTh2aOGBZ9V86kHsCl8VM1wb1fNBpl51Zxtw9y8Yg1y845efkZ+XrdFKcyU9hwqzcJA1iB0ZXVDzbGpKlNHaiGEpo6ed8CrA/s/6mgKEb47By+WRdnv+QxPFkVmPnGjLv7uC9s8WoTqo+lHAAAAAElFTkSuQmCC);
    background-size: 22px 22px;
    background-repeat: no-repeat;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    width: 48px;
    height: 48px;
    cursor: pointer;
    background-position: center;
    background-color: #333;
    border-color: #0b0b0b;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 100;
    outline: none;
    display: none
}

@media(min--moz-device-pixel-ratio:1.3),
(-webkit-min-device-pixel-ratio:1.3),
(min-device-pixel-ratio:1.3),
(min-resolution:1.3dppx) {
    #help-button {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAQAAAC0jZKKAAABnklEQVR4AdXOP2gUdgDF8acnElQSEOuSbhUd1CEB0UDQQQiIZBNFUTDgkkEwgqPgqDgGgzjoEhd10kgG/4xOIbTQXKF0aEoqKMYhWXpG83EIx8ER5Jr73ZDP27+81Ok3rqpmo2qqxvXJ2iKi26RVJayatKse7vGrkn73k0RMKe2lxGmdcCqe6YQn8V4nLMQ3nfA1OiRaUTPpogHHXfbUl1LhGftEY/vNlAjP6ZGm9ai2Hx4WUXHVC89dEhFD7Yd7RVxXd17EVp/bDY+KPT6oeyAiqu2GmbOoYUzElvYeN1t233YRRykVfmfANhFR8bpc+KSszU6PKRceFLHXmHnKh0dhk4SHRdwsH/7DGSMWi4frNlF4yi/6/VY+/LOI4fLhYyKuaFHUtOYfN9yypDX/xV864c+4pxPG45AVpa04GHFHabclouKRkh6qSKxtxL9KWDAiIlFfl3MmTHvjk/UsmfXqB5s24awuaYSb1+2tZnftkP+zWG8nNLDqmkiJ8GENNRekVLhP3bIhKRceBHx0RMqH/3ZAyoZ3mzerVza+70aAaX0tAGh+AAAAAElFTkSuQmCC)
    }
}

.friends-message {
    padding-bottom: 5px
}

.friends-message a {
    color: #747474
}

.friends-message a:hover,
.friends-message a:active {
    color: #0b7cac
}

.friends-message.lighter a {
    color: #bbb
}

.friends-message.lighter a:hover,
.friends-message.lighter a:active {
    color: #0b7cac
}

.comments ul.media-list>li.media {
    padding-bottom: 10px
}

.comments .nested-comments {
    padding-left: 10px;
    margin-top: 40px;
    border-left: 2px solid #333
}

.comments .avatar {
    display: block;
    width: 30px;
    height: 30px;
    margin-top: 4px
}

.comments .media,
.comments .media-body {
    overflow: visible
}

.comments .media-body {
    position: relative;
    margin-left: 40px
}

.comments .media-body .btn-toolbar {
    position: absolute;
    right: 0;
    top: 3px
}

.comments .media-body .btn-toolbar .btn-group {
    margin-right: 0 !important
}

.comments .media-body .btn-toolbar .btn-group+.btn-group {
    margin-right: 5px !important
}

.comments .media-body .commenter {
    margin: 4px 34px 8px 0;
    line-height: 1.3;
    font-size: 16px
}

.comments .media-body .commenter.owner {
    margin-right: 64px
}

.comments .media-body .commenter-name {
    margin-right: .5em
}

.comments .media-body .commenter-headline {
    font-size: 12px;
    opacity: .6;
    margin-bottom: 5px;
    line-height: 1.25em
}

.comments .media-body .comment-text {
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.comments .media-body .comment-text p {
    word-break: break-word
}

.comments .media-body .comment-text p:last-child {
    margin-bottom: 0
}

.comments .media-body ul.social-actions {
    margin: 5px 0;
    padding: 0;
    list-style: none
}

.comments .media-body ul.social-actions li {
    display: inline-block;
    margin-right: 15px;
    font-size: 12px;
    float: left
}

.comments .hidden-comment .media-body .comment-text {
    text-decoration: line-through;
    color: #7a7a7a
}

.comments .hidden-comment .hidden-label-container {
    margin: 4px 0
}

.comments .hidden-comment .hidden-label-container .label-hidden {
    color: #9c9c9c;
    background-color: #303030
}

.modal-body .collections-list {
    margin: 0 -15px -15px;
    padding: 10px 0
}

.modal-body .collections-list td {
    border-top: 0 !important
}

.modal-body .collections-list tr:hover td {
    background: #333
}

.modal-body .collections-list .td-avatar {
    padding-left: 15px
}

.modal-body .collections-list .td-add {
    text-align: right;
    vertical-align: middle;
    padding-right: 15px
}

.modal-body .collections-list .avatar {
    width: 70px;
    height: 70px
}

.modal-body .collections-list .table {
    margin-bottom: 0
}

.modal-body .collections-list .title {
    color: #1aa2f0;
    font-size: 18px
}

.modal-body .collections-list .count {
    color: #b9bfc1
}

.modal-body .collections-list .update_date {
    color: #535a5d;
    font-weight: 300;
    font-style: italic
}

.modal-body .collections-list .empty {
    color: #485355;
    padding: 0 20px;
    text-align: center
}

.collections {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.collections .collection {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    padding: 0 10px;
    width: 100%
}

@media(min-width:768px) {
    .collections .collection {
        width: 33.33%
    }
}

@media(min-width:992px) {
    .collections .collection {
        width: 25%
    }
}

@media(min-width:1200px) {
    .collections .collection {
        width: 20%
    }
}

.collections .collection .thumbnail {
    border: 1px solid #222
}

.collections .collection h4 {
    margin-bottom: 5px
}

.challenges-index .challenge {
    border: 1px solid #333
}

@media(min-width:768px) {
    .challenges-index .challenge {
        margin: 15px;
        width: calc(33% - 30px)
    }
}

@media(min-width:992px) {
    .challenges-index .challenge {
        width: calc(25% - 30px)
    }
}

.challenges-index .challenge h4 {
    margin-bottom: 10px
}

.challenges-index .challenge .challenge-thumbnail {
    position: relative
}

.challenges-index .challenge .challenge-thumbnail .overlay {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-image: url(/assets/semi-transparent-overlay-21f6b905f1e28b9abcb33ad57eaeda39.png);
    -webkit-transition: all ease-in-out .25s;
    transition: all ease-in-out .25s
}

.challenges-index .challenge .challenge-thumbnail .overlay .hitzone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.challenges-index .challenge .challenge-thumbnail img {
    width: 100%;
    max-width: 100%;
    height: auto
}

.challenges-index .challenge .challenge-thumbnail:hover .overlay {
    opacity: 1
}

@media(min-width:768px) {
    .challenges .challenge {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media(min-width:768px) {
    .challenges .challenge .challenge-thumbnail {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 280px;
        flex: 0 0 280px
    }
}

.challenges .challenge .challenge-thumbnail img {
    width: 100%;
    max-width: 100%;
    height: auto
}

@media(min-width:768px) {
    .challenges .challenge .challenge-thumbnail img {
        width: 280px
    }
}

.challenges .challenge .challenge-details {
    padding: 20px
}

@media(min-width:768px) {
    .challenges .challenge .challenge-details {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.challenges .challenge .challenge-details .challenge-title {
    margin: 10px 0 0
}

.challenge-header .counter {
    font-size: 40px;
    line-height: 1.2em;
    color: #f1f1f1
}

.challenge-header ul.counter-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.challenge-header ul.counter-list li {
    display: inline-block;
    font-size: 40px;
    color: #f1f1f1;
    line-height: 1.2em;
    margin-right: 15px
}

.challenge-header ul.counter-list li .small {
    display: inline-block;
    margin-left: 2px;
    color: #747474;
    font-size: 20px
}

.challenge-header .challenge-header-image {
    position: relative
}

.challenge-header .challenge-header-image .credit {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 11px;
    font-style: italic;
    padding: 5px 10px;
    color: rgba(187, 187, 187, .7);
    background-color: rgba(23, 23, 23, .75)
}

.challenge-header .challenge-header-image .credit a {
    color: rgba(187, 187, 187, .9)
}

.challenge-header .challenge-header-image .credit a:hover {
    color: rgba(187, 187, 187, .7)
}

.challenge-header .challenge-headline {
    margin: 0
}

.challenge-team-add input.form-control {
    min-width: 250px
}

.challenge-team-add .twitter-typeahead {
    width: 100%
}

.submission-user-header {
    text-align: center
}

.submission-user-header .avatar img {
    width: 120px;
    height: 120px;
    border-radius: 50%
}

.submission-user-header h1.name {
    font-size: 36px;
    margin-top: 15px
}

.challenge-prerequisites-list .fa-check {
    color: #5cb85c
}

.challenge-prerequisites-list .fa-times,
.challenge-prerequisites-list .danger {
    color: #d9534f
}

.challenge-legal-terms {
    border: 1px solid #333;
    padding: 20px;
    max-height: 400px;
    overflow-y: scroll
}

#challenge-image-preview img {
    width: 320px
}

.announcement-options {
    text-align: center;
    right: 15px;
    position: relative
}

.marketing-header-title {
    margin-top: 40px;
    margin-bottom: 20px
}

.marketing-features .feature {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(100% - 30px);
    margin-bottom: 20px
}

@media(min-width:768px) {
    .marketing-features .feature {
        width: calc(50% - 30px)
    }
}

@media(min-width:992px) {
    .marketing-features .feature {
        width: calc(25% - 30px)
    }
}

.marketing-features .feature img {
    width: 100%;
    height: auto
}

.marketing-features .feature h4 {
    margin-top: 15px
}

.marketing-features.offset {
    margin-top: 70px;
    margin-bottom: 10px
}

.marketing-features.separate-blocks .feature {
    background: #222
}

.marketing-features.separate-blocks .feature h4,
.marketing-features.separate-blocks .feature p {
    padding-left: 18px;
    padding-right: 18px
}

.marketing-features.separate-blocks .feature-image-block {
    width: 100%;
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.marketing-features.separate-blocks .feature-image-block .feature-icon {
    margin-bottom: 0
}

.recruitment-landing .product {
    text-align: center;
    background-color: #333;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
    border-radius: 2px
}

.recruitment-landing .product h3 {
    color: #bbb;
    font-size: 18px;
    margin: 0
}

.recruitment-landing .product .best-value {
    position: absolute;
    top: 0;
    right: 0
}

.recruitment-landing .product .price {
    font-size: 60px;
    color: #f1f1f1
}

.recruitment-landing .product .sub-price {
    color: #747474
}

.recruitment-landing .product hr {
    width: 50px
}

.recruitment-landing .product .description {
    text-align: left
}

.recruitment-landing .product .description ul {
    margin: 0;
    padding: 0;
    list-style: none
}

@media(min-width:768px) {
    .recruitment-landing .product .description ul {
        min-height: 132px
    }
}

@media(min-width:992px) {
    .recruitment-landing .product .description ul {
        min-height: 198px
    }
}

@media(min-width:1200px) {
    .recruitment-landing .product .description ul {
        min-height: 132px
    }
}

.recruitment-landing .product .description ul li {
    font-size: 16px
}

.recruitment-landing .product .description ul li b,
.recruitment-landing .product .description ul li strong {
    color: #f1f1f1
}

@media(min-width:768px) {
    .recruitment-landing .product.freelance .description ul {
        min-height: 100px
    }
}

@media(min-width:992px) {
    .recruitment-landing .product.freelance .description ul {
        min-height: 100px
    }
}

@media(min-width:1200px) {
    .recruitment-landing .product.freelance .description ul {
        min-height: 110px
    }
}

.recruitment-landing .logos {
    padding: 40px 20px;
    background-color: #222
}

.recruitment-landing .logos ul {
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none
}

.recruitment-landing .logos ul li {
    display: inline-block;
    padding: 0 20px 20px
}

.jobs-nav-links {
    padding-top: 20px
}

@media(min-width:768px) {
    .jobs-nav-links {
        padding: 0;
        text-align: right
    }
}

.jobs-container label {
    font-weight: 400
}

.jobs-container .checkbox {
    margin-top: 0
}

.featured-studios {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.featured-studios .featured-studio {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    padding: 0 10px;
    width: 100%;
    max-width: 460px
}

@media(min-width:768px) {
    .featured-studios .featured-studio {
        width: 50%
    }
}

@media(min-width:992px) {
    .featured-studios .featured-studio {
        width: 33.33%
    }
}

.featured-studios .featured-studio .logo {
    width: 110px;
    height: 110px;
    float: left
}

.featured-studios .featured-studio .logo img {
    border: 2px solid #bbb;
    border-radius: 2px
}

.featured-studios .featured-studio h4 {
    margin-bottom: 5px
}

.search-bar {
    background-color: #222;
    padding: 20px 0
}

.job-filters {
    color: #f1f1f1
}

@media(max-width:767px) {
    .job-filters .form-inline-xs-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media(min-width:768px) {
    .job-filters .checkbox label {
        margin-top: 35px
    }
}

.job-filters .form-group.job_type {
    width: 48%;
    display: inline-block;
    vertical-align: top
}

@media(min-width:768px) {
    .job-filters .form-group.job_type {
        width: 150px;
        margin-right: 20px
    }
}

.job-filters .form-group.country_list {
    width: 48%;
    display: inline-block;
    vertical-align: top
}

@media(min-width:768px) {
    .job-filters .form-group.country_list {
        width: 300px
    }
}

.job-listings {
    margin: 0 -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.job-listings .job-listing {
    padding: 0 10px 40px;
    width: 100%
}

@media(min-width:768px) {
    .job-listings .job-listing {
        width: 50%
    }
}

.job-listings .media {
    margin-bottom: 40px
}

.job-listings .media:last-child {
    margin-bottom: 0
}

.job-listings .media .media-left {
    padding-right: 20px
}

.job-listings .job-thumb {
    border: 2px solid #bbb;
    border-radius: 2px
}

@media(min-width:768px) {
    .job-listings .job-thumb {
        width: 130px;
        height: 130px
    }
}

.job-logo {
    border: 2px solid #bbb;
    border-radius: 2px
}

.badge-notification {
    background-color: #d71720;
    font-size: 10px;
    padding: 2.5px 5px 3px;
    display: inline
}

@media(min-width:768px) {
    .badge-notification {
        position: absolute;
        top: 16px;
        left: 50%;
        margin-left: 4px
    }
}

.dropdown.open>.dropdown-notifications {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dropdown-notifications {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1032;
    max-height: 80vh;
    list-style: none;
    background-color: #333;
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    width: 340px;
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.dropdown-notifications .view-all {
    display: block;
    text-align: center;
    padding: 10px;
    color: #747474;
    font-size: 12px;
    border-top: 1px solid #262626
}

.dropdown-notifications .view-all:hover,
.dropdown-notifications .view-all:active {
    color: #fff
}

.dropdown-notifications-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.dropdown-notifications-filter {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    background: 0 0;
    color: #747474;
    padding: 6px 4px 4px;
    border: 0;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    position: relative;
    outline: 0;
    -webkit-transition: color .2s linear, border-color .2s linear;
    transition: color .2s linear, border-color .2s linear
}

.dropdown-notifications-filter .badge {
    font-size: 8px;
    top: -5px;
    left: auto;
    right: 0
}

.dropdown-notifications-filter:hover {
    color: #fff
}

.dropdown-notifications-filter.active {
    color: #fff;
    border-bottom-color: #13aff0
}

.dropdown-notifications-filter-selected {
    padding: 6px 8px;
    font-size: 12px;
    background: #262626;
    border-bottom: 1px solid #333;
    text-transform: uppercase;
    color: #747474
}

.dropdown-notifications-loading {
    display: none;
    position: absolute;
    bottom: 47px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-color: #333;
    padding: 6px;
    -webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    border-radius: 50%;
    z-index: 1033;
    line-height: 1
}

.dropdown-notifications-loading.active {
    display: block
}

.dropdown-notifications-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

.dropdown-notifications-list b {
    color: #bbb;
    font-weight: 400
}

.dropdown-notifications-list a {
    color: #bbb
}

.dropdown-notifications-list a:hover {
    text-decoration: underline
}

.dropdown-notifications-list-wrap {
    position: relative;
    overflow: hidden;
    font-size: 11px;
    text-align: left;
    background: #333;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-width: 160px
}

.dropdown-notifications-list .notification>a {
    border-bottom: 1px solid #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #747474;
    padding: 10px 10px 10px 9px;
    border-left: 1px solid transparent;
    -webkit-transition: border-left .1s linear, background .2s linear;
    transition: border-left .1s linear, background .2s linear
}

.dropdown-notifications-list .notification .pro-badge,
.dropdown-notifications-list .notification .host-badge,
.dropdown-notifications-list .notification .memorial-badge,
.dropdown-notifications-list .notification .staff-badge,
.dropdown-notifications-list .notification .studio-badge,
.dropdown-notifications-list .notification .school-badge {
    margin-left: 0;
    margin-right: 0;
    vertical-align: text-bottom;
    font-size: 8px;
    text-decoration: none
}

.dropdown-notifications-list .notification .pro-badge+.pro-badge,
.dropdown-notifications-list .notification .pro-badge+.host-badge,
.dropdown-notifications-list .notification .pro-badge+.memorial-badge,
.dropdown-notifications-list .notification .pro-badge+.staff-badge,
.dropdown-notifications-list .notification .pro-badge+.studio-badge,
.dropdown-notifications-list .notification .pro-badge+.school-badge,
.dropdown-notifications-list .notification .host-badge+.pro-badge,
.dropdown-notifications-list .notification .host-badge+.host-badge,
.dropdown-notifications-list .notification .host-badge+.memorial-badge,
.dropdown-notifications-list .notification .host-badge+.staff-badge,
.dropdown-notifications-list .notification .host-badge+.studio-badge,
.dropdown-notifications-list .notification .host-badge+.school-badge,
.dropdown-notifications-list .notification .memorial-badge+.pro-badge,
.dropdown-notifications-list .notification .memorial-badge+.host-badge,
.dropdown-notifications-list .notification .memorial-badge+.memorial-badge,
.dropdown-notifications-list .notification .memorial-badge+.staff-badge,
.dropdown-notifications-list .notification .memorial-badge+.studio-badge,
.dropdown-notifications-list .notification .memorial-badge+.school-badge,
.dropdown-notifications-list .notification .staff-badge+.pro-badge,
.dropdown-notifications-list .notification .staff-badge+.host-badge,
.dropdown-notifications-list .notification .staff-badge+.memorial-badge,
.dropdown-notifications-list .notification .staff-badge+.staff-badge,
.dropdown-notifications-list .notification .staff-badge+.studio-badge,
.dropdown-notifications-list .notification .staff-badge+.school-badge,
.dropdown-notifications-list .notification .studio-badge+.pro-badge,
.dropdown-notifications-list .notification .studio-badge+.host-badge,
.dropdown-notifications-list .notification .studio-badge+.memorial-badge,
.dropdown-notifications-list .notification .studio-badge+.staff-badge,
.dropdown-notifications-list .notification .studio-badge+.studio-badge,
.dropdown-notifications-list .notification .studio-badge+.school-badge,
.dropdown-notifications-list .notification .school-badge+.pro-badge,
.dropdown-notifications-list .notification .school-badge+.host-badge,
.dropdown-notifications-list .notification .school-badge+.memorial-badge,
.dropdown-notifications-list .notification .school-badge+.staff-badge,
.dropdown-notifications-list .notification .school-badge+.studio-badge,
.dropdown-notifications-list .notification .school-badge+.school-badge {
    margin-left: 4px
}

.dropdown-notifications-list .notification.read>a {
    background-color: #262626;
    border-bottom-color: #333
}

.dropdown-notifications-list .notification:hover>a {
    border-left-color: #13aff0;
    background: #222;
    text-decoration: none
}

.dropdown-notifications-list .notification-group {
    font-style: italic;
    padding: 6px 8px;
    font-size: 11px;
    background: #262626;
    border-bottom: 1px solid #333;
    color: #747474
}

.dropdown-notifications-list .notification-image {
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 50px;
    min-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.dropdown-notifications-list .notification-image .img {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #171717;
    border-radius: 2px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -o-object-fit: fill;
    object-fit: fill
}

.dropdown-notifications-list .notification-image .img-blur+.mature-content-label {
    display: block
}

.dropdown-notifications-list .notification-image .mature-content-label {
    display: none;
    line-height: 1.2;
    font-size: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    letter-spacing: 0
}

.dropdown-notifications-list .notification-image .avatar {
    border-radius: 50%
}

.dropdown-notifications-list .notification-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 0 0 10px
}

.notifications-list-group {
    font-style: italic;
    margin-top: 15px;
    margin-bottom: 15px
}

.notifications-list-item {
    border-left: 1px solid #333;
    padding: 10px 0 10px 27.5px
}

@media(min-width:768px) {
    .notifications-list-item {
        margin-left: 17.5px
    }
}

.notifications-list-info {
    margin-left: 45px;
    padding-top: 5px;
    min-height: 35px
}

.notifications-list-info .pro-badge,
.notifications-list-info .host-badge,
.notifications-list-info .memorial-badge,
.notifications-list-info .staff-badge,
.notifications-list-info .studio-badge,
.notifications-list-info .school-badge {
    margin-left: 0
}

.notifications-list-content {
    margin-top: 12.5px
}

.notifications-list-content img {
    max-width: 100%;
    height: auto;
    display: block
}

@media(min-width:768px) {
    .notifications-list-content img {
        max-width: 480px
    }
}

.notifications-list-content iframe {
    display: block
}

@media(max-width:767px) {
    .notifications-list-content iframe {
        width: auto;
        height: auto
    }
}

.notifications-list-content .media-asset {
    position: relative;
    margin-left: 0;
    padding-bottom: 56.25%
}

.notifications-list-content .media-asset iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
    padding-bottom: 0
}

@media(min-width:768px) {
    .notifications-list-content .media-asset {
        max-width: 480px;
        padding-bottom: 33.25%
    }
}

.notifications-list-content .img-blur-wrap {
    position: relative;
    display: inline-block;
    vertical-align: top
}

#flash-card-container>.flash-card {
    border-left: 1px solid transparent;
    padding-left: 9px
}

#flash-card-container>.flash-card:hover {
    border-left-color: #5d5d5d
}

.flash-card-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.flash-card-image {
    position: relative;
    padding-top: 2px;
    padding-left: 7px
}

.flash-card-image .image {
    border-radius: 2px
}

.flash-card-image .avatar {
    position: absolute;
    top: -7px;
    left: 0;
    border: 1px solid #333
}

.flash-card-image .image-square {
    height: 50px;
    width: 50px
}

.flash-card-image .image-square .image {
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.flash-card-content {
    padding-left: 15px;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    line-height: 1.5;
    font-size: 12px
}

.flash-card-time {
    margin-top: 6px
}

.separator {
    height: 1.8em
}

.separator-sm {
    height: .9em
}

.separator-xs {
    height: .45em
}

.separator-lg {
    height: 3.6em
}

.mb0 {
    margin-bottom: 0 !important
}

.mb5 {
    margin-bottom: 5px !important
}

.mb10 {
    margin-bottom: 10px !important
}

.mb15 {
    margin-bottom: 15px !important
}

.mb30 {
    margin-bottom: 30px !important
}

.mb45 {
    margin-bottom: 45px !important
}

.ml0 {
    margin-left: 0 !important
}

.ml5 {
    margin-left: 5px !important
}

.ml20 {
    margin-left: 20px !important
}

.mr0 {
    margin-right: 0 !important
}

.mr5 {
    margin-right: 5px !important
}

.mr10 {
    margin-right: 10px !important
}

.mt0 {
    margin-top: 0 !important
}

.mt10 {
    margin-top: 10px !important
}

.mt20 {
    margin-top: 20px !important
}

.mt25 {
    margin-top: 25px !important
}

.p0 {
    padding: 0 !important
}

.stretch-container {
    min-height: 100%
}

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

.fz18 {
    font-size: 18px
}

.blog-card-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-card-filters-item {
    padding-right: 10px;
    margin-bottom: 10px
}

.row-gutter-20 {
    margin-left: -10px;
    margin-right: -10px
}

.row-gutter-20>[class*=col-] {
    padding-left: 10px;
    padding-right: 10px
}

.row-gutter-8 {
    margin-left: -4px;
    margin-right: -4px
}

.row-gutter-8>[class*=col-],
.row-gutter-8 .col {
    padding-left: 4px;
    padding-right: 4px
}

.row-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.user-card {
    padding: 20px 15px;
    margin-bottom: 20px;
    background-color: #222
}

.user-card .user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.user-card .user a.avatar {
    display: block;
    width: 65px;
    height: 65px
}

.user-card .user a.avatar img {
    width: 65px;
    height: 65px;
    border-radius: 50%
}

.user-card .user .user-info {
    padding-left: 10px
}

.user-card .user .user-info .user-name {
    font-size: 18px
}

.user-card .user .user-info .headline {
    color: #f1f1f1
}

.user-card .social {
    margin-top: 15px
}

@media(min-width:992px) {
    .user-card .social {
        text-align: right;
        margin-top: 0
    }
}

.user-card .social a {
    display: inline-block;
    margin-right: 5px
}

.user-card ul.skills {
    padding: 0;
    list-style: none
}

.user-card ul.skills li {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px
}

.user-card ul.software-proficiency {
    padding: 0;
    list-style: none
}

.user-card ul.software-proficiency li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 10px;
    text-align: center
}

.user-card ul.software-proficiency li .icon {
    max-height: 40px
}

.user-card ul.software-proficiency li .icon img {
    width: 40px;
    height: auto
}

.user-card ul.software-proficiency li .name {
    font-size: 11px;
    margin-top: 2px
}

.user-card ul.availability {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    min-height: 20px
}

.user-card ul.availability li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
    font-size: 13px
}

.user-card ul.availability li.status {
    color: #f1f1f1
}

.user-card ul.availability li i.fa-check {
    color: #5cb85c
}

.user-card a.artwork {
    display: block;
    margin: 5px -2.5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.user-card a.artwork .thumb {
    padding-left: 2.5px;
    padding-right: 2.5px;
    width: 33.33333%
}

@media(min-width:768px) {
    .user-card a.artwork .thumb {
        width: 25%
    }
}

@media(min-width:992px) {
    .user-card a.artwork .thumb {
        width: 20%
    }
}

@media(min-width:1200px) {
    .user-card a.artwork .thumb {
        width: 16.66667%
    }
}

.user-card a.artwork .thumb:nth-child(3) {
    display: none
}

@media(min-width:768px) {
    .user-card a.artwork .thumb:nth-child(3) {
        display: block
    }
}

.user-card a.artwork .thumb:nth-child(4) {
    display: none
}

@media(min-width:992px) {
    .user-card a.artwork .thumb:nth-child(4) {
        display: block
    }
}

.user-card a.artwork .thumb:nth-child(5) {
    display: none
}

@media(min-width:1200px) {
    .user-card a.artwork .thumb:nth-child(5) {
        display: block
    }
}

.user-card a.artwork .thumb img {
    width: 100%;
    height: auto
}

.user-profile-page {
    min-height: calc(100vh - 92px);
    min-height: calc(100vh - var(--main-menu-height));
    background: #171717
}

.user-profile .artist-masthead {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 20px;
    position: relative;
    background-position: bottom, center;
    background-repeat: repeat-x, no-repeat;
    background-color: #000;
    background-size: auto, cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    min-height: 340px;
    max-height: 600px
}

.user-profile .artist-masthead .change-cover-image {
    position: absolute;
    top: 20px;
    right: 20px
}

.user-profile .artist-masthead .change-cover-image #upload-cover form .btn {
    position: relative;
    overflow: hidden
}

.user-profile .artist-masthead .change-cover-image #upload-cover form .btn input {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0;
    cursor: pointer;
    font-size: 25px
}

.user-profile .artist-masthead .remove-cover-image {
    display: block;
    position: absolute;
    top: 50px;
    right: 20px
}

.user-profile .artist-masthead .change-cover-image .btn,
.user-profile .artist-masthead .remove-cover-image .btn {
    -webkit-box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .25);
    box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .25)
}

.user-profile .artist-masthead .change-cover-help {
    position: absolute;
    top: 80px;
    right: 20px;
    font-size: 12px
}

.user-profile .artist-masthead .container {
    position: relative;
    height: 100%
}

.user-profile .artist-masthead .avatar-uploader {
    margin-bottom: 10px
}

.user-profile .artist-masthead .artist-info {
    text-align: center
}

.user-profile .artist-masthead .artist-info .avatar {
    margin: 0 auto 20px;
    width: 120px;
    height: 120px
}

.user-profile .artist-masthead .artist-info .avatar img {
    width: 100%;
    height: auto;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .075);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .075)
}

.user-profile .artist-masthead .artist-info .artist-info-texts .artist-name {
    text-align: center;
    font-size: 32px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .37);
    line-height: 1.2em;
    margin: 0
}

.user-profile .artist-masthead .artist-info .artist-info-texts .artist-additional-info {
    color: #bbb;
    line-height: 1.75em;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .37)
}

.user-profile .artist-masthead .artist-info .artist-info-texts .artist-additional-info>ul {
    padding: 0;
    margin: 0;
    text-align: center
}

.user-profile .artist-masthead .artist-info .artist-info-texts .artist-additional-info>ul>li {
    list-style: none;
    padding: 0;
    margin: 0 20px 0 0;
    display: inline-block
}

.user-profile .sticky-wrapper {
    height: initial !important
}

.navbar-artist-profile {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.navbar-artist-profile .nav {
    width: 100%;
    float: none;
    margin: 0;
    white-space: nowrap
}

@media(min-width:768px) {
    .navbar-artist-profile .nav {
        text-align: center
    }
}

@media(min-width:992px) {
    .navbar-artist-profile .nav {
        width: auto
    }
}

.navbar-artist-profile .navbar-center {
    max-width: 100%
}

.navbar-artist-profile .nav-item {
    float: none;
    display: inline-block;
    margin: 0;
    cursor:pointer;
}

.navbar-artist-profile .nav-item.action-buttons {
    margin-left: 30px
}

.navbar-artist-profile .profile {
    padding: 0 15px;
    position: absolute;
    left: 0;
    max-width: 15%;
    display: none;
    min-width: 0
}

@media(min-width:1440px) {
    .navbar-artist-profile .profile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .2s linear;
        transition: opacity .2s linear
    }
}

@media(min-width:1580px) {
    .navbar-artist-profile .profile {
        max-width: 18%
    }
}

.navbar-artist-profile .profile-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 7px
}

.navbar-artist-profile .profile .name {
    font-size: 13px;
    margin-left: 5px;
    line-height: 1.3;
    color: #fff;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.navbar-artist-profile .profile .row-badges {
    margin-top: -6px
}

.navbar-artist-profile .counter-number {
    padding-left: 5px;
    color: #747474
}

.navbar-artist-profile .action-buttons {
    padding-right: 5px
}

@media(max-width:767px) {
    .navbar-artist-profile+.list-inline {
        margin-left: 0
    }
}

@media(min-width:992px) {
    .navbar-artist-profile.stuck {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@media(min-width:1440px) {
    .navbar-artist-profile.stuck .profile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        visibility: visible;
        opacity: 1
    }
}

@media(max-width:767px) {
    .navbar-artist-profile {
        position: relative;
        border-bottom: 1px solid #333;
        margin-bottom: 12.5px
    }

    .navbar-artist-profile .nav-item {
        position: static
    }
}

@media(max-width:991px) {
    .navbar-artist-profile .nav {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: auto
    }

    .navbar-artist-profile .navbar-nav .open .dropdown-menu {
        position: absolute;
        background-color: #333;
        border-radius: 4px;
        -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .75);
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .75)
    }

    .navbar-artist-profile .navbar-nav .open .dropdown-menu>li>a {
        padding: 5px 20px 5px 17px;
        border-left: 3px solid transparent;
        -webkit-transition: all .15s cubic-bezier(.455, .03, .515, .955);
        transition: all .15s cubic-bezier(.455, .03, .515, .955)
    }

    .navbar-artist-profile .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-artist-profile .navbar-nav .open .dropdown-menu>li>a:focus {
        border-left: 3px solid #13aff0
    }
}

.user-resume-page {
    font-size: 1.3em
}

.user-resume-page h3,
.user-resume-page .h3 {
    font-weight: 400;
    font-size: 24px
}

.user-resume-page .school-tag-item {
    background-color: #222;
    border: none;
    padding: 3px 10px;
    margin-right: 8px;
    font-size: .9em;
    border-radius: 4px;
    color: #bbb
}

.user-resume-page .separator-lg {
    height: 64px
}

.user-resume-page .school-tags-list {
    overflow-wrap: break-word;
    line-height: 38px
}

section.profile-section-summary .far {
    color: #747474
}

section.profile-section-summary h2:after,
section.profile-section-summary h3:after {
    background-color: #333
}

section.profile-section-summary .summary-content {
    text-align: left
}

section.profile-section-summary .summary-contact {
    margin-top: 1.5em;
    margin-bottom: 1em
}

section.profile-section-summary .summary-contact h4 {
    margin-bottom: 0
}

section.profile-section-summary .contact-container,
section.profile-section-summary .social-profile-list {
    background: #222;
    padding: 10px 20px;
    font-size: .8em;
    margin-top: 20px;
    border-radius: 2px
}

section.profile-section-summary .social-profile-list {
    margin-left: 0
}

section.profile-section-summary .location-item {
    font-size: .8em;
    margin: 5px 0
}

section.profile-section-bordered {
    border-top: 1px solid #222;
    border-bottom: 1px solid #222
}

section.profile-section-bordered .list-inline {
    margin-top: 8px
}

ul.s-icons>li {
    margin: 0 5px
}

ul.s-icons>li>a {
    font-size: 24px;
    color: #f1f1f1
}

ul.s-icons>li>a:hover {
    color: #13aff0
}

.profile-award {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-radius: 4px;
    background-color: #222;
    margin-bottom: 16px;
    padding-bottom: 0 !important
}

@media(max-width:768px) {
    .profile-award {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.profile-award .award-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 24px
}

.profile-award .award-data .award-place {
    font-size: 24px
}

.profile-award .award-data a.award-challenge {
    font-size: 14px;
    line-height: 18px !important;
    color: #bbb
}

.profile-award .award-submission img {
    padding: 24px;
    max-width: 400px;
    width: 100%
}

@media(max-width:768px) {
    .profile-award .award-submission img {
        max-width: 100%
    }
}

.profile-software-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.profile-software-list .software-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 8px;
    margin-bottom: 8px;
    background-color: #222;
    padding: 3px 10px;
    font-size: .8em;
    border-radius: 4px;
    color: #bbb
}

.profile-software-list .software-item .software-name {
    margin-left: 10px;
    text-align: left
}

.production-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-radius: 4px;
    background-color: #222;
    margin-bottom: 16px;
    padding-bottom: 0 !important
}

@media(max-width:768px) {
    .production-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.production-item .production-form {
    margin-bottom: 0
}

.production-item .production-image img {
    padding: 24px;
    max-width: 172px
}

@media(max-width:768px) {
    .production-item .production-image img {
        max-width: 100%
    }
}

.production-item .production-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 24px
}

.production-item .production-data .production-title {
    font-size: 24px;
    margin-bottom: 10px;
    color: #f1f1f1
}

.production-item .production-data .production-role {
    font-size: 18px;
    line-height: 16px
}

.production-item .production-data .production-role .title {
    color: #f1f1f1
}

.production-item .production-data .production-year {
    font-size: 16px;
    margin-top: 10px
}

.experience .position {
    padding: 24px;
    background-color: #222;
    margin-bottom: 16px;
    border-radius: 4px
}

.experience .position .title {
    font-size: 18px;
    color: #f1f1f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 20px
}

.experience .position .duration {
    white-space: nowrap
}

.experience .position .location {
    font-size: 14px;
    color: #bbb
}

.experience .position .description {
    font-size: 14px;
    color: #bbb;
    margin-top: 1em
}

.users-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 22px 11px 0
}

.users-grid-item {
    padding: 0 11px 22px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center
}

@media(min-width:768px) {
    .users-grid-item {
        width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

@media(min-width:992px) {
    .users-grid-item {
        width: calc(100%/3);
        -ms-flex-preferred-size: calc(100%/3);
        flex-basis: calc(100%/3)
    }
}

@media(min-width:1200px) {
    .users-grid-item {
        width: calc(100%/4);
        -ms-flex-preferred-size: calc(100%/4);
        flex-basis: calc(100%/4)
    }
}

@media(min-width:1440px) {
    .users-grid-item {
        width: calc(100%/5);
        -ms-flex-preferred-size: calc(100%/5);
        flex-basis: calc(100%/5)
    }
}

@media(min-width:1920px) {
    .users-grid-item {
        width: calc(100%/6);
        -ms-flex-preferred-size: calc(100%/6);
        flex-basis: calc(100%/6)
    }
}

.users-grid-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background: #222;
    padding: 12px;
    border-radius: 2px;
    color: #bbb;
    font-size: 11px
}

.users-grid-link:hover {
    color: #bbb
}

.users-grid-cover {
    position: relative;
    padding-bottom: 33.12%
}

.users-grid-cover .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.users-grid-avatar {
    margin-top: -58px
}

.users-grid-avatar .img {
    border: 3px solid #222;
    position: relative;
    z-index: 2
}

.users-grid-name {
    color: #fff;
    font-size: 20px;
    line-height: 1.3
}

.users-grid-name .pro-badge,
.users-grid-name .staff-badge,
.users-grid-name .studio-badge,
.users-grid-name .school-badge {
    margin-top: -3px
}

.users-grid-headline {
    min-height: 19px
}

.users-grid-following {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 7px;
    margin-bottom: 12px
}

.users-grid-following .follows-you {
    display: inline-block;
    vertical-align: top;
    background: #171717;
    font-style: italic;
    font-size: 11px;
    line-height: 1.4;
    color: #bbb;
    padding: 3px 8px 4px;
    margin-right: 6px;
    border-radius: 3px
}

.users-grid-artworks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: repeating-linear-gradient(90deg, #222, #1c1c1c 1px, #1c1c1c calc(100%/3 - 1px), #222 calc(100%/3 + 1px))
}

.users-grid-artworks .img {
    -ms-flex-preferred-size: calc(100%/3);
    flex-basis: calc(100%/3);
    height: auto
}

.users-grid-artworks.empty:before {
    content: '';
    display: block;
    padding-bottom: calc(100%/3)
}

.profile-help-bar {
    text-align: center;
    height: 86px;
    padding-top: 27px;
    padding-bottom: 27px
}

.profile-help-bar+.profile-albums {
    margin-top: -15.5px
}

.profile-help-bar.pb {
    padding-bottom: 2px
}

.profile-learning-tabs {
    margin: 0 0 32px
}

.profile-learning-tabs .tab {
    padding: 6px 16px;
    font-size: 14px;
    position: relative
}

.profile-learning-tabs .tab+.tab {
    border-left: 1px solid #3f3f3f
}

.profile-learning-tabs .tab.active {
    color: #bbb
}

.profile-hiring-info {
    background-color: #222
}

.profile-hiring-info .hiring-info {
    padding: 24px
}

.label-date {
    background-color: #333;
    border: none;
    padding: 3px 10px;
    font-size: 11px;
    border-radius: 4px;
    color: #bbb;
    font-weight: 400
}

.label-date-present {
    background-color: rgba(92, 184, 92, .2);
    border: none;
    padding: 3px 10px;
    font-size: 11px;
    border-radius: 4px;
    color: #5cb85c;
    font-weight: 400
}

.join-school {
    width: 100%;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 24px;
    background-color: #222;
    border-radius: 4px;
    vertical-align: middle;
    font-size: 24px;
    color: #fff
}

.member-types {
    line-height: 1.3;
    text-align: center;
    margin: 20px
}

.member-type-item {
    display: inline-block;
    vertical-align: top
}

.member-type-item+.member-type-item {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #5d5d5d
}

.member-type-link.active {
    color: #fff
}

.portfolio-albums {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.portfolio-albums a.album {
    display: block;
    width: 293.33333px;
    margin: 15px
}

.portfolio-albums a.album .album-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.portfolio-albums a.album .album-images img {
    border: 1px solid #222
}

.portfolio-albums a.album .album-images .main-image-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 220px;
    flex: 0 0 220px
}

.portfolio-albums a.album .album-images .main-image-col img {
    width: 220px;
    height: 220px
}

.portfolio-albums a.album .album-images .small-images-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 73.33333px;
    flex: 0 0 73.33333px
}

.portfolio-albums a.album .album-images .small-images-col img {
    width: 73.33333px;
    height: 73.33333px
}

.portfolio-albums a.album .album-description {
    background-color: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.portfolio-albums a.album .album-description .description {
    padding: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.portfolio-albums a.album .album-description .count {
    padding: 10px;
    color: #bbb
}

.profile-form img.avatar {
    border-radius: 50%;
    width: 100px;
    height: 100px
}

.skills-list .editor-item {
    vertical-align: top;
    padding-bottom: 10px
}

.position-form,
.production-form {
    margin-bottom: 40px
}

.position-form .twitter-typeahead,
.production-form .twitter-typeahead {
    width: 100%;
    display: block
}

.position-form .tt-dropdown-menu,
.production-form .tt-dropdown-menu {
    width: 100%;
    background-color: #333;
    color: #f1f1f1;
    padding: 5px 10px
}

.position-form .tt-dropdown-menu .tt-suggestion,
.production-form .tt-dropdown-menu .tt-suggestion {
    color: #f1f1f1
}

.position-form .tt-input,
.production-form .tt-input {
    padding: 5px 10px
}

.position-form .tt-hint,
.production-form .tt-hint {
    font-size: 14px;
    width: 100%
}

.position-form .tt-cursor.tt-suggestion,
.production-form .tt-cursor.tt-suggestion {
    color: #f1f1f1
}

.position-form .new_item,
.production-form .new_item {
    color: #bbb
}

table.production-form-layout {
    width: 100%
}

table.production-form-layout td {
    padding: 0 10px;
    vertical-align: top
}

table.production-form-layout td:first-child {
    padding-left: 0
}

table.production-form-layout td:last-child {
    padding-right: 0
}

table.production-form-layout td.production-poster {
    width: 140px;
    text-align: center
}

table.production-form-layout td.production-poster img {
    width: 140px;
    height: auto
}

table.production-form-layout td.production-poster .help {
    font-size: 12px;
    color: #999
}

.position-item,
.production-item {
    padding-bottom: 20px
}

.position-item .edit-position,
.position-item .edit-production,
.production-item .edit-position,
.production-item .edit-production {
    display: none
}

.position-item .position,
.position-item .production,
.production-item .position,
.production-item .production {
    width: 100%;
    background-color: #222
}

.position-item .position .reorder,
.position-item .production .reorder,
.production-item .position .reorder,
.production-item .production .reorder {
    width: 10px;
    cursor: move;
    color: #bbb
}

.position-item .position .production-poster,
.position-item .production .production-poster,
.production-item .position .production-poster,
.production-item .production .production-poster {
    padding: 0 10px;
    width: 140px
}

.position-item .position .production-poster img,
.position-item .production .production-poster img,
.production-item .position .production-poster img,
.production-item .production .production-poster img {
    width: 140px;
    height: auto
}

.position-item .position .position-content,
.position-item .position .production-content,
.position-item .production .position-content,
.position-item .production .production-content,
.production-item .position .position-content,
.production-item .position .production-content,
.production-item .production .position-content,
.production-item .production .production-content {
    padding: 0 10px;
    color: #747474
}

.position-item .position .position-content h3,
.position-item .position .production-content h3,
.position-item .production .position-content h3,
.position-item .production .production-content h3,
.production-item .position .position-content h3,
.production-item .position .production-content h3,
.production-item .production .position-content h3,
.production-item .production .production-content h3 {
    margin-top: 0;
    margin-bottom: .1em;
    position: relative
}

.position-item .position .position-content h3 .btn,
.position-item .position .production-content h3 .btn,
.position-item .production .position-content h3 .btn,
.position-item .production .production-content h3 .btn,
.production-item .position .position-content h3 .btn,
.production-item .position .production-content h3 .btn,
.production-item .production .position-content h3 .btn,
.production-item .production .production-content h3 .btn {
    margin-left: 5px;
    padding: 2px 5px
}

.position-item .position .position-content .production-type,
.position-item .position .position-content .production-date,
.position-item .position .production-content .production-type,
.position-item .position .production-content .production-date,
.position-item .production .position-content .production-type,
.position-item .production .position-content .production-date,
.position-item .production .production-content .production-type,
.position-item .production .production-content .production-date,
.production-item .position .position-content .production-type,
.production-item .position .position-content .production-date,
.production-item .position .production-content .production-type,
.production-item .position .production-content .production-date,
.production-item .production .position-content .production-type,
.production-item .production .position-content .production-date,
.production-item .production .production-content .production-type,
.production-item .production .production-content .production-date {
    font-size: 12px
}

.position-item .position .position-content h4,
.position-item .position .production-content h4,
.position-item .production .position-content h4,
.position-item .production .production-content h4,
.production-item .position .position-content h4,
.production-item .position .production-content h4,
.production-item .production .position-content h4,
.production-item .production .production-content h4 {
    margin-top: 0;
    margin-bottom: .1em
}

.position-item .position .position-content .period,
.position-item .position .production-content .period,
.position-item .production .position-content .period,
.position-item .production .production-content .period,
.production-item .position .position-content .period,
.production-item .position .production-content .period,
.production-item .production .position-content .period,
.production-item .production .production-content .period {
    font-size: 12px;
    padding-bottom: 1em
}

.position-item .position .production-actions,
.position-item .production .production-actions,
.production-item .position .production-actions,
.production-item .production .production-actions {
    padding: 0 10px
}

.position-item .position .production-actions .btn,
.position-item .production .production-actions .btn,
.production-item .position .production-actions .btn,
.production-item .production .production-actions .btn {
    margin-left: 5px;
    padding: 2px 5px
}

.demo-reel {
    margin-bottom: 20px
}

.software-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.software-list.ui-sortable {
    margin: 0 -10px
}

.software-list .editor-item {
    text-align: center;
    border-radius: 3px;
    padding: 0 10px 20px
}

.software-list .editor-item .software {
    cursor: move;
    position: relative;
    border: 1px solid #333;
    background: #222
}

.software-list .editor-item.ui-sortable-helper .software,
.software-list .editor-item:active .software {
    background: #2a2a2a
}

.software-list .editor-item.ui-sortable-placeholder {
    visibility: visible !important
}

.software-list .editor-item.ui-sortable-placeholder:before {
    content: '';
    display: block;
    width: 79px;
    height: 100%;
    border: 2px dashed #333;
    border-radius: 3px
}

.software-list .software {
    min-width: 79px;
    max-width: 120px;
    font-size: 11px;
    padding: 12px 10px 8px
}

.software-list .software .remove {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    text-align: center;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: block;
    color: #747474
}

.software-list .software .remove:hover {
    color: #fff
}

.software-list .ui-sortable-placeholder {
    display: inline-block;
    height: 1px
}

.suggestion {
    margin-top: 10px
}

.suggestion-icon {
    margin-right: 3px
}

.suggestion-buttons {
    margin-top: 8px
}

.suggestion-buttons .btn+.btn {
    margin-left: 8px
}

.block-user-input .form-control {
    min-width: 250px;
    z-index: 2
}

.block-user-input .btn {
    margin-left: 5px
}

.block-user-input .tt-hint {
    color: #747474
}

.block-user-input .tt-dropdown-menu {
    z-index: 1 !important;
    right: 0 !important;
    min-width: 100%;
    margin: -46px -6px 0;
    padding: 52px 0 0;
    background: #222;
    border: 1px solid #333;
    border-radius: 2px;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .75)
}

.block-user-input .tt-suggestion p {
    font-size: 14px;
    font-weight: 600;
    color: #f1f1f1;
    display: block;
    padding: 6px;
    margin-bottom: 0
}

.block-user-input .tt-suggestion p:empty {
    display: none
}

.block-user-input .tt-suggestion img {
    border-radius: 50%;
    margin-right: 10px
}

.block-user-input .tt-suggestion.tt-cursor {
    background: #333;
    border-left-color: #13aff0;
    cursor: pointer
}

#profile-resume-file-container #upload-progress {
    height: 5px;
    margin-bottom: 0;
    display: none
}

.messaging-intro-container {
    position: relative
}

.messaging-intro-container .messaging-intro-counter {
    display: inline-block;
    position: absolute;
    right: 0;
    text-align: right
}

.summary-error {
    display: inline-block;
    margin-left: 8px
}

.summary-error .fa-info-circle {
    margin-right: 8px
}

.manage-portfolio-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    background: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    min-height: 100vh
}

.manage-portfolio-container:before,
.manage-portfolio-container:after {
    content: " ";
    display: table
}

.manage-portfolio-container:after {
    clear: both
}

.manage-portfolio-container~.separator-lg {
    display: none
}

.manage-portfolio-container .project-selected {
    font-size: 14px;
    color: #fff;
    margin: 10px 10px 0;
    display: inline-block;
    vertical-align: top
}

@media(min-width:1200px) {
    .manage-portfolio-container .project-selected {
        margin-top: 8px;
        margin-right: 20px
    }
}

.manage-portfolio-container .project-selected .count {
    margin-right: 5px;
    background: #13aff0
}

.manage-portfolio-container .batch-remove-from-album {
    margin-left: 10px;
    vertical-align: top
}

.manage-portfolio-container aside.left-sidebar {
    background: #171717;
    width: 310px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media(max-width:991px) {
    .manage-portfolio-container aside.left-sidebar {
        display: none
    }
}

@media(min-width:992px) {
    .manage-portfolio-container aside.left-sidebar .page-head {
        position: fixed;
        top: 92px;
        top: var(--main-menu-height);
        left: 0;
        width: 310px
    }
}

.manage-portfolio-container aside.left-sidebar .new-album-form {
    display: none
}

.manage-portfolio-container aside.left-sidebar .new-album-form,
.manage-portfolio-container aside.left-sidebar .edit-album-form {
    font-size: 12px
}

.manage-portfolio-container aside.left-sidebar .new-album-form .form-group,
.manage-portfolio-container aside.left-sidebar .edit-album-form .form-group {
    margin-top: 5px
}

.manage-portfolio-container aside.left-sidebar .new-album-form .delete-album,
.manage-portfolio-container aside.left-sidebar .edit-album-form .delete-album {
    color: #747474
}

.manage-portfolio-container aside.left-sidebar .new-album-form .delete-album i,
.manage-portfolio-container aside.left-sidebar .edit-album-form .delete-album i {
    color: #747474
}

.manage-portfolio-container aside.left-sidebar .new-album-form-inner {
    background: #171717;
    border: 1px solid #333;
    padding: 8px
}

.manage-portfolio-container aside.left-sidebar ul.list-albums li.dragover {
    background-color: #222;
    border: solid 1px #bbb
}

.manage-portfolio-container aside.left-sidebar ul.list-albums li.dragover .album-link {
    color: #f1f1f1
}

.manage-portfolio-container aside.left-sidebar ul.list-albums li.dragover .album-link .fa-folder {
    content: "\f07c"
}

.manage-portfolio-container aside.left-sidebar .edit-album-form {
    display: none;
    border-top: solid 1px #333;
    width: 100%;
    padding: 10px;
    background: #222
}

.manage-portfolio-container aside.left-sidebar .edit-album-form abbr {
    display: none
}

.manage-portfolio-container aside.left-sidebar .list-albums .album {
    position: relative;
    background: #171717;
    border: 1px solid #333;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 3px
}

.manage-portfolio-container aside.left-sidebar .list-albums .album:hover,
.manage-portfolio-container aside.left-sidebar .list-albums .album.active-form {
    background: #222
}

.manage-portfolio-container aside.left-sidebar .list-albums .album:hover .album-actions .far,
.manage-portfolio-container aside.left-sidebar .list-albums .album.active-form .album-actions .far {
    color: #13aff0
}

.manage-portfolio-container aside.left-sidebar .list-albums .album:hover .album-actions .inner,
.manage-portfolio-container aside.left-sidebar .list-albums .album.active-form .album-actions .inner {
    opacity: 1
}

.manage-portfolio-container aside.left-sidebar .list-albums .album.active-form .edit-album.inactive {
    display: none
}

.manage-portfolio-container aside.left-sidebar .list-albums .album.active-form .edit-album.active {
    display: block
}

.manage-portfolio-container aside.left-sidebar .list-albums .album.active {
    background: #333
}

.manage-portfolio-container aside.left-sidebar .list-albums .album.active .album-icon {
    color: #fff
}

.manage-portfolio-container aside.left-sidebar .list-albums .album.active .album-meta {
    color: #bbb
}

.manage-portfolio-container aside.left-sidebar .list-albums .album .album-drag-drop-icon {
    position: absolute;
    top: 25px;
    left: 10px
}

.manage-portfolio-container aside.left-sidebar .list-albums .ui-sortable-placeholder {
    visibility: visible !important;
    background: 0 0;
    border: 1px dashed #747474
}

.manage-portfolio-container aside.left-sidebar .list-albums .ui-sortable-placeholder.active {
    background: 0 0
}

.manage-portfolio-container aside.left-sidebar .album-link-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.manage-portfolio-container aside.left-sidebar .album-link-wrap.active {
    color: #f1f1f1
}

.manage-portfolio-container aside.left-sidebar .album-link {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 8px;
    min-width: 0;
    font-size: 16px
}

.manage-portfolio-container aside.left-sidebar .album-icon {
    padding-top: 6px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.manage-portfolio-container aside.left-sidebar .album-description {
    display: block;
    padding: 8px;
    padding-left: 30px
}

.manage-portfolio-container aside.left-sidebar .album-title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    overflow-wrap: break-word;
    white-space: nowrap;
    font-weight: 300;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff
}

.manage-portfolio-container aside.left-sidebar .album-actions {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 34px
}

.manage-portfolio-container aside.left-sidebar .album-actions .far {
    font-size: 16px
}

.manage-portfolio-container aside.left-sidebar .album-actions .inner {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    margin-right: 4px
}

.manage-portfolio-container aside.left-sidebar .album-actions .active {
    display: none
}

.manage-portfolio-container aside.left-sidebar .album-actions .inactive .far {
    color: #747474
}

.manage-portfolio-container aside.left-sidebar .album-actions .inactive .inner {
    opacity: 0
}

.manage-portfolio-container aside.left-sidebar .album-meta {
    font-size: 12px;
    line-height: 1.5
}

.manage-portfolio-container .left-sidebar-albums #albums-list {
    padding-top: 5px
}

@media(min-width:992px) {
    .manage-portfolio-container .left-sidebar-albums {
        position: fixed;
        left: 20px;
        top: calc(92px + 79px);
        top: calc(var(--main-menu-height) + 79px);
        bottom: 0;
        width: 285px;
        overflow: hidden;
        padding-right: 17px
    }

    .manage-portfolio-container .left-sidebar-albums .ps-scrollbar-y-rail {
        opacity: 0;
        -webkit-transition: opacity .2s linear;
        transition: opacity .2s linear
    }

    .manage-portfolio-container .left-sidebar-albums:hover .ps-scrollbar-y-rail {
        opacity: 1
    }
}

.manage-portfolio-container .left-sidebar-albums-inner {
    min-height: calc(100% - 94px)
}

@media(min-width:992px) {
    .manage-portfolio-container .portfolio-content-head {
        position: fixed;
        z-index: 13;
        top: 92px;
        top: var(--main-menu-height);
        left: 310px;
        right: 0
    }

    .manage-portfolio-container .portfolio-content-head .page-head {
        border-left: solid 1px #333
    }

    .manage-portfolio-container .portfolio-content-head .page-head .page-title h2 {
        font-size: 24px;
        line-height: 1.3;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 90%
    }

    .manage-portfolio-container .portfolio-content-head .page-head .page-title .icon {
        color: #bbb;
        position: relative;
        top: 3px;
        margin-right: 15px
    }

    .manage-portfolio-container .portfolio-content-head .page-head .page-title-trash {
        padding-right: 20px
    }

    .manage-portfolio-container .portfolio-content-head .page-head .page-title-trash h2 {
        max-width: 100%;
        text-align: center
    }

    .manage-portfolio-container .portfolio-content-head .page-head .page-title-trash h2 .far {
        color: #fff;
        margin-right: 16px
    }

    .manage-portfolio-container .portfolio-content-head .page-head .page-title-trash .counter {
        background: #333;
        font-size: 20px;
        padding: 0 6px;
        min-width: 27px;
        text-align: center;
        border-radius: 2px;
        display: inline-block;
        vertical-align: baseline;
        margin-left: 10px
    }

    .manage-portfolio-container .portfolio-content-head .page-head .album-info {
        margin-left: 38px;
        margin-right: 10px;
        font-size: 12px;
        min-width: 150px;
        color: #bbb;
        display: inline-block;
        vertical-align: top
    }

    .manage-portfolio-container .portfolio-content-head .page-head .album-info .dot {
        background: #747474;
        width: 5px;
        height: 5px;
        margin: 8px 7px 5px
    }
}

.manage-portfolio-container .portfolio-content-select {
    margin-top: 95px
}

@media(max-width:991px) {
    .manage-portfolio-container .portfolio-content-select {
        margin: 20px -3px
    }
}

.manage-portfolio-container .portfolio-content-select .form-control {
    display: inline-block;
    vertical-align: top
}

.manage-portfolio-container .portfolio-content-select .form-control,
.manage-portfolio-container .portfolio-content-select .select2 {
    max-width: calc(50% - 14px);
    margin: 0 7px 7px
}

@media(min-width:992px) {

    .manage-portfolio-container .portfolio-content-select .form-control,
    .manage-portfolio-container .portfolio-content-select .select2 {
        max-width: 180px
    }
}

@media(min-width:992px) {
    .manage-portfolio-container .portfolio-content-select .select2:first-of-type {
        margin-left: 0
    }
}

@media(min-width:1200px) {
    .manage-portfolio-container .portfolio-content-select .assign-select-wrap {
        margin-top: 0;
        text-align: right
    }
}

.manage-portfolio-container .portfolio-content-select .assign-select-wrap .assign-select+.btn,
.manage-portfolio-container .portfolio-content-select .assign-select-wrap .btn+.btn {
    margin-left: 10px
}

.manage-portfolio-container .portfolio-content-select .assign-select {
    margin-top: 12px
}

.manage-portfolio-container .portfolio-content-select .assign-select .select2-container {
    min-width: 150px;
    text-align: left;
    color: #fff
}

.manage-portfolio-container .portfolio-content-select .assign-select .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #f1f1f1
}

.manage-portfolio-container .portfolio-content-select .select2-container+.links {
    margin-left: 7px
}

.manage-portfolio-container .portfolio-content-select .links {
    margin: 8px 0 0;
    display: inline-block;
    vertical-align: top
}

.manage-portfolio-container .portfolio-content {
    border-left: solid 1px #333;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-x: hidden;
    padding-bottom: 25px
}

@media(min-width:992px) {
    .manage-portfolio-container .portfolio-content {
        padding: 0 20px
    }
}

.manage-portfolio-container .portfolio-content h2 {
    margin-top: 0
}

.project-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 20px -10px 0
}

@media(max-width:991px) {
    .project-list {
        margin: 20px 10px
    }
}

.project-list .project,
.project-list .project-new,
.project-list .project-sortable-placeholder {
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: calc(100%/2)
}

@media(min-width:800px) {

    .project-list .project,
    .project-list .project-new,
    .project-list .project-sortable-placeholder {
        width: calc(100%/3)
    }
}

@media(min-width:1400px) {

    .project-list .project,
    .project-list .project-new,
    .project-list .project-sortable-placeholder {
        width: calc(100%/5)
    }
}

@media(min-width:1900px) {

    .project-list .project,
    .project-list .project-new,
    .project-list .project-sortable-placeholder {
        width: calc(100%/6)
    }
}

@media(min-width:2200px) {

    .project-list .project,
    .project-list .project-new,
    .project-list .project-sortable-placeholder {
        width: calc(100%/7)
    }
}

.project-list .project-select {
    position: absolute
}

.project-list .project-inner {
    opacity: 1;
    background: #333;
    border: 1px solid #333;
    height: 100%;
    position: relative;
    border-radius: 2px;
    -webkit-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out
}

.project-list .project-inner:hover {
    border-color: #13aff0;
    -webkit-box-shadow: 0 0 0 1px #13aff0;
    box-shadow: 0 0 0 1px #13aff0
}

.project-list .project-inner:hover .project-controls,
.project-list .project-inner:hover .project-btns {
    opacity: 1
}

.project-list .project-inner:hover .project-thumbnail:before {
    opacity: 1
}

.project-list .project-inner.selected .project-checkbox-circle {
    color: #fff;
    background: #13aff0;
    border-color: #13aff0
}

.project-list .project-inner.selected .project-checkbox-circle .icon {
    display: block;
    position: absolute;
    top: 3px;
    left: 3px
}

.project-list .project-checkbox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-bottom: 0
}

.project-list .project-checkbox .project-checkbox-circle {
    width: 22px;
    height: 22px;
    margin: 4px 8px 8px;
    border: 1px solid #bbb;
    background: #171717;
    display: inline-block;
    vertical-align: text-top;
    border-radius: 12px;
    cursor: pointer;
    position: relative
}

.project-list .project-checkbox .project-checkbox-circle .icon {
    display: none
}

.project-list .project-checkbox input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    margin: 0;
    cursor: pointer
}

.project-list .project-controls {
    z-index: 4;
    position: absolute;
    top: 8px;
    right: 20px;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.project-list .project-controls .destroy {
    color: #d9534f
}

.project-list .project-controls .remove {
    color: #bbb;
    margin-right: 12px
}

.project-list .project-controls .remove .remove-icon {
    position: absolute;
    top: 8px;
    left: 6px;
    font-size: 10px
}

.project-list .project-controls .remove:hover,
.project-list .project-controls .remove:active {
    color: #a2a2a2
}

.project-list .project-link {
    color: #fff;
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.project-list .project-btns {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    opacity: 0;
    -webkit-transition: .2s opacity linear;
    transition: .2s opacity linear
}

.project-list .project-btns:before {
    content: '';
    display: block;
    padding-bottom: 100%
}

.project-list .project-thumbnail {
    position: relative;
    z-index: 1
}

.project-list .project-thumbnail:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .64);
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.project-list .project-info {
    padding: 6px 10px 9px
}

.project-list .project-title {
    font-weight: 600;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px
}

.project-list .project-status-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.project-list .project-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px
}

.project-list .project-meta-item {
    margin-left: 6px
}

.project-list .project.ui-sortable-helper .project-inner {
    opacity: .5
}

@media(max-width:991px) {
    .project-list .project-new {
        width: 100%
    }
}

.project-list .project-new-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px dashed #747474;
    width: 100%;
    height: 100%;
    min-height: 200px
}

.project-list .project-new-block:hover {
    background: #000
}

@media(max-width:991px) {
    .project-list .project-new-block {
        min-height: 100px
    }
}

.project-list .project-new-inner {
    text-align: center;
    color: #f1f1f1
}

.project-list .project-new-inner .icon {
    color: #13aff0
}

.project-list .project-sortable-placeholder .project-sortable-inner {
    border: 1px solid #333
}

#portfolio-display-options-modal .account_display_portfolio_as_albums {
    display: none
}

#portfolio-display-options-modal .pro-badge {
    vertical-align: text-bottom
}

#portfolio-display-options-modal .thumbnail {
    margin-bottom: 0;
    padding-top: 9px;
    border: 2px solid transparent
}

#portfolio-display-options-modal .thumbnail.active {
    border-radius: 4px;
    border: 2px solid #13aff0;
    background-color: #333
}

.edit_portfolio .favicon {
    width: 64px;
    height: 64px
}

.edit_portfolio .site-image {
    width: 100%;
    vertical-align: top
}

.edit_portfolio textarea {
    resize: vertical
}

[data-component=user-domains] table button.btn-link {
    padding-left: 0
}

[data-component=user-domains] table td:nth-child(5) {
    width: 7%
}

.albums-trash {
    background: #171717;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 300;
    padding: 7px 9px 7px 15px;
    margin-bottom: 25px;
    border: 1px solid #333
}

.albums-trash .counter {
    background: #333;
    border-radius: 2px;
    color: #bbb;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    min-height: 20px;
    padding: 0 7px;
    text-align: center;
    line-height: 20px;
    margin-top: 4px
}

.albums-trash.active {
    background: #333;
    border-color: #333
}

.albums-trash.active .counter {
    background: #171717
}

.projects-trash-empty {
    text-align: center;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 30px 0
}

.projects-trash-empty .far {
    font-size: 96px;
    margin-top: 42px;
    margin-bottom: 42px
}

@media(min-width:768px) {
    .projects-trash-empty {
        padding: 60px 0
    }

    .projects-trash-empty .far {
        font-size: 194px
    }
}

.project-manager-container .assets-section #upload-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

.project-manager-container #thumbnail-preview-panel .help-text {
    margin-top: 10px;
    line-height: 1.2em;
    color: #747474
}

.project-manager-container .artwork-col,
.project-manager-container .sortable-placeholder {
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px
}

@media(min-width:768px) {

    .project-manager-container .artwork-col,
    .project-manager-container .sortable-placeholder {
        width: 33.33%
    }
}

.project-manager-container .artwork-col.sortable,
.project-manager-container .sortable-placeholder.sortable {
    cursor: move
}

.project-manager-container .artwork-col.cover,
.project-manager-container .sortable-placeholder.cover {
    display: none
}

.project-manager-container .sortable-placeholder .artwork-placeholder {
    position: relative;
    margin-bottom: 20px
}

.project-manager-container .sortable-placeholder .artwork-placeholder:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px dashed #333
}

.project-manager-container .ui-sortable-helper .artwork .artwork-options-panel {
    background: #2a2a2a
}

.project-manager-container .artwork {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    border: 1px solid #333;
    margin-bottom: 20px
}

.project-manager-container .artwork .asset-header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(transparent));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, transparent 100%)
}

.project-manager-container .artwork .asset-image-container {
    position: relative;
    background-color: #000;
    padding-bottom: 100%
}

.project-manager-container .artwork .asset-image-container img {
    max-width: 100%;
    max-height: 100%
}

.project-manager-container .artwork .asset-image-container .asset-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.project-manager-container .artwork .asset-image-container .asset-download {
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0;
    bottom: 5px;
    text-align: center
}

.project-manager-container .artwork .asset-image-container .asset-download .btn .far {
    color: #bbb
}

.project-manager-container .artwork .asset-image-container .asset-download .btn:hover .far,
.project-manager-container .artwork .asset-image-container .asset-download .btn:active .far {
    color: #a2a2a2
}

.project-manager-container .artwork .remove {
    width: 28px;
    color: #d9534f;
    text-align: center
}

.project-manager-container .artwork a.crop {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    z-index: 2;
    top: 5px;
    right: 45px;
    background-color: #666;
    border-radius: 3px;
    color: #ccc;
    text-align: center
}

.project-manager-container .artwork a.crop:hover {
    color: #fff
}

.project-manager-container .artwork .asset-type {
    text-align: center;
    padding-left: 8px;
    font-size: 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 0
}

.project-manager-container .artwork .asset-type .far {
    font-size: 16px
}

.project-manager-container .artwork .artwork-options-panel {
    padding: 15px;
    background-color: #222;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.project-manager-container .artwork .artwork-options-panel h4 {
    font-size: 16px
}

.project-manager-container .artwork .artwork-options-panel textarea {
    resize: vertical
}

#crop-image-modal img {
    max-width: 100%
}

#upload-progress,
#pano-upload-progress {
    display: none;
    position: absolute;
    top: unset;
    width: unset;
    bottom: 22px;
    left: 22px;
    right: 22px;
    border-radius: 3px
}

#upload-progress .progress-bar,
#pano-upload-progress .progress-bar {
    border-radius: 3px
}

.table-backend-pages .re-order {
    cursor: ns-resize
}

.table-backend-pages .td-checkbox,
.table-backend-pages .td-reorder {
    width: 54px
}

.table-backend-pages .td-url {
    width: 240px
}

.table-backend-pages .td-status {
    width: 140px
}

.table-backend-pages .td-actions {
    width: 270px
}

.table-backend-pages .ui-sortable-helper {
    background: #222;
    display: table
}

.table-backend-pages .sortable-placeholder td {
    padding-top: 10px;
    padding-bottom: 11px
}

.bulk-actions .form-group {
    display: inline-block;
    vertical-align: top
}

.backend-pages .sortable-placeholder {
    height: 100px;
    border: 1px dashed #747474;
    margin-bottom: 25px
}

.backend-pages .panel-heading {
    height: 40px;
    position: relative
}

.backend-pages .panel-heading .reorder-tab {
    cursor: ns-resize;
    color: #f1f1f1
}

.backend-pages .panel-heading .collapse-tab {
    margin-left: 10px
}

.backend-pages .panel-heading .collapse-tab .on {
    display: block
}

.backend-pages .panel-heading .collapse-tab .off {
    display: none
}

.backend-pages .panel-heading .collapse-tab.collapsed .on {
    display: none
}

.backend-pages .panel-heading .collapse-tab.collapsed .off {
    display: block
}

.backend-pages .panel-heading .block-management .action {
    color: #bbb;
    cursor: pointer
}

.backend-pages .panel-heading .block-management .action:hover {
    color: #f1f1f1
}

.backend-pages .panel-heading .block-management .action+.action {
    margin-left: 10px
}

.backend-pages .panel-heading .block-panel-title {
    margin-left: 10px;
    line-height: 1.2em
}

.backend-pages .image-block-view-body {
    padding: 0
}

.backend-pages .image-block-view-body img {
    max-width: 100%;
    height: auto
}

.backend-pages .image-block-edit-body {
    text-align: center
}

.backend-pages .image-block-edit-body .browse {
    margin-bottom: 5px;
    position: relative;
    overflow: hidden
}

.backend-pages .image-block-edit-body .browse input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    font-size: 200px;
    direction: ltr;
    cursor: pointer
}

.backend-pages .image-block-upload-progress {
    display: none
}

.backend-pages .video-block-view-body iframe {
    width: 100%;
    height: 400px
}

.backend-pages .add-blocks {
    text-align: center
}

.backend-pages .add-blocks a.add-page-block {
    display: inline-block;
    text-align: center;
    color: #bbb;
    cursor: pointer;
    vertical-align: top
}

.backend-pages .add-blocks a.add-page-block:hover {
    color: #f1f1f1
}

.backend-pages .add-blocks a.add-page-block .far,
.backend-pages .add-blocks a.add-page-block .fab {
    font-size: 24px
}

.backend-pages .add-blocks a.add-page-block .description {
    line-height: 1.25em
}

@media(max-width:767px) {
    .backend-pages .add-blocks {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 15px;
        grid-row-gap: 30px;
        justify-items: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start
    }

    .backend-pages .add-blocks:before,
    .backend-pages .add-blocks:after {
        display: none
    }
}

@media(min-width:768px) {
    .backend-pages .add-blocks a.add-page-block {
        margin-right: 40px
    }

    .backend-pages .add-blocks a.add-page-block:last-child {
        margin-right: 0
    }
}

.recruitment_company_filter {
    width: 355px;
    margin: auto;
    text-align: left
}

.domain-available {
    color: #f1f1f1
}

.domain-unavailable {
    text-decoration: line-through
}

code[class*=language-],
pre[class*=language-] {
    color: #f8f8f2;
    background: 0 0;
    text-shadow: 0 1px rgba(0, 0, 0, .3);
    font-family: Consolas, Monaco, andale mono, ubuntu mono, monospace;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none
}

pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto;
    border-radius: .3em
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
    background: #272822
}

:not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: #708090
}

.token.punctuation {
    color: #f8f8f2
}

.namespace {
    opacity: .7
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
    color: #f92672
}

.token.boolean,
.token.number {
    color: #ae81ff
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
    color: #a6e22e
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
    color: #f8f8f2
}

.token.atrule,
.token.attr-value,
.token.function {
    color: #e6db74
}

.token.keyword {
    color: #66d9ef
}

.token.regex,
.token.important {
    color: #fd971f
}

.token.important,
.token.bold {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}

pre.line-numbers {
    position: relative;
    padding-left: 3.8em;
    counter-reset: linenumber
}

pre.line-numbers>code {
    position: relative;
    white-space: inherit
}

.line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.8em;
    width: 3em;
    letter-spacing: -1px;
    border-right: 1px solid #999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.line-numbers-rows>span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber
}

.line-numbers-rows>span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: .8em;
    text-align: right
}

.CodeFlask {
    position: relative;
    overflow: hidden
}

.CodeFlask__textarea,
.CodeFlask__pre,
code[class*=language-],
pre[class*=language-] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 1rem !important;
    border: none;
    font-family: Consolas, Monaco, andale mono, ubuntu mono, monospace;
    font-size: 13px;
    background: 0 0;
    white-space: pre-wrap !important;
    line-height: 1.5em;
    word-wrap: break-word
}

.CodeFlask__textarea {
    border: none;
    background: 0 0;
    outline: none;
    resize: none;
    opacity: .4;
    color: #000;
    margin: 0;
    z-index: 1;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    -webkit-text-fill-color: transparent;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

.CodeFlask__pre {
    z-index: 2;
    pointer-events: none;
    overflow-y: auto;
    margin: 0;
    min-height: 100%;
    margin: 0 !important;
    background: 0 0 !important
}

.CodeFlask__code {
    font-size: inherit;
    font-family: inherit;
    color: inherit;
    display: block
}

.CodeFlask__is-code {
    white-space: pre
}

.CodeFlask__textarea_line-numbers {
    width: calc(100% - 3.8em);
    margin-left: 3.8em;
    padding-left: 0 !important
}

.CodeFlask__pre_line-numbers {
    padding-left: 3.8em !important
}

.project-software {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.project-software li {
    margin-bottom: 10px
}

.project-software-item {
    background-color: #222;
    border: 1px solid #3f3f3f;
    border-radius: 3px;
    padding: 4px 8px;
    font-size: 12px;
    margin-right: 8px;
    margin-bottom: 8px;
    color: #bbb
}

.project-software-item:hover {
    background-color: #101010;
    color: #f1f1f1
}

.project-software-item img {
    margin-bottom: 2px
}

.project-software-name {
    margin: 0 0 0 8px
}

.activity-grid-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -15px;
    margin-right: -15px
}

@media(min-width:640px) {
    .activity-grid-row {
        margin-left: 0;
        margin-right: 0
    }
}

.activity-grid-row .activity-grid-aside-left {
    display: none
}

@media(min-width:1200px) {
    .activity-grid-row .activity-grid-aside-left {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 270px
    }
}

.activity-grid-row .activity-grid-center {
    width: 100%
}

@media(min-width:992px) {
    .activity-grid-row .activity-grid-center {
        padding-left: 25px;
        padding-right: 25px
    }
}

.activity-grid-row .activity-grid-aside-right {
    display: none
}

@media(min-width:992px) {
    .activity-grid-row .activity-grid-aside-right {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 270px
    }
}

.panel-user-profile-avatar-spacer {
    height: 65px
}

.panel-user-profile {
    background-color: #222;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 13px
}

.panel-user-profile .avatar {
    margin-top: -80px;
    margin-bottom: 10px;
    text-align: center
}

.panel-user-profile .avatar>img {
    width: 130px;
    height: 130px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #f1f1f1;
    background-color: #999
}

.panel-user-profile .user-info {
    text-align: center
}

.panel-user-profile .user-info .user-name {
    font-size: 18px
}

.panel-user-profile .profile-completeness .completeness-meter {
    margin: 5px 0;
    height: 5px;
    background-color: #383636
}

.panel-user-profile .profile-completeness .completeness-meter .completeness-progress {
    height: 5px;
    background-color: #5cb85c
}

.panel-user-profile .profile-completeness ul.completeness-errors {
    padding: 0;
    margin: 0;
    list-style: none
}

.panel-user-profile .profile-completeness ul.completeness-errors>li {
    display: block;
    color: #d40909
}

.panel-user-profile .profile-gallery .profile-gallery-title {
    font-size: 15px
}

.panel-user-profile .profile-gallery .profile-gallery-works-container .profile-gallery-works {
    margin-left: -2px;
    margin-right: -2px
}

.panel-user-profile .profile-gallery .profile-gallery-works-container .profile-gallery-works .item {
    float: left;
    width: 33.33333333333333%;
    padding-left: 2px;
    padding-right: 2px
}

.panel-user-profile .profile-gallery .profile-gallery-works-container .profile-gallery-works .item>img {
    width: 100%;
    height: auto
}

.panel-user-profile .profile-gallery .profile-gallery-links {
    padding: 0;
    margin: 0;
    list-style: none
}

.panel-user-profile .profile-gallery .profile-gallery-links>li {
    float: left;
    padding-right: 10px
}

.panel-user-profile .profile-gallery .profile-gallery-links>li:last-child {
    padding-right: 0
}

.activity-items-empty h2 {
    color: #f1f1f1
}

.activity-item .activity-heading {
    clear: both
}

.activity-item .activity-heading img.avatar {
    display: none
}

@media(min-width:640px) {
    .activity-item .activity-heading img.avatar {
        display: block;
        float: left;
        width: 35px;
        height: 35px;
        border-radius: 50%
    }
}

.activity-item .activity-heading .activity-label {
    padding-top: 7px;
    margin-left: 15px;
    margin-right: 15px
}

@media(min-width:640px) {
    .activity-item .activity-heading .activity-label {
        margin-left: 45px;
        margin-right: 0
    }
}

.activity-item .activity-body {
    padding-top: 5px
}

.activity-item .activity-body .activity-timeline-container {
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 5px
}

@media(min-width:640px) {
    .activity-item .activity-body .activity-timeline-container {
        margin-left: 17.5px;
        border-left: 1px solid #222;
        padding-bottom: 10px;
        margin-bottom: 5px
    }
}

.activity-item .activity-body .activity-timeline-container .activity-item-timestamp {
    display: none
}

@media(min-width:640px) {
    .activity-item .activity-body .activity-timeline-container .activity-item-timestamp {
        display: block;
        width: 35px;
        padding: 2px 2px 5px;
        background-color: #333;
        position: absolute;
        top: 0;
        left: -17.5px;
        text-align: center;
        font-size: 11px
    }
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel {
    background-color: #222;
    margin-bottom: 20px
}

@media(min-width:640px) {
    .activity-item .activity-body .activity-timeline-container .activity-item-panel {
        margin-left: 27.5px
    }
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-user a.activity-item-avatar {
    float: left;
    margin-right: 5px
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-user a.activity-item-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-user .activity-item-name {
    float: left;
    margin-right: 15px
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-user .activity-item-name .name {
    font-size: 16px
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-user .activity-item-name .headline {
    font-size: 13px
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-user .activity-item-user-follow {
    float: left;
    padding-top: 8px
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-asset-container {
    position: relative;
    background-color: #000
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-asset-container a.asset {
    background-color: #000;
    display: block;
    width: 100%;
    max-height: 450px;
    text-align: center
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-asset-container a.asset>img {
    max-width: 100%;
    max-height: 240px;
    margin: 0 auto
}

@media(min-width:640px) {
    .activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-asset-container a.asset>img {
        max-height: 310px
    }
}

@media(min-width:768px) {
    .activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-asset-container a.asset>img {
        max-height: 366px
    }
}

@media(min-width:992px) {
    .activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-asset-container a.asset>img {
        max-height: 310px
    }
}

@media(min-width:1200px) {
    .activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-asset-container a.asset>img {
        max-height: 270px
    }
}

@media(min-width:1440px) {
    .activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-asset-container a.asset>img {
        max-height: 400px
    }
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-asset-container .activity-item-project-asset-count {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 80px;
    color: #f1f1f1;
    text-align: center;
    z-index: 2;
    background-color: rgba(0, 0, 0, .5)
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-asset-container .activity-item-project-asset-count .counter {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 100%
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-asset-container .activity-item-project-asset-count .counter .count {
    font-size: 18px
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-asset-container .activity-item-project-asset-count .counter .assets {
    font-size: 12px
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-asset-container ul.activity-item-project-icons-list {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    z-index: 2
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-asset-container ul.activity-item-project-icons-list>li {
    display: inline-block;
    vertical-align: top;
    padding: 5px;
    font-size: 14px;
    color: #e3e6e6;
    background-color: #1e2527
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel a.activity-item-user-container {
    display: block;
    width: 100%;
    max-height: 282px;
    text-align: center;
    background-color: #000;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel a.activity-item-user-container .activity-item-user-info {
    width: 100%;
    padding: 30px 0;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.8)));
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.8))
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel a.activity-item-user-container .activity-item-user-info .avatar .img {
    width: 100px;
    height: 100px;
    -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .075);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .075)
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel a.activity-item-user-container .activity-item-user-info .name,
.activity-item .activity-body .activity-timeline-container .activity-item-panel a.activity-item-user-container .activity-item-user-info .headline,
.activity-item .activity-body .activity-timeline-container .activity-item-panel a.activity-item-user-container .activity-item-user-info .location {
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .37)
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel a.activity-item-user-container .activity-item-user-info .name {
    color: #f1f1f1;
    font-size: 18px;
    margin: 10px 0 0
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel a.activity-item-user-container .activity-item-user-info .headline {
    color: #f1f1f1
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel a.activity-item-user-container .activity-item-user-info .location {
    color: #bebebe
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel a.activity-item-user-container .activity-item-user-info .follows-you {
    margin-top: 4px;
    font-size: 12px;
    font-style: italic;
    line-height: 1.9;
    display: inline-block;
    vertical-align: top;
    color: #bbb;
    padding: 2px 10px;
    background: rgba(0, 0, 0, .6);
    border-radius: 3px
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-actions {
    position: absolute;
    top: 15px;
    right: 20px
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .resource-actions {
    color: #747474;
    padding: 2px 3px
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container {
    position: relative;
    padding: 20px
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-project-title {
    font-size: 18px;
    color: #f1f1f1
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-project-title .byline {
    font-weight: 400;
    font-size: 13px;
    color: #747474;
    margin-top: 3px
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-html-content {
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-html-content span.image-content {
    background-color: #000;
    text-align: center;
    display: block
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-html-content p {
    display: block;
    width: 100%
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-html-content p img,
.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-html-content span.image-content img {
    max-width: 100%;
    max-height: 240px;
    margin: 0 auto
}

@media(min-width:640px) {

    .activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-html-content p img,
    .activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-html-content span.image-content img {
        max-height: 310px
    }
}

@media(min-width:768px) {

    .activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-html-content p img,
    .activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-html-content span.image-content img {
        max-height: 366px
    }
}

@media(min-width:992px) {

    .activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-html-content p img,
    .activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-html-content span.image-content img {
        max-height: 310px
    }
}

@media(min-width:1200px) {

    .activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-html-content p img,
    .activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-html-content span.image-content img {
        max-height: 270px
    }
}

@media(min-width:1440px) {

    .activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-html-content p img,
    .activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-html-content span.image-content img {
        max-height: 400px
    }
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-project-description {
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-project-timestamp {
    font-size: 13px;
    font-style: italic;
    color: #999
}

@media(min-width:768px) {
    .activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-social .btn-toolbar {
        float: left
    }
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-social ul.activity-item-project-stats {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 10px
}

@media(min-width:768px) {
    .activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-social ul.activity-item-project-stats {
        float: right;
        margin-top: 0
    }
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-social ul.activity-item-project-stats>li {
    display: inline-block;
    padding-right: 15px;
    font-size: 13px;
    line-height: 32px
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-gallery {
    display: block
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-gallery>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-left: -2.5px;
    margin-right: -2.5px
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-gallery>ul>li {
    display: inline-block;
    vertical-align: top;
    padding-left: 2.5px;
    padding-right: 2.5px;
    width: 33.33%
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-gallery>ul>li:nth-child(3),
.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-gallery>ul>li:nth-child(4) {
    display: none
}

@media(min-width:640px) {
    .activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-gallery>ul>li {
        width: 20%
    }

    .activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-gallery>ul>li:nth-child(3),
    .activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-gallery>ul>li:nth-child(4) {
        display: inline-block
    }
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-description-container .activity-item-gallery>ul>li>img {
    max-width: 100%;
    height: auto
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-feed-comments {
    padding: 0 20px
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-comment {
    padding: 10px 0;
    border-top: 1px solid #dedede;
    font-size: 13px;
    position: relative
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-comment .activity-item-comment-timestamp {
    font-size: 11px;
    font-style: italic;
    padding: 5px 0;
    color: #747474
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-add-comment {
    padding: 10px 20px 20px;
    font-size: 13px
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel .activity-item-add-comment .activity-item-add-comment-form-group {
    margin-left: 50px
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel ul.abuse-dropdown {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    right: 0;
    width: 100px;
    background-color: #333;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .5);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .5)
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel ul.abuse-dropdown li a {
    padding: 5px 7px;
    font-size: 12px;
    color: #999
}

.activity-item .activity-body .activity-timeline-container .activity-item-panel ul.abuse-dropdown li a:hover {
    color: #f1f1f1
}

.activity-sidebar-section .sidebar-section-heading {
    padding-bottom: 10px
}

.activity-sidebar-section .sidebar-section-heading h4 {
    font-size: 18px;
    font-weight: 400;
    color: #f1f1f1;
    padding: 5px 0;
    margin: 0;
    display: block;
    border-bottom: 1px solid #353535
}

.activity-sidebar-section a.featured-item {
    display: block;
    position: relative;
    margin-bottom: 10px
}

.activity-sidebar-section a.featured-item .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/assets/overlay-no-triangle.png);
    background-position: 100% 100%;
    background-size: cover;
    z-index: 2
}

.activity-sidebar-section a.featured-item .overlay .featured-item-info {
    position: absolute;
    bottom: 0;
    color: #f1f1f1;
    padding: 20px
}

.activity-sidebar-section a.featured-item .overlay .featured-item-info .featured-item-description {
    font-size: 12px
}

.activity-sidebar-section a.job-item {
    display: block;
    clear: both;
    margin-bottom: 15px
}

.activity-sidebar-section a.job-item .job-logo {
    float: left
}

.activity-sidebar-section a.job-item .job-info {
    margin-left: 62px;
    line-height: 1.5
}

.activity-sidebar-section a.job-item .job-info .job-title {
    font-size: 13px
}

.activity-sidebar-section a.job-item .job-info .job-company,
.activity-sidebar-section a.job-item .job-info .job-location {
    color: #7f7f7f;
    font-size: 12px
}

.activity-sidebar-section .panel-forum-topic {
    padding: 10px;
    background-color: #222;
    border: 1px solid #222;
    margin-bottom: 10px
}

.activity-sidebar-section .panel-forum-topic .panel-heading {
    padding: 0 0 10px;
    border-bottom: 1px solid #e4e4e4
}

.activity-sidebar-section .panel-forum-topic .panel-heading a h4 {
    color: #3b6474;
    margin: 0;
    font-size: 14px
}

.activity-sidebar-section .panel-forum-topic .panel-heading a h4 .far {
    color: #000;
    font-size: 16px;
    padding-right: 5px
}

.activity-sidebar-section .panel-forum-topic .panel-body {
    padding: 10px 0 0;
    font-size: 13px
}

.activity-sidebar-section .panel-forum-topic .panel-body a.forum-topic-author {
    display: block;
    margin-top: 10px;
    clear: both
}

.activity-sidebar-section .panel-forum-topic .panel-body a.forum-topic-author img.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left
}

.activity-sidebar-section .panel-forum-topic .panel-body a.forum-topic-author .name {
    color: #3b6474;
    margin-left: 45px
}

.activity-sidebar-section .panel-forum-topic .panel-body a.forum-topic-author .time {
    color: #bbb;
    margin-left: 45px
}

.recruitment-company-panel {
    background-color: #222;
    padding-top: 40px;
    padding-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px
}

@media(min-width:768px) {
    .recruitment-company-panel {
        margin-left: 0;
        margin-right: 0
    }
}

.recruitment-company-panel .recruitment-company-panel-body {
    padding-left: 15px;
    padding-right: 15px
}

.recruitment-company-masthead {
    display: none;
    margin-top: -40px
}

@media(min-width:992px) {
    .recruitment-company-masthead {
        display: block
    }
}

.recruitment-company-masthead .recruitment-company-masthead-image {
    width: 100%;
    height: auto
}

.recruitment-company-logo {
    border: 3px solid #bbb;
    -webkit-box-shadow: 0 0 20px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 0 20px 2px rgba(0, 0, 0, .5)
}

@media(min-width:992px) {
    .recruitment-company-logo.offset {
        margin-top: -100px
    }
}

.manage-jobs-table tbody>tr>td {
    vertical-align: middle
}

.jobs-form-sidebar {
    width: 100%
}

.jobs-form-sidebar .checkboxes-list .checkbox {
    margin-left: 20px
}

.jobs-form-sidebar .checkboxes-list .checkbox label {
    padding-left: 0
}

@media(min-width:992px) {
    .jobs-form-sidebar {
        max-width: 212.5px
    }
}

@media(min-width:1200px) {
    .jobs-form-sidebar {
        max-width: 262.5px
    }
}

@media(min-width:1440px) {
    .jobs-form-sidebar {
        max-width: 320px
    }
}

.jobs-form-sidebar.affix {
    position: static
}

@media(min-width:992px) {
    .jobs-form-sidebar.affix {
        position: fixed;
        top: 10px
    }
}

.discussion-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.discussion-post .discussion-post-user {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    width: 150px;
    text-align: center;
    margin-right: 15px;
    display: none
}

@media(min-width:992px) {
    .discussion-post .discussion-post-user {
        display: block
    }
}

.discussion-post .discussion-post-user .avatar {
    display: block
}

.discussion-post .discussion-post-user .avatar img {
    width: 80px;
    height: 80px;
    border-radius: 50%
}

.discussion-post .discussion-post-user .name {
    display: block;
    margin-top: 5px;
    line-height: 1.5em
}

.discussion-post .discussion-post-user .headline,
.discussion-post .discussion-post-user .location {
    font-size: 12px;
    line-height: 1.5em;
    word-break: break-word
}

.discussion-post .discussion-post-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: calc(100% - 150px)
}

.discussion-post .discussion-post-body .post-content,
.discussion-post .discussion-post-body .wysihtml-input {
    word-break: break-word
}

.discussion-post .discussion-post-body .edited-notice {
    font-size: 12px;
    color: #747474
}

.discussion-post .discussion-post-body .post-user-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #333;
    padding-bottom: 15px;
    margin-bottom: 15px
}

@media(min-width:992px) {
    .discussion-post .discussion-post-body .post-user-mobile {
        display: none
    }
}

.discussion-post .discussion-post-body .post-user-mobile .avatar {
    width: 50px;
    margin-right: 10px;
    display: block
}

.discussion-post .discussion-post-body .post-user-mobile .avatar img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.discussion-post .discussion-post-body .post-user-mobile .user-info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.discussion-post .discussion-post-body .post-user-mobile .user-info .headline {
    font-size: 12px;
    word-break: break-word
}

.discussion-post .discussion-post-body ul.post-actions {
    margin: 20px 0 0;
    padding: 0
}

.discussion-post .discussion-post-body ul.post-actions>li {
    list-style: none;
    display: inline-block;
    margin-right: 15px
}

.discussion-post .discussion-nested-reply {
    margin-left: 30px
}

@media(min-width:992px) {
    .discussion-post .discussion-nested-reply {
        margin-left: 0
    }
}

.discussion-post .discussion-nested-reply .avatar img {
    width: 60px;
    height: 60px
}

.media-assets-uploading {
    position: fixed;
    width: 400px;
    height: 100px;
    background-color: #222;
    bottom: 0;
    left: 50%;
    margin-left: -200px;
    z-index: 999;
    padding: 20px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .75)
}

.cards-grid,
.challenge-submissions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cards-grid .card,
.cards-grid .challenge-submission,
.challenge-submissions .card,
.challenge-submissions .challenge-submission {
    margin-left: 15px;
    margin-right: 15px;
    position: relative
}

.cards-grid .card .card-thumbnail,
.cards-grid .card .challenge-submission-thumbnail,
.cards-grid .challenge-submission .card-thumbnail,
.cards-grid .challenge-submission .challenge-submission-thumbnail,
.challenge-submissions .card .card-thumbnail,
.challenge-submissions .card .challenge-submission-thumbnail,
.challenge-submissions .challenge-submission .card-thumbnail,
.challenge-submissions .challenge-submission .challenge-submission-thumbnail {
    position: relative;
    -webkit-transition: all .25s cubic-bezier(.455, .03, .515, .955);
    transition: all .25s cubic-bezier(.455, .03, .515, .955)
}

.cards-grid .card .card-thumbnail .overlay,
.cards-grid .card .challenge-submission-thumbnail .overlay,
.cards-grid .challenge-submission .card-thumbnail .overlay,
.cards-grid .challenge-submission .challenge-submission-thumbnail .overlay,
.challenge-submissions .card .card-thumbnail .overlay,
.challenge-submissions .card .challenge-submission-thumbnail .overlay,
.challenge-submissions .challenge-submission .card-thumbnail .overlay,
.challenge-submissions .challenge-submission .challenge-submission-thumbnail .overlay {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-image: url(/assets/semi-transparent-overlay-21f6b905f1e28b9abcb33ad57eaeda39.png);
    -webkit-transition: all ease-in-out .25s;
    transition: all ease-in-out .25s;
    z-index: 1
}

.cards-grid .card .card-thumbnail .overlay .hitzone,
.cards-grid .card .challenge-submission-thumbnail .overlay .hitzone,
.cards-grid .challenge-submission .card-thumbnail .overlay .hitzone,
.cards-grid .challenge-submission .challenge-submission-thumbnail .overlay .hitzone,
.challenge-submissions .card .card-thumbnail .overlay .hitzone,
.challenge-submissions .card .challenge-submission-thumbnail .overlay .hitzone,
.challenge-submissions .challenge-submission .card-thumbnail .overlay .hitzone,
.challenge-submissions .challenge-submission .challenge-submission-thumbnail .overlay .hitzone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.cards-grid .card .card-thumbnail:hover .overlay,
.cards-grid .card .challenge-submission-thumbnail:hover .overlay,
.cards-grid .challenge-submission .card-thumbnail:hover .overlay,
.cards-grid .challenge-submission .challenge-submission-thumbnail:hover .overlay,
.challenge-submissions .card .card-thumbnail:hover .overlay,
.challenge-submissions .card .challenge-submission-thumbnail:hover .overlay,
.challenge-submissions .challenge-submission .card-thumbnail:hover .overlay,
.challenge-submissions .challenge-submission .challenge-submission-thumbnail:hover .overlay {
    opacity: 1
}

.cards-grid .card .card-thumbnail img,
.cards-grid .card .challenge-submission-thumbnail img,
.cards-grid .challenge-submission .card-thumbnail img,
.cards-grid .challenge-submission .challenge-submission-thumbnail img,
.challenge-submissions .card .card-thumbnail img,
.challenge-submissions .card .challenge-submission-thumbnail img,
.challenge-submissions .challenge-submission .card-thumbnail img,
.challenge-submissions .challenge-submission .challenge-submission-thumbnail img {
    width: 100%;
    max-width: 100%;
    height: auto
}

.cards-grid .card .card-actions,
.cards-grid .challenge-submission .card-actions,
.challenge-submissions .card .card-actions,
.challenge-submissions .challenge-submission .card-actions {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2
}

.cards-grid .card a.remove,
.cards-grid .challenge-submission a.remove,
.challenge-submissions .card a.remove,
.challenge-submissions .challenge-submission a.remove {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px;
    color: #bbb;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .37)
}

.cards-grid .card a.remove:hover,
.cards-grid .challenge-submission a.remove:hover,
.challenge-submissions .card a.remove:hover,
.challenge-submissions .challenge-submission a.remove:hover {
    color: #f1f1f1
}

.cards-grid .card .caption,
.cards-grid .challenge-submission .caption,
.challenge-submissions .card .caption,
.challenge-submissions .challenge-submission .caption {
    padding: 10px
}

.cards-grid .card .card-title,
.cards-grid .card .challenge-title,
.cards-grid .challenge-submission .card-title,
.cards-grid .challenge-submission .challenge-title,
.challenge-submissions .card .card-title,
.challenge-submissions .card .challenge-title,
.challenge-submissions .challenge-submission .card-title,
.challenge-submissions .challenge-submission .challenge-title {
    border-bottom: 1px solid #333;
    word-break: break-word;
    -webkit-transition: all .25s cubic-bezier(.455, .03, .515, .955);
    transition: all .25s cubic-bezier(.455, .03, .515, .955)
}

.cards-grid .card .card-title.stream-title,
.cards-grid .card .challenge-title.stream-title,
.cards-grid .challenge-submission .card-title.stream-title,
.cards-grid .challenge-submission .challenge-title.stream-title,
.challenge-submissions .card .card-title.stream-title,
.challenge-submissions .card .challenge-title.stream-title,
.challenge-submissions .challenge-submission .card-title.stream-title,
.challenge-submissions .challenge-submission .challenge-title.stream-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.cards-grid .card .card-user,
.cards-grid .card .challenger,
.cards-grid .challenge-submission .card-user,
.cards-grid .challenge-submission .challenger,
.challenge-submissions .card .card-user,
.challenge-submissions .card .challenger,
.challenge-submissions .challenge-submission .card-user,
.challenge-submissions .challenge-submission .challenger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.5em;
    -webkit-transition: all .25s cubic-bezier(.455, .03, .515, .955);
    transition: all .25s cubic-bezier(.455, .03, .515, .955)
}

.cards-grid .card .card-user .avatar,
.cards-grid .card .challenger .avatar,
.cards-grid .challenge-submission .card-user .avatar,
.cards-grid .challenge-submission .challenger .avatar,
.challenge-submissions .card .card-user .avatar,
.challenge-submissions .card .challenger .avatar,
.challenge-submissions .challenge-submission .card-user .avatar,
.challenge-submissions .challenge-submission .challenger .avatar {
    display: block;
    margin-right: 10px;
    width: 50px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px
}

.cards-grid .card .card-user .avatar img,
.cards-grid .card .challenger .avatar img,
.cards-grid .challenge-submission .card-user .avatar img,
.cards-grid .challenge-submission .challenger .avatar img,
.challenge-submissions .card .card-user .avatar img,
.challenge-submissions .card .challenger .avatar img,
.challenge-submissions .challenge-submission .card-user .avatar img,
.challenge-submissions .challenge-submission .challenger .avatar img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    max-width: none
}

.cards-grid .card .card-user .name,
.cards-grid .card .challenger .name,
.cards-grid .challenge-submission .card-user .name,
.cards-grid .challenge-submission .challenger .name,
.challenge-submissions .card .card-user .name,
.challenge-submissions .card .challenger .name,
.challenge-submissions .challenge-submission .card-user .name,
.challenge-submissions .challenge-submission .challenger .name {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.cards-grid .card .card-user .name .headline,
.cards-grid .card .challenger .name .headline,
.cards-grid .challenge-submission .card-user .name .headline,
.cards-grid .challenge-submission .challenger .name .headline,
.challenge-submissions .card .card-user .name .headline,
.challenge-submissions .card .challenger .name .headline,
.challenge-submissions .challenge-submission .card-user .name .headline,
.challenge-submissions .challenge-submission .challenger .name .headline {
    word-break: break-word;
    font-size: 12px
}

.cards-grid .card .card-user .name .location,
.cards-grid .card .challenger .name .location,
.cards-grid .challenge-submission .card-user .name .location,
.cards-grid .challenge-submission .challenger .name .location,
.challenge-submissions .card .card-user .name .location,
.challenge-submissions .card .challenger .name .location,
.challenge-submissions .challenge-submission .card-user .name .location,
.challenge-submissions .challenge-submission .challenger .name .location {
    font-size: 12px;
    color: #747474
}

.cards-grid .card .stats,
.cards-grid .card .actions,
.cards-grid .challenge-submission .stats,
.cards-grid .challenge-submission .actions,
.challenge-submissions .card .stats,
.challenge-submissions .card .actions,
.challenge-submissions .challenge-submission .stats,
.challenge-submissions .challenge-submission .actions {
    border-top: 1px solid #333;
    -webkit-transition: all .25s cubic-bezier(.455, .03, .515, .955);
    transition: all .25s cubic-bezier(.455, .03, .515, .955)
}

.cards-grid .card .inactive,
.cards-grid .challenge-submission .inactive,
.challenge-submissions .card .inactive,
.challenge-submissions .challenge-submission .inactive {
    opacity: .3
}

.container-fluid .cards-grid .card {
    width: calc(100% - 30px)
}

@media(min-width:768px) {
    .container-fluid .cards-grid .card {
        width: calc(33.3333333% - 30px)
    }
}

@media(min-width:1200px) {
    .container-fluid .cards-grid .card {
        width: calc(25% - 30px)
    }
}

@media(min-width:1680px) {
    .container-fluid .cards-grid .card {
        width: calc(20% - 30px)
    }
}

@media(min-width:2200px) {
    .container-fluid .cards-grid .card {
        width: calc(16.666667%% - 30px)
    }
}

@media(min-width:3000px) {
    .container-fluid .cards-grid .card {
        width: calc(12.5% - 30px)
    }
}

.container .cards-grid .card,
.container .cards-grid .challenge-submission,
.container .challenge-submissions .card,
.container .challenge-submissions .challenge-submission {
    width: calc(100% - 30px)
}

@media(min-width:768px) {

    .container .cards-grid .card,
    .container .cards-grid .challenge-submission,
    .container .challenge-submissions .card,
    .container .challenge-submissions .challenge-submission {
        width: calc(50% - 30px)
    }
}

@media(min-width:992px) {

    .container .cards-grid .card,
    .container .cards-grid .challenge-submission,
    .container .challenge-submissions .card,
    .container .challenge-submissions .challenge-submission {
        width: calc(33.3333333% - 30px)
    }
}

@media(min-width:1200px) {

    .container .cards-grid .card,
    .container .cards-grid .challenge-submission,
    .container .challenge-submissions .card,
    .container .challenge-submissions .challenge-submission {
        width: calc(25% - 30px)
    }
}

.challenge-submissions .challenge-submission .submission-judging-header {
    position: relative
}

.challenge-submissions .challenge-submission .position {
    font-size: 18px;
    color: #f1f1f1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .37);
    position: absolute;
    top: 10px;
    left: 10px
}

.challenge-submissions .challenge-submission .judging-status-label {
    position: absolute;
    background-color: #000;
    padding: 2px 10px;
    color: #f1f1f1;
    font-size: 12px
}

.challenge-submissions .challenge-submission .judging-status-label.success {
    background-color: #5cb85c
}

.challenge-submissions .challenge-submission .judging-status-label.danger {
    background-color: #d9534f
}

.challenge-submissions .challenge-submission-sortable-placeholder {
    width: calc(100% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 25px;
    border: 1px dashed #747474
}

@media(min-width:768px) {
    .challenge-submissions .challenge-submission-sortable-placeholder {
        width: calc(50% - 30px)
    }
}

@media(min-width:992px) {
    .challenge-submissions .challenge-submission-sortable-placeholder {
        width: calc(33.3333333% - 30px)
    }
}

@media(min-width:1200px) {
    .challenge-submissions .challenge-submission-sortable-placeholder {
        width: calc(25% - 30px)
    }
}

.arrow-previous,
.arrow-next {
    position: absolute;
    top: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 45px;
    z-index: 5;
    color: #333;
    background: 0 0;
    border: 0;
    outline: 0;
    font-size: 42px;
    cursor: pointer;
    text-align: center
}

@media(min-width:992px) {

    .arrow-previous,
    .arrow-next {
        position: fixed;
        top: 92px;
        top: var(--main-menu-height);
        height: calc(100vh - 92px);
        height: calc(100vh - var(--main-menu-height))
    }
}

.arrow-previous:hover,
.arrow-next:hover {
    color: #fff
}

.arrow-previous {
    left: 0
}

.arrow-next {
    right: 0
}

@media(min-width:992px) {
    .arrow-next.offset {
        right: 365px
    }
}

a.arrow-previous-sm,
a.arrow-next-sm {
    position: absolute;
    display: block;
    z-index: 1000;
    top: calc(50vh - 20px)
}

a.arrow-previous-sm.fixed,
a.arrow-next-sm.fixed {
    position: fixed
}

a.arrow-previous-sm .arrow,
a.arrow-next-sm .arrow {
    width: 25px;
    height: 40px;
    background-image: url(/assets/project-arrows@2x-d5c889d86f97d7378badb35583fa4739.png);
    background-size: 50px 80px;
    background-repeat: no-repeat;
    overflow: hidden
}

a.arrow-previous-sm .arrow.arrow-previous,
a.arrow-next-sm .arrow.arrow-previous {
    background-position: 0 -40px
}

a.arrow-previous-sm .arrow.arrow-next,
a.arrow-next-sm .arrow.arrow-next {
    background-position: -25px -40px
}

a.arrow-previous-sm:hover .arrow.arrow-previous,
a.arrow-next-sm:hover .arrow.arrow-previous {
    background-position: 0 0
}

a.arrow-previous-sm:hover .arrow.arrow-next,
a.arrow-next-sm:hover .arrow.arrow-next {
    background-position: -25px 0
}

a.arrow-previous-sm {
    left: 10px
}

a.arrow-next-sm {
    right: 10px
}

.star-rating a,
.star-rating span {
    color: #bbb
}

.star-rating a.active,
.star-rating span.active {
    color: #ffbe00
}

.star-rating a.active .fa-star-o:before,
.star-rating span.active .fa-star-o:before {
    content: "\f005"
}

.star-rating.star-rating-lg {
    font-size: 20px
}

.star-rating .desc {
    padding-left: .4em
}

.drop-files {
    border: 2px dashed #333;
    border-radius: 5px;
    -webkit-transition: all ease-in-out .25s;
    transition: all ease-in-out .25s;
    margin: 0;
    padding: 40px 20px;
    position: relative
}

.drop-files.active {
    color: #f1f1f1;
    background-color: #333
}

.drop-files.has-file-selector {
    padding: 0 12px 80px
}

.drop-files.has-file-selector.active .file-selector {
    border-color: #5d5d5d
}

.drop-files.has-file-selector.active .file-selector-item:before {
    background: #5d5d5d
}

.drop-files-progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    margin-top: 1px !important;
    margin-bottom: 0;
    border-radius: 0
}

@media(min-width:992px) {
    .files-progressbar {
        height: 5px;
        -webkit-transition: none;
        transition: none;
        margin-bottom: 0
    }
}

.file-selector {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr [6];
    grid-template-columns: repeat(6, 1fr);
    -webkit-column-gap: 20px;
    column-gap: 20px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 5px 0;
    border-bottom: 1px solid #333;
    margin-bottom: 80px;
    -webkit-transition: border-color ease-in-out .25s;
    transition: border-color ease-in-out .25s
}

.file-selector-item {
    font-weight: 400;
    padding: 8px 0 5px;
    position: relative;
    font-size: 14px;
    line-height: 1.78;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
    border-radius: 3px;
    background: 0 0;
    border: 0;
    margin: 0;
    outline: none;
    cursor: pointer
}

.file-selector-item:before {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 100%;
    margin-left: 9px;
    width: 1px;
    background: #333;
    -webkit-transition: background-color ease-in-out .25s;
    transition: background-color ease-in-out .25s
}

.file-selector-item:last-child:before {
    display: none
}

.file-selector-item:hover {
    background: #222
}

.file-selector-item .far {
    height: 28px;
    vertical-align: top;
    margin-bottom: 4px
}

@media(max-width:1199px) {

    .file-selector-item .pro-badge,
    .file-selector-item .plus-badge,
    .file-selector-item .studio-badge,
    .file-selector-item .school-badge {
        position: absolute;
        top: -5px;
        right: -5px
    }
}

.file-selector-title {
    font-weight: 600;
    color: #fff
}

@media(max-width:767px) {
    .paypal-button img {
        margin-top: 10px
    }
}

.checkout-policies {
    color: #747474
}

.checkout-policies b {
    color: #bbb
}

.checkout-plan {
    background: #222;
    border: 2px solid transparent;
    border-radius: 4px;
    height: 100%;
    text-align: center;
    padding: 11px 20px 8px
}

.checkout-plan-wrap {
    position: relative;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 200px;
    cursor: pointer
}

.checkout-plan-wrap input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.checkout-plan-wrap input:checked+.checkout-plan {
    border-color: #13aff0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#323232), to(#222));
    background-image: linear-gradient(-180deg, #323232 0%, #222 100%)
}

.checkout-plan-wrap input:checked+.checkout-plan .checkout-plan-selected {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.checkout-plan-wrap input:disabled+.checkout-plan {
    border-color: #bbb
}

.checkout-plan-wrap input:disabled+.checkout-plan .checkout-plan-active {
    display: block
}

.checkout-plan-selected {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 8px;
    background: #13aff0;
    color: #fff
}

.checkout-plan-active {
    position: absolute;
    top: -8px;
    right: -16px
}

.checkout-plan-active.pro-badge {
    display: block
}

.checkout-plan-price {
    font-size: 42px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -3.33px;
    margin-bottom: 2px
}

.checkout-plan-price .currency {
    font-size: 17px;
    font-weight: 400;
    color: #bbb;
    display: inline-block;
    vertical-align: text-top;
    margin-top: 12px;
    margin-right: 4px
}

.checkout-plan-price .price {
    color: #f1f1f1
}

.checkout-plan-price .price sup {
    top: -.75em;
    font-size: 50%;
    letter-spacing: 0
}

.checkout-plan-price .billed-period {
    font-size: 25%;
    letter-spacing: 0
}

.checkout-plan-table-loading {
    position: absolute;
    background: rgba(34, 34, 34, .9);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.checkout-plan-table-loading.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pro-badge,
.host-badge,
.memorial-badge,
.staff-badge,
.dark-badge,
.plus-badge,
.studio-badge {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .1px;
    text-shadow: none;
    white-space: nowrap;
    background-color: #13aff0;
    margin: 0 .5em;
    padding: .3em .4em .4em;
    display: inline-block;
    vertical-align: middle;
    color: #f1f1f1 !important;
    border-radius: 2px
}

.pro-badge.smaller,
.host-badge.smaller,
.memorial-badge.smaller,
.staff-badge.smaller,
.dark-badge.smaller,
.plus-badge.smaller,
.studio-badge.smaller {
    font-size: 8px;
    padding-bottom: .4em;
    top: -1px;
    position: relative
}

.pro-badge.larger,
.host-badge.larger,
.memorial-badge.larger,
.staff-badge.larger,
.dark-badge.larger,
.plus-badge.larger,
.studio-badge.larger {
    font-size: 12px
}

.pro-badge.top,
.host-badge.top,
.memorial-badge.top,
.staff-badge.top,
.dark-badge.top,
.plus-badge.top,
.studio-badge.top {
    vertical-align: top;
    margin-top: .7em
}

.plus-badge {
    background: #02405a
}

.studio-badge {
    background: -webkit-gradient(linear, left top, left bottom, from(#0A79C9), to(#0938AE));
    background: linear-gradient(180deg, #0A79C9 0%, #0938AE 100%)
}

.school-badge {
    background: -webkit-gradient(linear, left top, left bottom, from(#5B2DE0), to(#341C94));
    background: linear-gradient(180deg, #5B2DE0 0%, #341C94 100%)
}

.badge-xs {
    font-size: 9px;
    padding: .25em .3em .25em .35em
}

.pro-badge-g {
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .22);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(39, 220, 254, 0.76)), to(#13AFF0));
    background-image: linear-gradient(-180deg, rgba(39, 220, 254, 0.76) 0%, #13AFF0 100%)
}

.plus-badge-g {
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .22);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#024561), to(#023d55));
    background-image: linear-gradient(180deg, #024561, #023d55)
}

.studio-badge-g {
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .22)
}

.school-badge-g {
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .22)
}

.pro-badge-md {
    padding: 4px 5px;
    font-size: 12px;
    font-weight: 600
}

.pro-badge-lg {
    padding: 5px 6px;
    font-size: 18px
}

.pro-badge-xl {
    font-size: 24px;
    border-radius: 6px
}

.pro-badge-xg {
    font-size: 41px;
    border-radius: 8px
}

.pro-badge-xxg {
    font-size: 82px;
    border-radius: 16px
}

.host-badge,
.staff-badge,
.memorial-badge {
    background-color: #5d5d5d
}

.dark-badge {
    background: #333
}

a.pro-badge {
    color: #747474
}

a.pro-badge:hover,
a.pro-badge:active {
    color: #747474;
    background-color: #0c8ec4
}

a.host-badge {
    color: #747474
}

a.host-badge:hover,
a.host-badge:active {
    color: #747474;
    background-color: #5b5b5b
}

.badge-faded {
    background: #333;
    color: #bbb
}

.badge {
    border-radius: 2px;
    padding-left: 4px;
    padding-right: 4px;
    text-transform: uppercase;
    font-size: 10px
}

.badge-success {
    background: #5cb85c
}

.badge-special-offer {
    display: inline-block;
    color: #13aff0;
    border-radius: 50%;
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 16px;
    vertical-align: middle;
    border: solid 1px currentColor;
    font-size: 10px
}

.badge-special-offer-holder {
    display: inline;
    white-space: nowrap
}

.badge-special-offer-holder .badge-special-offer {
    position: relative;
    top: -1px
}

.badge-md {
    font-size: 14px;
    font-weight: 400;
    padding: 4px 6px
}

.table-features-all #all-features {
    display: table-row-group !important
}

.table-features-all .btn-more {
    display: none
}

.table-features thead .tr-top th {
    border: 0;
    padding: 0
}

.table-features thead .tr-plans th {
    background: #222;
    color: #bbb;
    vertical-align: middle;
    font-weight: 400;
    padding: 19px 24px 15px;
    border-bottom-width: 0
}

.table-features thead .tr-plans .empty-cell {
    border-top-color: transparent;
    background: 0 0
}

.table-features tbody tr td {
    vertical-align: middle;
    text-align: center;
    border-top-color: #222;
    border-left: 2px solid #222;
    border-bottom: 2px solid #222;
    background: #333;
    color: #fff;
    padding: 20px 30px
}

.table-features tbody tr td:first-child {
    text-align: left;
    border-left: 0
}

.table-features tbody tr td:last-child {
    border-right: 0
}

.table-features tfoot tr td {
    line-height: 1.35;
    vertical-align: middle
}

.table-features tfoot .td-button {
    background: #222
}

@media(min-width:992px) {
    .table-features tfoot .td-button .btn {
        font-size: 18px;
        font-weight: 600;
        border-radius: 6px
    }
}

.table-features .text-small {
    font-size: 12px
}

.table-features .fa-check {
    font-size: 22px
}

.table-features .btn-more {
    text-decoration: underline;
    color: #747474
}

.table-features .btn-more:hover {
    text-decoration: none
}

.table-features .btn-more .active {
    display: none
}

.table-features .btn-more.collapsed .active {
    display: block
}

.table-features .btn-more.collapsed .inactive {
    display: none
}

.table-features-free {
    color: #bbb;
    font-size: 24px
}

.onboard-artist .avatar {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 auto 10px;
    position: relative
}

.onboard-artist .avatar .uploading {
    position: absolute;
    width: 120px;
    height: 120px;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    text-align: center;
    border-radius: 50%;
    line-height: 140px;
    display: none
}

.onboard-artist .public-email {
    padding-left: 20px
}

.onboard-artist .public-email .form-control {
    max-width: 260px;
    max-height: none
}

.s-list .sortable-placeholder {
    min-height: 39px;
    margin-bottom: 8px;
    border: 2px dashed #333
}

.socials-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: 39px;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #333;
    background: #222
}

.socials-list-drag {
    -ms-flex-preferred-size: 24px;
    flex-basis: 24px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: ns-resize
}

.socials-list-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 24px;
    flex-basis: 24px
}

.socials-list-value {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0
}

.socials-list-value .field-value {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.socials-list-actions {
    -ms-flex-preferred-size: 44px;
    flex-basis: 44px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: right;
    flex-shrink: 0
}

.socials-list-actions .btn+.btn {
    margin-left: 10px
}

.socials-list-action+.socials-list-action {
    margin-left: 10px
}

.socials-list-add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.socials-list-select {
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    padding-right: 10px
}

.socials-list-form {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 10px
}

.social-media-item.editing .socials-list-actions {
    -ms-flex-preferred-size: 130px;
    flex-basis: 130px
}

.profile-albums {
    line-height: 1.3;
    text-align: center;
    margin: 20px
}

.profile-album-item {
    display: inline-block;
    vertical-align: top
}

.profile-album-item+.profile-album-item {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #5d5d5d
}

.profile-album-link.active {
    color: #fff
}

.poll-container {
    margin-top: 20px;
    max-width: 340px;
    font-size: 12px
}

.poll-container h2 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 12px
}

.poll-container .reaction-list a {
    font-size: 28px;
    margin: 0 20px 0 0
}

.poll-container .reaction-list a.selected {
    color: #5cb85c
}

.poll-container .alert {
    font-size: 14px;
    margin-bottom: 0;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333
}

.poll-container .alert .close {
    font-weight: 300
}

.poll-container.fixed {
    position: fixed;
    bottom: 63px;
    left: 10px
}

.header-image {
    padding-top: 100px;
    padding-bottom: 60px;
    text-align: center;
    position: relative;
    background: url(/assets/marketing/pro/header-promo-d7f3bc1fccf0d1327161e25710f35e91.jpg) no-repeat top center;
    background-size: 100% auto
}

@media(min-width:992px) {
    .header-image {
        background-size: cover;
        background-position: bottom center
    }
}

.header-image-credit {
    position: absolute;
    top: 3px;
    right: 10px;
    font-size: 11px;
    font-style: italic;
    color: #bbb
}

.header-image-credit a {
    color: #bbb
}

.header-image-credit a:hover {
    text-decoration: underline
}

.header-image-pro {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.68)), color-stop(84%, #171717)), url(/assets/marketing/pro/header-6131add892d7e2c4a408481b89c9c1ab.jpg);
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.68) 0%, #171717 84%), url(/assets/marketing/pro/header-6131add892d7e2c4a408481b89c9c1ab.jpg);
    background-position: center center
}

.header-image-hub {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.68)), color-stop(84%, #171717)), url(/assets/marketing/pro-hub/bg-header-593350c21d90393c5b926bc961a2ce67.jpg);
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.68) 0%, #171717 84%), url(/assets/marketing/pro-hub/bg-header-593350c21d90393c5b926bc961a2ce67.jpg);
    background-position: center center, center top;
    padding-bottom: 20px
}

@media(max-width:767px) {
    .header-image-hub {
        background-size: cover
    }
}

.header-image-hub-school {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.68)), color-stop(84%, #171717)), url(/assets/marketing/pro-hub/school-hub-header-03e8078baa0955998676ade3e6483300.jpg);
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.68) 0%, #171717 84%), url(/assets/marketing/pro-hub/school-hub-header-03e8078baa0955998676ade3e6483300.jpg);
    background-position: center center, center top;
    padding-bottom: 0
}

@media(max-width:767px) {
    .header-image-hub-school {
        background-size: cover
    }
}

.header-image-jobs {
    background-image: url(/assets/marketing/jobs/header-4feced08748da8c325781a40330862c6.jpg);
    background-size: auto 100%
}

.footer-image {
    padding-bottom: 100px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto
}

@media(min-width:992px) {
    .footer-image {
        background-size: cover;
        background-position: bottom center
    }
}

.footer-image-credit {
    position: absolute;
    bottom: 6px;
    right: 10px;
    font-size: 11px;
    font-style: italic;
    color: #bbb
}

.footer-image-credit a {
    color: #bbb
}

.footer-image-credit a:hover {
    text-decoration: underline
}

.footer-image-hub {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.68)), color-stop(84%, #171717)), url(/assets/marketing/pro-hub/bg-footer-f4701d27a1f57e9f40be7cab7ce76309.jpg);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.68) 0%, #171717 84%), url(/assets/marketing/pro-hub/bg-footer-f4701d27a1f57e9f40be7cab7ce76309.jpg)
}

.footer-image-hub-school {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.68)), color-stop(84%, #171717)), url(/assets/marketing/pro-hub/school-hub-footer-a1f76fcf083da1c0c792168467bb57ca.jpg);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.68) 0%, #171717 84%), url(/assets/marketing/pro-hub/school-hub-footer-a1f76fcf083da1c0c792168467bb57ca.jpg)
}

.feature-icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 30px;
    text-align: center;
    border-radius: 50%;
    background: #333;
    color: #58b957;
    margin: 0 auto 20px
}

.about-icon {
    background: #333;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    line-height: 54px;
    font-size: 28px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-right: 17px;
    position: relative
}

.about-icon .far {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#27DCFE), to(#13AFF0));
    background-image: linear-gradient(-180deg, #27DCFE 0%, #13AFF0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.expanded-url {
    border: 1px solid #333;
    background: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 2px;
    color: #747474;
    line-height: 1.25;
    padding: 9px;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.expanded-url-image {
    opacity: .6;
    padding-right: 10px;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.expanded-url-image img {
    height: 60px
}

.expanded-url-image .default {
    border-radius: 2px;
    -o-object-fit: cover;
    object-fit: cover
}

.expanded-url-type {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding-top: 5px
}

.expanded-url-title {
    color: #13aff0;
    display: block;
    margin-top: 4px;
    margin-bottom: 3px
}

.expanded-url-source {
    font-size: 11px;
    display: block;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

.expanded-url:hover {
    background: #333
}

.expanded-url:hover .expanded-url-image {
    opacity: 1
}

.expanded-url:hover .expanded-url-type {
    color: #747474
}

.expanded-url:hover .expanded-url-source {
    color: #bbb
}

.img-blur {
    -webkit-filter: blur(5px) brightness(50%);
    filter: blur(5px) brightness(50%)
}

.mature-content-label {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    width: 100%;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    color: #bbb;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    letter-spacing: 1.1px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.matureContent {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1029
}

.matureContent h5 {
    font-size: 14px;
    color: #bbb;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    font-weight: 400;
    letter-spacing: 1.1px;
    line-height: 1.2;
    margin-bottom: 0
}

.matureContent-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    padding-left: 5%;
    padding-right: 5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center
}

.has-matureContent .matureContent-blur {
    -webkit-filter: blur(5px) brightness(50%);
    filter: blur(5px) brightness(50%)
}

.has-matureContent .matureContent-hide {
    opacity: 0;
    pointer-events: none
}

.has-matureContent {
    position: relative
}

.marketplace-card-thumbnail .matureContent {
    z-index: 3
}

.playlists-title {
    text-align: center;
    font-weight: 600;
    font-size: 32px;
    color: #f1f1f1;
    margin: 0 0 32px
}

.playlists-grid,
.courses-grid {
    display: -ms-grid;
    display: grid;
    grid-gap: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    padding: 0 10px 32px
}

@media(min-width:768px) {

    .playlists-grid,
    .courses-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 20px
    }
}

@media(min-width:1200px) {

    .playlists-grid,
    .courses-grid {
        -ms-grid-columns: 1fr [3];
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 24px;
        padding: 0 32px 32px
    }
}

@media(min-width:1440px) {

    .playlists-grid,
    .courses-grid {
        -ms-grid-columns: 1fr [4];
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(min-width:1920px) {

    .playlists-grid,
    .courses-grid {
        -ms-grid-columns: 1fr [5];
        grid-template-columns: repeat(5, 1fr)
    }
}

.playlists-grid .playlist-grid-item,
.courses-grid .playlist-grid-item {
    border-radius: 3px;
    overflow: hidden
}

.playlists-grid .playlist-grid-item:hover .course-grid-overlay,
.courses-grid .playlist-grid-item:hover .course-grid-overlay {
    border-color: rgba(255, 255, 255, .8);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(83.78%, rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.667859))), rgba(0, 0, 0, 0.2);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 83.78%, rgba(0, 0, 0, 0.667859) 100%), rgba(0, 0, 0, 0.2)
}

.playlists-grid .playlist-grid-item:hover .course-grid-play,
.courses-grid .playlist-grid-item:hover .course-grid-play {
    opacity: 1;
    visibility: visible
}

.playlists-grid .playlist-grid-item:hover .playlist-follow-button,
.courses-grid .playlist-grid-item:hover .playlist-follow-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.playlists-grid .playlist-grid-item-info,
.courses-grid .playlist-grid-item-info {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(23, 23, 23, .8);
    font-size: 12px;
    color: #f1f1f1;
    padding: 2px 4px;
    text-transform: uppercase;
    z-index: 3;
    border-radius: 3px
}

.playlists-grid .playlist-grid-item.is-clickable,
.courses-grid .playlist-grid-item.is-clickable {
    pointer-events: all
}

.playlists-grid .playlist-grid-item .playlist-follow-button,
.courses-grid .playlist-grid-item .playlist-follow-button {
    position: absolute;
    right: 12px;
    bottom: 12px;
    font-size: 12px;
    color: #f1f1f1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    display: none
}

.playlists-grid .playlist-grid-item .playlist-follow-button_image,
.courses-grid .playlist-grid-item .playlist-follow-button_image {
    width: 32px;
    height: 32px;
    background: rgba(0, 0, 0, .6);
    border-radius: 3px;
    border: 1px solid #747474;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.playlists-grid .playlist-grid-item .playlist-follow-button_image:hover,
.courses-grid .playlist-grid-item .playlist-follow-button_image:hover {
    color: #13aff0
}

.playlists-grid .playlist-grid-item .playlist-follow-button_text,
.courses-grid .playlist-grid-item .playlist-follow-button_text {
    display: none;
    margin: 0 8px 0 0;
    text-shadow: 0 1px 3px #000
}

.playlists-grid .playlist-grid-item .playlist-follow-button:hover .playlist-follow-button_text,
.courses-grid .playlist-grid-item .playlist-follow-button:hover .playlist-follow-button_text {
    display: block
}

.playlists-grid .playlist-grid-title,
.courses-grid .playlist-grid-title {
    font-size: 16px;
    margin: 8px 0 0;
    display: block
}

.playlists-grid .playlist-grid-title:hover,
.courses-grid .playlist-grid-title:hover {
    color: #f1f1f1
}

.playlists-grid .playlist-grid-images,
.courses-grid .playlist-grid-images {
    display: -ms-grid;
    display: grid;
    grid-gap: 0;
    -ms-grid-columns: 1fr [2];
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows: auto
}

@media(max-width:767px) {

    .playlists-grid .playlist-grid-item,
    .courses-grid .playlist-grid-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .playlists-grid .playlist-grid-item>.position-relative,
    .courses-grid .playlist-grid-item>.position-relative {
        width: 50%;
        margin-right: 8px
    }

    .playlists-grid .playlist-grid-link-title,
    .courses-grid .playlist-grid-link-title {
        width: 50%
    }

    .playlists-grid .playlist-grid-title,
    .courses-grid .playlist-grid-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 40px 0 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 12px
    }

    .playlists-grid .playlist-grid-title>.d-flex,
    .courses-grid .playlist-grid-title>.d-flex {
        width: 100%
    }

    .playlists-grid .playlist-grid-author,
    .courses-grid .playlist-grid-author {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        font-size: 12px
    }

    .playlists-grid .playlist-grid-author-avatar,
    .courses-grid .playlist-grid-author-avatar {
        display: none
    }
}

.course-grid-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 10px;
    border-radius: 3px;
    color: #bbb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border: 3px solid transparent;
    -webkit-transition: border-color .2s linear;
    transition: border-color .2s linear
}

.course-grid-play {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    width: 40px;
    height: 40px;
    line-height: 44px;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    border: 1px solid #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .26);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .26);
    border-radius: 50%;
    padding-left: 3px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.course-grid-item {
    font-size: 12px;
    position: relative
}

.course-grid-item:hover .course-grid-link,
.course-grid-item.is-series-preview-active .course-grid-link {
    position: relative;
    color: #fff;
    background: #171717;
    -webkit-box-shadow: 0 11px 20px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 11px 20px 0 rgba(0, 0, 0, .5)
}

.course-grid-item:hover .course-grid-link .course-grid-play,
.course-grid-item:hover .course-grid-link .course-grid-play-centered,
.course-grid-item:hover .course-grid-link .course-grid-duration-label,
.course-grid-item.is-series-preview-active .course-grid-link .course-grid-play,
.course-grid-item.is-series-preview-active .course-grid-link .course-grid-play-centered,
.course-grid-item.is-series-preview-active .course-grid-link .course-grid-duration-label {
    opacity: 1;
    visibility: visible
}

.course-grid-item:hover .course-grid-series-toggle,
.course-grid-item:hover .course-grid-watch-later,
.course-grid-item:hover .course-grid-series-toggle,
.course-grid-item.is-series-preview-active .course-grid-series-toggle,
.course-grid-item.is-series-preview-active .course-grid-watch-later,
.course-grid-item.is-series-preview-active .course-grid-series-toggle {
    opacity: 1;
    visibility: visible
}

.course-grid-item:hover .course-grid-overlay,
.course-grid-item.is-series-preview-active .course-grid-overlay {
    border-color: rgba(255, 255, 255, .8)
}

.course-grid-item.is-series-preview-active .course-grid-series-icon .animate-icon {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.course-grid-item .course-grid-watch-later {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 3px 2px 3px 6px
}

.course-grid-item-remove {
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 3;
    font-size: 16px;
    padding: 3px 6px;
    width: 24px;
    min-height: 24px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, .6);
    border-radius: 50%;
    opacity: .6;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.course-grid-item-remove:hover {
    opacity: 1
}

.course-grid-link,
.course-grid-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    border-radius: 2px
}

.course-grid-link:before,
.course-grid-block:before {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 56.25%
}

.course-grid-link-title {
    display: block;
    color: #bbb;
    font-size: 11px;
    padding-top: 9px
}

.course-grid-link-title:hover {
    color: #bbb
}

.course-grid-author {
    font-size: 11px;
    padding: 0 50px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 8px 0 0;
    width: 100%
}

.course-grid-author-avatar {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 8px
}

.course-grid-author-avatar img {
    width: 100%;
    vertical-align: baseline
}

.course-grid-authors {
    font-size: 11px;
    margin: 8px 50px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%
}

.course-grid-authors-list {
    position: absolute;
    top: calc(100% + 4px);
    background: #222;
    border-radius: 3px;
    z-index: 3;
    padding: 4px 0;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .5)
}

.course-grid-authors-list:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #222;
    left: 50%;
    top: -5px;
    margin: 0 0 0 -5px
}

.course-grid-authors-list .course-grid-author-avatar {
    width: 16px;
    height: 16px
}

.course-grid-authors-list .course-grid-author-avatar img {
    width: 100%
}

.course-grid-authors .course-grid-instructor-link {
    padding: 4px 8px;
    cursor: pointer
}

.course-grid-authors .course-grid-instructor-link.unvisible {
    cursor: default
}

.course-grid-instructors-button {
    border: 0;
    background: 0 0;
    font-size: 11px;
    color: #bbb;
    cursor: pointer;
    padding: 0;
    white-space: nowrap;
    position: relative;
    padding: 0 12px 0 0
}

.course-grid-instructors-button:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #bbb;
    top: 9px;
    right: 1px
}

.course-grid-instructors-button:focus,
.course-grid-instructors-button:active {
    outline: none
}

.course-grid-instructors-button.is-insctructors-list-shown,
.course-grid-instructors-button:hover {
    outline: none;
    text-decoration: underline;
    color: #f1f1f1
}

.course-grid-instructors-button.is-insctructors-list-shown:after,
.course-grid-instructors-button:hover:after {
    border-top: 4px solid #f1f1f1
}

.course-grid-level {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.course-grid-instructor-link {
    color: #bbb;
    white-space: nowrap
}

.course-grid-instructor-link:not(.unvisible):hover {
    color: #0b7cac
}

.course-grid-author-name {
    overflow: hidden;
    max-width: 120px;
    text-overflow: ellipsis
}

.course-grid-watch-later {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 3;
    -webkit-transition: none;
    transition: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.course-grid-watch-later:hover .course-grid-watch-later-text,
.course-grid-watch-later.visible .course-grid-watch-later-text {
    display: block
}

@media(max-width:991px) {
    .course-grid-watch-later:not(.visible):hover .course-grid-watch-later-text {
        display: none
    }
}

.course-grid-watch-later:not(.btn-primary):hover .course-grid-watch-later-icon {
    color: #13aff0
}

.course-grid-watch-later:not(.btn-primary):hover .course-grid-watch-later-text.text-default {
    display: none
}

.course-grid-watch-later:not(.btn-primary):hover .course-grid-watch-later-text.text-hover {
    display: inline
}

.course-grid-watch-later.visible {
    position: static;
    opacity: 1
}

.course-grid-watch-later.visible .text-hover {
    display: none
}

.course-grid-watch-later.visible:hover .course-grid-watch-later-text {
    color: #fff
}

.course-grid-watch-later-icon {
    font-size: 14px
}

.course-grid-watch-later.btn-blank .course-grid-watch-later-icon {
    color: #bbb;
    font-size: 14px;
    width: 26px;
    height: 26px;
    line-height: 24px !important;
    border-radius: 3px;
    background: rgba(0, 0, 0, .6);
    border: 1px solid rgba(255, 255, 255, .3)
}

.course-grid-watch-later.btn-blank .course-grid-watch-later-icon.is-added {
    color: #13aff0
}

.course-grid-watch-later.btn-blank .course-grid-watch-later-text {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5)
}

.course-grid-watch-later-text {
    display: none;
    pointer-events: none;
    font-size: 12px;
    margin-left: 6px;
    margin-right: 6px
}

.course-grid-watch-later-text.text-hover {
    display: none
}

.course-grid-image {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.course-grid-duration-label {
    visibility: hidden;
    opacity: 0;
    line-height: initial;
    padding: 4px 8px;
    position: absolute;
    border-radius: 3px;
    bottom: 10px;
    left: 10px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.course-grid-series-label {
    text-transform: uppercase;
    line-height: initial;
    padding: 2px 4px;
    position: absolute;
    border-radius: 3px;
    top: 10px;
    left: 10px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.course-grid-title {
    margin-top: 3px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.5;
    flex-grow: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 0 50px 0 0
}

.course-grid-title:hover {
    color: #fff
}

.course-grid-software {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 12px;
    margin-top: 4px;
    padding: 0 0 8px;
    position: absolute;
    right: 0
}

.course-grid-software-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 3px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: #222;
    border: 0;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    border-radius: 3px
}

.course-grid-software-container .show-more-softwares {
    font-size: 10px;
    color: #bbb;
    cursor: pointer;
    margin: 0 auto
}

.course-grid-software-container img {
    display: block
}

.course-grid-software-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    background: #222;
    right: 0;
    border-radius: 3px;
    padding: 0 6px;
    margin: 8px 0 0;
    z-index: 4;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .5)
}

.course-grid-software-detail:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #222;
    right: 15px;
    top: -5px
}

.course-grid-software-detail img {
    margin: 8px 2px
}

.course-grid-software:hover .show-more-softwares {
    color: #13aff0
}

.course-grid-duration {
    font-size: 11px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.course-grid-view-progress {
    background: #222;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0 0 2px 2px;
    overflow: hidden
}

.course-grid-view-progress .filler {
    display: block;
    height: 100%;
    background: #13aff0;
    border-radius: 0 0 0 2px
}

.course-grid-series-toggle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20%;
    z-index: 2;
    cursor: pointer;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.course-grid-series-icon {
    position: absolute;
    bottom: 3px;
    left: 50%;
    border-radius: 5px 5px 0 0;
    background: rgba(255, 255, 255, .8);
    color: #000;
    display: block;
    font-size: 24px;
    line-height: 1;
    padding: 3px 10px 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.course-grid-series-icon .animate-icon {
    -webkit-transition: -webkit-transform .1s linear;
    transition: -webkit-transform .1s linear;
    transition: transform .1s linear;
    transition: transform .1s linear, -webkit-transform .1s linear
}

.instructors-block {
    margin: 0 0 32px
}

.instructors-block .avatar {
    margin: 0 24px 0 0;
    width: 80px;
    height: 80px
}

.instructors-block .avatar img {
    width: 100%;
    height: auto;
    border-radius: 50%
}

.instructors-block .info {
    margin: 16px auto;
    max-width: 740px;
    width: 90%;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #bbb
}

.instructors-block .content {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #bbb
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media(min-width:768px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:992px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:1200px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:1440px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media(min-width:1920px) {
    .d-xg-none {
        display: none !important
    }

    .d-xg-inline {
        display: inline !important
    }

    .d-xg-inline-block {
        display: inline-block !important
    }

    .d-xg-block {
        display: block !important
    }

    .d-xg-table {
        display: table !important
    }

    .d-xg-table-row {
        display: table-row !important
    }

    .d-xg-table-cell {
        display: table-cell !important
    }

    .d-xg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xg-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.justify-content-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12
}

@media(min-width:768px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

@media(min-width:992px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

@media(min-width:1200px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

@media(min-width:1440px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

@media(min-width:1920px) {
    .flex-xg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xg-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xg-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xg-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .justify-content-xg-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }

    .align-items-xg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xg-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-xg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xg-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-xg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xg-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }

    .order-xg-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xg-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xg-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xg-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xg-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xg-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xg-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xg-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xg-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xg-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xg-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xg-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xg-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }
}

.flex-width-fix {
    min-width: 0
}

.position-static {
    position: static !important
}

.position-relative {
    position: relative !important
}

.position-absolute {
    position: absolute !important
}

.position-fixed {
    position: fixed !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-lighter {
    font-weight: 100 !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-medium {
    font-weight: 600 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-bolder {
    font-weight: 800 !important
}

.font-italic {
    font-style: italic !important
}

.letter-spacing-0 {
    letter-spacing: 0 !important
}

.line-height-1 {
    line-height: 1
}

.word-break {
    word-break: break-all
}

.text-right {
    text-align: right !important
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

@media(min-width:768px) {
    .text-sm-right {
        text-align: right !important
    }

    .text-sm-left {
        text-align: left !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media(min-width:992px) {
    .text-md-right {
        text-align: right !important
    }

    .text-md-left {
        text-align: left !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media(min-width:1200px) {
    .text-lg-right {
        text-align: right !important
    }

    .text-lg-left {
        text-align: left !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media(min-width:1440px) {
    .text-xl-right {
        text-align: right !important
    }

    .text-xl-left {
        text-align: left !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media(min-width:1920px) {
    .text-xg-right {
        text-align: right !important
    }

    .text-xg-left {
        text-align: left !important
    }

    .text-xg-center {
        text-align: center !important
    }
}

.fa-pad-right {
    display: inline-block;
    margin-right: .4em
}

.fa-pad-right-x2 {
    display: inline-block;
    margin-right: .8em
}

.fa-pad-left {
    display: inline-block;
    margin-left: .4em
}

.fa-pad-left-x2 {
    display: inline-block;
    margin-left: .8em
}

/*!* froala_editor v2.8.5 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2018 Froala Labs*/
.clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-element,
.fr-element:focus {
    outline: 0 solid transparent
}

.fr-box.fr-basic .fr-element {
    color: #000;
    padding: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: auto;
    min-height: 52px
}

.fr-box.fr-basic.fr-rtl .fr-element {
    text-align: right
}

.fr-element {
    background: 0 0;
    position: relative;
    z-index: 2;
    -webkit-user-select: auto
}

.fr-element a {
    user-select: auto;
    -o-user-select: auto;
    -moz-user-select: auto;
    -khtml-user-select: auto;
    -webkit-user-select: auto;
    -ms-user-select: auto
}

.fr-element.fr-disabled {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-element [contenteditable=true] {
    outline: 0 solid transparent
}

.fr-box a.fr-floating-btn {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    background-clip: padding-box;
    height: 32px;
    width: 32px;
    background: #fff;
    color: #1e88e5;
    -webkit-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    -moz-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    -ms-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    -o-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    outline: none;
    left: 0;
    top: 0;
    line-height: 32px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    text-align: center;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none
}

.fr-box a.fr-floating-btn svg {
    -webkit-transition: transform .2s ease 0s;
    -moz-transition: transform .2s ease 0s;
    -ms-transition: transform .2s ease 0s;
    -o-transition: transform .2s ease 0s;
    fill: #1e88e5
}

.fr-box a.fr-floating-btn i,
.fr-box a.fr-floating-btn svg {
    font-size: 14px;
    line-height: 32px
}

.fr-box a.fr-floating-btn.fr-btn+.fr-btn {
    margin-left: 10px
}

.fr-box a.fr-floating-btn:hover {
    background: #ebebeb;
    cursor: pointer
}

.fr-box a.fr-floating-btn:hover svg {
    fill: #1e88e5
}

.fr-box .fr-visible a.fr-floating-btn {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

iframe.fr-iframe {
    width: 100%;
    border: none;
    position: relative;
    display: block;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fr-wrapper {
    position: relative;
    z-index: 1
}

.fr-wrapper::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-wrapper .fr-placeholder {
    position: absolute;
    font-size: 12px;
    color: #aaa;
    z-index: 1;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden
}

.fr-wrapper.show-placeholder .fr-placeholder {
    display: block
}

.fr-wrapper ::-moz-selection {
    background: #b5d6fd;
    color: #000
}

.fr-wrapper ::-moz-selection {
    background: #b5d6fd;
    color: #000
}

.fr-wrapper ::selection {
    background: #b5d6fd;
    color: #000
}

.fr-box.fr-basic .fr-wrapper {
    background: #fff;
    border: 0;
    border-top: 0;
    top: 0;
    left: 0
}

.fr-box.fr-basic.fr-top .fr-wrapper {
    border-top: 0;
    border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16)
}

.fr-box.fr-basic.fr-bottom .fr-wrapper {
    border-bottom: 0;
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    background-clip: padding-box;
    -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, .12), 0 -1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 -1px 3px rgba(0, 0, 0, .12), 0 -1px 1px 1px rgba(0, 0, 0, .16)
}

.fr-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 8px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 2px 2px 1px rgba(0, 0, 0, .14);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 2px 2px 1px rgba(0, 0, 0, .14);
    background: #222;
    color: #fff;
    font-size: 11px;
    line-height: 22px;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-transition: opacity .2s ease 0s;
    -moz-transition: opacity .2s ease 0s;
    -ms-transition: opacity .2s ease 0s;
    -o-transition: opacity .2s ease 0s;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    left: -3000px;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    z-index: 2147483647;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fr-tooltip.fr-visible {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "alpha(opacity=0)"
}

.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn {
    background: 0 0;
    color: #222;
    -moz-outline: 0;
    outline: 0;
    border: 0;
    line-height: 1;
    cursor: pointer;
    text-align: left;
    margin: 0 2px;
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-clip: padding-box;
    z-index: 2;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    float: left;
    padding: 0;
    width: 38px;
    height: 38px
}

.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
.fr-popup .fr-command.fr-btn::-moz-focus-inner {
    border: 0;
    padding: 0
}

.fr-toolbar .fr-command.fr-btn.fr-btn-text,
.fr-popup .fr-command.fr-btn.fr-btn-text {
    width: auto
}

.fr-toolbar .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn i,
.fr-toolbar .fr-command.fr-btn svg,
.fr-popup .fr-command.fr-btn svg {
    display: block;
    font-size: 14px;
    width: 14px;
    margin: 12px;
    text-align: center;
    float: none
}

.fr-toolbar .fr-command.fr-btn span.fr-sr-only,
.fr-popup .fr-command.fr-btn span.fr-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-toolbar .fr-command.fr-btn span,
.fr-popup .fr-command.fr-btn span {
    font-size: 14px;
    display: block;
    line-height: 17px;
    min-width: 34px;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 17px;
    font-weight: 700;
    padding: 0 2px
}

.fr-toolbar .fr-command.fr-btn img,
.fr-popup .fr-command.fr-btn img {
    margin: 12px;
    width: 14px
}

.fr-toolbar .fr-command.fr-btn.fr-active,
.fr-popup .fr-command.fr-btn.fr-active {
    color: #1e88e5;
    background: 0 0
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection {
    width: auto
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span {
    font-weight: 400
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.fr-popup .fr-command.fr-btn.fr-dropdown i,
.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.fr-popup .fr-command.fr-btn.fr-dropdown span,
.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.fr-popup .fr-command.fr-btn.fr-dropdown img,
.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,
.fr-popup .fr-command.fr-btn.fr-dropdown svg {
    margin-left: 8px;
    margin-right: 16px
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
    color: #222;
    background: #d6d6d6
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
    background: #d6d6d6 !important;
    color: #222 !important
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after {
    border-top-color: #222 !important
}

.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
.fr-popup .fr-command.fr-btn.fr-dropdown::after {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #222;
    right: 4px;
    top: 17px;
    content: ""
}

.fr-toolbar .fr-command.fr-btn.fr-disabled,
.fr-popup .fr-command.fr-btn.fr-disabled {
    color: #bdbdbd;
    cursor: default
}

.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
.fr-popup .fr-command.fr-btn.fr-disabled::after {
    border-top-color: #bdbdbd !important
}

.fr-toolbar .fr-command.fr-btn.fr-hidden,
.fr-popup .fr-command.fr-btn.fr-hidden {
    display: none
}

.fr-toolbar.fr-disabled .fr-btn,
.fr-popup.fr-disabled .fr-btn,
.fr-toolbar.fr-disabled .fr-btn.fr-active,
.fr-popup.fr-disabled .fr-btn.fr-active {
    color: #bdbdbd
}

.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
    border-top-color: #bdbdbd
}

.fr-toolbar.fr-rtl .fr-command.fr-btn,
.fr-popup.fr-rtl .fr-command.fr-btn {
    float: right
}

.fr-toolbar.fr-inline .fr-command.fr-btn:not(.fr-hidden) {
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    float: none
}

.fr-desktop .fr-command:hover,
.fr-desktop .fr-command:focus {
    outline: 0;
    color: #222;
    background: #ebebeb
}

.fr-desktop .fr-command:hover::after,
.fr-desktop .fr-command:focus::after {
    border-top-color: #222 !important
}

.fr-desktop .fr-command.fr-selected {
    color: #222;
    background: #d6d6d6
}

.fr-desktop .fr-command.fr-active:hover,
.fr-desktop .fr-command.fr-active:focus {
    color: #1e88e5;
    background: #ebebeb
}

.fr-desktop .fr-command.fr-active.fr-selected {
    color: #1e88e5;
    background: #d6d6d6
}

.fr-desktop .fr-command.fr-disabled:hover,
.fr-desktop .fr-command.fr-disabled:focus,
.fr-desktop .fr-command.fr-disabled.fr-selected {
    background: 0 0
}

.fr-desktop.fr-disabled .fr-command:hover,
.fr-desktop.fr-disabled .fr-command:focus,
.fr-desktop.fr-disabled .fr-command.fr-selected {
    background: 0 0
}

.fr-toolbar.fr-mobile .fr-command.fr-blink,
.fr-popup.fr-mobile .fr-command.fr-blink {
    background: 0 0
}

.fr-command.fr-btn+.fr-dropdown-menu {
    display: inline-block;
    position: absolute;
    right: auto;
    bottom: auto;
    height: auto;
    z-index: 4;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    zoom: 1;
    border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    background-clip: padding-box
}

.fr-command.fr-btn+.fr-dropdown-menu.test-height .fr-dropdown-wrapper {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    height: auto;
    max-height: 275px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper {
    background: #fff;
    padding: 0;
    margin: auto;
    display: inline-block;
    text-align: left;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: max-height .2s ease 0s;
    -moz-transition: max-height .2s ease 0s;
    -ms-transition: max-height .2s ease 0s;
    -o-transition: max-height .2s ease 0s;
    margin-top: 0;
    float: left;
    max-height: 0;
    height: 0;
    margin-top: 0 !important
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
    overflow: auto;
    position: relative;
    max-height: 275px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
    padding: 0;
    margin: 0;
    font-size: 15px
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
    padding: 0 24px;
    line-height: 200%;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    color: inherit;
    text-decoration: none
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
    background: #d6d6d6
}

.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
    color: #bdbdbd;
    cursor: default
}

.fr-command.fr-btn:not(.fr-active)+.fr-dropdown-menu {
    left: -3000px !important
}

.fr-command.fr-btn.fr-active+.fr-dropdown-menu {
    display: inline-block;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 2px 2px 1px rgba(0, 0, 0, .14);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 2px 2px 1px rgba(0, 0, 0, .14)
}

.fr-command.fr-btn.fr-active+.fr-dropdown-menu .fr-dropdown-wrapper {
    height: auto;
    max-height: 275px
}

.fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu {
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    background-clip: padding-box
}

.fr-toolbar.fr-rtl .fr-dropdown-wrapper,
.fr-popup.fr-rtl .fr-dropdown-wrapper {
    text-align: right !important
}

body.prevent-scroll {
    overflow: hidden
}

body.prevent-scroll.fr-mobile {
    position: fixed;
    -webkit-overflow-scrolling: touch
}

.fr-modal {
    color: #222;
    font-family: Arial, Helvetica, sans-serif;
    position: fixed;
    overflow-x: auto;
    overflow-y: scroll;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 2147483640;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    line-height: 1.2
}

.fr-modal.fr-middle .fr-modal-wrapper {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    position: absolute
}

.fr-modal .fr-modal-wrapper {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-clip: padding-box;
    margin: 20px auto;
    display: inline-block;
    background: #fff;
    min-width: 300px;
    -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, .19), 0 4px 3px 1px rgba(0, 0, 0, .14);
    box-shadow: 0 5px 8px rgba(0, 0, 0, .19), 0 4px 3px 1px rgba(0, 0, 0, .14);
    border: 0;
    border-top: 5px solid #222;
    overflow: hidden;
    width: 90%;
    position: relative
}

@media(min-width:768px) and (max-width:991px) {
    .fr-modal .fr-modal-wrapper {
        margin: 30px auto;
        width: 70%
    }
}

@media(min-width:992px) {
    .fr-modal .fr-modal-wrapper {
        margin: 50px auto;
        width: 600px
    }
}

.fr-modal .fr-modal-wrapper .fr-modal-head {
    background: #fff;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 2px 2px 1px rgba(0, 0, 0, .14);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 2px 2px 1px rgba(0, 0, 0, .14);
    border-bottom: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    min-height: 42px;
    z-index: 3;
    -webkit-transition: height .2s ease 0s;
    -moz-transition: height .2s ease 0s;
    -ms-transition: height .2s ease 0s;
    -o-transition: height .2s ease 0s
}

.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
    padding: 12px;
    width: 20px;
    font-size: 16px;
    cursor: pointer;
    line-height: 18px;
    color: #222;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: color .2s ease 0s;
    -moz-transition: color .2s ease 0s;
    -ms-transition: color .2s ease 0s;
    -o-transition: color .2s ease 0s
}

.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
    font-size: 18px;
    padding: 12px 10px;
    margin: 0;
    font-weight: 400;
    line-height: 18px;
    display: inline-block;
    float: left
}

.fr-modal .fr-modal-wrapper div.fr-modal-body {
    height: 100%;
    min-height: 150px;
    overflow-y: scroll;
    padding-bottom: 10px
}

.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
    outline: 0
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
    height: 36px;
    line-height: 1;
    color: #1e88e5;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: 0 0;
    font-size: 16px;
    outline: none;
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-clip: padding-box
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command+button {
    margin-left: 24px
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
    background: #ebebeb;
    color: #1e88e5
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
    background: #d6d6d6;
    color: #1e88e5
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
    border: 0
}

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
    background: #ebebeb
}

.fr-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5;
    -ms-filter: "alpha(opacity=0)";
    z-index: 2147483639
}

.fr-popup {
    position: absolute;
    display: none;
    color: #222;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-clip: padding-box;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    margin-top: 10px;
    z-index: 2147483635;
    text-align: left;
    border: 0;
    border-top: 5px solid #222;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.2
}

.fr-popup .fr-input-focus {
    background: #f5f5f5
}

.fr-popup.fr-above {
    margin-top: -10px;
    border-top: 0;
    border-bottom: 5px solid #222;
    -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, .12), 0 -1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 -1px 3px rgba(0, 0, 0, .12), 0 -1px 1px 1px rgba(0, 0, 0, .16)
}

.fr-popup.fr-active {
    display: block
}

.fr-popup.fr-hidden {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"
}

.fr-popup.fr-empty {
    display: none !important
}

.fr-popup .fr-hs {
    display: block !important
}

.fr-popup .fr-hs.fr-hidden {
    display: none !important
}

.fr-popup .fr-input-line {
    position: relative;
    padding: 8px 0
}

.fr-popup .fr-input-line input[type=text],
.fr-popup .fr-input-line textarea {
    width: 100%;
    margin: 0 0 1px;
    border: none;
    border-bottom: solid 1px #bdbdbd;
    color: #222;
    font-size: 14px;
    padding: 6px 0 2px;
    background: 0 0;
    position: relative;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fr-popup .fr-input-line input[type=text]:focus,
.fr-popup .fr-input-line textarea:focus {
    border-bottom: solid 2px #1e88e5;
    margin-bottom: 0
}

.fr-popup .fr-input-line input+label,
.fr-popup .fr-input-line textarea+label {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    color: transparent;
    -webkit-transition: color .2s ease 0s;
    -moz-transition: color .2s ease 0s;
    -ms-transition: color .2s ease 0s;
    -o-transition: color .2s ease 0s;
    z-index: 3;
    width: 100%;
    display: block;
    background: #fff
}

.fr-popup .fr-input-line input.fr-not-empty:focus+label,
.fr-popup .fr-input-line textarea.fr-not-empty:focus+label {
    color: #1e88e5
}

.fr-popup .fr-input-line input.fr-not-empty+label,
.fr-popup .fr-input-line textarea.fr-not-empty+label {
    color: gray
}

.fr-popup input,
.fr-popup textarea {
    user-select: text;
    -o-user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-clip: padding-box;
    outline: none
}

.fr-popup textarea {
    resize: none
}

.fr-popup .fr-buttons {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    padding: 0 2px;
    white-space: nowrap;
    line-height: 0;
    border-bottom: 0
}

.fr-popup .fr-buttons::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-popup .fr-buttons .fr-btn {
    display: inline-block;
    float: none
}

.fr-popup .fr-buttons .fr-btn i {
    float: left
}

.fr-popup .fr-buttons .fr-separator {
    display: inline-block;
    float: none
}

.fr-popup .fr-layer {
    width: 225px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px;
    display: none
}

@media(min-width:768px) {
    .fr-popup .fr-layer {
        width: 300px
    }
}

.fr-popup .fr-layer.fr-active {
    display: inline-block
}

.fr-popup .fr-action-buttons {
    z-index: 7;
    height: 36px;
    text-align: right
}

.fr-popup .fr-action-buttons button.fr-command {
    height: 36px;
    line-height: 1;
    color: #1e88e5;
    padding: 10px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    background: 0 0;
    font-size: 16px;
    outline: none;
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-clip: padding-box
}

.fr-popup .fr-action-buttons button.fr-command+button {
    margin-left: 24px
}

.fr-popup .fr-action-buttons button.fr-command:hover,
.fr-popup .fr-action-buttons button.fr-command:focus {
    background: #ebebeb;
    color: #1e88e5
}

.fr-popup .fr-action-buttons button.fr-command:active {
    background: #d6d6d6;
    color: #1e88e5
}

.fr-popup .fr-action-buttons button::-moz-focus-inner {
    border: 0
}

.fr-popup .fr-checkbox {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 1;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    vertical-align: middle
}

.fr-popup .fr-checkbox svg {
    margin-left: 2px;
    margin-top: 2px;
    display: none;
    width: 10px;
    height: 10px
}

.fr-popup .fr-checkbox span {
    border: solid 1px #222;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-clip: padding-box;
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background .2s ease 0s, border-color .2s ease 0s;
    -moz-transition: background .2s ease 0s, border-color .2s ease 0s;
    -ms-transition: background .2s ease 0s, border-color .2s ease 0s;
    -o-transition: background .2s ease 0s, border-color .2s ease 0s
}

.fr-popup .fr-checkbox input {
    position: absolute;
    z-index: 2;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    border: 0;
    cursor: pointer;
    height: 16px;
    margin: 0;
    padding: 0;
    width: 16px;
    top: 1px;
    left: 1px
}

.fr-popup .fr-checkbox input:checked+span {
    background: #1e88e5;
    border-color: #1e88e5
}

.fr-popup .fr-checkbox input:checked+span svg {
    display: block
}

.fr-popup .fr-checkbox input:focus+span {
    border-color: #1e88e5
}

.fr-popup .fr-checkbox-line {
    font-size: 14px;
    line-height: 1.4px;
    margin-top: 10px
}

.fr-popup .fr-checkbox-line label {
    cursor: pointer;
    margin: 0 5px;
    vertical-align: middle
}

.fr-popup.fr-rtl {
    direction: rtl;
    text-align: right
}

.fr-popup.fr-rtl .fr-action-buttons {
    text-align: left
}

.fr-popup.fr-rtl .fr-input-line input+label,
.fr-popup.fr-rtl .fr-input-line textarea+label {
    left: auto;
    right: 0
}

.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
    float: right
}

.fr-popup .fr-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #222;
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -5px;
    display: inline-block
}

.fr-popup.fr-above .fr-arrow {
    top: auto;
    bottom: -9px;
    border-bottom: 0;
    border-top: 5px solid #222
}

.fr-text-edit-layer {
    width: 250px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block !important
}

.fr-toolbar {
    color: #222;
    background: #fff;
    position: relative;
    z-index: 4;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 0 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    text-align: left;
    border: 0;
    border-top: 5px solid #222;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.2
}

.fr-toolbar::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-toolbar.fr-rtl {
    text-align: right
}

.fr-toolbar.fr-inline {
    display: none;
    white-space: nowrap;
    position: absolute;
    margin-top: 10px
}

.fr-toolbar.fr-inline .fr-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #222;
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -5px;
    display: inline-block
}

.fr-toolbar.fr-inline.fr-above {
    margin-top: -10px;
    -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, .12), 0 -1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 -1px 3px rgba(0, 0, 0, .12), 0 -1px 1px 1px rgba(0, 0, 0, .16);
    border-bottom: 5px solid #222;
    border-top: 0
}

.fr-toolbar.fr-inline.fr-above .fr-arrow {
    top: auto;
    bottom: -9px;
    border-bottom: 0;
    border-top-color: inherit;
    border-top-style: solid;
    border-top-width: 5px
}

.fr-toolbar.fr-top {
    top: 0;
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16)
}

.fr-toolbar.fr-bottom {
    bottom: 0;
    border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16)
}

.fr-separator {
    background: #ebebeb;
    display: block;
    vertical-align: top;
    float: left
}

.fr-separator+.fr-separator {
    display: none
}

.fr-separator.fr-vs {
    height: 34px;
    width: 1px;
    margin: 2px
}

.fr-separator.fr-hs {
    clear: both;
    height: 1px;
    width: calc(100% - (2 * 2px));
    margin: 0 2px
}

.fr-separator.fr-hidden {
    display: none !important
}

.fr-rtl .fr-separator {
    float: right
}

.fr-toolbar.fr-inline .fr-separator.fr-hs {
    float: none
}

.fr-toolbar.fr-inline .fr-separator.fr-vs {
    float: none;
    display: inline-block
}

.fr-visibility-helper {
    display: none;
    margin-left: 0 !important
}

@media(min-width:768px) {
    .fr-visibility-helper {
        margin-left: 1px !important
    }
}

@media(min-width:992px) {
    .fr-visibility-helper {
        margin-left: 2px !important
    }
}

@media(min-width:1200px) {
    .fr-visibility-helper {
        margin-left: 3px !important
    }
}

.fr-opacity-0 {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"
}

.fr-box {
    position: relative
}

.fr-sticky {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky
}

.fr-sticky-off {
    position: relative
}

.fr-sticky-on {
    position: fixed
}

.fr-sticky-on.fr-sticky-ios {
    position: absolute;
    left: 0;
    right: 0;
    width: auto !important
}

.fr-sticky-dummy {
    display: none
}

.fr-sticky-on+.fr-sticky-dummy,
.fr-sticky-box>.fr-sticky-dummy {
    display: block
}

span.fr-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

/*!* froala_editor v2.8.5 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2018 Froala Labs*/
.clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

img.fr-rounded,
.fr-img-caption.fr-rounded img {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-clip: padding-box
}

img.fr-bordered,
.fr-img-caption.fr-bordered img {
    border: solid 5px #ccc
}

img.fr-bordered {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.fr-img-caption.fr-bordered img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

img.fr-shadow,
.fr-img-caption.fr-shadow img {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16)
}

.fr-view {
    word-wrap: break-word
}

.fr-view span[style~="color:"] a {
    color: inherit
}

.fr-view strong {
    font-weight: 700
}

.fr-view table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    max-width: 100%
}

.fr-view table td {
    min-width: 5px
}

.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th {
    border-style: dashed
}

.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
    background: #f5f5f5
}

.fr-view table td,
.fr-view table th {
    border: 1px solid #ddd
}

.fr-view table td:empty,
.fr-view table th:empty {
    height: 20px
}

.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
    border: 1px double red
}

.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
    border-width: 2px
}

.fr-view table th {
    background: #e6e6e6
}

.fr-view hr {
    clear: both;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    page-break-after: always
}

.fr-view .fr-file {
    position: relative
}

.fr-view .fr-file::after {
    position: relative;
    content: "\1F4CE";
    font-weight: 400
}

.fr-view pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: visible
}

.fr-view[dir=rtl] blockquote {
    border-left: none;
    border-right: solid 2px #5e35b1;
    margin-right: 0;
    padding-right: 5px;
    padding-left: 0
}

.fr-view[dir=rtl] blockquote blockquote {
    border-color: #00bcd4
}

.fr-view[dir=rtl] blockquote blockquote blockquote {
    border-color: #43a047
}

.fr-view blockquote {
    border-left: solid 2px #5e35b1;
    margin-left: 0;
    padding-left: 5px;
    color: #5e35b1
}

.fr-view blockquote blockquote {
    border-color: #00bcd4;
    color: #00bcd4
}

.fr-view blockquote blockquote blockquote {
    border-color: #43a047;
    color: #43a047
}

.fr-view span.fr-emoticon {
    font-weight: 400;
    font-family: apple color emoji, segoe ui emoji, notocoloremoji, segoe ui symbol, android emoji, emojisymbols;
    display: inline;
    line-height: 0
}

.fr-view span.fr-emoticon.fr-emoticon-img {
    background-repeat: no-repeat !important;
    font-size: inherit;
    height: 1em;
    width: 1em;
    min-height: 20px;
    min-width: 20px;
    display: inline-block;
    margin: -.1em .1em .1em;
    line-height: 1;
    vertical-align: middle
}

.fr-view .fr-text-gray {
    color: #aaa !important
}

.fr-view .fr-text-bordered {
    border-top: solid 1px #222;
    border-bottom: solid 1px #222;
    padding: 10px 0
}

.fr-view .fr-text-spaced {
    letter-spacing: 1px
}

.fr-view .fr-text-uppercase {
    text-transform: uppercase
}

.fr-view img {
    position: relative;
    max-width: 100%
}

.fr-view img.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.fr-view img.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.fr-view img.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.fr-view img.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

.fr-view img.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.fr-view img.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.fr-view span.fr-img-caption {
    position: relative;
    max-width: 100%
}

.fr-view span.fr-img-caption.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.fr-view span.fr-img-caption.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.fr-view span.fr-img-caption.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.fr-view span.fr-img-caption.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

.fr-view span.fr-img-caption.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.fr-view span.fr-img-caption.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.fr-view .fr-video {
    text-align: center;
    position: relative
}

.fr-view .fr-video>* {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 100%;
    border: none
}

.fr-view .fr-video.fr-dvb {
    display: block;
    clear: both
}

.fr-view .fr-video.fr-dvb.fr-fvl {
    text-align: left
}

.fr-view .fr-video.fr-dvb.fr-fvr {
    text-align: right
}

.fr-view .fr-video.fr-dvi {
    display: inline-block
}

.fr-view .fr-video.fr-dvi.fr-fvl {
    float: left
}

.fr-view .fr-video.fr-dvi.fr-fvr {
    float: right
}

.fr-view a.fr-strong {
    font-weight: 700
}

.fr-view a.fr-green {
    color: green
}

.fr-view .fr-img-caption {
    text-align: center
}

.fr-view .fr-img-caption .fr-img-wrap {
    padding: 0;
    display: inline-block;
    margin: auto;
    text-align: center;
    width: 100%
}

.fr-view .fr-img-caption .fr-img-wrap img {
    display: block;
    margin: auto;
    width: 100%
}

.fr-view .fr-img-caption .fr-img-wrap>span {
    margin: auto;
    display: block;
    padding: 5px 5px 10px;
    font-size: 14px;
    font-weight: initial;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-opacity: .9;
    -moz-opacity: .9;
    opacity: .9;
    -ms-filter: "alpha(opacity=0)";
    width: 100%;
    text-align: center
}

.fr-view button.fr-rounded,
.fr-view input.fr-rounded,
.fr-view textarea.fr-rounded {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-clip: padding-box
}

.fr-view button.fr-large,
.fr-view input.fr-large,
.fr-view textarea.fr-large {
    font-size: 24px
}

a.fr-view.fr-strong {
    font-weight: 700
}

a.fr-view.fr-green {
    color: green
}

img.fr-view {
    position: relative;
    max-width: 100%
}

img.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

img.fr-view.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

img.fr-view.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

img.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

img.fr-view.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

img.fr-view.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

span.fr-img-caption.fr-view {
    position: relative;
    max-width: 100%
}

span.fr-img-caption.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

span.fr-img-caption.fr-view.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

span.fr-img-caption.fr-view.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

span.fr-img-caption.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

span.fr-img-caption.fr-view.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

span.fr-img-caption.fr-view.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

/*!* froala_editor v2.8.5 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2018 Froala Labs*/
.clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.dark-theme.fr-box.fr-basic .fr-element {
    color: #000;
    padding: 16px;
    overflow-x: auto;
    min-height: 52px
}

.dark-theme .fr-element {
    -webkit-user-select: auto
}

.dark-theme.fr-box a.fr-floating-btn {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    height: 32px;
    width: 32px;
    background: #353535;
    color: #42a5f5;
    -webkit-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    -moz-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    -ms-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    -o-transition: background .2s ease 0s, color .2s ease 0s, transform .2s ease 0s;
    left: 0;
    top: 0;
    line-height: 32px;
    border: none
}

.dark-theme.fr-box a.fr-floating-btn svg {
    -webkit-transition: transform .2s ease 0s;
    -moz-transition: transform .2s ease 0s;
    -ms-transition: transform .2s ease 0s;
    -o-transition: transform .2s ease 0s;
    fill: #42a5f5
}

.dark-theme.fr-box a.fr-floating-btn i,
.dark-theme.fr-box a.fr-floating-btn svg {
    font-size: 14px;
    line-height: 32px
}

.dark-theme.fr-box a.fr-floating-btn:hover {
    background: #3d3d3d
}

.dark-theme.fr-box a.fr-floating-btn:hover svg {
    fill: #42a5f5
}

.dark-theme .fr-wrapper .fr-placeholder {
    font-size: 12px;
    color: #aaa;
    top: 0;
    left: 0;
    right: 0
}

.dark-theme .fr-wrapper ::-moz-selection {
    background: #b5d6fd;
    color: #000
}

.dark-theme .fr-wrapper ::-moz-selection {
    background: #b5d6fd;
    color: #000
}

.dark-theme .fr-wrapper ::selection {
    background: #b5d6fd;
    color: #000
}

.dark-theme.fr-box.fr-basic .fr-wrapper {
    background: #fff;
    border: 0;
    border-top: 0;
    top: 0;
    left: 0
}

.dark-theme.fr-box.fr-basic.fr-top .fr-wrapper {
    border-top: 0;
    border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16)
}

.dark-theme.fr-box.fr-basic.fr-bottom .fr-wrapper {
    border-bottom: 0;
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    background-clip: padding-box;
    -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, .12), 0 -1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 -1px 3px rgba(0, 0, 0, .12), 0 -1px 1px 1px rgba(0, 0, 0, .16)
}

.dark-theme .fr-sticky-on.fr-sticky-ios {
    left: 0;
    right: 0
}

.dark-theme.fr-box .fr-counter {
    color: #aaa;
    background: #fff;
    border-top: solid 1px #ebebeb;
    border-left: solid 1px #ebebeb;
    border-radius: 2px 0 0 0;
    -moz-border-radius: 2px 0 0 0;
    -webkit-border-radius: 2px 0 0 0;
    background-clip: padding-box
}

.dark-theme.fr-box.fr-rtl .fr-counter {
    right: auto;
    border-right: solid 1px #ebebeb;
    border-radius: 0 2px 0 0;
    -moz-border-radius: 0 2px 0 0;
    -webkit-border-radius: 0 2px 0 0;
    background-clip: padding-box
}

.dark-theme textarea.fr-code {
    background: #fff;
    color: #000
}

.dark-theme.fr-box.fr-code-view.fr-inline {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16)
}

.dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch {
    top: 0;
    right: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    background: #fff;
    color: #fff;
    -moz-outline: 0;
    outline: 0;
    border: 0;
    padding: 12px;
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s
}

.dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
    font-size: 14px;
    width: 14px
}

.dark-theme.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
    background: #3d3d3d
}

.dark-theme.fr-popup .fr-colors-tabs {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16)
}

.dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab {
    color: #fff;
    padding: 8px 0
}

.dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab:hover,
.dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab:focus {
    color: #42a5f5
}

.dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1=background]::after {
    bottom: 0;
    left: 0;
    background: #42a5f5;
    -webkit-transition: transform .2s ease 0s;
    -moz-transition: transform .2s ease 0s;
    -ms-transition: transform .2s ease 0s;
    -o-transition: transform .2s ease 0s
}

.dark-theme.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab {
    color: #42a5f5
}

.dark-theme.fr-popup .fr-color-hex-layer .fr-input-line {
    padding: 8px 0 0
}

.dark-theme.fr-popup .fr-color-hex-layer .fr-action-buttons button {
    background-color: #42a5f5;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-clip: padding-box
}

.dark-theme.fr-popup .fr-color-hex-layer .fr-action-buttons button:hover {
    background-color: #128ef2
}

.dark-theme.fr-popup .fr-color-set {
    line-height: 0
}

.dark-theme.fr-popup .fr-color-set>span>i,
.dark-theme.fr-popup .fr-color-set>span>svg {
    bottom: 0;
    left: 0
}

.dark-theme.fr-popup .fr-color-set>span .fr-selected-color {
    color: #fff;
    font-weight: 400;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.dark-theme.fr-popup .fr-color-set>span:hover,
.dark-theme.fr-popup .fr-color-set>span:focus {
    outline: 1px solid #fff
}

.dark-theme .fr-drag-helper {
    background: #42a5f5;
    z-index: 2147483640
}

.dark-theme.fr-popup .fr-link:focus {
    outline: 0;
    background: #3d3d3d
}

.dark-theme.fr-popup .fr-file-upload-layer {
    border: dashed 2px gray;
    padding: 25px 0
}

.dark-theme.fr-popup .fr-file-upload-layer:hover {
    background: #3d3d3d
}

.dark-theme.fr-popup .fr-file-upload-layer.fr-drop {
    background: #3d3d3d;
    border-color: #42a5f5
}

.dark-theme.fr-popup .fr-file-upload-layer .fr-form {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640
}

.dark-theme.fr-popup .fr-file-progress-bar-layer>h3 {
    margin: 10px 0
}

.dark-theme.fr-popup .fr-file-progress-bar-layer>div.fr-loader {
    background: #c6e4fc
}

.dark-theme.fr-popup .fr-file-progress-bar-layer>div.fr-loader span {
    background: #42a5f5;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s
}

.dark-theme.fr-popup .fr-file-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    top: 0
}

.dark-theme.fr-box.fr-fullscreen {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
    border: 0
}

.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
    border-bottom: solid 1px #595959
}

.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
    color: #fff
}

.dark-theme .fr-image-resizer {
    border: solid 1px #42a5f5
}

.dark-theme .fr-image-resizer .fr-handler {
    background: #42a5f5;
    border: solid 1px #fff
}

.dark-theme .fr-image-resizer .fr-handler {
    width: 12px;
    height: 12px
}

.dark-theme .fr-image-resizer .fr-handler.fr-hnw {
    left: -6px;
    top: -6px
}

.dark-theme .fr-image-resizer .fr-handler.fr-hne {
    right: -6px;
    top: -6px
}

.dark-theme .fr-image-resizer .fr-handler.fr-hsw {
    left: -6px;
    bottom: -6px
}

.dark-theme .fr-image-resizer .fr-handler.fr-hse {
    right: -6px;
    bottom: -6px
}

@media(min-width:1200px) {
    .dark-theme .fr-image-resizer .fr-handler {
        width: 10px;
        height: 10px
    }

    .dark-theme .fr-image-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }

    .dark-theme .fr-image-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }

    .dark-theme .fr-image-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px
    }

    .dark-theme .fr-image-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px
    }
}

.dark-theme.fr-image-overlay {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483640
}

.dark-theme.fr-popup .fr-image-upload-layer {
    border: dashed 2px gray;
    padding: 25px 0
}

.dark-theme.fr-popup .fr-image-upload-layer:hover {
    background: #3d3d3d
}

.dark-theme.fr-popup .fr-image-upload-layer.fr-drop {
    background: #3d3d3d;
    border-color: #42a5f5
}

.dark-theme.fr-popup .fr-image-upload-layer .fr-form {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640
}

.dark-theme.fr-popup .fr-image-progress-bar-layer>h3 {
    margin: 10px 0
}

.dark-theme.fr-popup .fr-image-progress-bar-layer>div.fr-loader {
    background: #c6e4fc
}

.dark-theme.fr-popup .fr-image-progress-bar-layer>div.fr-loader span {
    background: #42a5f5;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s
}

.dark-theme.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    top: 0
}

.dark-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more {
    -webkit-transition: padding .2s ease 0s, width .2s ease 0s, opacity .2s ease 0s;
    -moz-transition: padding .2s ease 0s, width .2s ease 0s, opacity .2s ease 0s;
    -ms-transition: padding .2s ease 0s, width .2s ease 0s, opacity .2s ease 0s;
    -o-transition: padding .2s ease 0s, width .2s ease 0s, opacity .2s ease 0s
}

.dark-theme.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available {
    opacity: 0;
    width: 0;
    padding: 12px 0
}

.dark-theme.fr-modal-head .fr-modal-tags a {
    opacity: 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-clip: padding-box;
    color: #42a5f5;
    -webkit-transition: opacity .2s ease 0s, background .2s ease 0s;
    -moz-transition: opacity .2s ease 0s, background .2s ease 0s;
    -ms-transition: opacity .2s ease 0s, background .2s ease 0s;
    -o-transition: opacity .2s ease 0s, background .2s ease 0s
}

.dark-theme.fr-modal-head .fr-modal-tags a.fr-selected-tag {
    background: #2e2e2e
}

.dark-themediv.fr-modal-body .fr-preloader {
    margin: 50px auto
}

.dark-themediv.fr-modal-body div.fr-image-list {
    padding: 0
}

.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-clip: padding-box
}

.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
    -webkit-transition: opacity .2s ease 0s;
    -moz-transition: opacity .2s ease 0s;
    -ms-transition: opacity .2s ease 0s;
    -o-transition: opacity .2s ease 0s;
    background: #000;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
    color: #fff;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto
}

.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
    background: #aaa
}

.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container img {
    -webkit-transition: opacity .2s ease 0s, filter .2s ease 0s;
    -moz-transition: opacity .2s ease 0s, filter .2s ease 0s;
    -ms-transition: opacity .2s ease 0s, filter .2s ease 0s;
    -o-transition: opacity .2s ease 0s, filter .2s ease 0s
}

.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,
.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
    -webkit-transition: background .2s ease 0s, color .2s ease 0s;
    -moz-transition: background .2s ease 0s, color .2s ease 0s;
    -ms-transition: background .2s ease 0s, color .2s ease 0s;
    -o-transition: background .2s ease 0s, color .2s ease 0s;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    margin: 0
}

.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
    background: #b8312f;
    color: #fff
}

.dark-themediv.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
    background: #353535;
    color: #42a5f5
}

.dark-theme.dark-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover {
    background: #3d3d3d
}

.dark-theme.dark-theme.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag {
    background: #2e2e2e
}

.dark-theme.dark-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
    background: #bf4644;
    color: #fff
}

.dark-theme.dark-theme.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
    background: #3d3d3d
}

.dark-theme .fr-line-breaker {
    border-top: 1px solid #42a5f5
}

.dark-theme .fr-line-breaker a.fr-floating-btn {
    left: calc(50% - (32px/2));
    top: -16px
}

.dark-theme .fr-qi-helper {
    padding-left: 16px
}

.dark-theme .fr-qi-helper a.fr-btn.fr-floating-btn {
    color: #fff
}

.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character {
    border: 1px solid #aaa
}

.dark-theme .fr-element table td.fr-selected-cell,
.dark-theme .fr-element table th.fr-selected-cell {
    border: 1px double #42a5f5
}

.dark-theme .fr-table-resizer div {
    border-right: 1px solid #42a5f5
}

.dark-theme.fr-popup .fr-table-colors-hex-layer .fr-input-line {
    padding: 8px 0 0
}

.dark-theme.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button {
    background-color: #42a5f5;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-clip: padding-box
}

.dark-theme.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button:hover {
    background-color: #128ef2
}

.dark-theme.fr-popup .fr-table-size .fr-select-table-size {
    line-height: 0
}

.dark-theme.fr-popup .fr-table-size .fr-select-table-size>span {
    padding: 0 4px 4px 0
}

.dark-theme.fr-popup .fr-table-size .fr-select-table-size>span>span {
    border: 1px solid #ddd
}

.dark-theme.fr-popup .fr-table-size .fr-select-table-size>span.hover>span {
    background: rgba(66, 165, 245, .3);
    border: solid 1px #42a5f5
}

.dark-theme.fr-popup .fr-table-colors {
    line-height: 0
}

.dark-theme.fr-popup .fr-table-colors>span>i {
    bottom: 0;
    left: 0
}

.dark-theme.fr-popup .fr-table-colors>span:focus {
    outline: 1px solid #fff
}

.dark-theme .fr-element .fr-video::after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.dark-theme.fr-box .fr-video-resizer {
    border: solid 1px #42a5f5
}

.dark-theme.fr-box .fr-video-resizer .fr-handler {
    background: #42a5f5;
    border: solid 1px #fff
}

.dark-theme.fr-box .fr-video-resizer .fr-handler {
    width: 12px;
    height: 12px
}

.dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
    left: -6px;
    top: -6px
}

.dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
    right: -6px;
    top: -6px
}

.dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
    left: -6px;
    bottom: -6px
}

.dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
    right: -6px;
    bottom: -6px
}

@media(min-width:1200px) {
    .dark-theme.fr-box .fr-video-resizer .fr-handler {
        width: 10px;
        height: 10px
    }

    .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }

    .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }

    .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px
    }

    .dark-theme.fr-box .fr-video-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px
    }
}

.dark-theme.fr-popup .fr-video-upload-layer {
    border: dashed 2px gray;
    padding: 25px 0
}

.dark-theme.fr-popup .fr-video-upload-layer:hover {
    background: #3d3d3d
}

.dark-theme.fr-popup .fr-video-upload-layer.fr-drop {
    background: #3d3d3d;
    border-color: #42a5f5
}

.dark-theme.fr-popup .fr-video-upload-layer .fr-form {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640
}

.dark-theme.fr-popup .fr-video-progress-bar-layer>h3 {
    margin: 10px 0
}

.dark-theme.fr-popup .fr-video-progress-bar-layer>div.fr-loader {
    background: #c6e4fc
}

.dark-theme.fr-popup .fr-video-progress-bar-layer>div.fr-loader span {
    background: #42a5f5;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s
}

.dark-theme.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    top: 0
}

.dark-theme.fr-video-overlay {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483640
}

.dark-theme .fr-view span[style~="color:"] a {
    color: inherit
}

.dark-theme .fr-view strong {
    font-weight: 700
}

.dark-theme .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
    background: #d3d3d3
}

.dark-theme .fr-view table td,
.dark-theme .fr-view table th {
    border: 1px solid #ddd
}

.dark-theme .fr-view table th {
    background: #e6e6e6
}

.dark-theme .fr-view[dir=rtl] blockquote {
    border-right: solid 2px #5e35b1;
    margin-right: 0
}

.dark-theme .fr-view[dir=rtl] blockquote blockquote {
    border-color: #00bcd4
}

.dark-theme .fr-view[dir=rtl] blockquote blockquote blockquote {
    border-color: #43a047
}

.dark-theme .fr-view blockquote {
    border-left: solid 2px #5e35b1;
    margin-left: 0;
    color: #5e35b1
}

.dark-theme .fr-view blockquote blockquote {
    border-color: #00bcd4;
    color: #00bcd4
}

.dark-theme .fr-view blockquote blockquote blockquote {
    border-color: #43a047;
    color: #43a047
}

.dark-theme .fr-view span.fr-emoticon {
    line-height: 0
}

.dark-theme .fr-view span.fr-emoticon.fr-emoticon-img {
    font-size: inherit
}

.dark-theme .fr-view .fr-text-bordered {
    padding: 10px 0
}

.dark-theme .fr-view .fr-img-caption .fr-img-wrap {
    margin: auto
}

.dark-theme .fr-view .fr-img-caption .fr-img-wrap img {
    margin: auto
}

.dark-theme .fr-view .fr-img-caption .fr-img-wrap>span {
    margin: auto
}

.dark-theme .fr-element .fr-embedly::after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.dark-theme.fr-box .fr-embedly-resizer {
    border: solid 1px #42a5f5
}

.dark-theme .examples-variante>a {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif
}

.dark-theme .sc-cm-holder>.sc-cm {
    border-top: 5px solid #222 !important
}

.dark-theme .sc-cm__item_dropdown:hover>a,
.dark-theme .sc-cm a:hover {
    background-color: #3d3d3d !important
}

.dark-theme .sc-cm__item_active>a,
.dark-theme .sc-cm__item_active>a:hover,
.dark-theme .sc-cm a:active,
.dark-theme .sc-cm a:focus {
    background-color: #2e2e2e !important
}

.dark-theme .sc-cm-holder>.sc-cm:before {
    background-color: #3d3d3d !important
}

.dark-theme .fr-tooltip {
    top: 0;
    left: 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 2px 2px 1px rgba(0, 0, 0, .14);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 2px 2px 1px rgba(0, 0, 0, .14);
    background: #222;
    color: #fff;
    font-size: 11px;
    line-height: 22px;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-transition: opacity .2s ease 0s;
    -moz-transition: opacity .2s ease 0s;
    -ms-transition: opacity .2s ease 0s;
    -o-transition: opacity .2s ease 0s
}

.dark-theme.fr-toolbar .fr-command.fr-btn,
.dark-theme.fr-popup .fr-command.fr-btn {
    color: #fff;
    -moz-outline: 0;
    outline: 0;
    border: 0;
    margin: 0 2px;
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s;
    padding: 0;
    width: 38px;
    height: 38px
}

.dark-theme.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
.dark-theme.fr-popup .fr-command.fr-btn::-moz-focus-inner {
    border: 0
}

.dark-theme.fr-toolbar .fr-command.fr-btn.fr-btn-text,
.dark-theme.fr-popup .fr-command.fr-btn.fr-btn-text {
    width: auto
}

.dark-theme.fr-toolbar .fr-command.fr-btn i,
.dark-theme.fr-popup .fr-command.fr-btn i,
.dark-theme.fr-toolbar .fr-command.fr-btn svg,
.dark-theme.fr-popup .fr-command.fr-btn svg {
    font-size: 14px;
    width: 14px;
    margin: 12px
}

.dark-theme.fr-toolbar .fr-command.fr-btn span,
.dark-theme.fr-popup .fr-command.fr-btn span {
    font-size: 14px;
    line-height: 17px;
    min-width: 34px;
    height: 17px;
    padding: 0 2px
}

.dark-theme.fr-toolbar .fr-command.fr-btn img,
.dark-theme.fr-popup .fr-command.fr-btn img {
    margin: 12px;
    width: 14px
}

.dark-theme.fr-toolbar .fr-command.fr-btn.fr-active,
.dark-theme.fr-popup .fr-command.fr-btn.fr-active {
    color: #42a5f5;
    background: 0 0
}

.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,
.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection {
    width: auto
}

.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown i,
.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown span,
.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown img,
.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,
.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown svg {
    margin-left: 8px;
    margin-right: 16px
}

.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
    color: #fff;
    background: #2e2e2e
}

.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
    background: #2e2e2e !important;
    color: #fff !important
}

.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,
.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after {
    border-top-color: #fff !important
}

.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
.dark-theme.fr-popup .fr-command.fr-btn.fr-dropdown::after {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
    right: 4px;
    top: 17px
}

.dark-theme.fr-toolbar .fr-command.fr-btn.fr-disabled,
.dark-theme.fr-popup .fr-command.fr-btn.fr-disabled {
    color: gray
}

.dark-theme.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
.dark-theme.fr-popup .fr-command.fr-btn.fr-disabled::after {
    border-top-color: gray !important
}

.dark-theme.fr-toolbar.fr-disabled .fr-btn,
.dark-theme.fr-popup.fr-disabled .fr-btn,
.dark-theme.fr-toolbar.fr-disabled .fr-btn.fr-active,
.dark-theme.fr-popup.fr-disabled .fr-btn.fr-active {
    color: gray
}

.dark-theme.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
.dark-theme.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
.dark-theme.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.dark-theme.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
    border-top-color: gray
}

.dark-theme.fr-desktop .fr-command:hover,
.dark-theme.fr-desktop .fr-command:focus {
    outline: 0;
    color: #fff;
    background: #3d3d3d
}

.dark-theme.fr-desktop .fr-command:hover::after,
.dark-theme.fr-desktop .fr-command:focus::after {
    border-top-color: #fff !important
}

.dark-theme.fr-desktop .fr-command.fr-selected {
    color: #fff;
    background: #2e2e2e
}

.dark-theme.fr-desktop .fr-command.fr-active:hover,
.dark-theme.fr-desktop .fr-command.fr-active:focus {
    color: #42a5f5;
    background: #3d3d3d
}

.dark-theme.fr-desktop .fr-command.fr-active.fr-selected {
    color: #42a5f5;
    background: #2e2e2e
}

.dark-theme.fr-toolbar.fr-mobile .fr-command.fr-blink,
.dark-theme.fr-popup.fr-mobile .fr-command.fr-blink {
    background: 0 0
}

.dark-theme .fr-command.fr-btn+.fr-dropdown-menu {
    right: auto;
    bottom: auto;
    height: auto;
    border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    background-clip: padding-box
}

.dark-theme .fr-command.fr-btn+.fr-dropdown-menu.test-height .fr-dropdown-wrapper {
    height: auto;
    max-height: 275px
}

.dark-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper {
    background: #353535;
    padding: 0;
    margin: auto;
    -webkit-transition: max-height .2s ease 0s;
    -moz-transition: max-height .2s ease 0s;
    -ms-transition: max-height .2s ease 0s;
    -o-transition: max-height .2s ease 0s;
    margin-top: 0;
    max-height: 0;
    height: 0
}

.dark-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
    overflow: auto;
    max-height: 275px
}

.dark-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
    margin: 0;
    padding: 0
}

.dark-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
    padding: 0;
    margin: 0
}

.dark-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
    color: inherit
}

.dark-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
    background: #2e2e2e
}

.dark-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
    color: gray
}

.dark-theme .fr-command.fr-btn.fr-active+.fr-dropdown-menu {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 2px 2px 1px rgba(0, 0, 0, .14);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 2px 2px 1px rgba(0, 0, 0, .14)
}

.dark-theme .fr-command.fr-btn.fr-active+.fr-dropdown-menu .fr-dropdown-wrapper {
    height: auto;
    max-height: 275px
}

.dark-theme .fr-bottom>.fr-command.fr-btn+.fr-dropdown-menu {
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    background-clip: padding-box
}

.dark-theme.fr-modal {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    overflow-x: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483640
}

.dark-theme.fr-modal.fr-middle .fr-modal-wrapper {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto
}

.dark-theme.fr-modal .fr-modal-wrapper {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-clip: padding-box;
    margin: 20px auto;
    background: #353535;
    -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, .19), 0 4px 3px 1px rgba(0, 0, 0, .14);
    box-shadow: 0 5px 8px rgba(0, 0, 0, .19), 0 4px 3px 1px rgba(0, 0, 0, .14);
    border: 0;
    border-top: 5px solid #222
}

@media(min-width:768px) and (max-width:991px) {
    .dark-theme.fr-modal .fr-modal-wrapper {
        margin: 30px auto
    }
}

@media(min-width:992px) {
    .dark-theme.fr-modal .fr-modal-wrapper {
        margin: 50px auto
    }
}

.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head {
    background: #353535;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 2px 2px 1px rgba(0, 0, 0, .14);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 2px 2px 1px rgba(0, 0, 0, .14);
    border-bottom: 0;
    -webkit-transition: height .2s ease 0s;
    -moz-transition: height .2s ease 0s;
    -ms-transition: height .2s ease 0s;
    -o-transition: height .2s ease 0s
}

.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
    color: #fff;
    top: 0;
    right: 0;
    -webkit-transition: color .2s ease 0s;
    -moz-transition: color .2s ease 0s;
    -ms-transition: color .2s ease 0s;
    -o-transition: color .2s ease 0s
}

.dark-theme.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
    margin: 0;
    font-weight: 400
}

.dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
    outline: 0
}

.dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
    color: #42a5f5;
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-clip: padding-box
}

.dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,
.dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
    background: #3d3d3d;
    color: #42a5f5
}

.dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
    background: #2e2e2e;
    color: #42a5f5
}

.dark-theme.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
    border: 0
}

.dark-theme.dark-theme.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
    background: #3d3d3d
}

.dark-theme.fr-overlay {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000
}

.dark-theme.fr-popup {
    color: #fff;
    background: #353535;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-clip: padding-box;
    font-family: Arial, Helvetica, sans-serif;
    border: 0;
    border-top: 5px solid #222
}

.dark-theme.fr-popup .fr-input-focus {
    background: #363636
}

.dark-theme.fr-popup.fr-above {
    border-top: 0;
    border-bottom: 5px solid #222;
    -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, .12), 0 -1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 -1px 3px rgba(0, 0, 0, .12), 0 -1px 1px 1px rgba(0, 0, 0, .16)
}

.dark-theme.fr-popup .fr-input-line {
    padding: 8px 0
}

.dark-theme.fr-popup .fr-input-line input[type=text],
.dark-theme.fr-popup .fr-input-line textarea {
    margin: 0 0 1px;
    border-bottom: solid 1px #bdbdbd;
    color: #fff
}

.dark-theme.fr-popup .fr-input-line input[type=text]:focus,
.dark-theme.fr-popup .fr-input-line textarea:focus {
    border-bottom: solid 2px #42a5f5
}

.dark-theme.fr-popup .fr-input-line input+label,
.dark-theme.fr-popup .fr-input-line textarea+label {
    top: 0;
    left: 0;
    -webkit-transition: color .2s ease 0s;
    -moz-transition: color .2s ease 0s;
    -ms-transition: color .2s ease 0s;
    -o-transition: color .2s ease 0s;
    background: #353535
}

.dark-theme.fr-popup .fr-input-line input.fr-not-empty:focus+label,
.dark-theme.fr-popup .fr-input-line textarea.fr-not-empty:focus+label {
    color: #42a5f5
}

.dark-theme.fr-popup .fr-input-line input.fr-not-empty+label,
.dark-theme.fr-popup .fr-input-line textarea.fr-not-empty+label {
    color: gray
}

.dark-theme.fr-popup .fr-buttons {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    padding: 0 2px;
    line-height: 0;
    border-bottom: 0
}

.dark-theme.fr-popup .fr-layer {
    width: 225px
}

@media(min-width:768px) {
    .dark-theme.fr-popup .fr-layer {
        width: 300px
    }
}

.dark-theme.fr-popup .fr-action-buttons button.fr-command {
    color: #42a5f5;
    -webkit-transition: background .2s ease 0s;
    -moz-transition: background .2s ease 0s;
    -ms-transition: background .2s ease 0s;
    -o-transition: background .2s ease 0s;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-clip: padding-box
}

.dark-theme.fr-popup .fr-action-buttons button.fr-command:hover,
.dark-theme.fr-popup .fr-action-buttons button.fr-command:focus {
    background: #3d3d3d;
    color: #42a5f5
}

.dark-theme.fr-popup .fr-action-buttons button.fr-command:active {
    background: #2e2e2e;
    color: #42a5f5
}

.dark-theme.fr-popup .fr-action-buttons button::-moz-focus-inner {
    border: 0
}

.dark-theme.fr-popup .fr-checkbox span {
    border: solid 1px #fff;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-clip: padding-box;
    -webkit-transition: background .2s ease 0s, border-color .2s ease 0s;
    -moz-transition: background .2s ease 0s, border-color .2s ease 0s;
    -ms-transition: background .2s ease 0s, border-color .2s ease 0s;
    -o-transition: background .2s ease 0s, border-color .2s ease 0s
}

.dark-theme.fr-popup .fr-checkbox input {
    margin: 0;
    padding: 0
}

.dark-theme.fr-popup .fr-checkbox input:checked+span {
    background: #42a5f5;
    border-color: #42a5f5
}

.dark-theme.fr-popup .fr-checkbox input:focus+span {
    border-color: #42a5f5
}

.dark-theme.fr-popup.fr-rtl .fr-input-line input+label,
.dark-theme.fr-popup.fr-rtl .fr-input-line textarea+label {
    left: auto;
    right: 0
}

.dark-theme.fr-popup .fr-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #222;
    top: -9px;
    margin-left: -5px
}

.dark-theme.fr-popup.fr-above .fr-arrow {
    top: auto;
    bottom: -9px;
    border-bottom: 0;
    border-top: 5px solid #222
}

.dark-theme.fr-toolbar {
    color: #fff;
    background: #353535;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    border: 0;
    border-top: 5px solid #222
}

.dark-theme.fr-toolbar.fr-inline .fr-arrow {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #222;
    top: -9px;
    margin-left: -5px
}

.dark-theme.fr-toolbar.fr-inline.fr-above {
    -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, .12), 0 -1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 -1px 3px rgba(0, 0, 0, .12), 0 -1px 1px 1px rgba(0, 0, 0, .16);
    border-bottom: 5px solid #222;
    border-top: 0
}

.dark-theme.fr-toolbar.fr-inline.fr-above .fr-arrow {
    top: auto;
    bottom: -9px;
    border-bottom: 0;
    border-top-color: inherit;
    border-top-width: 5px
}

.dark-theme.fr-toolbar.fr-top {
    top: 0;
    border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16)
}

.dark-theme.fr-toolbar.fr-bottom {
    bottom: 0;
    border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 1px 1px rgba(0, 0, 0, .16)
}

.dark-theme .fr-separator {
    background: #595959
}

.dark-theme .fr-separator.fr-vs {
    height: 34px;
    width: 1px;
    margin: 2px
}

.dark-theme .fr-separator.fr-hs {
    height: 1px;
    width: calc(100% - (2 * 2px));
    margin: 0 2px
}

/*!* froala_editor v2.8.5 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2018 Froala Labs*/
.clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-drag-helper {
    background: #1e88e5;
    height: 2px;
    margin-top: -1px;
    -webkit-opacity: .2;
    -moz-opacity: .2;
    opacity: .2;
    -ms-filter: "alpha(opacity=0)";
    position: absolute;
    z-index: 2147483640;
    display: none
}

.fr-drag-helper.fr-visible {
    display: block
}

.fr-dragging {
    -webkit-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
    -ms-filter: "alpha(opacity=0)"
}

/*!* froala_editor v2.8.5 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2018 Froala Labs*/
.clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-element img {
    cursor: pointer
}

.fr-image-resizer {
    position: absolute;
    border: solid 1px #1e88e5;
    display: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.fr-image-resizer.fr-active {
    display: block
}

.fr-image-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #1e88e5;
    border: solid 1px #fff;
    z-index: 4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fr-image-resizer .fr-handler.fr-hnw {
    cursor: nw-resize
}

.fr-image-resizer .fr-handler.fr-hne {
    cursor: ne-resize
}

.fr-image-resizer .fr-handler.fr-hsw {
    cursor: sw-resize
}

.fr-image-resizer .fr-handler.fr-hse {
    cursor: se-resize
}

.fr-image-resizer .fr-handler {
    width: 12px;
    height: 12px
}

.fr-image-resizer .fr-handler.fr-hnw {
    left: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hne {
    right: -6px;
    top: -6px
}

.fr-image-resizer .fr-handler.fr-hsw {
    left: -6px;
    bottom: -6px
}

.fr-image-resizer .fr-handler.fr-hse {
    right: -6px;
    bottom: -6px
}

@media(min-width:1200px) {
    .fr-image-resizer .fr-handler {
        width: 10px;
        height: 10px
    }

    .fr-image-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }

    .fr-image-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px
    }

    .fr-image-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px
    }
}

.fr-image-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483640;
    display: none
}

.fr-popup .fr-image-upload-layer {
    border: dashed 2px #bdbdbd;
    padding: 25px 0;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: center
}

.fr-popup .fr-image-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-image-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #1e88e5
}

.fr-popup .fr-image-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-image-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-image-progress-bar-layer>h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 400
}

.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader {
    background: #bcdbf7;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #1e88e5;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s
}

.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    -webkit-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite
}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-image-size-layer .fr-image-group .fr-input-line {
    width: calc(50% - 5px);
    display: inline-block
}

.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line {
    margin-left: 10px
}

.fr-uploading {
    -webkit-opacity: .4;
    -moz-opacity: .4;
    opacity: .4;
    -ms-filter: "alpha(opacity=0)"
}

@keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

@-webkit-keyframes loading {
    from {
        left: -25%
    }

    to {
        left: 100%
    }
}

/*!* froala_editor v2.8.5 (https://www.froala.com/wysiwyg-editor)
* License https://froala.com/wysiwyg-editor/terms/
* Copyright 2014-2018 Froala Labs*/
.clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.fr-element .fr-video {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-element .fr-video::after {
    position: absolute;
    content: '';
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    display: block;
    background: 0 0
}

.fr-element .fr-video.fr-active>* {
    z-index: 2;
    position: relative
}

.fr-element .fr-video>* {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 100%;
    border: none
}

.fr-box .fr-video-resizer {
    position: absolute;
    border: solid 1px #1e88e5;
    display: none;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.fr-box .fr-video-resizer.fr-active {
    display: block
}

.fr-box .fr-video-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #1e88e5;
    border: solid 1px #fff;
    z-index: 4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
    cursor: nw-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
    cursor: ne-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
    cursor: sw-resize
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
    cursor: se-resize
}

.fr-box .fr-video-resizer .fr-handler {
    width: 12px;
    height: 12px
}

.fr-box .fr-video-resizer .fr-handler.fr-hnw {
    left: -6px;
    top: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hne {
    right: -6px;
    top: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hsw {
    left: -6px;
    bottom: -6px
}

.fr-box .fr-video-resizer .fr-handler.fr-hse {
    right: -6px;
    bottom: -6px
}

@media(min-width:1200px) {
    .fr-box .fr-video-resizer .fr-handler {
        width: 10px;
        height: 10px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px
    }

    .fr-box .fr-video-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px
    }
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
    width: calc(50% - 5px);
    display: inline-block
}

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line+.fr-input-line {
    margin-left: 10px
}

.fr-popup .fr-video-upload-layer {
    border: dashed 2px #bdbdbd;
    padding: 25px 0;
    position: relative;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 140%;
    text-align: center
}

.fr-popup .fr-video-upload-layer:hover {
    background: #ebebeb
}

.fr-popup .fr-video-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #1e88e5
}

.fr-popup .fr-video-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important
}

.fr-popup .fr-video-upload-layer .fr-form input {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 500%;
    height: 100%;
    margin: 0;
    font-size: 400px
}

.fr-popup .fr-video-progress-bar-layer>h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 400
}

.fr-popup .fr-video-progress-bar-layer>div.fr-action-buttons {
    display: none
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader {
    background: #bcdbf7;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #1e88e5;
    -webkit-transition: width .2s ease 0s;
    -moz-transition: width .2s ease 0s;
    -ms-transition: width .2s ease 0s;
    -o-transition: width .2s ease 0s
}

.fr-popup .fr-video-progress-bar-layer>div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    -webkit-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite
}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-loader {
    display: none
}

.fr-popup .fr-video-progress-bar-layer.fr-error>div.fr-action-buttons {
    display: block
}

.fr-video-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483640;
    display: none
}

.fr-view {
    background-color: #171717;
    color: #bbb !important
}

.fr-toolbar {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.dark-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a:hover,
.dark-theme .fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
    color: #bbb
}

.dark-theme .fr-view pre {
    color: #bbb;
    padding: 10px 15px;
    border: 1px solid #333;
    background: #222;
    margin-top: 22px;
    margin-bottom: 22px;
    font-family: pt mono, monospace;
    display: block
}

.dark-theme .fr-view blockquote {
    border-left: 4px solid #5bc0de !important;
    color: #f1f1f1 !important;
    padding: 12.5px 25px;
    font-style: italic;
    padding-right: 0;
    margin-right: 0
}

.dark-theme .fr-view blockquote blockquote {
    margin-bottom: 0
}

.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd=paragraphFormat] .far {
    float: left;
    margin-right: 0
}

.dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown[data-cmd=paragraphFormat] .fr-sr-only {
    position: static;
    width: auto;
    margin-top: 11px;
    margin-bottom: 11px;
    margin-right: 20px
}

.video-clip-wrapper {
    height: auto !important
}

.video-clip-wrapper iframe {
    pointer-events: none
}

@-webkit-keyframes flash-notification {
    0% {
        left: -370px
    }

    100% {
        left: 20px
    }
}

@keyframes flash-notification {
    0% {
        left: -370px
    }

    100% {
        left: 20px
    }
}

.toast-title {
    display: none
}

.toast-message {
    word-wrap: break-word
}

.toast-message a {
    color: #13aff0;
    text-decoration: underline
}

.toast-message a:hover {
    text-decoration: none
}

.toast-close-button {
    position: absolute;
    display: block !important;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 30px;
    height: 30px;
    color: #747474;
    outline: 0 !important;
    padding: 0;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.toast-top-center {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 70px;
    left: 20px
}

.toast-top-right {
    top: 70px;
    right: 20px
}

.toast-bottom-right {
    right: 20px;
    bottom: 70px
}

.toast-bottom-left {
    bottom: 70px;
    left: 20px
}

#toast-container,
#flash-card-container {
    position: fixed;
    z-index: 2050;
    pointer-events: none
}

#toast-container>div,
#flash-card-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    width: 350px;
    max-width: 100%;
    margin: 0 0 10px;
    color: #bbb;
    background: #333;
    padding: 15px 35px 15px 25px;
    -webkit-box-shadow: 0 14px 30px 6px rgba(0, 0, 0, .63);
    box-shadow: 0 14px 30px 6px rgba(0, 0, 0, .63);
    border-radius: 2px;
    border: 1px solid transparent;
    border-left: 4px solid #5bc0de;
    -webkit-transition: border-color .2s linear;
    transition: border-color .2s linear;
    cursor: pointer;
    -webkit-animation-name: flash-notification;
    animation-name: flash-notification;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

#toast-container>div:hover,
#flash-card-container>div:hover {
    border-top-color: #5d5d5d;
    border-bottom-color: #5d5d5d;
    border-right-color: #5d5d5d
}

#toast-container>div .toast-message:before,
#flash-card-container>div .toast-message:before {
    padding-right: 8px;
    color: #5bc0de;
    content: "\f05a"
}

#toast-container>.toast-error,
#flash-card-container>.toast-error {
    border-left-color: #d9534f
}

#toast-container>.toast-error .toast-message:before,
#flash-card-container>.toast-error .toast-message:before {
    color: #d9534f;
    content: "\f06a"
}

#toast-container>.toast-success,
#flash-card-container>.toast-success {
    border-left-color: #5cb85c
}

#toast-container>.toast-success .toast-message:before,
#flash-card-container>.toast-success .toast-message:before {
    color: #5cb85c;
    content: "\f058"
}

#toast-container>.toast-warning,
#flash-card-container>.toast-warning {
    border-left-color: #f0ad4e
}

#toast-container>.toast-warning .toast-message:before,
#flash-card-container>.toast-warning .toast-message:before {
    color: #f0ad4e;
    content: "\f06a"
}

#toast-container.toast-top-center>div,
#toast-container.toast-bottom-center>div,
#flash-card-container.toast-top-center>div,
#flash-card-container.toast-bottom-center>div {
    width: 350px;
    margin-left: auto;
    margin-right: auto
}

#toast-container.toast-top-full-width>div,
#toast-container.toast-bottom-full-width>div,
#flash-card-container.toast-top-full-width>div,
#flash-card-container.toast-bottom-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

#toast-container.toast-bottom-left,
#flash-card-container.toast-bottom-left {
    max-width: calc(100vw - 40px)
}

.toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000;
    opacity: .4
}

.ps-container .ps-scrollbar-x-rail {
    position: absolute;
    bottom: 0;
    height: 12px;
    opacity: 1;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear
}

.ps-container .ps-scrollbar-x {
    position: absolute;
    bottom: 0;
    height: 12px;
    background-color: #333;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute;
    right: 0;
    width: 12px;
    opacity: 1;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear
}

.ps-container .ps-scrollbar-y {
    position: absolute;
    right: 0;
    width: 12px;
    background-color: #333;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container:hover .ps-scrollbar-y-rail,
.ps-container .hover .ps-scrollbar-x-rail,
.ps-container .hover .ps-scrollbar-y-rail {
    opacity: 1
}

.ps-container:hover .ps-scrollbar-x-rail:hover,
.ps-container:hover .ps-scrollbar-x-rail .hover,
.ps-container:hover .ps-scrollbar-x-rail.in-scrolling,
.ps-container:hover .ps-scrollbar-y-rail:hover,
.ps-container:hover .ps-scrollbar-y-rail .hover,
.ps-container:hover .ps-scrollbar-y-rail.in-scrolling,
.ps-container .hover .ps-scrollbar-x-rail:hover,
.ps-container .hover .ps-scrollbar-x-rail .hover,
.ps-container .hover .ps-scrollbar-x-rail.in-scrolling,
.ps-container .hover .ps-scrollbar-y-rail:hover,
.ps-container .hover .ps-scrollbar-y-rail .hover,
.ps-container .hover .ps-scrollbar-y-rail.in-scrolling {
    background-color: #111;
    opacity: 1
}

.ps-container:hover .ps-scrollbar-x,
.ps-container .hover .ps-scrollbar-x {
    background-color: #333
}

.ps-container:hover .ps-scrollbar-y,
.ps-container .hover .ps-scrollbar-y {
    background-color: #333
}

.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
    visibility: hidden
}

.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
    visibility: visible
}

.ps-slim {
    padding-top: 0;
    padding-bottom: 0
}

.ps-slim .ps-scrollbar-y {
    width: 7px;
    margin: 0 2px;
    border-radius: 4px;
    opacity: 0;
    background: #fff;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.ps-slim .ps-scrollbar-y-rail:hover .ps-scrollbar-y {
    opacity: .5
}

.ps-slim:hover .ps-scrollbar-y-rail,
.ps-slim:hover .ps-scrollbar-y-rail:hover,
.ps-slim:hover .ps-scrollbar-y-rail.in-scrolling,
.ps-slim.hover .ps-scrollbar-y-rail,
.ps-slim.hover .ps-scrollbar-y-rail:hover,
.ps-slim.hover .ps-scrollbar-y-rail.in-scrolling {
    background: 0 0
}

.ps-slim:hover .ps-scrollbar-y,
.ps-slim.hover .ps-scrollbar-y {
    opacity: .3;
    background: #fff
}

.ps-dark:hover .ps-scrollbar-x-rail:hover,
.ps-dark:hover .ps-scrollbar-y-rail:hover {
    background: #111
}

.ps-dark .ps-scrollbar-y-rail {
    width: 6px
}

.ps-dark .ps-scrollbar-y {
    width: 6px;
    background-color: #333;
    opacity: 1;
    border-radius: 0
}

/*!* Cropper v3.0.0
* https://github.com/fengyuanchen/cropper
*
* Copyright (c) 2017 Fengyuan Chen
* Released under the MIT license
*
* Date: 2017-09-03T13:13:53.439Z*/
.cropper-container {
    direction: ltr;
    font-size: 0;
    line-height: 0;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cropper-container img {
    display: block;
    height: 100%;
    image-orientation: 0;
    max-height: none !important;
    max-width: none !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: 100%
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.cropper-wrap-box {
    overflow: hidden
}

.cropper-drag-box {
    background-color: #fff;
    opacity: 0
}

.cropper-modal {
    background-color: #000;
    opacity: .5
}

.cropper-view-box {
    display: block;
    height: 100%;
    outline-color: rgba(51, 153, 255, .75);
    outline: 1px solid #39f;
    overflow: hidden;
    width: 100%
}

.cropper-dashed {
    border: 0 dashed #eee;
    display: block;
    opacity: .5;
    position: absolute
}

.cropper-dashed.dashed-h {
    border-bottom-width: 1px;
    border-top-width: 1px;
    height: 33.33333%;
    left: 0;
    top: 33.33333%;
    width: 100%
}

.cropper-dashed.dashed-v {
    border-left-width: 1px;
    border-right-width: 1px;
    height: 100%;
    left: 33.33333%;
    top: 0;
    width: 33.33333%
}

.cropper-center {
    display: block;
    height: 0;
    left: 50%;
    opacity: .75;
    position: absolute;
    top: 50%;
    width: 0
}

.cropper-center:before,
.cropper-center:after {
    background-color: #eee;
    content: ' ';
    display: block;
    position: absolute
}

.cropper-center:before {
    height: 1px;
    left: -3px;
    top: 0;
    width: 7px
}

.cropper-center:after {
    height: 7px;
    left: 0;
    top: -3px;
    width: 1px
}

.cropper-face,
.cropper-line,
.cropper-point {
    display: block;
    height: 100%;
    opacity: .1;
    position: absolute;
    width: 100%
}

.cropper-face {
    background-color: #fff;
    left: 0;
    top: 0
}

.cropper-line {
    background-color: #39f
}

.cropper-line.line-e {
    cursor: e-resize;
    right: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-n {
    cursor: n-resize;
    height: 5px;
    left: 0;
    top: -3px
}

.cropper-line.line-w {
    cursor: w-resize;
    left: -3px;
    top: 0;
    width: 5px
}

.cropper-line.line-s {
    bottom: -3px;
    cursor: s-resize;
    height: 5px;
    left: 0
}

.cropper-point {
    background-color: #39f;
    height: 5px;
    opacity: .75;
    width: 5px
}

.cropper-point.point-e {
    cursor: e-resize;
    margin-top: -3px;
    right: -3px;
    top: 50%
}

.cropper-point.point-n {
    cursor: n-resize;
    left: 50%;
    margin-left: -3px;
    top: -3px
}

.cropper-point.point-w {
    cursor: w-resize;
    left: -3px;
    margin-top: -3px;
    top: 50%
}

.cropper-point.point-s {
    bottom: -3px;
    cursor: s-resize;
    left: 50%;
    margin-left: -3px
}

.cropper-point.point-ne {
    cursor: ne-resize;
    right: -3px;
    top: -3px
}

.cropper-point.point-nw {
    cursor: nw-resize;
    left: -3px;
    top: -3px
}

.cropper-point.point-sw {
    bottom: -3px;
    cursor: sw-resize;
    left: -3px
}

.cropper-point.point-se {
    bottom: -3px;
    cursor: se-resize;
    height: 20px;
    opacity: 1;
    right: -3px;
    width: 20px
}

@media(min-width:768px) {
    .cropper-point.point-se {
        height: 15px;
        width: 15px
    }
}

@media(min-width:992px) {
    .cropper-point.point-se {
        height: 10px;
        width: 10px
    }
}

@media(min-width:1200px) {
    .cropper-point.point-se {
        height: 5px;
        opacity: .75;
        width: 5px
    }
}

.cropper-point.point-se:before {
    background-color: #39f;
    bottom: -50%;
    content: ' ';
    display: block;
    height: 200%;
    opacity: 0;
    position: absolute;
    right: -50%;
    width: 200%
}

.cropper-invisible {
    opacity: 0
}

.cropper-bg {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)
}

.cropper-hide {
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.cropper-hidden {
    display: none !important
}

.cropper-move {
    cursor: move
}

.cropper-crop {
    cursor: crosshair
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
    cursor: not-allowed
}

/*!* Bootstrap Colorpicker v2.5.1
* https://itsjavi.com/bootstrap-colorpicker/
*
* Originally written by (c) 2012 Stefan Petre
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0.txt
**/
.colorpicker-saturation {
    width: 100px;
    height: 100px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAQAAADa613fAAAP9klEQVR4XnRWC47rNgwcKjlA0bv2VL1Qi/YELRav7203iS1ppqZoiXCAhuBHVLI74xFtG3/Hz2joIOjRGuR5eMYuRn9YA1fds859KX8ZvczLr9/pImiR3Rqky9/wlajRIdVE/1Rufeu/0No3/ASgBZAJUkwgi0iCaEatekJJoEqiTQncd67/gyOfRCZshTed0Nl8LbLj8D6qxtoq9/7kJz/aH/3Xfu8VwI5+AUH8DxE7gUyiIpZ5LwiGzUqE3CScJsCDQHAsvBnxWpkbC0QMHmBp6latWS0bnvrCN/x1+xPfce+Ij0GAyeAGGz15sOiax2UylPhKrFaMPnVWClwepKh07hdhkVDsK2uoyEIySergjdbY2VBtV8VLr8Mf9mF/4wMb7kR8FOhzFWZZe7HIZD9JRIbee28eJKBweTB6TwjYkAgWaUmtDveGw1Wx3zZ76YlPPfQd/+gTTUFkiGiJ+NQAszU1EPT/QJEgufolAMPkNU4CVOyUIBLg4xglEZHGQnTFOFV0VaulYddBhA986ge/7N/yQi/3flFgwfQq2ibLnTDBRl9TmUHyJASPV/eoN0UISIr+ICQKIFV4EpljSjV1uFVUq9hRtet5e9gXvuyHPW0zMhQxWaoBBa9Tg8vsCEhww23Smd0CKjIkmPIoxWrUBDgJqFCyESF43ctQxLUoHN7Q1KyVhqrNNm3cy2vMyQNPVKjc29Rh5SSU+giWdRJHkLnQG71FQEuNyNGBTDdBQQAKCuGiEUS/jcyGbkMPq931OIzb/dUPGuVlG7f+slqkO5NAAlzTMdcq0NkzmsEBmAQkbI+pSHbiqnuWIA6lijhvqwIxMyWxMGZiPU669XJE1tADDTs2HWpwKxuqdnTpOiOR42xlzLtm3pXGel3xd8/oTs8Xy0MV8GM1RlsC2Y3Wy3wut3M+2mEVux0Gt9fhzTWyLvGiiJYaqY5DWRFIwAiQ5r6gB9GpQihJw4I9j5Mkscj3BnzGjBhv8xna5P1Jo428o6IOPY5KFZtVOkEKqUjqQY9Gi+jrIOFwJUDzRtA9xyoIrGGmkNRmxVAnZoK+TkUIeUYni5wEzgOG5iZX5HCr2JyQNqdk++G0rgb1ochSIGutTj4P7F0PuRUAolmh5sCzAHn1BYyaADh6bgFeoBx6vst091CEvcSLWBBpqGq384jZ5llVHSwEShLx+D4d0mU3D5eEAJQ9KEhOZUYnDENV2qKgmIlQhWfdvcoXYaegPp/n1oKIOgYFqxrzQSciqNhv/5FqPpy6b0UcX2vf13DfWySRSEgkEYlEJJGQSyKJSEQSCYlEEpHexIVO3XOevffze2a+PfPv9x1rne1c3b3Mmlmz9mE++zuzngfnw/E+Dlc4LL4NwHdFy7u3KGPVmZ6/4eeMoDyre3i/KHADIHYO04w9zO0mAotuKnrc7XaPjvu66bNe5cDT7RlPepEnfS2X8dF1/utDvD+OwGDBxEgQywLCvIMYWBY+DShwAAORAdv9PswhDAqOUCi5+71AbFcDMR4xBDNfhySKXPXZ1+Vub+Q1Ltf5z7eC0AjVldHI26rIFdKIAyYBJCFVUhVDwttAnM52B3Ect1TFQXzJ0z33lOuib/QO8g+CuO0gKBRU80A8hkeJ0b1KRQWmFQVSh8mf3lpUpNaRulzN5NArrmKKGMijXgzk7w5ijdFVgT8f1IdFNjVWjDWicUYWEEMmSFDtILdzHW5XueHp7p+yuS54ep5/c5BE2Gw/gWPNYU4/PZaak2VGEsFjSbOf8irea6KQgojGCk0KxZY31tWWgzwayF8N5KYyo3VADVicWWrhwzr3ZqIOa5xW5zbqMPPMiyDURHDIHQTeWq7KFXcQPOqzPOL5Ov/iIDEDy7DHEwx0PTgjO8SS0fOEHcZNMt+XKEFMj8Q4QUSvPu6HPuvd4N9/x12RPwcIVRCAakSOUzHgsUSMFWYzDQ+PiOJqAOuYc9jh5TecnA+xHfFyOYhebeTH89P80wrCJzUjlsx7euIV0g4zQFUSiBPioIWBACFC7GgDj8P91ZSJOQmQP74MAnQo8H5RIe8kZ0kBcQCMAlEpRDiKROBxbR0ksdhWFq0gR9q9uQzkDzuIFQSPqAgRCAsCaVNF2ZAAhxvtzcqcnDk6tpXxSsayqXLIgSOb6zqeH+fvO0i9XEu5EVV+OZehRZJ6BGTeaRhCkTzVIZeAzaWGAFfErIPogQI5CuR3HQQx7DzBB16R3s7e0MBUPedjWutgG/JUTPqMeAQNEiytJRnJearWUgdwFNxN7rtBoECuj/O3BMHaTIxQ0a4GctireElTJHJvLTaalih5kvBCGMvkdESUMAdCFaI4yG8SpDfRWAptqkAJUwCG6B7lOREFSZBqKs57MEHqVJEBwHa2lp0OiKtiQ18gx9P89QrSXyc0vObBM4vPmBADqJZLAo/yzK7qPSZstCy+fDSZlhrm+Zkyjsf5q2otdC14zkLjHLf0me9wjNqQo0B1a6wBJRaIEgC2Qw9oby/cRHA+xHCQy/xlB1HVSV3Y/5yVhsc7dBi2UoIWCMcbELZWgxNCGUZ5y4ceBaLlE8dAfrEosrYT+z8ya3sxXndFBxuQivNGEHFCbLGBlBLKGYHZoeoQpcjtMn/uICPefcxecpuDOEemg9S/44cflZPIlWolyHkLrEpgbS9IQRlAgZgi0WDjsEiPh+PN/Fkogq4GdzPtarlRGW2tJwEK1RMTEvdVdmhAKHO1pdUuGQsVcX+rSfGzDbwGyE8NRPQc83HCaOkTZwPqABZBdFq8zAN1gue0FPO8wYUFBE1WkMwVzM1iQ4BItFh+H36Qy/yJg0DRQICmBl+tbKUC5cCj3yXI+SUFBS78ZAcBtHt+e9lBuiqpTNh9zTvIjzuIWxVYGQJpAZY+VWS3QKh84iSZbwuIdiDpc4KztQa/sjhMaDJEJDSZ8mZ+kCBdC0JpKVNQzZdKu+EsOeFCosrngVAkDS/uy6iGnW7UxmMpkB8FyFKo6iQW8z1HuBdMu1pdkZdB8jWTjlFtNaiJRYniIDcD+eECMqFLS9ED6DgxzCMKnRD3HYYA2uMCJUh70OK8G0EUnJV8lqe8nj84QdqLhdoJskNlEw1ivajM8LtPBhIeN99LESXI9xcQIHFQudHngZjUhXOQeGlUYmAddh5pxMhzV0M1vMAtMFIVmfp6fq+DgEWefjQVenstaqUy3bJQAiVlEihDghCDINFQg8oUhoQPkO8SBEM7SFQ72VYBwPuE7k8uYF5LNwg/TEd2zkuKjIIhTiJRlYrDfNS1QL7DYUcbcCyKJNwOwucVCVSwBBj/DwghXA2hQtACgCBBPprfXkAIFIYRXhONQARFU00Tsh6LEmmQUbkTImMi9me5qaHDIeBgHeRbdxAIqAJBCDSoCNVQglrciqX/ZCD9RRP6rgpBvhmKAFhg2ForBLXBYPtUjj7vCHPe8SXbYAY47gHB9mKeqjjIg/53fmMD0fR9Bug7SFcHI6EA1OC/E8QTL4NgBSGiCiyTChnI1zcQxmyfRZGM6w701KRybDvsIK3LWDx6mxGkcglEZQLkawnCdppZ6sgCh8trWWBUQaUWCEOlOs7HAenFE45QSu9RQQDAqchXNxDq4orQR44qRIFUQvM+mRJuB6GDEixgCbSBQGXghEEbdn1P/zO/QhAWCsWsmRhLa2VFkSZIgSVKmgEQhvk6K8YKMRZl7Dwg4amOUYvFBfLlE4RasOCB5S9PXKq0AqGDMiYIReXF0mYctITWBmqR5F38X5Y7yJfeCtKBzNbWYm5XpsMpf3dRZD3jPDesvdVCOs6KYQXIFw1E4fcE8dHWOepZBXpLJcACWUZVMRZbfvgXR4Ak8A7VVSKSVuu9p6/mFxyE7cOWavtLp952O8huK83+gmHzHaAsVXLgAvl8gPCvHzAFsM8GNXGKPH5cmN02sXTLa8QdKRXMzHv67/k5A9k1UIx36UH/VlWWtuKssNiRapB6BaLXl6MA+ayDcNS3v/sYXgCL620F1kk8QhKAEOvKu4DvajDO5zkHc4fBg76anyEIIcamBPex5EK8AoVHhMW7QAqWrYD1204CJB1hCfOAV/PTBPH0zBmJmsZZKCEaAmdqm4zMcYxYLN0JuHThIAjirAnp3px7TRgD+ZSD/K92M1CNIgbC8Ex7FkSEIlQEEUQEQQQBRBABEUQQEQTx3X0Evap9AhP39jL5OvuzAWuvbDaTTDIzX2aypUCJ0i7nAigoQAk9gUIUSxXEoCFyyVIuL9ZQcMZoArnwr4D0OLS8jGNGTgGnsZQWMYrcOARoIReAALBeWhf+RUCAIEsECFQHLkwR5zj4JW3t5WOUU5djvgQIawD53EDsctmYz8xGaZGPBUR3qNkiGwqDICUYIFpqBgRaayCfFiAWR2wWvoobmzxdF8N5kyxXmvap/sgGcLF/aoBosbG+lE395R8zCA4BqUYgOgYq+HtvBrT0LK15X8lZwx5f9klCX0rdgXzIIGbdhXMqZtHzJhuptEjmsFc4KzmN5IFPtfM7gWw2kPczSIqQSPUDYKYBMamsBCpKphW0iA5H8AbMDPJOQYjLZg1Vk4G49GlCYNYAkdOd0kwRQ8FCyAHydgLZ6Z2AqrVtjDUQ7hCEmrkEooDAsB2YnBCvkBpZ6yBvJpCd7Mn5zJ6C4QF2BUQPgHEIGUrGnHzQ8rlMekBeTyAzwDJksxwM4+w3BY02B8mIl0CmFRm+ZscxAuSnvwqQsECTIGSV6FEoJFTygVuzB5xAsKqBvAQE3+nkVoJDI1BJIaPBWik7ZSu5NIp5A3mRQaTFvLgkO9fVgEgMqqeVfb+p55tijWH+Kea71ubq4v8Sl8089sZKbKEZNq+VUfISJJF7j79WrbYgS994ZEf+nIz0pNFRWqapSmK6P45i3OQuItIiPDyg6RnxZ4D0g+CFPxAzluoRsWsaA6I6JOqVWCisDvJ0BgHTzMSRgMi0vmi8R+sR6tg/XUh7kCc7kMRqSNkTBDx0OkAUegFcMazciBXNpm798R6klXap/WZz49TQwBHqEcj4oCToUPjUuP9lfxcbyKMAwT6bTf1qqIIQDl3i5oCERNmVm0wgW4A8BGRxMX3hWh8bEV5Rvfp4DS5F3djWH2ztDNWKW7OBjgjIwsDWaKRknJjqMsh9QCa1p608lLovFkBE969DYtYelSzwSRcg535vAsFeNU9SzRCYZb4LDmxmFQKkwYGM+5y/G7b1uxMIylLdyE5yxIyYsoXWhQIpzQhYPi3JkJoKkB9+BxD0OMuyOEBe36DgyPSrxscmATldgKj8PxrkA/kA5PYMgkrocwIQ6GSRGmF0VaNqBKQZ5FYDEZSDzFTzq9mBQjAayE1A+ryDTzcQZe0Ibbxj7EwpAmTrJwEimZR9CCPtODhzxuNtY19Zd2Lf/fjCTnEiDAOg62j1utb/dv9mZ/aHCj4AyOHbsW3/As0BTzIgeJU7AAAAAElFTkSuQmCC);
    cursor: crosshair;
    float: left
}

.colorpicker-saturation i {
    display: block;
    height: 5px;
    width: 5px;
    border: 1px solid #000;
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    margin: -4px 0 0 -4px
}

.colorpicker-saturation i b {
    display: block;
    height: 5px;
    width: 5px;
    border: 1px solid #fff;
    border-radius: 5px
}

.colorpicker-hue,
.colorpicker-alpha {
    width: 15px;
    height: 100px;
    float: left;
    cursor: row-resize;
    margin-left: 4px;
    margin-bottom: 4px
}

.colorpicker-hue i,
.colorpicker-alpha i {
    display: block;
    height: 1px;
    background: #000;
    border-top: 1px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: -1px
}

.colorpicker-hue {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAh0lEQVR4XgXAg3EDAAAAwI9to7Zt27a1/w49BASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHXo1KVbj159+g0YNGTYiFFjxk2YNGXajFlz5i1YtGTZilVr1m3YtGXbjl179h04dOTYiVNnzl24dOXajVt37j149OTZi1dv3n349OXbj19//wOxE1dQ8reGAAAAAElFTkSuQmCC)
}

.colorpicker-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=);
    display: none
}

.colorpicker-saturation,
.colorpicker-hue,
.colorpicker-alpha {
    background-size: contain
}

.colorpicker {
    padding: 4px;
    min-width: 130px;
    margin-top: 1px;
    border-radius: 4px;
    z-index: 2500
}

.colorpicker:before,
.colorpicker:after {
    display: table;
    content: "";
    line-height: 0
}

.colorpicker:after {
    clear: both
}

.colorpicker:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, .2);
    position: absolute;
    top: -7px;
    left: 6px
}

.colorpicker:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 7px
}

.colorpicker div {
    position: relative
}

.colorpicker.colorpicker-with-alpha {
    min-width: 140px
}

.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
    display: block
}

.colorpicker-color {
    height: 10px;
    margin-top: 5px;
    clear: both;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=);
    background-position: 0 100%
}

.colorpicker-color div {
    height: 10px
}

.colorpicker-selectors {
    display: none;
    height: 10px;
    margin-top: 5px;
    clear: both
}

.colorpicker-selectors i {
    cursor: pointer;
    float: left;
    height: 10px;
    width: 10px
}

.colorpicker-selectors i+i {
    margin-left: 3px
}

.colorpicker-element .input-group-addon i,
.colorpicker-element .add-on i {
    display: inline-block;
    cursor: pointer;
    height: 16px;
    vertical-align: text-top;
    width: 16px
}

.colorpicker.colorpicker-inline {
    position: relative;
    display: inline-block;
    float: none;
    z-index: auto
}

.colorpicker.colorpicker-horizontal {
    width: 110px;
    min-width: 110px;
    height: auto
}

.colorpicker.colorpicker-horizontal .colorpicker-saturation {
    margin-bottom: 4px
}

.colorpicker.colorpicker-horizontal .colorpicker-color {
    width: 100px
}

.colorpicker.colorpicker-horizontal .colorpicker-hue,
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
    width: 100px;
    height: 15px;
    float: left;
    cursor: col-resize;
    margin-left: 0;
    margin-bottom: 4px
}

.colorpicker.colorpicker-horizontal .colorpicker-hue i,
.colorpicker.colorpicker-horizontal .colorpicker-alpha i {
    display: block;
    height: 15px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    border: none;
    margin-top: 0
}

.colorpicker.colorpicker-horizontal .colorpicker-hue {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAABCAMAAAAfBfuPAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAbUlEQVR4XgXAghEDsbxtlrZt27ax/w49ACAYQTGcICmaYTleECVZUTXdMC1Wm93hdLk9Xp8/EAyFI9FYPJFMpTPZXL5QLJUr1Vq90Wy1O91efzAcjSfT2XyxXK03293+cDydL9fb/fF8vT/f3x+LfRNXARMbCAAAAABJRU5ErkJggg==)
}

.colorpicker.colorpicker-horizontal .colorpicker-alpha {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAKCAQAAADoFTP1AAAB9ElEQVR4XoWTQW4VMRBEu9qWEimL7DhEMp8NF+ASnJJLcAQgE1bcgBUSkYKUuHCrZ9pjeqSU5Yn9LPu7umJQBIIv+k7vIOrtK66L4lmr3pVOrOv3otp619KZ0/KjdNI79L52Uo09FBQWrU0vfe5trezU+hLsoUKd3Repovte+0vbq/7Lj5XbaHECKasR9G4MPlbp+gzZxd6koPEJCkAYC5SjcOTAIIOK90Dja1IfIZ8Z+zAY9jm3b5Ia+MT5sFcqRJrR2AYYA8Kua5BzYRrFPNmD4PQMegGJMOffJJUsWiI3nCHZZjInNdffLWOufzbc3JaboCAVxwmnRHbhLSPwRJ4wU0BRSc6HkECYYVw95nMKgJOcylxrJttE5Ibzf9Xq9GPvP+WX3MiV/MGHfRu/SentRQrfG1GzsIrytdNXucSRKxQNIGHM9YhGFQJcdjNcBZvfJayuYe4Sia1CzwW+19mWOhe37HsxJWKwbu/jluEU15QzAQjAqCEbhMJc78GYV2E0kooHDubUImWkTOhGpgv8PoT8DJG/bzxna4BZ0eOFSOaLADGeSpFsg5AzeaDZIDQQXjZ4y/8ryfzUXBwdELRjTjCNvOeT0rNlrJz90vwy6N9pXXQEluX0inElpPWokSdiLCfiNJJjMKQ8Qsh8GEKQKMo/eiHrNbI9UksAAAAASUVORK5CYII=)
}

.colorpicker-right:before {
    left: auto;
    right: 6px
}

.colorpicker-right:after {
    left: auto;
    right: 7px
}

.colorpicker-no-arrow:before {
    border-right: 0;
    border-left: 0
}

.colorpicker-no-arrow:after {
    border-right: 0;
    border-left: 0
}

.colorpicker.colorpicker-visible,
.colorpicker-alpha.colorpicker-visible,
.colorpicker-saturation.colorpicker-visible,
.colorpicker-hue.colorpicker-visible,
.colorpicker-selectors.colorpicker-visible {
    display: block
}

.colorpicker.colorpicker-hidden,
.colorpicker-alpha.colorpicker-hidden,
.colorpicker-saturation.colorpicker-hidden,
.colorpicker-hue.colorpicker-hidden,
.colorpicker-selectors.colorpicker-hidden {
    display: none
}

.colorpicker-inline.colorpicker-visible {
    display: inline-block
}

/*!* Datepicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Improvements by Andrew Rowls
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
**/
.datepicker {
    padding: 4px;
    border-radius: 4px;
    direction: ltr
}

.datepicker-inline {
    width: 220px
}

.datepicker.datepicker-rtl {
    direction: rtl
}

.datepicker.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0
}

.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #333;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, .2);
    position: absolute
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #333;
    border-top: 0;
    position: absolute
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px
}

.datepicker-dropdown.datepicker-orient-top:before {
    top: -7px
}

.datepicker-dropdown.datepicker-orient-top:after {
    top: -6px
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #333
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #333
}

.datepicker>div {
    display: none
}

.datepicker.days div.datepicker-days {
    display: block
}

.datepicker.months div.datepicker-months {
    display: block
}

.datepicker.years div.datepicker-years {
    display: block
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker table tr td,
.datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 28px;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 4px;
    border: none
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background: #747474;
    color: #f1f1f1;
    cursor: pointer
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    color: #000;
    background-color: #ffdb99;
    border-color: #ffb733
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
    color: #000;
    background-color: #ffcd70;
    border-color: #f59e00
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
    background-image: none
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
    background-color: #13aff0;
    border-color: #13aff0
}

.datepicker table tr td.today:hover:hover {
    color: #000
}

.datepicker table tr td.today.active:hover {
    color: #f1f1f1
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #747474;
    border-radius: 0
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
    color: #f1f1f1;
    background-color: #747474;
    border-color: #747474;
    border-radius: 0
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
    color: #000;
    background-color: #f4bb51;
    border-color: #bf800c
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
    background-image: none
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
    background-color: #f7ca77;
    border-color: #f1a417
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    color: #fff;
    background-color: #999;
    border-color: #555;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
    color: #fff;
    background-color: #858585;
    border-color: #373737
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
    background-image: none
}

.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
    background-color: #999;
    border-color: #555
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    background-image: none
}

.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
    background-color: #428bca;
    border-color: #357ebd
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px
}

.datepicker table tr td span:hover {
    background: #747474;
    color: #f1f1f1
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: 0 0;
    color: #999;
    cursor: default
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    background-image: none
}

.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
    background-color: #428bca;
    border-color: #357ebd
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
    color: #999
}

.datepicker th.datepicker-switch {
    width: 145px
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
    cursor: pointer
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
    background: #747474;
    color: #f1f1f1
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent
}

.input-group.date .input-group-addon i {
    cursor: pointer
}

.input-daterange input {
    text-align: center
}

.input-daterange input:first-child {
    border-radius: 3px 0 0 3px
}

.input-daterange input:last-child {
    border-radius: 0 3px 3px 0
}

.input-daterange .input-group-addon {
    width: auto;
    min-width: 16px;
    padding: 4px 5px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eee;
    border: solid #ccc;
    border-width: 1px 0;
    margin-left: -5px;
    margin-right: -5px
}

.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #333;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #bbb;
    font-size: 13px;
    line-height: 1.42857143
}

.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
    padding: 0 5px
}

.bootstrap-datetimepicker-widget {
    text-align: center;
    min-width: 224px
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin-bottom: 0
}

.bootstrap-datetimepicker-widget .table-condensed {
    width: 100%
}

.bootstrap-datetimepicker-widget .collapse.in+.picker-switch {
    border-top: 1px solid #4d4d4d
}

.bootstrap-datetimepicker-widget .picker-switch .table-condensed a {
    display: block;
    cursor: pointer
}

.bootstrap-datetimepicker-widget .picker-switch+.collapse.in {
    border-top: 1px solid #4d4d4d
}

.select2-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(max-width:767px) {
    .select2-container .select2-selection--single .select2-selection__rendered {
        font-size: 16px;
        padding-left: 12px
    }
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #171717;
    border: 1px solid #333;
    border-radius: 0;
    outline: 0;
    height: 39px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #171717), to(#171717));
    background-image: linear-gradient(to bottom, #171717 50%, #171717 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF171717', endColorstr='#FF171717', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5d5d5d
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #f1f1f1;
    line-height: 39px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: transparent;
    border: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 37px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #747474 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #333;
    border-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5d5d5d
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#171717), color-stop(50%, #171717));
    background-image: linear-gradient(to bottom, #171717 0%, #171717 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF171717', endColorstr='#FF171717', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #171717), to(#171717));
    background-image: linear-gradient(to bottom, #171717 50%, #171717 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF171717', endColorstr='#FF171717', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: #171717;
    border: 1px solid #333;
    border-radius: 0;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5d5d5d
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 7px;
    width: 100%
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    float: left;
    padding: .5em .7em;
    margin-right: 5px;
    margin-top: 7px;
    background: #333;
    color: #f1f1f1;
    border: 1px solid #747474;
    font-size: 75%;
    border-radius: 2px;
    line-height: 1
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #747474;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    float: right;
    margin: -1px 0 -2px 4px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #13aff0
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5d5d5d
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    display: block;
    width: 100%;
    height: 39px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.8;
    color: #f1f1f1;
    background-color: #171717;
    background-image: none;
    border: 1px solid #333;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
}

.select2-container--classic .select2-search--dropdown .select2-search__field:focus {
    border-color: #5d5d5d;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(93, 93, 93, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(93, 93, 93, .6)
}

.select2-container--classic .select2-search--dropdown .select2-search__field::-moz-placeholder {
    color: #747474;
    opacity: 1
}

.select2-container--classic .select2-search--dropdown .select2-search__field:-ms-input-placeholder {
    color: #747474
}

.select2-container--classic .select2-search--dropdown .select2-search__field::-webkit-input-placeholder {
    color: #747474
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    width: 100%
}

.select2-container--classic .select2-dropdown {
    background-color: #333;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #13aff0;
    color: #f1f1f1
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5d5d5d
}

@media all {
    .featherlight {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2147483647;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        background: #333;
        background: 0 0
    }

    .featherlight:last-of-type {
        background: rgba(0, 0, 0, .8)
    }

    .featherlight:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -.25em
    }

    .featherlight .featherlight-content {
        position: relative;
        text-align: left;
        vertical-align: middle;
        display: inline-block;
        overflow: auto;
        padding: 25px 25px 0;
        border-bottom: 25px solid transparent;
        margin-left: 5%;
        margin-right: 5%;
        max-height: 95%;
        background: #fff;
        cursor: auto;
        white-space: normal
    }

    .featherlight .featherlight-inner {
        display: block
    }

    .featherlight .featherlight-close-icon {
        position: absolute;
        z-index: 9999;
        top: 0;
        right: 0;
        line-height: 25px;
        width: 25px;
        cursor: pointer;
        text-align: center;
        font-family: Arial, sans-serif;
        background: #fff;
        background: rgba(255, 255, 255, .3);
        color: #000
    }

    .featherlight .featherlight-image {
        width: 100%
    }

    .featherlight-iframe .featherlight-content {
        border-bottom: 0;
        padding: 0
    }

    .featherlight iframe {
        border: none
    }

    .featherlight * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

@media only screen and (max-width:1024px) {
    .featherlight .featherlight-content {
        margin-left: 10px;
        margin-right: 10px;
        max-height: 98%;
        padding: 10px 10px 0;
        border-bottom: 10px solid transparent
    }
}

@media all {

    .featherlight-next,
    .featherlight-previous {
        display: block;
        position: absolute;
        top: 25px;
        right: 25px;
        bottom: 0;
        left: 80%;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background: 0 0
    }

    .featherlight-previous {
        left: 25px;
        right: 80%
    }

    .featherlight-next:hover,
    .featherlight-previous:hover {
        background: rgba(255, 255, 255, .25)
    }

    .featherlight-next span,
    .featherlight-previous span {
        display: none;
        position: absolute;
        top: 50%;
        left: 5%;
        width: 82%;
        text-align: center;
        font-size: 80px;
        line-height: 80px;
        margin-top: -40px;
        text-shadow: 0 0 5px #fff;
        color: #fff;
        font-style: normal;
        font-weight: 400
    }

    .featherlight-next span {
        right: 5%;
        left: auto
    }

    .featherlight-next:hover span,
    .featherlight-previous:hover span {
        display: inline-block
    }

    .featherlight-loading .featherlight-previous,
    .featherlight-loading .featherlight-next {
        display: none
    }
}

@media only screen and (max-device-width:1024px) {

    .featherlight-next:hover,
    .featherlight-previous:hover {
        background: 0 0
    }

    .featherlight-next span,
    .featherlight-previous span {
        display: block
    }
}

@media only screen and (max-width:1024px) {

    .featherlight-next,
    .featherlight-previous {
        top: 10px;
        right: 10px;
        left: 85%
    }

    .featherlight-previous {
        left: 10px;
        right: 85%
    }

    .featherlight-next span,
    .featherlight-previous span {
        margin-top: -30px;
        font-size: 40px
    }
}

.featherlight-last-slide .featherlight-next {
    display: none
}

.featherlight-first-slide .featherlight-previous {
    display: none
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    outline: none;
    display: none
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: 0 0;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: 0 0;
    color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

.slick-prev:before {
    content: "←"
}

.slick-next {
    right: -25px
}

.slick-next:before {
    content: "→"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.slick-flex .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.slick-dots-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    position: relative;
    z-index: 2;
    color: #747474;
    font-size: 8px;
    margin-top: 60px;
    margin-bottom: 0
}

@media(min-width:768px) {
    .slick-dots-name {
        font-size: 13px
    }
}

.slick-dots-name li {
    cursor: pointer;
    padding: 0 5px 4px;
    position: relative
}

.slick-dots-name li:before,
.slick-dots-name li:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    opacity: 0
}

.slick-dots-name li:before {
    background: #333
}

.slick-dots-name li:after {
    background: #747474
}

.slick-dots-name .slick-active {
    color: #fff
}

.slick-dots-name .slick-active:before,
.slick-dots-name .slick-active:after {
    opacity: 1
}

.slick-dots-name .slick-active:after {
    width: 100%;
    -webkit-animation: slider-filler 4s linear 1;
    animation: slider-filler 4s linear 1
}

.workable {
    text-align: center
}

.whr-group {
    font-size: 24px
}

.whr-group a:after {
    content: ':'
}

.whr-items {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block !important
}

.whr-items .whr-title {
    font-size: 18px
}

.whr-date {
    display: none
}

@-webkit-keyframes reveal-nav-fallback {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes reveal-nav-fallback {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.nav-fallback {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    font-size: 12px;
    overflow-y: auto;
    -webkit-overflow-scrolling: auto;
    opacity: 0;
    -webkit-animation: reveal-nav-fallback .1s 2s 1 forwards;
    animation: reveal-nav-fallback .1s 2s 1 forwards
}

.nav-fallback-list {
    margin: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.nav-fallback-item {
    margin: 0 6px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.nav-fallback-link {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff
}

.sub-nav {
    text-align: center;
    margin-bottom: 3.6em
}

.sub-nav .btn-group .btn {
    padding: 8px 12px;
    overflow: visible
}

.sub-nav .btn-group .btn .badge-notification {
    position: absolute;
    top: -5px;
    right: -6px;
    left: auto;
    bottom: auto;
    background: #d71720;
    color: #fff
}

@media(max-width:420px) {
    .sub-nav .btn-group .btn {
        font-size: 13px
    }
}

.sub-nav .btn-group .active.btn-default {
    border-bottom: 1px solid #13aff0
}

.sub-nav .btn-group .badged {
    z-index: 5
}

ul.link-bar {
    margin: 0;
    padding: 0;
    list-style: none
}

ul.link-bar>li {
    display: inline-block;
    padding: 2px 15px;
    border-right: 1px solid #333
}

ul.link-bar>li:last-child {
    border-right: none
}

ul.link-bar>li.link-bar-label {
    border-right: none;
    padding-right: 0
}

ul.link-bar>li>a.active {
    color: #bbb;
    text-decoration: none
}

.card-content-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px
}

.card-content-grid-item {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    vertical-align: top
}

@media(min-width:480px) {
    .card-content-grid-item {
        width: calc(100%/2)
    }
}

@media(min-width:768px) {
    .card-content-grid-item {
        width: calc(100%/3)
    }
}

@media(min-width:992px) {
    .card-content-grid-item {
        width: calc(100%/4)
    }
}

@media(min-width:1400px) {
    .card-content-grid-item {
        width: calc(100%/5)
    }
}

@media(min-width:1900px) {
    .card-content-grid-item {
        width: calc(100%/5)
    }
}

.card-content-grid-filters {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px
}

.card-content-grid-filters-category {
    margin-bottom: 5px
}

.card-content-grid-filters-category-title {
    color: #fff;
    font-size: 24px;
    padding-right: 5px
}

.card-content-grid-filters-category-count {
    font-size: 16px;
    color: #747474
}

.card-content-grid-filters-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.card-content-grid-filters-list-item {
    padding-right: 10px;
    margin-bottom: 10px
}

.card-content {
    border-radius: 3px;
    border: solid 1px #333;
    min-height: 100%;
    background-color: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: inherit;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.card-content:hover {
    border-color: #5d5d5d;
    color: inherit
}

.card-content-popular {
    min-height: auto;
    border: solid 1px #13aff0
}

.card-content-popular.has-discount {
    border: solid 1px #cf8d2e
}

.card-content-ribbon {
    width: 100px;
    background-color: #cf8d2e;
    position: absolute;
    top: 0;
    text-transform: uppercase;
    font-weight: 700;
    z-index: 3;
    right: 0;
    text-align: center;
    font-size: 13px;
    line-height: 19px;
    height: 19px;
    color: #f0f0f0;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1);
    -webkit-transform: rotate(45deg) translateX(29%) translateY(-70%);
    transform: rotate(45deg) translateX(29%) translateY(-70%)
}

.card-content-thumbnail {
    position: relative;
    border-radius: 3px 3px 0 0;
    width: 100%;
    overflow: hidden
}

.card-content-thumbnail:before {
    content: '';
    display: block;
    padding-top: 56.25%
}

.card-content-thumbnail:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 3px 3px 0 0;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .2s;
    transition: .2s;
    z-index: 1
}

.card-content-thumbnail img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 3px 3px 0 0;
    -o-object-fit: cover;
    object-fit: cover
}

.card-content-thumbnail.square:before {
    padding-top: 100%
}

.card-content-thumbnail-content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 4;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.card-content:hover-thumbnail-content,
.card-content:hover-thumbnail:before {
    opacity: 1
}

.card-content:hover-thumbnail-content {
    z-index: 1032
}

.card-content-body {
    padding: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.card-content-title {
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: 700;
    overflow-wrap: break-word
}

.card-content-footer {
    padding: 0 10px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.card-content-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    padding-right: 5px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.card-content-author-avatar {
    padding-right: 10px
}

.card-content-author-avatar img {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: block
}

.card-content-author-name {
    color: #bbb;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.card-content-prices .card-content-price {
    margin-left: 5px
}

.card-content-prices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap
}

.card-content-price {
    border-radius: 3px 0 0 3px;
    color: #fff;
    padding: 1px 10px;
    display: inline-block;
    background-color: #171717;
    -webkit-transition: .2s;
    transition: .2s;
    margin-right: -10px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.card-content-price.sm {
    font-size: 12px;
    padding: 1px 5px
}

.card-content-price.discount-size-small {
    background-color: #cf8d2e
}

.card-content-price.discount-size-medium {
    background-color: #cb6126
}

.card-content-price.discount-size-large {
    background-color: #bb2f2f
}

.card-content .bundle-label {
    background-color: #13aff0;
    height: 28px;
    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: .488136px;
    font-weight: 600;
    font-size: 14px
}

.card-content-carousel .slick-slider {
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 9px;
    max-width: 100%
}

@media(max-width:599px),
(min-width:768px) and (max-width:991px) {
    .card-content-carousel .slick-slider {
        overflow: hidden
    }

    .card-content-carousel .slick-slider .slick-list {
        overflow: visible
    }
}

.card-content-carousel .slick-list {
    width: 100%
}

.card-content-carousel .slick-track {
    margin-left: 0;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media(min-width:768px) {
    .card-content-carousel .slick-track .slick-slide {
        height: auto
    }

    .card-content-carousel .slick-track .slick-slide>div {
        height: 100%
    }

    .card-content-carousel .slick-track .card-content-grid-item {
        height: calc(100% - 20px)
    }

    .card-content-carousel .slick-track .card-content-inner {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.card-content-carousel .slick-arrow {
    z-index: 2;
    font-size: 20px;
    background: #333;
    color: #fff;
    display: block;
    width: 29px;
    height: 29px;
    line-height: 29px;
    margin-bottom: 20px;
    text-align: center;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .5);
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

.card-content-carousel .slick-arrow:hover {
    background: #333;
    color: #fff
}

.card-content-carousel .slick-arrow:before {
    content: ''
}

.card-content-carousel .slick-arrow[aria-disabled=true] {
    opacity: .2
}

.card-content-carousel .slick-next {
    right: 0
}

.card-content-carousel .slick-prev {
    left: 0
}

@media(max-width:767px) {
    .card-content-carousel .card-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .card-content-carousel .card-content .card-content-thumbnail {
        -ms-flex-preferred-size: 44%;
        flex-basis: 44%;
        width: 44%;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .card-content-carousel .card-content .card-content-inner {
        -ms-flex-preferred-size: 56%;
        flex-basis: 56%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 0
    }

    .card-content-carousel .card-content .card-content-body {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    .card-content-carousel .card-content .card-content-title {
        font-size: 13px;
        line-height: 1.28
    }
}

@media(max-width:767px) and (max-width:767px) {
    .card-content-carousel .card-content .card-content-title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media(max-width:767px) {
    .card-content-carousel .card-content .card-content-author-avatar img {
        width: 20px;
        height: 20px
    }

    .card-content-carousel .card-content .card-content-author-name {
        font-size: 10px
    }

    .card-content-carousel .card-content .card-content-price {
        font-size: 12px;
        padding: 0 6px
    }
}

.processing-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6)
}

.processing-video-label {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2
}

@-webkit-keyframes shine-element {
    0% {
        opacity: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        opacity: .7;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes shine-element {
    0% {
        opacity: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        opacity: .7;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.shine-element-toggle:hover .shine {
    -webkit-animation-name: shine-element;
    animation-name: shine-element;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.shine-element {
    position: relative
}

.shine-element .shine {
    position: absolute;
    top: 4px;
    right: 4px;
    opacity: 0;
    -webkit-transform-origin: center;
    transform-origin: center
}

.shine-element .shine-x {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 1px
}

.shine-element .shine-x:before {
    content: '';
    position: absolute;
    left: 0;
    top: -14px;
    width: 0;
    height: 0;
    border: 1px solid transparent;
    border-bottom: 14px solid #fff
}

.shine-element .shine-x:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border: 1px solid transparent;
    border-top: 14px solid #fff
}

.shine-element .shine-y {
    width: 0;
    height: 0;
    position: absolute;
    top: -1px;
    left: 0
}

.shine-element .shine-y:before {
    content: '';
    position: absolute;
    left: -14px;
    top: 0;
    width: 0;
    height: 0;
    border: 1px solid transparent;
    border-right: 14px solid #fff
}

.shine-element .shine-y:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border: 1px solid transparent;
    border-left: 14px solid #fff
}

@-webkit-keyframes animate-glare {
    0% {
        left: -50%
    }

    100% {
        left: 150%
    }
}

@keyframes animate-glare {
    0% {
        left: -50%
    }

    100% {
        left: 150%
    }
}

.animate-glare-toggle:hover .animate-glare {
    overflow: hidden;
    position: relative
}

.animate-glare-toggle:hover .animate-glare:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -50%;
    width: 25%;
    height: 100%;
    -webkit-transform: skew(-20deg);
    transform: skew(-20deg);
    background: rgba(255, 255, 255, .3);
    -webkit-animation-name: animate-glare;
    animation-name: animate-glare;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes z-cat {
    0% {
        bottom: 50%;
        right: 30%;
        opacity: 0
    }

    20% {
        bottom: 65%;
        right: 33%
    }

    40% {
        bottom: 80%;
        right: 30%
    }

    50% {
        opacity: 1
    }

    60% {
        bottom: 95%;
        right: 33%
    }

    80% {
        bottom: 110%;
        right: 30%
    }

    100% {
        bottom: 125%;
        right: 33%;
        opacity: 0;
        font-size: 20px
    }
}

@keyframes z-cat {
    0% {
        bottom: 50%;
        right: 30%;
        opacity: 0
    }

    20% {
        bottom: 65%;
        right: 33%
    }

    40% {
        bottom: 80%;
        right: 30%
    }

    50% {
        opacity: 1
    }

    60% {
        bottom: 95%;
        right: 33%
    }

    80% {
        bottom: 110%;
        right: 30%
    }

    100% {
        bottom: 125%;
        right: 33%;
        opacity: 0;
        font-size: 20px
    }
}

@-webkit-keyframes zz-cat {
    0% {
        bottom: 50%;
        right: 20%;
        opacity: 0
    }

    20% {
        bottom: 65%;
        right: 23%
    }

    40% {
        bottom: 80%;
        right: 20%
    }

    50% {
        opacity: 1
    }

    60% {
        bottom: 95%;
        right: 23%
    }

    80% {
        bottom: 110%;
        right: 20%
    }

    100% {
        bottom: 125%;
        right: 23%;
        opacity: 0;
        font-size: 20px
    }
}

@keyframes zz-cat {
    0% {
        bottom: 50%;
        right: 20%;
        opacity: 0
    }

    20% {
        bottom: 65%;
        right: 23%
    }

    40% {
        bottom: 80%;
        right: 20%
    }

    50% {
        opacity: 1
    }

    60% {
        bottom: 95%;
        right: 23%
    }

    80% {
        bottom: 110%;
        right: 20%
    }

    100% {
        bottom: 125%;
        right: 23%;
        opacity: 0;
        font-size: 20px
    }
}

@-webkit-keyframes z-dog {
    0% {
        bottom: 60%;
        left: 10%;
        opacity: 0
    }

    20% {
        bottom: 75%;
        left: 13%
    }

    40% {
        bottom: 90%;
        left: 10%
    }

    50% {
        opacity: 1
    }

    60% {
        bottom: 105%;
        left: 13%
    }

    80% {
        bottom: 120%;
        left: 10%
    }

    100% {
        bottom: 135%;
        left: 13%;
        opacity: 0;
        font-size: 20px
    }
}

@keyframes z-dog {
    0% {
        bottom: 60%;
        left: 10%;
        opacity: 0
    }

    20% {
        bottom: 75%;
        left: 13%
    }

    40% {
        bottom: 90%;
        left: 10%
    }

    50% {
        opacity: 1
    }

    60% {
        bottom: 105%;
        left: 13%
    }

    80% {
        bottom: 120%;
        left: 10%
    }

    100% {
        bottom: 135%;
        left: 13%;
        opacity: 0;
        font-size: 20px
    }
}

@-webkit-keyframes zz-dog {
    0% {
        bottom: 60%;
        left: 0;
        opacity: 0
    }

    20% {
        bottom: 75%;
        left: 3%
    }

    40% {
        bottom: 90%;
        left: 0
    }

    50% {
        opacity: 1
    }

    60% {
        bottom: 105%;
        left: 3%
    }

    80% {
        bottom: 120%;
        left: 0
    }

    100% {
        bottom: 135%;
        left: 3%;
        opacity: 0;
        font-size: 20px
    }
}

@keyframes zz-dog {
    0% {
        bottom: 60%;
        left: 0;
        opacity: 0
    }

    20% {
        bottom: 75%;
        left: 3%
    }

    40% {
        bottom: 90%;
        left: 0
    }

    50% {
        opacity: 1
    }

    60% {
        bottom: 105%;
        left: 3%
    }

    80% {
        bottom: 120%;
        left: 0
    }

    100% {
        bottom: 135%;
        left: 3%;
        opacity: 0;
        font-size: 20px
    }
}

.animal-block-wrapper {
    position: relative;
    padding-bottom: 50px
}

.animal-block-wrapper .img {
    width: 100%;
    vertical-align: top
}

.animal-block-wrapper .z,
.animal-block-wrapper .zz {
    color: #3d3d3d;
    width: 20px;
    opacity: 0;
    position: absolute;
    bottom: 50%;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.animal-block-wrapper .z {
    right: 30%
}

.animal-block-wrapper .zz {
    right: 20%;
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animal-block-wrapper .empty-selector-switch {
    width: 20px;
    height: 12px;
    border: 1px solid #666;
    border-radius: 8px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.animal-block-wrapper .empty-selector-switch:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #666;
    position: absolute;
    top: 1px;
    left: 1px;
    -webkit-transition: left .2s linear;
    transition: left .2s linear
}

.animal-block-wrapper #empty-selector-input:not(:checked)~.animal-block.dog {
    display: none
}

.animal-block-wrapper #empty-selector-input:not(:checked)~.animal-block.cat .z {
    -webkit-animation-name: z-cat;
    animation-name: z-cat
}

.animal-block-wrapper #empty-selector-input:not(:checked)~.animal-block.cat .zz {
    -webkit-animation-name: zz-cat;
    animation-name: zz-cat
}

.animal-block-wrapper #empty-selector-input:checked~.animal-block.cat {
    display: none
}

.animal-block-wrapper #empty-selector-input:checked~.animal-block.dog .z {
    -webkit-animation-name: z-dog;
    animation-name: z-dog
}

.animal-block-wrapper #empty-selector-input:checked~.animal-block.dog .zz {
    -webkit-animation-name: zz-dog;
    animation-name: zz-dog
}

.animal-block-wrapper #empty-selector-input:checked~.empty-selector-label .empty-selector-switch:before {
    left: 9px
}

.animal-block-wrapper .dog .animal-block-sleeping {
    width: 160px
}

.animal-block-wrapper .animal-block-sleeping {
    position: relative;
    width: 130px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: auto
}

.animal-block-wrapper #empty-selector-input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

.animal-block-wrapper .empty-selector-label {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 80px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr [3];
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
    margin: 0
}

.animal-block-wrapper .empty-selector-label .fa-dog {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.btt {
    display: block;
    cursor: pointer;
    font-size: 16px;
    z-index: -1;
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    color: #fff;
    opacity: 0;
    background-color: rgba(0, 0, 0, .6);
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, .5);
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.btt:hover,
.btt:active,
.btt:focus {
    color: #fff
}

.btt.stuck {
    z-index: 3;
    opacity: 1
}

.ChatController .separator-lg {
    display: none
}

.messages-search-input {
    position: relative;
    border-top: 1px solid #333;
    margin-top: -21px
}

.messages-search-input .form-group {
    margin-bottom: 0
}

.messages-search-input .form-control {
    padding-left: 37px;
    padding-right: 37px;
    border-width: 0 0 1px;
    border-radius: 0
}

.messages-search-input .form-control:hover,
.messages-search-input .form-control:focus {
    border-color: #333
}

.messages-search-input .search-icon {
    position: absolute;
    top: 12px;
    left: 12px
}

.messages-search-input .search-cancel {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 37px;
    height: 37px
}

.messages-search-input .search-cancel-inner {
    position: relative;
    margin: 10px;
    width: 17px;
    height: 17px;
    background: #4a4a4a;
    border-radius: 50%
}

.messages-search-input .search-cancel-inner:before,
.messages-search-input .search-cancel-inner:after {
    content: '';
    display: block;
    position: absolute;
    top: 4px;
    width: 1px;
    height: 9px;
    background: #171717
}

.messages-search-input .search-cancel-inner:before {
    left: 8px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.messages-search-input .search-cancel-inner:after {
    right: 8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.messages-search-input .has-error .form-control {
    border-color: #333;
    outline: 0
}

.messages-search-input .has-error .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.messages-search-input .has-error .help-block {
    padding-left: 37px
}

.messages-search-header {
    padding: 0 10px 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 38px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #333
}

.messages-search-header .results-count {
    font-size: 12px;
    margin-left: 6px
}

.messages-search-header .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.messages-search-header .left .far {
    font-size: 24px;
    margin-right: 5px
}

.messages-search-count {
    background: #333;
    color: #747474;
    font-size: 12px;
    padding: 6px 10px 5px
}

.messages-sidebar {
    position: fixed;
    left: 0;
    top: 92px;
    top: var(--main-menu-height, 92px);
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width:768px) {
    .messages-sidebar {
        width: 30%;
        border-right: 1px solid #3e3e3e
    }
}

@media(min-width:1200px) {
    .messages-sidebar {
        width: 500px
    }
}

.messages-sidebar .sub-nav {
    margin-bottom: 0
}

.messages-sidebar .sub-nav .btn-group .btn {
    padding-left: 16px;
    padding-right: 16px
}

@media(max-width:767px) {
    .messages-sidebar .sub-nav .btn-group {
        display: table;
        width: 100%;
        table-layout: fixed;
        border-collapse: separate
    }

    .messages-sidebar .sub-nav .btn-group .btn {
        display: table-cell;
        float: none
    }
}

@media(min-width:992px) {
    .messages-sidebar .sub-nav .btn-group {
        margin-top: 20px;
        margin-bottom: 20px
    }
}

.messages-tabs>.messages-tab {
    border-top: 0
}

.messages-tabs>.messages-tab:first-child {
    border-left: 0;
    border-radius: 0
}

.messages-tabs>.messages-tab:last-child {
    border-right: 0;
    border-radius: 0
}

.messages-chats {
    position: relative
}

@media(max-width:767px) {
    .messages-chats {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        overflow: auto
    }
}

@media(min-width:768px) {
    .messages-chats {
        border-top: 1px solid #3e3e3e;
        overflow: hidden;
        height: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.messages-chats .ps-scrollbar-y-rail {
    background: #000;
    border-left: 1px solid #3e3e3e;
    top: 0;
    right: 0;
    width: 13px
}

.messages-chats .ps-scrollbar-y {
    border: 1px solid #000
}

.messages-chats-load-more {
    text-align: center;
    padding: 10px
}

.messages-chat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: #bbb;
    padding: 26px 18px 20px;
    border-left: 4px solid transparent;
    border-bottom: 1px solid #3e3e3e
}

@media(min-width:768px) {
    .messages-chat {
        padding-right: 30px
    }
}

.messages-chat img {
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width:1199px) {
    .messages-chat img {
        width: 40px;
        height: 40px
    }
}

.messages-chat .messages-actions {
    display: inline-block;
    vertical-align: top
}

@media(min-width:1200px) {
    .messages-chat .messages-actions {
        display: none
    }
}

.messages-chat .messages-actions .dropdown-toggle {
    background: 0 0;
    border: 0
}

.messages-chat .messages-actions .dropdown-menu>li>span {
    white-space: nowrap;
    display: block;
    padding: 7px 20px;
    border-left: 3px solid transparent;
    -webkit-transition: all .15s cubic-bezier(.455, .03, .515, .955);
    transition: all .15s cubic-bezier(.455, .03, .515, .955)
}

.messages-chat .messages-actions .dropdown-menu>li>span:hover {
    background: #000;
    border-left-color: #13aff0
}

.messages-chat:hover {
    color: inherit;
    background: #222
}

@media(min-width:1200px) {
    .messages-chat:hover .messages-chat-date {
        display: none
    }

    .messages-chat:hover .messages-actions {
        display: block
    }
}

.messages-chat.active {
    background: #333
}

.messages-chat.active .messages-chat-name {
    color: #fff
}

.messages-chat.active .messages-chat-text {
    color: #b1b1b0
}

.message-unread-indicator {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 17px;
    background: #13aff0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.conversation-list,
.search-results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.search-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: #bbb;
    padding: 26px 18px 20px;
    border-left: 4px solid transparent;
    border-bottom: 1px solid #3e3e3e
}

@media(min-width:768px) {
    .search-result {
        padding-right: 30px
    }
}

.search-result img {
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width:1199px) {
    .search-result img {
        width: 40px;
        height: 40px
    }
}

.search-result:hover {
    background: #222;
    color: #bbb
}

.search-result.active {
    background: #333
}

.search-highlight {
    background: #f5a623;
    color: #3a3732;
    padding-left: 2px;
    padding-right: 2px;
    border-radius: 2px
}

.message-body-preview {
    max-height: 36px !important;
    overflow: hidden
}

.messages-chat-unread {
    border-left-color: #13aff0
}

.messages-chat-unread .messages-chat-name,
.messages-chat-unread .messages-chat-text {
    color: #fff
}

.messages-chat-preview {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 15px;
    min-width: 0
}

.messages-chat-name-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.4;
    margin-top: -5px
}

.messages-chat-name {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #fff
}

.messages-chat-name .label {
    font-size: 11px;
    margin-left: 10px;
    padding: 3px 6px
}

@media(max-width:991px) {
    .messages-chat-name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .messages-chat-name .label {
        display: none
    }
}

@media(min-width:992px) {
    .messages-chat-name {
        font-size: 16px
    }
}

.messages-chat-date-actions {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 10px;
    font-size: 12px;
    color: #fff
}

.messages-chat-date-actions .far {
    font-size: 18px;
    line-height: .8
}

.messages-chat-date-actions .messages-chat-date {
    display: inline-block;
    vertical-align: top
}

@media(max-width:1199px) {
    .messages-chat-date-actions .messages-chat-date {
        margin-top: 4px
    }
}

@media(max-width:991px) {
    .messages-chat-date-actions {
        padding-right: 4px
    }
}

.messages-chat-text {
    margin-top: 6px;
    line-height: 1.3;
    color: #9b9b9b;
    font-weight: 300
}

@media(max-width:991px) {
    .messages-chat-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.messages-chats-empty {
    border-left: 4px solid #13aff0;
    border-radius: 4px;
    background: #222;
    color: #bbb;
    margin: 16px;
    padding: 24px 24px 12px
}

.messages-main {
    background: #212121;
    position: relative;
    margin-top: 1px
}

@media(max-width:767px) {
    .messages-main {
        display: none;
        position: absolute;
        top: 92px;
        top: var(--main-menu-height, 92px);
        left: 0;
        width: 100%;
        z-index: 2;
        min-height: 100vh
    }

    .messages-main.active {
        display: block
    }
}

@media(min-width:768px) {
    .messages-main {
        margin-left: 30%;
        min-height: calc(100vh - 92px);
        min-height: calc(100vh - var(--main-menu-height))
    }
}

@media(min-width:1200px) {
    .messages-main {
        margin-left: 500px
    }
}

.messages-main .messages-head,
.messages-main .messages-send {
    position: fixed;
    right: 0;
    left: 0;
    background: #212121
}

@media(min-width:768px) {

    .messages-main .messages-head,
    .messages-main .messages-send {
        left: 30%
    }
}

@media(min-width:1200px) {

    .messages-main .messages-head,
    .messages-main .messages-send {
        left: 500px
    }
}

.messages-main .messages-head {
    top: 92px;
    top: var(--main-menu-height, 92px)
}

@media(max-width:767px) {
    .messages-main .messages-head {
        top: 50px
    }
}

.messages-main .messages-send {
    bottom: 0
}

.messages-sender {
    padding-right: 10px;
    line-height: 1.3;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width:767px) {
    .messages-sender .btn-group {
        margin-left: -10px;
        padding-right: 10px
    }
}

.messages-sender-avatar {
    border-radius: 50%;
    margin-right: 15px
}

.messages-actions .btn-default {
    height: 70px;
    padding-left: 17px;
    padding-right: 17px
}

.messages-actions .btn-default,
.messages-actions.open .btn-default {
    background: 0 0
}

.messages-name-title {
    font-size: 12px
}

.messages-name {
    font-size: 16px;
    margin-bottom: 6px
}

.messages-name a {
    color: #fff
}

.messages-name .pro-badge,
.messages-name .staff-badge,
.messages-name .studio-badge,
.messages-name .school-badge {
    vertical-align: middle
}

.messages-list {
    padding: 133px 15px 80px
}

.messages-list.search-results {
    padding-top: 176px
}

@media(min-width:768px) {
    .messages-list {
        padding: 86px 15px 80px
    }

    .messages-list.search-results {
        padding-top: 125px
    }
}

.message-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.message-item.reverse {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.message-item.reverse .message-avatar {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.message-item.reverse .message-text {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.message-item.reverse .message-item-inner {
    margin-right: 14px;
    margin-left: 0
}

@media(min-width:1200px) {
    .message-item.reverse .message-item-inner {
        margin-left: 400px;
        margin-right: 14px
    }
}

.message-item.reverse .message-text {
    text-align: left;
    border-radius: 8px 2px 2px 8px
}

.message-item.reverse .message-text-wrap {
    text-align: right
}

.message-item.reverse .message-text-wrap:first-child .message-text {
    border-top-right-radius: 8px
}

.message-item.reverse .message-text-wrap:last-child .message-text {
    border-bottom-right-radius: 8px
}

.message-item.reverse .message-date {
    text-align: right
}

.message-item+.message-item {
    margin-top: 30px
}

.message-item-inner {
    margin-left: 14px;
    margin-bottom: 40px
}

@media(min-width:1200px) {
    .message-item-inner {
        margin-right: 400px
    }
}

.message-avatar {
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width:991px) {
    .message-avatar {
        width: 28px;
        height: 28px
    }
}

.message-date {
    font-size: 12px;
    margin-bottom: 7px
}

.message-text-wrap:first-child .message-text {
    border-top-left-radius: 8px
}

.message-text-wrap:last-child .message-text {
    border-bottom-left-radius: 8px
}

.message-text {
    display: inline-block;
    vertical-align: top;
    padding: 14px 18px;
    background: #333;
    border-radius: 2px 8px 8px 2px;
    line-height: 1.6;
    color: #e6e6e6;
    font-weight: 300;
    margin-bottom: 2px
}

.message-text a {
    word-break: break-word
}

.message-text p:last-child {
    margin-bottom: 0
}

@media(min-width:992px) {
    .message-text {
        font-size: 16px
    }
}

.message-load-more-btn {
    display: inline-block;
    vertical-align: top;
    padding: 6px 34px 5px;
    margin-bottom: 13px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #5d5d5d;
    border-radius: 2px;
    -webkit-transition: border-color .2s linear;
    transition: border-color .2s linear
}

.message-load-more-btn:hover {
    border-color: #717171
}

.messages-send {
    padding: 0 0 20px;
    background: #333
}

.messages-send .form {
    padding: 20px 20px 0;
    border-top: 1px solid #3e3e3e
}

.messages-send-inner {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.messages-send-inner .form-control {
    border-color: #4a4a4a
}

.messages-send-inner textarea {
    resize: none;
    max-height: 264px;
    -ms-overflow-style: none
}

.messages-send-inner .btn {
    margin-left: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.messages-unarchive {
    padding: 20px 0 0
}

.conversation-archived {
    margin-bottom: 20px
}

.messages-empty {
    text-align: center;
    color: #4a4a4a;
    padding: 20vh 20px 20px
}

.messages-empty .fa-lg {
    font-size: 160px
}

.messages-empty-text {
    font-size: 24px;
    margin-top: 20px
}

.messages-archive-active {
    text-align: center;
    position: relative;
    padding: 7px 0;
    font-size: 14px
}

.messages-archive-active .btn {
    position: absolute;
    top: 0;
    left: 0;
    color: #bbb
}

@media(min-width:768px) {
    .messages-archive-active {
        font-size: 16px;
        padding-top: 28px;
        padding-bottom: 28px
    }

    .messages-archive-active .btn {
        top: 21px
    }
}

.messages-chat-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.messages-chat-product-img {
    max-width: 60px;
    margin-right: 10px
}

.messages-chat-product-img img {
    border-radius: 2px !important
}

.messages-chat-product-title {
    color: #747474
}

.marketing-lead {
    background: url(/assets/about/bg-marketing-28c337270ab08c9bf39f7e1e4c7c79af.jpg) no-repeat center center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-size: 32px;
    padding: 30px 10px;
    min-height: 30vh;
    margin-bottom: 25px;
    position: relative
}

.marketing-lead-credit {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 12px;
    font-style: italic;
    color: #bbb
}

.marketing-lead-credit:hover {
    color: #bbb;
    text-decoration: underline
}

@media(min-width:768px) {
    .marketing-lead {
        min-height: 40vh;
        margin-bottom: 70px
    }

    .marketing-lead h1 {
        font-size: 44px
    }
}

.marketing-counters {
    margin-bottom: 35px
}

@media(min-width:768px) {
    .marketing-counters {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 20px
    }
}

.marketing-counter {
    color: #fff;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 40px auto;
    grid-template-columns: 40px auto;
    grid-column-gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    padding: 14px 10px 14px 15px;
    font-weight: 300
}

.marketing-counter .far {
    font-size: 40px;
    text-align: center
}

.marketing-counter.fb {
    background: #3b5997
}

.marketing-counter.tw {
    background: #1cabe9
}

.marketing-counter.ins {
    background-image: linear-gradient(-137deg, #4E60D3 0%, #913BAF 14%, #D52D88 76%, #F26D4F 100%)
}

.marketing-counter:hover {
    color: #fff
}

.marketing-counter:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.marketing-counter:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

@media(min-width:768px) {
    .marketing-counter {
        border-radius: 3px
    }
}

@media(max-width:767px) {
    .marketing-counter-inner {
        font-size: 18px
    }
}

.marketing-counter-count {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px
}

@media(max-width:767px) {
    .marketing-counter-count {
        display: inline;
        margin-right: 6px
    }
}

.feature-testimonials {
    margin-bottom: 100px
}

@media(min-width:768px) {
    .feature-testimonials {
        margin-bottom: 164px;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 30px
    }

    .feature-testimonials.grid-3 {
        -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media(min-width:992px) {
    .feature-testimonials {
        grid-column-gap: 60px
    }
}

@media(min-width:1200px) {
    .feature-testimonials {
        grid-column-gap: 90px
    }
}

.feature-testimonial {
    background: #222;
    padding: 15px 24px 20px;
    margin-top: 30px;
    border-radius: 3px
}

.feature-testimonial-text {
    font-size: 16px;
    margin-bottom: 20px
}

.feature-testimonial-author {
    font-size: 18px;
    font-weight: 600;
    color: #dedede;
    margin-top: 8px;
    margin-bottom: -2px
}

.marketing-feature {
    margin-top: 35px;
    margin-bottom: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.marketing-feature-item {
    margin-top: 25px;
    font-size: 14px;
    font-weight: 600;
    color: #f1f1f1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 26px
}

@media(min-width:768px) {
    .marketing-feature-item {
        font-size: 16px
    }
}

.marketing-feature-item .icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #58b957;
    background: #333;
    text-align: center;
    font-size: 20px;
    border-radius: 50%;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(min-width:768px) {
    .marketing-feature-item .icon {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 30px
    }
}

@media(max-width:767px) {
    .marketing-feature {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .marketing-feature-reverse .right {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .marketing-feature-reverse .left {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
}

.marketing-used {
    margin-top: 122px
}

.marketing-used-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.marketing-used-item {
    padding: 19px;
    text-align: center
}

@media(max-width:767px) {
    .marketing-used-item {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%
    }

    .marketing-used-item img {
        max-width: 100%;
        max-height: 50px;
        height: auto
    }
}

.marketing-contact {
    margin-top: 100px
}

@media(min-width:768px) {
    .marketing-contact {
        margin-top: 184px
    }
}

.marketing-form {
    margin-top: 100px;
    background: #222;
    padding: 0 30px 30px;
    -webkit-box-shadow: 0 12px 44px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 12px 44px 0 rgba(0, 0, 0, .5)
}

.marketing-form .img-circle {
    margin-top: -60px
}

@media(min-width:768px) {
    .marketing-form .img-circle {
        margin-top: -90px
    }
}

@media(min-width:768px) {
    .marketing-form {
        margin-top: 156px;
        padding: 0 118px 60px
    }
}

.marketing-form-photo {
    margin-bottom: 17px
}

@media(max-width:767px) {
    .marketing-form-photo img {
        width: 120px;
        height: initial
    }
}

.marketing-form-position {
    font-size: 16px;
    margin-bottom: 8px
}

.marketing-form-fields {
    margin-top: 46px
}

.bp,
.bp-form {
    border-radius: 2px
}

.bp .form-control-border.ng-invalid.ng-dirty,
.bp-form .form-control-border.ng-invalid.ng-dirty {
    border: solid 1px red
}

.bp .help-text.error,
.bp-form .help-text.error {
    color: red
}

.bp .bp-body-help-text,
.bp-form .bp-body-help-text {
    position: absolute;
    z-index: 10;
    margin-top: 30px;
    margin-left: 10px
}

.bp .has-error .fr-box,
.bp-form .has-error .fr-box {
    border: solid 1px red
}

.bp .has-error .fr-box .fr-toolbar,
.bp-form .has-error .fr-box .fr-toolbar {
    padding-bottom: 30px
}

.bp-avatar-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

.bp-name-block {
    padding-left: 15px;
    min-width: 0
}

.bp-name-block .bp-date {
    margin-bottom: 0
}

.bp-name-block-name {
    padding-top: 5px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.bp-title {
    margin-bottom: 2px;
    word-break: break-word
}

.bp-title a {
    color: #fff
}

.bp-title a:hover {
    color: #13aff0
}

.bp-category-date {
    font-size: 11px;
    font-style: italic;
    margin-bottom: 7px
}

.bp-category-date .pinned {
    color: green
}

.bp-dropdown-link {
    color: #747474
}

.bp-meta {
    font-size: 12px;
    color: #bbb;
    margin-top: 4px
}

@media(max-width:767px) {
    .bp-meta {
        margin-top: 10px
    }
}

@media(min-width:768px) {
    .bp-meta {
        text-align: right
    }
}

.bp-meta .comments-button .caret {
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear
}

.bp-meta .comments-button:not(.collapsed) .caret {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.bp-meta i {
    color: #5d5d5d
}

.bp-meta span+span {
    margin-left: 24px
}

.bp-text {
    padding-bottom: 10px;
    word-break: break-word
}

.bp-text img {
    max-width: 100%
}

.bp-text h1,
.bp-text h2,
.bp-text h3,
.bp-text h4 {
    font-weight: 300;
    margin-top: 25px;
    margin-bottom: 12.5px
}

.bp-text h1 {
    font-size: 32px
}

.bp-text h2 {
    font-size: 26px
}

.bp-text h3 {
    font-size: 24px
}

.bp-text code,
.bp-text pre {
    padding: 10px 15px;
    border: 1px solid #000;
    color: #bbb;
    background: #0a0a0a;
    font-family: pt mono, monospace;
    display: block;
    white-space: pre-wrap;
    word-wrap: break-word;
    margin-bottom: 12.5px
}

.bp-text .media-asset iframe {
    vertical-align: top
}

.bp-text .media-asset .media-asset {
    margin: 0;
    padding-bottom: 0;
    position: static
}

.bp-text .media-asset .fr-video {
    position: static
}

.bp-text .media-asset .fr-video.fr-active>*:not(iframe) {
    z-index: 5;
    position: static
}

.bp-text .media-asset .fr-video.fr-active>iframe {
    position: absolute
}

.bp-post-footer {
    clear: both
}

@media(min-width:768px) {
    .bp-post-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.bp-comments .hr {
    margin-top: 18px;
    padding-top: 20px;
    border-top: 1px solid #3b3b3b
}

.bp-comment .bp-comment {
    margin-left: 46px;
    padding-left: 13px;
    border-left: 2px solid #333
}

.bp-comment+.bp-comment {
    padding-top: 15px
}

.bp-actions {
    white-space: nowrap;
    padding-right: 0
}

.bp-actions .btn+.btn {
    margin-left: 10px
}

.bp-actions bp-post-like-button {
    margin-right: 10px
}

.bp-share {
    margin-left: 10px;
    position: relative;
    z-index: 2
}

.bp-share.active .btn-default {
    background: #333
}

.bp-share.active .btn-default .far {
    color: #747474
}

.bp-share.active .bp-share-btns {
    opacity: 1;
    height: 44px;
    padding-top: 7px;
    padding-bottom: 7px
}

.bp-share-btns {
    position: absolute;
    left: 0;
    bottom: 100%;
    margin-bottom: 2px;
    height: 0;
    overflow: hidden;
    -webkit-transition: width .1s linear;
    transition: width .1s linear;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .75);
    background: #333;
    padding: 0 9px;
    opacity: 0;
    border-radius: 2px;
    -webkit-transition: opacity .2s linear, height .2s linear, padding-top .2s linear, padding-bottom .2s linear;
    transition: opacity .2s linear, height .2s linear, padding-top .2s linear, padding-bottom .2s linear
}

.bp-comment-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.bp-comment-block .bp-comment-drop:not(.open) {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.bp-comment-block:hover>.bp-comment-drop {
    opacity: 1
}

.bp-comment-block+.bp-comment {
    margin-top: 15px
}

.bp-comment-avatar {
    -ms-flex-preferred-size: 45px;
    flex-basis: 45px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.bp-comment-body {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    font-size: 12px
}

.bp-comment-body p:last-child {
    margin-bottom: 3.5px
}

.bp-comment-body .form-control {
    min-height: 39px;
    resize: vertical
}

.bp-comment-drop {
    -ms-flex-preferred-size: 54px;
    flex-basis: 54px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    line-height: 1;
    z-index: 2
}

.bp-comment-drop .btn-group {
    margin-left: 5px
}

.bp-comment-drop .btn-group>.btn {
    border-radius: 3px !important;
    margin-left: 0 !important
}

.bp-comment-drop .btn-group:first-child {
    margin-left: 0
}

.bp-comment-actions {
    font-size: 11px;
    color: #bbb
}

.bp-comment-actions a {
    color: #bbb
}

.bp-comment-actions a:hover {
    color: #13aff0
}

.bp-comment-date {
    color: #747474;
    font-style: italic
}

.bp-lightbox .featherlight-content {
    padding: 0 35px;
    border: none;
    background: 0 0
}

.bp-lightbox .featherlight-close {
    background: 0 0;
    color: #747474;
    font-size: 20px;
    line-height: 0
}

.bp-lightbox .featherlight-next {
    right: 0;
    left: 90%
}

.bp-lightbox .featherlight-previous {
    left: 0;
    right: 90%
}

.bp-lightbox .featherlight-next span,
.bp-lightbox .featherlight-previous span {
    display: block;
    font-size: 45px;
    text-shadow: none;
    color: #747474;
    width: auto
}

.bp-lightbox .featherlight-next:hover,
.bp-lightbox .featherlight-previous:hover {
    background: 0 0
}

.bp-lightbox .featherlight-next:hover span,
.bp-lightbox .featherlight-previous:hover span {
    color: #fff
}

.bm-body {
    background: #222
}

.bm-body footer.corporate-footer {
    border-top: 1px solid #333
}

.page-subhead .d-inline-block {
    vertical-align: top
}

.page-subhead .d-inline-block+.d-inline-block {
    margin-left: 4px
}

@media(min-width:768px) {
    .page-subhead .d-inline-block+.d-inline-block {
        margin-left: 20px
    }
}

.page-subhead .select-min-width {
    width: calc(50% - 2px)
}

@media(max-width:767px) {
    .page-subhead .select-min-width {
        float: left
    }
}

@media(min-width:768px) {
    .page-subhead .select-min-width {
        width: auto;
        min-width: 140px
    }
}

@media(max-width:767px) {
    .page-subhead-dropdowns {
        padding-right: 2px
    }
}

@media(max-width:767px) {
    .page-subhead-actions {
        padding-left: 2px
    }
}

@media(min-width:768px) {
    .page-subhead-actions {
        text-align: right
    }

    .page-subhead-actions .btn+.btn {
        margin-left: 20px
    }
}

.bm-posts {
    background: #333;
    border: 1px solid #494949;
    margin: 20px 0
}

.bm-post {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.bm-post+.bm-post {
    border-top: 1px solid #494949
}

@media(min-width:992px) {
    .bm-post {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.bm-image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 115px;
    flex-basis: 115px;
    padding-right: 15px;
    width: 100px;
    height: 66px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bm-image .bm-cover-small {
    width: 145px;
    height: auto;
    max-width: 100%
}

@media(min-width:992px) {
    .bm-image {
        -ms-flex-preferred-size: 160px;
        flex-basis: 160px;
        width: 145px;
        height: 95px
    }
}

.bm-image-empty {
    width: 100px;
    height: 66px;
    border: 1px solid #5d5d5d;
    font-size: 32px;
    color: #5d5d5d;
    background: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media(min-width:992px) {
    .bm-image-empty {
        width: 145px;
        height: 95px
    }
}

.bm-inner {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.bm-inner-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: center;
    align-content: center
}

.bm-info {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-right: 20px;
    color: #bbb;
    font-size: 12px
}

.bm-title {
    line-height: 1.2;
    margin-bottom: 4px
}

.bm-title a {
    color: #f1f1f1;
    font-size: 12px;
    font-weight: 700;
    word-break: break-word
}

.bm-title a:hover {
    color: #13aff0
}

@media(min-width:768px) {
    .bm-title {
        margin-bottom: 4px
    }

    .bm-title a {
        font-size: 16px;
        font-weight: 600
    }
}

.bm-media {
    color: #747474;
    font-style: italic
}

.bm-status {
    -ms-flex-preferred-size: 7%;
    flex-basis: 7%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width:991px) {
    .bm-status {
        padding-bottom: 5px;
        padding-right: 10px;
        display: inline-block
    }
}

@media(min-width:992px) {
    .bm-status {
        min-width: 80px
    }
}

.bm-date,
.bm-meta {
    font-size: 12px;
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #bbb
}

@media(max-width:991px) {

    .bm-date,
    .bm-meta {
        padding-bottom: 10px;
        display: inline-block;
        vertical-align: top
    }
}

.bm-date {
    -ms-flex-preferred-size: 8%;
    flex-basis: 8%;
    padding-right: 10px
}

.bm-meta {
    -ms-flex-preferred-size: 6%;
    flex-basis: 6%
}

@media(max-width:767px) {
    .bm-meta {
        margin-left: 8px
    }
}

@media(min-width:768px) and (max-width:991px) {
    .bm-meta {
        padding-left: 20px
    }
}

.bm-actions {
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.bm-actions .btn {
    margin-right: 19px
}

@media(max-width:991px) {
    .bm-actions {
        text-align: center;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .bm-actions .btn {
        padding: 2px 8px
    }

    .bm-actions .btn:last-child {
        margin-right: 0
    }
}

@media(min-width:992px) {
    .bm-empty {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.bm-empty-add,
.bm-empty-import {
    background: #171717;
    border: 1px solid #333;
    border-radius: 2px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    text-align: center;
    color: #bbb;
    padding: 16px
}

@media(min-width:992px) {

    .bm-empty-add,
    .bm-empty-import {
        padding: 45px
    }
}

.bm-empty-add {
    background: url(/assets/blog/blog-start-e166d253cde5e88502558820d01ce124.svg) center top no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(max-width:991px) {
    .bm-empty-add {
        margin-bottom: 40px
    }
}

.bm-empty-bg {
    background: 0 0
}

.bm-empty-import .block-center {
    margin-bottom: 40px
}

.bm-empty-title {
    font-size: 20px
}

.bm-empty-split {
    width: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.bm-empty-buttons {
    margin-top: 22px
}

.bm-import-progress {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-top: 160px;
    padding-bottom: 78px;
    background-image: url(/assets/blog/blog-import-progress-20bd03ef5512444f4a6b7da063bf9cb7.svg);
    border-top: 0;
    border-bottom: 0
}

.bm-import-progress-image {
    color: #fff;
    text-align: center;
    position: relative;
    margin-bottom: 40px
}

.bm-import-progress-image .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px
}

.bm-import-progress-image .img-responsive {
    margin-right: auto;
    margin-left: auto
}

.bm-import-progress-text {
    text-align: center;
    margin-top: 15px
}

@media(min-width:768px) {
    .bm-import-progress-text {
        margin-top: 0;
        margin-left: 50px;
        text-align: left
    }
}

.bm-importing {
    background: #171717;
    border: 1px solid #333;
    padding: 40px 20px;
    margin-bottom: 25px
}

.bm-importing .bm-import-progress-image {
    margin-bottom: 0
}

@media(min-width:768px) {
    .bm-importing {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.bp-form .panel {
    border-color: #333
}

.bp-form .dark-theme .fr-dropdown-list h1 {
    font-size: 32px
}

.bp-form .dark-theme .fr-dropdown-list h2 {
    font-size: 26px
}

.bp-form .dark-theme .fr-dropdown-list h3 {
    font-size: 24px
}

.bp-form .dark-theme .fr-dropdown-list h4 {
    font-size: 18px
}

.bp-form .dark-theme.fr-toolbar .fr-command.fr-btn {
    width: 30px;
    height: 30px
}

.bp-form .dark-theme.fr-toolbar .fr-command.fr-btn i {
    margin: 8px
}

.bp-form .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown {
    width: 40px
}

.bp-form .dark-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown:after {
    top: 13px
}

.bp-form .dark-theme.fr-toolbar .fr-command.fr-btn.fr-selection {
    width: auto
}

.bp-form .dark-theme.fr-toolbar .fr-command.fr-btn.fr-selection[data-cmd=paragraphFormat] .fr-sr-only {
    margin-top: 7px;
    margin-bottom: 7px
}

.bp-form .dark-theme.fr-toolbar.fr-top {
    border-top: 0;
    border-radius: 0
}

.bp-form .fr-element h1,
.bp-form .fr-element h2,
.bp-form .fr-element h3,
.bp-form .fr-element h4 {
    font-weight: 300;
    margin-top: 25px;
    margin-bottom: 12.5px
}

.bp-form .fr-element h1:first-child,
.bp-form .fr-element h2:first-child,
.bp-form .fr-element h3:first-child,
.bp-form .fr-element h4:first-child {
    margin-top: 12.5px
}

.bp-form .fr-element h1 {
    font-size: 32px
}

.bp-form .fr-element h2 {
    font-size: 26px
}

.bp-form .fr-element h3 {
    font-size: 24px
}

.bp-form .fr-element h4 {
    font-size: 18px
}

.bp-form .fr-view .media-asset .media-asset {
    margin: 0
}

.bp-form .fr-view .media-asset .fr-video {
    position: static
}

.bp-form .fr-view .media-asset .fr-video.fr-active>*:not(iframe) {
    z-index: 5;
    position: static
}

.bp-form .fr-view .media-asset .fr-video.fr-active>iframe {
    position: absolute
}

.bp-file-uploader.has-error .bp-image-preview {
    border: 2px solid #d9534f;
    color: #d9534f
}

.bp-upload-icon {
    display: block;
    font-size: 50px;
    width: 100%
}

.upload_new_image {
    margin-top: 20px
}

.crop_image_button {
    margin-top: 20px;
    margin-right: 6px
}

.bm-pagination a {
    cursor: pointer
}

.navbar-blog-posts {
    display: none
}

.blog-posts {
    position: relative;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
    margin-bottom: 40px
}

.blog-posts-category {
    padding-left: 10px;
    padding-right: 10px
}

.blog-posts-arrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -35px);
    transform: translate(0, -35px);
    font-size: 22px;
    color: #fff;
    padding: 5px 15px;
    z-index: 2;
    background: rgba(34, 34, 34, .6);
    border: 1px solid #222;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .75);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .75);
    -webkit-transition: background .2s linear, opacity .2s linear;
    transition: background .2s linear, opacity .2s linear
}

.blog-posts-arrow:hover {
    background: #222
}

.blog-posts-arrow .fa {
    -webkit-transition: margin-left .2s linear, margin-right .2s linear;
    transition: margin-left .2s linear, margin-right .2s linear
}

.blog-posts-prev {
    left: 0;
    border-radius: 0 6px 6px 0
}

.blog-posts-prev:hover .fa {
    margin-left: -5px;
    margin-right: 5px
}

.blog-posts-next {
    right: 0;
    border-radius: 6px 0 0 6px
}

.blog-posts-next:hover .fa {
    margin-left: 5px;
    margin-right: -5px
}

.blog-view-type-btn .far:not(.text-white) {
    color: #747474
}

.blog-view-type-btn.active {
    font-weight: 700
}

.blog-view-type-btn.active .far:not(.text-white) {
    color: #13aff0
}

.blog-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.blog-grid-item {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 18px;
    padding-right: 18px;
    margin-bottom: 36px
}

@media(min-width:480px) {
    .blog-grid-item {
        width: calc(100%/2)
    }
}

@media(min-width:768px) {
    .blog-grid-item {
        width: calc(100%/3)
    }
}

@media(min-width:992px) {
    .blog-grid-item {
        width: calc(100%/4)
    }
}

.blog-grid-item.join {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%
}

@media(min-width:768px) {
    .blog-grid-item.join {
        width: calc(100%/3 * 2)
    }
}

@media(min-width:992px) {
    .blog-grid-item.join {
        width: calc(100%/2)
    }
}

@media(min-width:1400px) {
    .blog-grid-item.join {
        width: calc(100%/5 * 2)
    }
}

@media(min-width:1900px) {
    .blog-grid-item.join {
        width: calc(100%/3)
    }
}

.blog-grid.wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.blog-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding-top: 24px;
    color: #bbb;
    cursor: pointer
}

.blog-card:hover,
.blog-card:focus {
    color: #bbb;
    outline: none
}

.blog-card:hover .blog-card-thumbnail-content,
.blog-card:focus .blog-card-thumbnail-content {
    opacity: 1
}

.blog-card-thumbnail {
    position: relative
}

.blog-card-thumbnail-holder {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.blog-card-thumbnail-holder .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.blog-card-thumbnail-holder .img-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important
}

.blog-card-thumbnail-content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    border-radius: 2px 2px 0 0
}

.blog-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 11px
}

.blog-card-category {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: #878787
}

.blog-card-time {
    font-style: italic;
    color: #707070;
    font-size: 11px
}

.blog-card-title {
    padding: 8px 0 9px;
    font-size: 15px;
    color: #fff;
    line-height: 1.33;
    word-break: break-word;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.blog-card-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.blog-card-author-name {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    line-height: 1.3;
    padding-left: 10px
}

.blog-card-filters {
    margin: 20px
}

.blog-card-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 5px;
    color: #707070;
    font-size: 11px
}

.blog-card-meta-block {
    margin-right: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.blog-card-meta-block:last-child {
    margin-right: 0
}

.blog-card-meta .category,
.blog-card-meta .stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blog-card-meta .category {
    white-space: nowrap;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    padding-right: 16px
}

.blog-card-meta .pinned {
    color: green
}

.blog-card-meta .dot {
    height: 4px;
    width: 4px;
    background-color: #747474;
    border-radius: 50%;
    display: inline-block;
    margin: 7px 10px 0
}

.blog-card-join {
    border: 2px solid #333;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-weight: 600;
    color: #fff;
    padding: 32px 36px
}

.blog-card-join .btn {
    font-weight: 600
}

.blog-card-join .btn+.btn {
    margin-left: 10px
}

.blog-card-join-title {
    font-size: 24px;
    margin-bottom: 12px
}

.blog-card-join-subtitle {
    font-size: 15px;
    margin-bottom: 40px
}

.modal-blog .modal-header {
    padding: 15px 20px
}

.modal-blog .modal-header .close {
    margin-top: 0;
    outline: 0
}

.modal-blog .modal-body {
    padding: 20px
}

.product-cards {
    margin: 10px -10px
}

@media(max-width:991px) {
    .product-cards {
        text-align: center
    }
}

.product-card {
    display: inline-block;
    margin: 10px;
    width: 327px;
    min-height: 306px;
    border: solid 1px #333;
    border-radius: 2px;
    text-align: left;
    background: #222;
    color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -webkit-transition: border-color .2s linear, -webkit-box-shadow .2s linear;
    transition: border-color .2s linear, -webkit-box-shadow .2s linear;
    transition: box-shadow .2s linear, border-color .2s linear;
    transition: box-shadow .2s linear, border-color .2s linear, -webkit-box-shadow .2s linear
}

.product-card:hover {
    border-color: #5d5d5d;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .56);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .56)
}

.product-card:hover .product-card-overlay {
    opacity: 1
}

.product-card:hover .product-card-price {
    background-color: #5cb85c
}

.product-card-thumbnail {
    height: 230px;
    overflow: hidden;
    position: relative
}

.product-card-thumbnail img {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.product-card-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.product-card-caption {
    border-top: 1px solid #333;
    padding: 8px 10px 12px
}

.product-card-title {
    color: #fff;
    font-size: 16px;
    margin-bottom: 8px;
    height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.product-card-author {
    color: #bbb
}

.product-card-author .avatar {
    width: 26px;
    height: 26px;
    margin-right: 10px
}

.product-card-author-short {
    margin-right: 80px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-card-price {
    color: #fff;
    background: #171717;
    padding: 3px 6px;
    font-size: 16px;
    line-height: 1.3;
    border-radius: 2px;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear
}

#login-modal {
    z-index: 2000
}

.product-view .modal-header {
    background: #171717;
    padding: 0;
    min-height: 60px
}

.product-view .modal-header .close {
    position: absolute;
    top: 0;
    right: 15px;
    outline: 0;
    z-index: 1002
}

.product-view .modal-body {
    background: #222;
    padding: 22px
}

.product-view .sharing-url {
    position: relative
}

.product-view .sharing-url .far {
    color: #13aff0;
    font-size: 14px
}

.product-view .sharing-url-copy {
    position: absolute;
    padding: 5px;
    top: 2px;
    right: 5px;
    cursor: pointer;
    line-height: 1
}

.product-view-arrow {
    z-index: 1057;
    font-size: 36px;
    line-height: 1;
    color: #747474;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    padding: 18px;
    display: none
}

.product-view-arrow:hover {
    color: #fff
}

@media(min-width:768px) {
    .product-view-arrow {
        display: block
    }
}

.product-view-prev {
    left: 0
}

.product-view-next {
    right: 0
}

.product-view-gallery {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 500px
}

.product-view-gallery .zoom-area {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    background-repeat: no-repeat;
    z-index: 1;
    cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iZnMtc2VhcmNoLXBsdXMiIGZpbGw9IiMzRjNGM0YiIGZpbGwtcnVsZT0ibm9uemVybyI+PHBhdGggZD0iTTkuNzQ5NTIzOTUsNi4xMjQ3MDA5NCBMOS43NDk1MjM5NSw2Ljg3NDY2NDMyIEM5Ljc0OTUyMzk1LDcuMDgwOTA0MjUgOS41ODA3ODIxOSw3LjI0OTY0NjAxIDkuMzc0NTQyMjYsNy4yNDk2NDYwMSBMNy4yNDk2NDYwMSw3LjI0OTY0NjAxIEw3LjI0OTY0NjAxLDkuMzc0NTQyMjYgQzcuMjQ5NjQ2MDEsOS41ODA3ODIxOSA3LjA4MDkwNDI1LDkuNzQ5NTIzOTUgNi44NzQ2NjQzMiw5Ljc0OTUyMzk1IEw2LjEyNDcwMDk0LDkuNzQ5NTIzOTUgQzUuOTE4NDYxMDEsOS43NDk1MjM5NSA1Ljc0OTcxOTI1LDkuNTgwNzgyMTkgNS43NDk3MTkyNSw5LjM3NDU0MjI2IEw1Ljc0OTcxOTI1LDcuMjQ5NjQ2MDEgTDMuNjI0ODIzMDEsNy4yNDk2NDYwMSBDMy40MTg1ODMwOCw3LjI0OTY0NjAxIDMuMjQ5ODQxMzIsNy4wODA5MDQyNSAzLjI0OTg0MTMyLDYuODc0NjY0MzIgTDMuMjQ5ODQxMzIsNi4xMjQ3MDA5NCBDMy4yNDk4NDEzMiw1LjkxODQ2MTAxIDMuNDE4NTgzMDgsNS43NDk3MTkyNSAzLjYyNDgyMzAxLDUuNzQ5NzE5MjUgTDUuNzQ5NzE5MjUsNS43NDk3MTkyNSBMNS43NDk3MTkyNSwzLjYyNDgyMzAxIEM1Ljc0OTcxOTI1LDMuNDE4NTgzMDggNS45MTg0NjEwMSwzLjI0OTg0MTMyIDYuMTI0NzAwOTQsMy4yNDk4NDEzMiBMNi44NzQ2NjQzMiwzLjI0OTg0MTMyIEM3LjA4MDkwNDI1LDMuMjQ5ODQxMzIgNy4yNDk2NDYwMSwzLjQxODU4MzA4IDcuMjQ5NjQ2MDEsMy42MjQ4MjMwMSBMNy4yNDk2NDYwMSw1Ljc0OTcxOTI1IEw5LjM3NDU0MjI2LDUuNzQ5NzE5MjUgQzkuNTgwNzgyMTksNS43NDk3MTkyNSA5Ljc0OTUyMzk1LDUuOTE4NDYxMDEgOS43NDk1MjM5NSw2LjEyNDcwMDk0IFogTTE1Ljg4OTg0OTEsMTUuMTgzNjMzNiBMMTUuMTgzNjMzNiwxNS44ODk4NDkxIEMxNS4wMzY3NjU4LDE2LjAzNjcxNyAxNC43OTkyNzc0LDE2LjAzNjcxNyAxNC42NTI0MDk2LDE1Ljg4OTg0OTEgTDEwLjg1ODg0NDgsMTIuMDk2Mjg0NCBDMTAuNzg2OTczMywxMi4wMjQ0MTI5IDEwLjc0OTQ3NTEsMTEuOTMwNjY3NCAxMC43NDk0NzUxLDExLjgzMDY3MjMgTDEwLjc0OTQ3NTEsMTEuNDE4MTkyNSBDOS42MDg5MDU4MiwxMi40MDI1MTk0IDguMTI0NjAzMjksMTIuOTk5MzY1MyA2LjQ5OTY4MjYzLDEyLjk5OTM2NTMgQzIuOTA5MjMyOTUsMTIuOTk5MzY1MyAwLDEwLjA5MDEzMjMgMCw2LjQ5OTY4MjYzIEMwLDIuOTA5MjMyOTUgMi45MDkyMzI5NSwwIDYuNDk5NjgyNjMsMCBDMTAuMDkwMTMyMywwIDEyLjk5OTM2NTMsMi45MDkyMzI5NSAxMi45OTkzNjUzLDYuNDk5NjgyNjMgQzEyLjk5OTM2NTMsOC4xMjQ2MDMyOSAxMi40MDI1MTk0LDkuNjA4OTA1ODIgMTEuNDE4MTkyNSwxMC43NDk0NzUxIEwxMS44MzA2NzIzLDEwLjc0OTQ3NTEgQzExLjkzMDY2NzQsMTAuNzQ5NDc1MSAxMi4wMjQ0MTI5LDEwLjc5MDA5ODEgMTIuMDk2Mjg0NCwxMC44NTg4NDQ4IEwxNS44ODk4NDkxLDE0LjY1MjQwOTYgQzE2LjAzNjcxNywxNC43OTkyNzc0IDE2LjAzNjcxNywxNS4wMzY3NjU4IDE1Ljg4OTg0OTEsMTUuMTgzNjMzNiBaIE0xMS40OTk0Mzg1LDYuNDk5NjgyNjMgQzExLjQ5OTQzODUsMy43MzczMTc1MSA5LjI2MjA0Nzc1LDEuNDk5OTI2NzYgNi40OTk2ODI2MywxLjQ5OTkyNjc2IEMzLjczNzMxNzUxLDEuNDk5OTI2NzYgMS40OTk5MjY3NiwzLjczNzMxNzUxIDEuNDk5OTI2NzYsNi40OTk2ODI2MyBDMS40OTk5MjY3Niw5LjI2MjA0Nzc1IDMuNzM3MzE3NTEsMTEuNDk5NDM4NSA2LjQ5OTY4MjYzLDExLjQ5OTQzODUgQzkuMjYyMDQ3NzUsMTEuNDk5NDM4NSAxMS40OTk0Mzg1LDkuMjYyMDQ3NzUgMTEuNDk5NDM4NSw2LjQ5OTY4MjYzIFoiIGlkPSJTaGFwZSI+PC9wYXRoPjwvZz48L2c+PC9zdmc+), -webkit-zoom-in;
    cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iZnMtc2VhcmNoLXBsdXMiIGZpbGw9IiMzRjNGM0YiIGZpbGwtcnVsZT0ibm9uemVybyI+PHBhdGggZD0iTTkuNzQ5NTIzOTUsNi4xMjQ3MDA5NCBMOS43NDk1MjM5NSw2Ljg3NDY2NDMyIEM5Ljc0OTUyMzk1LDcuMDgwOTA0MjUgOS41ODA3ODIxOSw3LjI0OTY0NjAxIDkuMzc0NTQyMjYsNy4yNDk2NDYwMSBMNy4yNDk2NDYwMSw3LjI0OTY0NjAxIEw3LjI0OTY0NjAxLDkuMzc0NTQyMjYgQzcuMjQ5NjQ2MDEsOS41ODA3ODIxOSA3LjA4MDkwNDI1LDkuNzQ5NTIzOTUgNi44NzQ2NjQzMiw5Ljc0OTUyMzk1IEw2LjEyNDcwMDk0LDkuNzQ5NTIzOTUgQzUuOTE4NDYxMDEsOS43NDk1MjM5NSA1Ljc0OTcxOTI1LDkuNTgwNzgyMTkgNS43NDk3MTkyNSw5LjM3NDU0MjI2IEw1Ljc0OTcxOTI1LDcuMjQ5NjQ2MDEgTDMuNjI0ODIzMDEsNy4yNDk2NDYwMSBDMy40MTg1ODMwOCw3LjI0OTY0NjAxIDMuMjQ5ODQxMzIsNy4wODA5MDQyNSAzLjI0OTg0MTMyLDYuODc0NjY0MzIgTDMuMjQ5ODQxMzIsNi4xMjQ3MDA5NCBDMy4yNDk4NDEzMiw1LjkxODQ2MTAxIDMuNDE4NTgzMDgsNS43NDk3MTkyNSAzLjYyNDgyMzAxLDUuNzQ5NzE5MjUgTDUuNzQ5NzE5MjUsNS43NDk3MTkyNSBMNS43NDk3MTkyNSwzLjYyNDgyMzAxIEM1Ljc0OTcxOTI1LDMuNDE4NTgzMDggNS45MTg0NjEwMSwzLjI0OTg0MTMyIDYuMTI0NzAwOTQsMy4yNDk4NDEzMiBMNi44NzQ2NjQzMiwzLjI0OTg0MTMyIEM3LjA4MDkwNDI1LDMuMjQ5ODQxMzIgNy4yNDk2NDYwMSwzLjQxODU4MzA4IDcuMjQ5NjQ2MDEsMy42MjQ4MjMwMSBMNy4yNDk2NDYwMSw1Ljc0OTcxOTI1IEw5LjM3NDU0MjI2LDUuNzQ5NzE5MjUgQzkuNTgwNzgyMTksNS43NDk3MTkyNSA5Ljc0OTUyMzk1LDUuOTE4NDYxMDEgOS43NDk1MjM5NSw2LjEyNDcwMDk0IFogTTE1Ljg4OTg0OTEsMTUuMTgzNjMzNiBMMTUuMTgzNjMzNiwxNS44ODk4NDkxIEMxNS4wMzY3NjU4LDE2LjAzNjcxNyAxNC43OTkyNzc0LDE2LjAzNjcxNyAxNC42NTI0MDk2LDE1Ljg4OTg0OTEgTDEwLjg1ODg0NDgsMTIuMDk2Mjg0NCBDMTAuNzg2OTczMywxMi4wMjQ0MTI5IDEwLjc0OTQ3NTEsMTEuOTMwNjY3NCAxMC43NDk0NzUxLDExLjgzMDY3MjMgTDEwLjc0OTQ3NTEsMTEuNDE4MTkyNSBDOS42MDg5MDU4MiwxMi40MDI1MTk0IDguMTI0NjAzMjksMTIuOTk5MzY1MyA2LjQ5OTY4MjYzLDEyLjk5OTM2NTMgQzIuOTA5MjMyOTUsMTIuOTk5MzY1MyAwLDEwLjA5MDEzMjMgMCw2LjQ5OTY4MjYzIEMwLDIuOTA5MjMyOTUgMi45MDkyMzI5NSwwIDYuNDk5NjgyNjMsMCBDMTAuMDkwMTMyMywwIDEyLjk5OTM2NTMsMi45MDkyMzI5NSAxMi45OTkzNjUzLDYuNDk5NjgyNjMgQzEyLjk5OTM2NTMsOC4xMjQ2MDMyOSAxMi40MDI1MTk0LDkuNjA4OTA1ODIgMTEuNDE4MTkyNSwxMC43NDk0NzUxIEwxMS44MzA2NzIzLDEwLjc0OTQ3NTEgQzExLjkzMDY2NzQsMTAuNzQ5NDc1MSAxMi4wMjQ0MTI5LDEwLjc5MDA5ODEgMTIuMDk2Mjg0NCwxMC44NTg4NDQ4IEwxNS44ODk4NDkxLDE0LjY1MjQwOTYgQzE2LjAzNjcxNywxNC43OTkyNzc0IDE2LjAzNjcxNywxNS4wMzY3NjU4IDE1Ljg4OTg0OTEsMTUuMTgzNjMzNiBaIE0xMS40OTk0Mzg1LDYuNDk5NjgyNjMgQzExLjQ5OTQzODUsMy43MzczMTc1MSA5LjI2MjA0Nzc1LDEuNDk5OTI2NzYgNi40OTk2ODI2MywxLjQ5OTkyNjc2IEMzLjczNzMxNzUxLDEuNDk5OTI2NzYgMS40OTk5MjY3NiwzLjczNzMxNzUxIDEuNDk5OTI2NzYsNi40OTk2ODI2MyBDMS40OTk5MjY3Niw5LjI2MjA0Nzc1IDMuNzM3MzE3NTEsMTEuNDk5NDM4NSA2LjQ5OTY4MjYzLDExLjQ5OTQzODUgQzkuMjYyMDQ3NzUsMTEuNDk5NDM4NSAxMS40OTk0Mzg1LDkuMjYyMDQ3NzUgMTEuNDk5NDM4NSw2LjQ5OTY4MjYzIFoiIGlkPSJTaGFwZSI+PC9wYXRoPjwvZz48L2c+PC9zdmc+), zoom-in
}

.product-view-gallery.zoom-box .zoom-area {
    opacity: 1;
    cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iZnMtc2VhcmNoLW1pbnVzIiBmaWxsPSIjM0YzRjNGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPiAgICAgICAgICAgIDxwYXRoIGQ9Ik05LjczMDk5NDE1LDYuMTEzMDYwNDMgTDkuNzMwOTk0MTUsNi44NjE1OTg0NCBDOS43MzA5OTQxNSw3LjA2NzQ0NjM5IDkuNTYyNTczMSw3LjIzNTg2NzQ1IDkuMzU2NzI1MTUsNy4yMzU4Njc0NSBMMy42MTc5MzM3Miw3LjIzNTg2NzQ1IEMzLjQxMjA4NTc3LDcuMjM1ODY3NDUgMy4yNDM2NjQ3Miw3LjA2NzQ0NjM5IDMuMjQzNjY0NzIsNi44NjE1OTg0NCBMMy4yNDM2NjQ3Miw2LjExMzA2MDQzIEMzLjI0MzY2NDcyLDUuOTA3MjEyNDggMy40MTIwODU3Nyw1LjczODc5MTQyIDMuNjE3OTMzNzIsNS43Mzg3OTE0MiBMOS4zNTY3MjUxNSw1LjczODc5MTQyIEM5LjU2MjU3MzEsNS43Mzg3OTE0MiA5LjczMDk5NDE1LDUuOTA3MjEyNDggOS43MzA5OTQxNSw2LjExMzA2MDQzIFogTTE1Ljg1OTY0OTEsMTUuMTU0Nzc1OCBMMTUuMTU0Nzc1OCwxNS44NTk2NDkxIEMxNS4wMDgxODcxLDE2LjAwNjIzNzggMTQuNzcxMTUwMSwxNi4wMDYyMzc4IDE0LjYyNDU2MTQsMTUuODU5NjQ5MSBMMTAuODM4MjA2NiwxMi4wNzMyOTQzIEMxMC43NjY0NzE3LDEyLjAwMTU1OTUgMTAuNzI5MDQ0OCwxMS45MDc5OTIyIDEwLjcyOTA0NDgsMTEuODA4MTg3MSBMMTAuNzI5MDQ0OCwxMS4zOTY0OTEyIEM5LjU5MDY0MzI3LDEyLjM3ODk0NzQgOC4xMDkxNjE3OSwxMi45NzQ2NTg5IDYuNDg3MzI5NDMsMTIuOTc0NjU4OSBDMi45MDM3MDM3LDEyLjk3NDY1ODkgMCwxMC4wNzA5NTUyIDAsNi40ODczMjk0MyBDMCwyLjkwMzcwMzcgMi45MDM3MDM3LDAgNi40ODczMjk0MywwIEMxMC4wNzA5NTUyLDAgMTIuOTc0NjU4OSwyLjkwMzcwMzcgMTIuOTc0NjU4OSw2LjQ4NzMyOTQzIEMxMi45NzQ2NTg5LDguMTA5MTYxNzkgMTIuMzc4OTQ3NCw5LjU5MDY0MzI3IDExLjM5NjQ5MTIsMTAuNzI5MDQ0OCBMMTEuODA4MTg3MSwxMC43MjkwNDQ4IEMxMS45MDc5OTIyLDEwLjcyOTA0NDggMTIuMDAxNTU5NSwxMC43Njk1OTA2IDEyLjA3MzI5NDMsMTAuODM4MjA2NiBMMTUuODU5NjQ5MSwxNC42MjQ1NjE0IEMxNi4wMDYyMzc4LDE0Ljc3MTE1MDEgMTYuMDA2MjM3OCwxNS4wMDgxODcxIDE1Ljg1OTY0OTEsMTUuMTU0Nzc1OCBaIE0xMS40Nzc1ODI4LDYuNDg3MzI5NDMgQzExLjQ3NzU4MjgsMy43MzAyMTQ0MiA5LjI0NDQ0NDQ0LDEuNDk3MDc2MDIgNi40ODczMjk0MywxLjQ5NzA3NjAyIEMzLjczMDIxNDQyLDEuNDk3MDc2MDIgMS40OTcwNzYwMiwzLjczMDIxNDQyIDEuNDk3MDc2MDIsNi40ODczMjk0MyBDMS40OTcwNzYwMiw5LjI0NDQ0NDQ0IDMuNzMwMjE0NDIsMTEuNDc3NTgyOCA2LjQ4NzMyOTQzLDExLjQ3NzU4MjggQzkuMjQ0NDQ0NDQsMTEuNDc3NTgyOCAxMS40Nzc1ODI4LDkuMjQ0NDQ0NDQgMTEuNDc3NTgyOCw2LjQ4NzMyOTQzIFoiIGlkPSJTaGFwZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+), -webkit-zoom-out;
    cursor: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iZnMtc2VhcmNoLW1pbnVzIiBmaWxsPSIjM0YzRjNGIiBmaWxsLXJ1bGU9Im5vbnplcm8iPiAgICAgICAgICAgIDxwYXRoIGQ9Ik05LjczMDk5NDE1LDYuMTEzMDYwNDMgTDkuNzMwOTk0MTUsNi44NjE1OTg0NCBDOS43MzA5OTQxNSw3LjA2NzQ0NjM5IDkuNTYyNTczMSw3LjIzNTg2NzQ1IDkuMzU2NzI1MTUsNy4yMzU4Njc0NSBMMy42MTc5MzM3Miw3LjIzNTg2NzQ1IEMzLjQxMjA4NTc3LDcuMjM1ODY3NDUgMy4yNDM2NjQ3Miw3LjA2NzQ0NjM5IDMuMjQzNjY0NzIsNi44NjE1OTg0NCBMMy4yNDM2NjQ3Miw2LjExMzA2MDQzIEMzLjI0MzY2NDcyLDUuOTA3MjEyNDggMy40MTIwODU3Nyw1LjczODc5MTQyIDMuNjE3OTMzNzIsNS43Mzg3OTE0MiBMOS4zNTY3MjUxNSw1LjczODc5MTQyIEM5LjU2MjU3MzEsNS43Mzg3OTE0MiA5LjczMDk5NDE1LDUuOTA3MjEyNDggOS43MzA5OTQxNSw2LjExMzA2MDQzIFogTTE1Ljg1OTY0OTEsMTUuMTU0Nzc1OCBMMTUuMTU0Nzc1OCwxNS44NTk2NDkxIEMxNS4wMDgxODcxLDE2LjAwNjIzNzggMTQuNzcxMTUwMSwxNi4wMDYyMzc4IDE0LjYyNDU2MTQsMTUuODU5NjQ5MSBMMTAuODM4MjA2NiwxMi4wNzMyOTQzIEMxMC43NjY0NzE3LDEyLjAwMTU1OTUgMTAuNzI5MDQ0OCwxMS45MDc5OTIyIDEwLjcyOTA0NDgsMTEuODA4MTg3MSBMMTAuNzI5MDQ0OCwxMS4zOTY0OTEyIEM5LjU5MDY0MzI3LDEyLjM3ODk0NzQgOC4xMDkxNjE3OSwxMi45NzQ2NTg5IDYuNDg3MzI5NDMsMTIuOTc0NjU4OSBDMi45MDM3MDM3LDEyLjk3NDY1ODkgMCwxMC4wNzA5NTUyIDAsNi40ODczMjk0MyBDMCwyLjkwMzcwMzcgMi45MDM3MDM3LDAgNi40ODczMjk0MywwIEMxMC4wNzA5NTUyLDAgMTIuOTc0NjU4OSwyLjkwMzcwMzcgMTIuOTc0NjU4OSw2LjQ4NzMyOTQzIEMxMi45NzQ2NTg5LDguMTA5MTYxNzkgMTIuMzc4OTQ3NCw5LjU5MDY0MzI3IDExLjM5NjQ5MTIsMTAuNzI5MDQ0OCBMMTEuODA4MTg3MSwxMC43MjkwNDQ4IEMxMS45MDc5OTIyLDEwLjcyOTA0NDggMTIuMDAxNTU5NSwxMC43Njk1OTA2IDEyLjA3MzI5NDMsMTAuODM4MjA2NiBMMTUuODU5NjQ5MSwxNC42MjQ1NjE0IEMxNi4wMDYyMzc4LDE0Ljc3MTE1MDEgMTYuMDA2MjM3OCwxNS4wMDgxODcxIDE1Ljg1OTY0OTEsMTUuMTU0Nzc1OCBaIE0xMS40Nzc1ODI4LDYuNDg3MzI5NDMgQzExLjQ3NzU4MjgsMy43MzAyMTQ0MiA5LjI0NDQ0NDQ0LDEuNDk3MDc2MDIgNi40ODczMjk0MywxLjQ5NzA3NjAyIEMzLjczMDIxNDQyLDEuNDk3MDc2MDIgMS40OTcwNzYwMiwzLjczMDIxNDQyIDEuNDk3MDc2MDIsNi40ODczMjk0MyBDMS40OTcwNzYwMiw5LjI0NDQ0NDQ0IDMuNzMwMjE0NDIsMTEuNDc3NTgyOCA2LjQ4NzMyOTQzLDExLjQ3NzU4MjggQzkuMjQ0NDQ0NDQsMTEuNDc3NTgyOCAxMS40Nzc1ODI4LDkuMjQ0NDQ0NDQgMTEuNDc3NTgyOCw2LjQ4NzMyOTQzIFoiIGlkPSJTaGFwZSI+PC9wYXRoPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+), zoom-out
}

.product-view-gallery img {
    height: initial;
    max-width: 100%;
    max-height: 500px;
    margin-left: auto;
    margin-right: auto;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.product-view-gallery.zoom-box img {
    opacity: 0
}

.product-view-gallery.zoom-box .product-view-gallery-arrows {
    display: none
}

.product-view-gallery-arrow {
    position: absolute;
    top: 50%;
    font-size: 24px;
    opacity: .55;
    cursor: pointer;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 10px;
    color: #fff;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    z-index: 2
}

.product-view-gallery-arrow .far {
    text-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5)
}

.product-view-gallery-arrow:hover {
    opacity: 1
}

.product-view-gallery-prev {
    left: 0
}

.product-view-gallery-next {
    right: 0
}

.product-view-description {
    margin-top: 8px;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.product-view-description iframe {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    border: none
}

.product-view-well {
    background-color: #171717;
    border: 0
}

.product-license {
    border-radius: 2px;
    border: solid 1px #333;
    color: #bbb;
    margin-bottom: 15px
}

.product-license-header {
    background-color: #333;
    color: #f1f1f1;
    font-size: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 15px
}

.product-license-title {
    font-weight: 600;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.25
}

.product-license-price {
    text-align: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-license-price .old-price {
    text-decoration: line-through;
    color: #747474;
    font-size: 12px;
    padding-right: 5px
}

.product-license-price .new-price {
    border-radius: 0 0 0 0;
    color: #fff;
    padding: 1px 10px;
    display: inline-block;
    -webkit-transition: .2s;
    transition: .2s;
    margin-right: -16px;
    font-weight: 700;
    font-size: 14px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .5)
}

.product-license-price .new-price.discount-size-small {
    background-color: #cf8d2e
}

.product-license-price .new-price.discount-size-medium {
    background-color: #cb6126
}

.product-license-price .new-price.discount-size-large {
    background-color: #bb2f2f
}

.product-license-info {
    padding: 15px
}

.product-license-info .perfect-scrollbar {
    max-height: 30vh;
    position: relative;
    overflow: hidden
}

.product-license-info .perfect-scrollbar .product-license-file {
    padding-right: 20px
}

.product-license-item {
    font-size: 15px;
    margin-top: 10px
}

.product-license-item.first {
    margin-top: 0
}

.product-license-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-license-file-icon {
    font-size: 18px;
    color: #747474;
    width: 28px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.product-license-file-name {
    color: #fff;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 0;
    font-size: 13px;
    padding-right: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-license-file-meta {
    text-align: right;
    min-width: 75px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.product-license-quantity-input {
    width: 30px;
    text-align: center;
    height: 26px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 3px;
    padding: 0
}

.product-license-quantity-input::-webkit-inner-spin-button,
.product-license-quantity-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.product-license-description {
    margin-bottom: 10px;
    font-size: 12px;
    overflow-wrap: break-word;
    word-wrap: break-word
}

.product-view-report {
    text-align: right
}

.product-view-report a {
    color: #747474
}

.product-view-report a:hover {
    text-decoration: underline
}

.product-view-thumbnails {
    width: 100%;
    padding: 0 5px;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    padding-bottom: 10px
}

.product-view-thumbnails button {
    margin: 8px 3px;
    width: 160px;
    height: 100px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    border: 2px solid transparent;
    border-radius: 2px
}

.product-view-thumbnails button img {
    width: 100%;
    height: initial
}

.product-view-thumbnails button.active {
    border-color: #13aff0
}

.product-file-more {
    display: block;
    width: 100%;
    border: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 1px solid #5d5d5d;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

.product-file-more:hover {
    color: #fff
}

.product-files-list {
    border: 1px solid #5d5d5d;
    border-top: 0;
    border-radius: 2px
}

.product-files-list:empty {
    border-bottom: 0
}

.product-file-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 10px;
    border-top: 1px solid #5d5d5d
}

@media(min-width:768px) {
    .product-file-item .product-file-actions {
        opacity: 1
    }
}

.product-file-item .product-file-edit {
    cursor: pointer;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.product-file-item.is-manage {
    background: #333
}

.product-file-item.uploading .product-file-edit {
    display: none
}

.product-file-item.uploading .product-file-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-file-item.editing .product-file-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.product-file-item.editing .product-file-name {
    width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.product-file-item.editing .product-file-edit {
    line-height: 30px
}

.product-file-item:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.product-file-item+.product-file-item {
    margin-top: 3px
}

.product-file-reorder {
    padding-right: 10px
}

.product-file-icon {
    font-size: 24px;
    line-height: 1;
    color: #747474
}

.product-file-info {
    padding-left: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 1.5;
    min-width: 0
}

.product-file-name {
    font-size: 16px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    padding-right: 20px;
    display: inline-block;
    vertical-align: top;
    max-width: 100%
}

.product-file-name a {
    color: #bbb;
    position: absolute;
    top: 0;
    right: 0
}

.product-file-name a:hover {
    color: #13aff0
}

.product-file-meta {
    vertical-align: middle;
    white-space: nowrap
}

.product-file-actions {
    text-align: right;
    padding-left: 10px;
    padding-right: 10px;
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.product-file-actions .btn+.btn {
    margin-left: 10px
}

.product-file-actions .progress {
    height: 14px;
    margin-bottom: 0
}

.product-reportAction {
    margin: 8px 15px 20px 0;
    color: #747474;
    -webkit-transition: color .15s linear;
    transition: color .15s linear
}

.product-reportAction:hover {
    color: #bbb
}

.hover-card {
    position: absolute;
    z-index: 1051;
    width: 347px;
    padding-bottom: 5px;
    text-align: center;
    background: #333;
    border-radius: 2px;
    -webkit-box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .8);
    box-shadow: 0 16px 40px 0 rgba(0, 0, 0, .8)
}

.hover-card:before {
    content: '';
    position: absolute
}

.hover-card-image {
    margin: 12px 12px 0;
    display: block;
    height: 106px
}

.hover-card-image img {
    -o-object-fit: cover;
    object-fit: cover
}

.hover-card-avatar {
    display: block;
    width: 66px;
    height: 66px;
    border: 3px solid #333;
    margin: -33px auto -4px;
    position: relative;
    z-index: 2;
    border-radius: 50%
}

.hover-card-name {
    font-size: 20px;
    padding: 0 12px
}

.hover-card-name a {
    color: #fff
}

.hover-card-name a:hover {
    color: #13aff0
}

.hover-card-headline {
    font-size: 11px;
    padding: 0 12px;
    margin-top: -6px;
    min-height: 19px
}

.hover-card-following {
    line-height: 1;
    margin-top: 6px;
    margin-bottom: 10px
}

.hover-card-following .btn {
    font-size: 11px;
    vertical-align: top
}

.hover-card-follows-you {
    background: #171717;
    font-style: italic;
    font-size: 11px;
    line-height: 1.4;
    color: #bbb;
    padding: 3px 8px 4px;
    margin-right: 6px;
    border-radius: 3px
}

.hover-card-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 115px
}

.hover-card-grid-item {
    -ms-flex-preferred-size: 115px;
    flex-basis: 115px;
    width: 115px;
    height: 115px;
    position: relative;
    overflow: hidden
}

.hover-card-grid-item-empty {
    -ms-flex-preferred-size: 115px;
    flex-basis: 115px;
    width: 115px;
    background: #222;
    color: #333;
    font-size: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hover-card-grid-item:first-child .hover-card-grid-image,
.hover-card-grid-item-empty:first-child .hover-card-grid-image {
    border-bottom-left-radius: 2px
}

.hover-card-grid-item:last-child .hover-card-grid-image,
.hover-card-grid-item-empty:last-child .hover-card-grid-image {
    border-bottom-right-radius: 2px
}

.hover-card-tags {
    font-size: 11px;
    color: #bbb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 2px 10px
}

.hover-card-tags-label {
    color: #747474;
    font-weight: 600;
    padding-right: 10px
}

.hover-card-tags-list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hover-card-tags-list span {
    -ms-flex-preferred-size: calc(100%/3);
    flex-basis: calc(100%/3)
}

.hover-card.top-left:before {
    bottom: 100%;
    left: 26px;
    border-bottom: 6px solid #333;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.hover-card.top-right:before {
    bottom: 100%;
    right: 26px;
    border-bottom: 6px solid #333;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.hover-card.bottom-left:before {
    top: 100%;
    left: 26px;
    border-top: 6px solid #333;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.hover-card.bottom-right:before {
    top: 100%;
    right: 26px;
    border-top: 6px solid #333;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.promo-form {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px
}

.promo-form abbr {
    display: none
}

.promo-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.promo-card {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-bottom: 30px
}

@media(min-width:768px) {
    .promo-card {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        padding-left: 30px;
        padding-right: 30px
    }
}

@media(min-width:992px) {
    .promo-card {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%
    }
}

.promo-card-image {
    margin-top: 10px;
    margin-bottom: 20px
}

@-webkit-keyframes slider-filler {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes slider-filler {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

.about-page {
    font-size: 14px
}

@media(min-width:768px) {
    .about-page {
        font-size: 16px
    }
}

@media(min-width:1440px) {
    .about-page {
        font-size: 18px
    }
}

.about-page-content {
    overflow-x: hidden;
    margin-top: 28px;
    padding-top: 28px
}

@media(min-width:992px) {
    .about-page-content {
        margin-top: 56px;
        padding-top: 56px
    }
}

.about-page .h1 {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 22px
}

@media(max-width:767px) {
    .about-page .h1 {
        text-align: center
    }
}

@media(min-width:768px) {
    .about-page .h1 {
        font-size: 40px
    }
}

@media(min-width:1200px) {
    .about-page .h1 {
        font-size: 54px
    }
}

.about-page .h1 .smaller {
    font-size: 20px;
    line-height: 1.1
}

.about-page .slick-slider .slick-list {
    overflow: visible
}

.about-page .slick-dots {
    bottom: -50px
}

.about-page .slick-dots li {
    height: 2px;
    padding: 6px 0
}

.about-page .slick-dots li.slick-active button:before {
    width: 100%;
    -webkit-animation: slider-filler 4s linear 1;
    animation: slider-filler 4s linear 1
}

.about-page .slick-dots button {
    width: 20px;
    height: 2px;
    background: #333;
    padding: 0
}

.about-page .slick-dots button:before {
    content: '';
    width: 0;
    height: 2px;
    background: #747474;
    position: static;
    opacity: 1;
    display: block
}

@media(max-width:991px) {

    .about-page .about-grid-head,
    .about-page .about-grid-body {
        position: relative;
        z-index: 2;
        max-width: 86%;
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width:768px) and (max-width:991px) {
    .about-page .about-grid {
        max-width: 83.33333%;
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width:992px) {
    .about-page .about-grid {
        display: -ms-grid;
        -ms-grid-rows: auto auto;
        -ms-grid-columns: 50% 50%;
        display: grid;
        -ms-grid-rows: auto [2];
        grid-template-rows: repeat(2, auto);
        grid-template-columns: 50% 50%;
        -ms-flex-line-pack: distribute;
        align-content: space-around;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .about-page .about-grid-reverse .about-grid-head,
    .about-page .about-grid-reverse .about-grid-body {
        -ms-grid-column: 1;
        grid-column: 1;
        padding-left: 0;
        padding-right: 12%
    }

    .about-page .about-grid-reverse .about-grid-media {
        -ms-grid-column: 2;
        grid-column: 2
    }

    .about-page .about-grid-head {
        -ms-grid-column: 2;
        -ms-grid-row: 1;
        -ms-grid-row-align: end;
        grid-column: 2;
        grid-row: 1;
        -ms-flex-item-align: end;
        align-self: end;
        padding-left: 12%;
        position: relative;
        z-index: 2
    }

    .about-page .about-grid-body {
        -ms-grid-column: 2;
        -ms-grid-row: 2;
        -ms-grid-row-align: start;
        grid-column: 2;
        grid-row: 2;
        -ms-flex-item-align: start;
        align-self: start;
        padding-left: 12%;
        position: relative;
        z-index: 2
    }

    .about-page .about-grid-media {
        -ms-grid-column: 1;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-row-align: center;
        grid-column: 1;
        grid-row: 1/3;
        -ms-flex-item-align: center;
        align-self: center
    }
}

@media(min-width:992px) and (max-width:1092px),
(min-width:1200px) and (max-width:1300px),
(min-width:1440px) and (max-width:1540px) {
    .about-page .about-grid {
        padding-left: 30px;
        padding-right: 30px
    }
}

.about-page .about-grid-media {
    position: relative
}

.about-page .about-btn-more {
    font-size: 16px;
    background-color: #333;
    border-color: #333;
    padding: 18px 16px;
    -webkit-box-shadow: 0 17px 24px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 17px 24px 0 rgba(0, 0, 0, .25);
    border-radius: 2px;
    margin-bottom: 10px
}

@media(min-width:768px) {
    .about-page .about-btn-more {
        font-size: 20px
    }
}

.about-page .about-btn-more .far {
    right: 0;
    -webkit-transition: right .2s linear;
    transition: right .2s linear
}

.about-page .about-btn-more:hover {
    background: #3d3d3d
}

.about-page .about-btn-more:hover .far {
    right: -5px
}

.about-page .about-text-small {
    font-size: 12px;
    line-height: 1.1
}

.about-page .about-text-smaller {
    font-size: 14px;
    line-height: 1.1
}

.about-page .about-img-rounded-theme {
    border-radius: 6px 6px 2px 2px
}

.about-page .about-img-rounded {
    border-radius: 3px
}

.about-page .about-icon-text {
    line-height: 1.1
}

.about-page .about-icon .about-icon-inner-w {
    font-style: normal;
    font-size: 13px;
    font-weight: 700;
    position: absolute;
    top: -3px;
    right: 24px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#27DCFE), to(#13AFF0));
    background-image: linear-gradient(-180deg, #27DCFE 0%, #13AFF0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.about-page~.separator-lg {
    display: none
}

.about-page .about-quote {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-weight: 600;
    font-size: 28px;
    line-height: 1.2;
    color: #fff;
    padding: 0 20px;
    text-shadow: 0 12px 18px rgba(0, 0, 0, .58);
    margin-bottom: 15px
}

@media(min-width:768px) {
    .about-page .about-quote {
        font-size: 58px;
        padding: 0 100px
    }
}

.about-page .about-quote-symbol {
    color: #747474;
    font-weight: 700;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .5)
}

.about-page .about-quote-author {
    font-size: 16px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .5)
}

.about-page-credit-block {
    color: #5d5d5d;
    font-size: 11px;
    font-weight: 600
}

@media(max-width:991px) {
    .about-page-credit-block {
        text-align: center
    }
}

.about-intro {
    min-height: 50vh;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.68)), color-stop(84%, #171717)), url(/assets/marketing/about/overview/bg-header-97a8d7c02dad2f7f5b556b517a6527bb.jpg);
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.68) 0%, #171717 84%), url(/assets/marketing/about/overview/bg-header-97a8d7c02dad2f7f5b556b517a6527bb.jpg)
}

@media(min-width:992px) {
    .about-intro {
        min-height: 55vh
    }
}

.about-intro.portfolio {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.68)), color-stop(84%, #171717)), url(/assets/marketing/about/portfolio/bg-header-50b110f6ed5cf6129b6a2bde2d63cd79.jpg);
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.68) 0%, #171717 84%), url(/assets/marketing/about/portfolio/bg-header-50b110f6ed5cf6129b6a2bde2d63cd79.jpg);
    background-position: center bottom
}

.about-intro.website {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.68)), color-stop(84%, #171717)), url(/assets/marketing/about/website/bg-header-5e4e6a76a82831b36d25519d3f108ed8.jpg);
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.68) 0%, #171717 84%), url(/assets/marketing/about/website/bg-header-5e4e6a76a82831b36d25519d3f108ed8.jpg);
    background-position: center bottom
}

.about-intro.marketplace {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.68)), color-stop(84%, #171717)), url(/assets/marketing/about/marketplace/bg-header-4dfc09e8f0237c8a6d556bbefa97bdab.jpg);
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.68) 0%, #171717 84%), url(/assets/marketing/about/marketplace/bg-header-4dfc09e8f0237c8a6d556bbefa97bdab.jpg);
    background-position: center bottom
}

.about-intro.fans {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.68)), color-stop(84%, #171717)), url(/assets/marketing/about/fans/bg-header-51c0ee383a9fc0cd0cee340758774bac.jpg);
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.68) 0%, #171717 84%), url(/assets/marketing/about/fans/bg-header-51c0ee383a9fc0cd0cee340758774bac.jpg);
    background-position: center bottom
}

.about-intro.learning {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.68)), color-stop(84%, #171717)), url(/assets/marketing/about/learning/bg-header-776d683af9d20b39a748ed2eec8de948.jpg);
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.68) 0%, #171717 84%), url(/assets/marketing/about/learning/bg-header-776d683af9d20b39a748ed2eec8de948.jpg);
    background-position: center bottom
}

.about-intro-video {
    position: relative;
    margin: 60px 40px 0
}

.about-intro-video-placeholder {
    border-radius: 6px;
    max-width: 450px;
    width: 100%
}

.about-intro-video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.about-intro-cta {
    padding-top: 10vh
}

.about-intro-cta .btn {
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase
}

.about-nav {
    position: relative;
    z-index: var(--sticky-block-zindex);
    background: #171717;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
    overflow-y: hidden;
    overflow-x: auto
}

@media(min-width:768px) {
    .about-nav {
        padding: 8px
    }
}

.about-nav-title {
    color: #f1f1f1;
    font-size: 22px;
    font-weight: 600;
    top: 8px;
    left: 10px
}

.about-nav-start {
    top: 10px;
    right: 10px
}

.about-nav-title,
.about-nav-start {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.about-nav.stuck {
    background: #222;
    -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .5);
    margin-bottom: 112px
}

@media(min-width:992px) {

    .about-nav.stuck .about-nav-title,
    .about-nav.stuck .about-nav-start {
        visibility: visible;
        opacity: 1
    }
}

@media(max-width:370px) {
    .about-nav .sub-nav .btn-group .btn {
        font-size: 10px
    }
}

@media(max-width:767px) {
    .about-nav .btn-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .about-nav .btn-group .btn {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.about-content-panorama {
    overflow: hidden;
    position: relative
}

.about-content-panorama-mask {
    position: relative;
    z-index: 2
}

.about-content-panorama-movable {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url(/assets/marketing/about/portfolio/panorama-658f8b87e1643049fecd20526a55ff07.png) left top no-repeat;
    background-size: 464px 165px;
    -webkit-transition: background-position .25s;
    transition: background-position .25s
}

.about-content-panorama-movable.no-more-slidey {
    -webkit-transition: none;
    transition: none
}

.about-content-panorama-image {
    z-index: 1;
    height: 100%;
    position: relative
}

.about-content-panorama-icon {
    position: absolute;
    top: -25px;
    right: -7px;
    z-index: 3;
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .5)
}

.about-content-video {
    position: relative;
    cursor: pointer;
    margin-bottom: 22px
}

.about-content-video.playing .about-content-video-play {
    opacity: 0
}

.about-content-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-box-shadow: 11px 7px 12px 0 rgba(0, 0, 0, .65);
    box-shadow: 11px 7px 12px 0 rgba(0, 0, 0, .65);
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.about-content-video-animation {
    -webkit-transform: perspective(600px) rotateX(15deg) rotateY(-36deg) scale3d(1, 1, 1);
    transform: perspective(600px) rotateX(15deg) rotateY(-36deg) scale3d(1, 1, 1);
    border-radius: 20px;
    -webkit-box-shadow: -20px 22px 34px 0 rgba(0, 0, 0, .5);
    box-shadow: -20px 22px 34px 0 rgba(0, 0, 0, .5)
}

.about-content-sketchfab {
    position: relative
}

.about-content-sketchfab-icon {
    position: absolute;
    bottom: 32px;
    right: 5px;
    border-radius: 50%;
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .5)
}

.about-content-sketchfab .js-tilt {
    position: relative;
    display: inline-block;
    vertical-align: top;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.about-content-sketchfab .js-tilt:hover .js-tilt-obj {
    -webkit-transform: translateZ(15px) translateY(-50%) translateX(-50%);
    transform: translateZ(15px) translateY(-50%) translateX(-50%)
}

.about-content-sketchfab .js-tilt:hover .js-tilt-bg {
    -webkit-transform: translateZ(-15px);
    transform: translateZ(-15px)
}

.about-content-sketchfab .js-tilt-obj {
    position: absolute;
    z-index: 2;
    top: 56%;
    left: 47%;
    -webkit-transform: translateZ(0) translateY(-50%) translateX(-50%);
    transform: translateZ(0) translateY(-50%) translateX(-50%);
    -webkit-transition: -webkit-transform .1s ease-in-out;
    transition: -webkit-transform .1s ease-in-out;
    transition: transform .1s ease-in-out;
    transition: transform .1s ease-in-out, -webkit-transform .1s ease-in-out
}

.about-categorize-images {
    position: absolute;
    z-index: 2;
    top: 10%;
    left: 43%;
    display: inline-block;
    vertical-align: top;
    max-width: 228px
}

@media(max-width:767px) {
    .about-categorize-images {
        max-width: 45%
    }
}

.about-categorize-images:hover .about-categorize-images-2 {
    -webkit-transform: rotate(14deg);
    transform: rotate(14deg)
}

.about-categorize-images:hover .about-categorize-images-3 {
    -webkit-transform: rotate(24deg);
    transform: rotate(24deg)
}

.about-categorize-images-count {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    top: -25px;
    right: -25px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#119dd8), to(#178bbe));
    background-image: linear-gradient(to bottom, #119dd8, #178bbe);
    -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .5);
    font-weight: 700;
    font-size: 25px;
    color: #f1f1f1;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .36);
    border-radius: 50%;
    text-align: center;
    z-index: 4
}

.about-categorize-images-1 {
    position: relative;
    z-index: 3;
    -webkit-box-shadow: 10px 13px 14px 0 rgba(0, 0, 0, .5);
    box-shadow: 10px 13px 14px 0 rgba(0, 0, 0, .5);
    border-radius: 4px;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    pointer-events: none
}

.about-categorize-images-2,
.about-categorize-images-3 {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-box-shadow: 10px 13px 14px 0 rgba(0, 0, 0, .5);
    box-shadow: 10px 13px 14px 0 rgba(0, 0, 0, .5);
    border-radius: 4px;
    pointer-events: none;
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out
}

.about-categorize-images-2 {
    z-index: 2;
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg)
}

.about-categorize-images-3 {
    z-index: 1;
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg)
}

.about-searchable-image {
    position: relative;
    -webkit-transform: perspective(300px) translateZ(1px) rotateX(3deg) rotateY(-7deg) scale3d(1, 1, 1);
    transform: perspective(300px) translateZ(1px) rotateX(3deg) rotateY(-7deg) scale3d(1, 1, 1)
}

.about-searchable-image-main {
    -webkit-box-shadow: 81px 51px 94px 0 rgba(0, 0, 0, .5);
    box-shadow: 81px 51px 94px 0 rgba(0, 0, 0, .5)
}

@media(max-width:767px) {
    .about-searchable-image-main {
        max-height: 250px;
        width: 100%;
        overflow: hidden;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top
    }
}

@media(max-width:991px) {
    .about-searchable-image-main {
        max-height: 350px;
        width: 100%;
        overflow: hidden;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top;
        object-position: top
    }
}

.about-searchable-image-card {
    position: absolute;
    top: 22%;
    left: 0;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    -webkit-box-shadow: 4px 5px 37px 0 rgba(19, 175, 240, .29), 81px 51px 104px 0 rgba(0, 0, 0, .66);
    box-shadow: 4px 5px 37px 0 rgba(19, 175, 240, .29), 81px 51px 104px 0 rgba(0, 0, 0, .66)
}

@media(min-width:768px) and (max-width:991px) {
    .about-searchable-image-card {
        top: 39%
    }
}

.about-searchable-image:hover .about-searchable-image-card {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.about-quote-block {
    background: #13aff0;
    color: #fff;
    position: relative;
    padding: 10px 18px;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 1.8
}

@media(max-width:767px) {
    .about-quote-block {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 20px;
        border-radius: 10px 10px 10px 0
    }

    .about-quote-block:before {
        content: '';
        display: block;
        border-left: 24px solid #13aff0;
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
        position: absolute;
        bottom: -12px;
        left: 0;
        z-index: -1
    }
}

@media(min-width:768px) {
    .about-quote-block {
        max-width: calc(100% - 82px);
        border-radius: 0 10px 10px 10px
    }

    .about-quote-block:before {
        content: '';
        display: block;
        width: 17px;
        height: 24px;
        background: #13aff0;
        border-radius: 22px 0 0 75px;
        position: absolute;
        top: 0;
        left: -17px;
        z-index: -1;
        -webkit-transform: skew(45deg);
        transform: skew(45deg);
        -webkit-transform-origin: top right;
        transform-origin: top right
    }
}

.about-quote-block-avatar {
    border-radius: 50%;
    -ms-flex-preferred-size: 82px;
    flex-basis: 82px
}

.about-quote-block-avatar .img-circle {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .25)
}

@media(max-width:767px) {
    .about-quote-block-avatar {
        padding-right: 15px
    }
}

@media(min-width:768px) {
    .about-quote-block-meta {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.about-quote-block-author {
    margin-top: 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    color: #dedede
}

.about-quote-block-position {
    font-size: 11px;
    font-weight: 600;
    line-height: 1.8;
    color: #898989;
    margin-top: -5px
}

.about-grow-award {
    position: absolute;
    bottom: -15%;
    right: 0;
    max-width: 25%
}

@media(min-width:768px) {
    .about-grow-award {
        right: -10%
    }
}

@media(min-width:992px) {
    .about-grow-award {
        width: 200px
    }
}

.about-themes-mobile {
    width: 30%;
    position: absolute;
    bottom: -5%;
    right: 0;
    border-radius: 5%;
    -webkit-box-shadow: -40px 51px 94px 0 rgba(0, 0, 0, .5) !important;
    box-shadow: -40px 51px 94px 0 rgba(0, 0, 0, .5) !important
}

.about-marketplace-sell .sell-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.about-marketplace-sell .sell-1 {
    -webkit-transform: perspective(1000px) rotateX(5deg) rotateY(-45deg) rotateZ(3deg) scale(1.4);
    transform: perspective(1000px) rotateX(5deg) rotateY(-45deg) rotateZ(3deg) scale(1.4);
    -webkit-box-shadow: 81px 51px 94px 0 rgba(0, 0, 0, .5);
    box-shadow: 81px 51px 94px 0 rgba(0, 0, 0, .5)
}

.about-marketplace-sell .sell-2 {
    margin-top: 25px;
    -webkit-transform: perspective(1000px) rotateX(3deg) rotateY(40deg) rotateZ(-2deg) scale(1.4);
    transform: perspective(1000px) rotateX(3deg) rotateY(40deg) rotateZ(-2deg) scale(1.4);
    -webkit-box-shadow: -81px 51px 94px 0 rgba(0, 0, 0, .5);
    box-shadow: -81px 51px 94px 0 rgba(0, 0, 0, .5)
}

.about-marketplace-features {
    font-size: 14px
}

.about-prints-sell .sell-blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.about-prints-sell .sell-1 {
    border-radius: 6px;
    -webkit-transform: perspective(1000px) rotateY(-30deg) translateX(-70px);
    transform: perspective(1000px) rotateY(-30deg) translateX(-70px);
    -webkit-box-shadow: -24px 7px 58px 0 rgba(0, 0, 0, .5), 8px 27px 58px 0 rgba(0, 0, 0, .5);
    box-shadow: -24px 7px 58px 0 rgba(0, 0, 0, .5), 8px 27px 58px 0 rgba(0, 0, 0, .5)
}

.about-prints-sell .sell-2 {
    margin-top: 35px;
    border-radius: 6px;
    -webkit-transform: perspective(1000px) rotateX(0) rotateY(30deg) translateX(70px);
    transform: perspective(1000px) rotateX(0) rotateY(30deg) translateX(70px);
    -webkit-box-shadow: -30px 37px 58px 0 rgba(0, 0, 0, .5);
    box-shadow: -30px 37px 58px 0 rgba(0, 0, 0, .5)
}

@media(min-width:768px) {
    .about-prints-sell .sell-2 {
        margin-top: 70px
    }
}

@media(min-width:768px) {
    .about-choose-plans {
        display: -ms-grid;
        display: grid;
        grid-column-gap: 25px;
        -ms-grid-columns: 1fr [3];
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(min-width:1200px) {
    .about-choose-plans {
        grid-column-gap: 50px
    }
}

.about-choose-plan {
    background: #333;
    -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .5);
    border-radius: 10px;
    margin: 52px 0 65px
}

.about-choose-plan .btn-default {
    padding-top: 9px;
    padding-bottom: 9px
}

.about-choose-plan .btn-premium-plan {
    font-size: 24px;
    font-weight: 600;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .32);
    margin-bottom: 16px
}

.about-choose-plan-free {
    -ms-flex-item-align: start;
    -ms-grid-row-align: start;
    align-self: start
}

.about-choose-plan-free .about-pricing-amount {
    font-size: 30px;
    font-weight: 600
}

.about-choose-plan-header {
    padding: 35px 25px 25px;
    background: #222;
    border-radius: 10px 10px 0 0;
    text-align: center;
    font-size: 16px;
    min-height: 206px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(min-width:1200px) {
    .about-choose-plan-header {
        font-size: 18px
    }
}

.about-choose-plan-body {
    color: #f1f1f1;
    font-weight: 300;
    padding: 26px 30px
}

@media(min-width:768px) {
    .about-choose-plan-body {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media(min-width:1200px) {
    .about-choose-plan-body {
        padding-left: 38px;
        padding-right: 38px
    }
}

.about-choose-plan-body .far {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.8
}

.about-choose-plan-body ul li {
    position: relative;
    margin-bottom: 12px;
    padding-left: 32px
}

@media(max-width:1199px) {
    .about-choose-plan-body ul li {
        font-size: 14px
    }
}

.about-pricing {
    text-align: center;
    width: 58px;
    margin-top: 26px;
    position: relative
}

.about-pricing-currency {
    position: absolute;
    top: 0;
    right: 100%;
    color: #bbb;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    margin-top: 2px
}

.about-pricing-amount {
    position: relative;
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    display: inline-block;
    vertical-align: top
}

.about-pricing-amount sup {
    font-size: 50%;
    top: -.75em
}

.about-pricing-period {
    font-size: 14px;
    color: #bbb
}

.about-pricing-or {
    color: #747474;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300
}

.about-pricing-btn {
    margin-top: 28px
}

.about-pricing .pro-badge {
    -webkit-box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .47);
    box-shadow: 0 3px 13px 0 rgba(0, 0, 0, .47)
}

.about-pricing .pro-savings {
    color: #5cb85c;
    font-size: 11px;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -2px);
    transform: translate(-50%, -2px);
    white-space: nowrap
}

.about-footer {
    position: relative;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.57)), to(#171717)), url(/assets/marketing/about/overview/bg-footer-40480d5f7dc6078813e0d5c2df9493a6.jpg) center bottom no-repeat;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.57) 0%, #171717 100%), url(/assets/marketing/about/overview/bg-footer-40480d5f7dc6078813e0d5c2df9493a6.jpg) center bottom no-repeat;
    background-size: cover
}

.about-footer.portfolio {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.57)), to(#171717)), url(/assets/marketing/about/portfolio/bg-footer-52bae54c504b6fc4ca4abd1e21cd4be2.jpg);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.57) 0%, #171717 100%), url(/assets/marketing/about/portfolio/bg-footer-52bae54c504b6fc4ca4abd1e21cd4be2.jpg)
}

.about-footer.website {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.57)), to(#171717)), url(/assets/marketing/about/website/bg-footer-e381fe4e6ad4ba6d28c99d2972c44d5f.jpg);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.57) 0%, #171717 100%), url(/assets/marketing/about/website/bg-footer-e381fe4e6ad4ba6d28c99d2972c44d5f.jpg)
}

.about-footer.marketplace {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.57)), to(#171717)), url(/assets/marketing/about/marketplace/bg-footer-82e7a0239c0de095ffbe3ac2fde632dd.jpg);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.57) 0%, #171717 100%), url(/assets/marketing/about/marketplace/bg-footer-82e7a0239c0de095ffbe3ac2fde632dd.jpg)
}

.about-footer.fans {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.57)), to(#171717)), url(/assets/marketing/about/fans/bg-footer-13abe48f4288924b64c809e4fb9ba825.jpg);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.57) 0%, #171717 100%), url(/assets/marketing/about/fans/bg-footer-13abe48f4288924b64c809e4fb9ba825.jpg)
}

.about-footer-credit {
    position: absolute;
    bottom: 4px;
    right: 12px;
    font-size: 12px;
    font-style: italic;
    text-shadow: 0 1px 1px #000
}

.about-footer-credit a {
    color: #bbb
}

.about-footer-credit a:hover {
    text-decoration: underline
}

.about-earnings-image {
    position: relative;
    z-index: 3
}

@media(max-width:767px) {
    .about-earnings-image {
        width: 80px
    }
}

.about-earnings-bar {
    background: #101010;
    border-radius: 8px;
    position: absolute;
    right: 0;
    left: 74px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 12px;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, .5);
    padding: 4px 0 4px 24px
}

@media(min-width:768px) {
    .about-earnings-bar {
        left: 82px;
        font-size: 18px
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .about-earnings-bar {
        font-size: 16px
    }
}

.about-earnings-bar .filler {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-radius: 8px;
    text-align: right;
    padding: 4px 12px
}

.about-earnings-bar-95 {
    top: 10%
}

.about-earnings-bar-95 .filler {
    width: 95%;
    background: -webkit-gradient(linear, left top, left bottom, from(#66d166), to(#3f933f));
    background: linear-gradient(to bottom, #66d166, #3f933f)
}

.about-earnings-bar-80 {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.about-earnings-bar-80 .filler {
    width: 80%;
    background: -webkit-gradient(linear, left top, left bottom, from(#2bd8f9), to(#13aff0));
    background: linear-gradient(to bottom, #2bd8f9, #13aff0)
}

.about-earnings-bar-70 {
    bottom: 10%
}

.about-earnings-bar-70 .filler {
    width: 70%;
    background: -webkit-gradient(linear, left top, left bottom, from(#414141), to(#292929));
    background: linear-gradient(to bottom, #414141, #292929)
}

.about-earnings-bar-title {
    position: relative;
    z-index: 2
}

.about-modal-video .featherlight-content {
    background: #171717;
    width: 80%;
    margin-left: 0;
    margin-right: 0
}

.about-modal-video .featherlight-close {
    background: 0 0;
    color: #fff
}

.about-fan-join {
    margin: 95px 0;
    width: 100%;
    max-width: 450px;
    padding: 50px 30px 75px;
    background: #333;
    -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .5);
    border-radius: 8px
}

.about-fan-join .btn {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 40px;
    padding-right: 40px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .32)
}

.about-fan-join-title {
    font-size: 44px;
    font-weight: 700;
    margin-bottom: 6px
}

.about-fan-join-subtitle {
    color: #bbb;
    line-height: 1.65;
    margin-bottom: 35px
}

.about-feature-image {
    width: auto;
    margin-bottom: 30px
}

@media(max-width:767px) {
    .about-feature-image {
        max-width: 100%;
        height: auto;
        margin-bottom: 0
    }
}

.about-prints-earnings {
    line-height: 1.5
}

.about-prints-earnings-plus {
    padding-left: 20px;
    padding-right: 20px
}

@media(max-width:767px) {
    .about-prints-earnings-plus {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: center
    }
}

.about-prints-earnings-coins {
    margin-left: 20px
}

.about-prints-earnings-pro {
    white-space: nowrap
}

.about-learning-image {
    border-radius: 7px 7px 2px 2px
}

.about-learning-features .intro-text sup {
    font-size: 63%
}

@media(min-width:1200px) {
    .about-learning-features .intro-text {
        font-size: 21px
    }
}

.about-learning-features .intro-features-block {
    margin: 0 -1px
}

.about-learning-discover {
    background: url(/assets/marketing/about/learning/courses-grid-68c04ee22373aeb07722d4cd70443b72.jpg) repeat-x center center;
    background-size: auto 100%;
    padding: 40px 0
}

@media(max-width:991px) {
    .about-learning-discover {
        text-align: center;
        padding: 60px 20px
    }
}

.about-learning-discover .img {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    border-radius: 7px 7px 3px 3px
}

@media(max-width:991px) {
    .about-learning-discover .img {
        margin-bottom: 30px
    }
}

@media(min-width:992px) {
    .about-learning-discover .img {
        -webkit-transform: perspective(1200px) rotateX(0) rotateY(30deg) translateX(70px);
        transform: perspective(1200px) rotateX(0) rotateY(30deg) translateX(70px)
    }
}

.about-learning-teach {
    background: #222;
    border-bottom: 1px solid #171717
}

.about-learning-section {
    z-index: 1
}

.about-learning-section-heading {
    font-weight: 700;
    font-size: 54px;
    color: #f1f1f1;
    margin: 0 0 24px
}

.about-learning-section-heading span.badge {
    font-size: 16px;
    font-weight: 700;
    padding: 5px 6px;
    border-radius: 5px
}

.about-learning-section-text {
    font-size: 16px;
    line-height: 1.625;
    color: #bbb;
    margin: 0 0 43px
}

.about-learning-separator {
    max-width: 463px;
    height: 1px;
    margin: 88px auto;
    background: #333
}

.btn-learning-check-out {
    margin: 17px 0 0;
    background: #333;
    padding: 17px 24px;
    font-size: 20px;
    color: #f1f1f1
}

.btn-learning-check-out i {
    color: #13aff0;
    padding: 0 0 0 16px
}

.btn-learning-check-out:hover {
    color: #13aff0
}

.learning-software-img {
    height: 38px;
    margin: 0 3px 17px;
    -webkit-transition: .5s;
    transition: .5s
}

.learning-software-link:hover .learning-software-img {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.about-page {
    background-color: #171717;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative
}

.about-page .about-page-credit {
    position: absolute;
    top: 4px;
    right: 12px;
    font-style: italic;
    font-size: 9px;
    color: #bbb;
    text-shadow: 0 1px 1px #000
}

.about-page .about-page-credit:hover {
    text-decoration: underline
}

.about-bg-company {
    background-image: url(/assets/about/company/bg-header-21e520bde340677d142615e4569d77e7.jpg)
}

.about-bg-careers {
    background-image: url(/assets/about/careers/bg-header-a1a30e3ee3d46fa6f34ea34d106f8e48.jpg)
}

.about-bg-logo {
    background-image: url(/assets/about/logo/bg-header-8de7787e61d93bc54db52d418ae8085a.jpg)
}

.about-contact {
    background: #222;
    padding: 45px 15px 50px
}

.about-perks {
    font-size: 14px
}

.about-perks-item {
    margin-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px
}

.about-perks-icon {
    display: inline-block;
    vertical-align: top;
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    background: #222;
    font-size: 42px;
    text-align: center;
    margin-bottom: 20px
}

.about-perks-icon .far {
    background: -webkit-gradient(linear, left top, left bottom, from(#27DCFE), to(#13AFF0));
    background: linear-gradient(to bottom, #27DCFE, #13AFF0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.about-career-mosaic-image {
    min-width: 0;
    height: auto
}

.about-intro,
.pro-intro {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10vh 0;
    position: relative
}

.about-intro-credit,
.pro-intro-credit {
    position: absolute;
    top: 4px;
    right: 12px;
    font-size: 9px;
    font-style: italic;
    text-shadow: 0 1px 1px #000
}

.about-intro-credit a,
.pro-intro-credit a {
    color: #bbb
}

.about-intro-credit a:hover,
.pro-intro-credit a:hover {
    text-decoration: underline
}

.about-page-separate,
.pro-page-separate {
    max-width: 460px;
    height: 1px;
    background: #333;
    margin: 50px auto
}

@media(min-width:768px) {

    .about-page-separate,
    .pro-page-separate {
        margin: 80px auto 120px
    }
}

@media(min-width:992px) {

    .about-page-separate,
    .pro-page-separate {
        margin: 140px auto
    }
}

.about-page .about-skew,
.pro-page .about-skew {
    -webkit-transform: perspective(1600px) rotate(6deg) rotateX(10deg) rotateY(-24deg);
    transform: perspective(1600px) rotate(6deg) rotateX(10deg) rotateY(-24deg);
    -webkit-box-shadow: 81px 51px 94px 0 rgba(0, 0, 0, .5);
    box-shadow: 81px 51px 94px 0 rgba(0, 0, 0, .5)
}

.about-page .about-skew-reverse,
.pro-page .about-skew-reverse {
    -webkit-transform: perspective(1600px) rotate(-6deg) rotateX(10deg) rotateY(24deg);
    transform: perspective(1600px) rotate(-6deg) rotateX(10deg) rotateY(24deg);
    -webkit-box-shadow: -81px 51px 94px 0 rgba(0, 0, 0, .5);
    box-shadow: -81px 51px 94px 0 rgba(0, 0, 0, .5)
}

@media(min-width:1200px) {
    .pro-page .h1 {
        font-size: 58px
    }
}

.pro-page .h1 .img {
    vertical-align: baseline
}

@media(max-width:1200px) {
    .pro-page .h1 .img {
        width: auto;
        height: 35px
    }
}

.pro-page.bg-light {
    background: #222
}

.pro-intro {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.48)), color-stop(84%, #171717)), url(/assets/marketing/pro/bg-header-7d8d2551d91b80b3e5b93bf72cc11bb4.jpg);
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0.48) 0%, #171717 84%), url(/assets/marketing/pro/bg-header-7d8d2551d91b80b3e5b93bf72cc11bb4.jpg)
}

.pro-page-content {
    color: #878787;
    line-height: 1.375;
    -webkit-transform: perspective(1px);
    transform: perspective(1px)
}

.pro-page-subtitle {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: 6px
}

.pro-pricing-block {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .5)
}

.pro-pricing-block-head {
    background: #222;
    border-bottom: 1px solid #fff;
    border-radius: 5px 5px 0 0;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 16px 0
}

@media(min-width:1200px) {
    .pro-pricing-block-head {
        font-size: 24px;
        padding: 33px 0
    }
}

.pro-pricing-block-body {
    background: #333;
    padding-top: 13px;
    padding-bottom: 35px;
    border-radius: 0 0 5px 5px
}

@media(min-width:1200px) {
    .pro-pricing-block-body {
        padding-bottom: 55px
    }
}

.pro-pricing-block-body .btn-upgrade {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 6px;
    padding: 11px 28px
}

@media(min-width:1200px) {
    .pro-pricing-block-body .btn-upgrade {
        font-size: 20px;
        padding: 11px 58px
    }
}

.pro-pricing-block-body .btn-upgrade.white {
    background: #fff;
    border-color: #fff;
    color: #13aff0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.pro-pricing-block-body .btn-upgrade.white:hover {
    opacity: .8
}

.pro-pricing-block-body .pro-savings {
    color: #5cb85c;
    font-size: 14px;
    margin-top: 8px
}

.pro-pricing-block-price {
    font-size: 26px;
    line-height: 1;
    min-height: 102px;
    padding-bottom: 20px
}

@media(min-width:1200px) {
    .pro-pricing-block-price {
        font-size: 34px
    }
}

.pro-pricing-block-price sup {
    top: .2em
}

.pro-pricing-block-price .currency {
    vertical-align: text-top
}

.pro-pricing-block-price .price {
    font-size: 56px;
    font-weight: 700;
    letter-spacing: -2px
}

.pro-pricing-block-price .price sup {
    top: -.7em;
    font-size: 50%
}

.pro-pricing-block-upgrade {
    min-height: 60px
}

.pro-page-sticky {
    position: relative;
    overflow: hidden;
    height: 0;
    color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2BD8F9), to(#13AFF0));
    background-image: linear-gradient(180deg, #2BD8F9 0%, #13AFF0 100%);
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px)
}

.pro-page-sticky.stuck {
    display: block;
    height: auto;
    min-height: 53px;
    position: fixed;
    z-index: 1031;
    top: 92px;
    top: var(--main-menu-height);
    left: 0;
    width: 100%;
    padding: 7px 0
}

.pro-page-sticky-title {
    font-size: 22px;
    font-weight: 600
}

.pro-page-sticky .btn-white {
    background: #fff;
    color: #171717;
    font-size: 14px;
    line-height: 1.38;
    margin: 0 0 0 24px;
    overflow: visible;
    border-radius: 2px;
    -webkit-transition: background .2s linear;
    transition: background .2s linear
}

.pro-page-sticky .btn-white .price {
    font-size: 18px;
    font-weight: 700;
    color: #13aff0
}

.pro-page-sticky .btn-white .price-discount {
    position: absolute;
    z-index: 2;
    top: -4px;
    right: -20px;
    background: #5cb85c;
    color: #171717;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    padding: 4px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5)
}

.pro-page-sticky .btn-white:hover {
    background: #ddeffb
}

.pro-page-sticky .btn-white.yearly {
    padding-top: 10px;
    padding-bottom: 2px
}

.pro-page-sticky .btn-white.yearly .yearly-label {
    position: absolute;
    text-transform: uppercase;
    left: 50%;
    top: 2px;
    font-size: 9px;
    font-weight: 700;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.pro-page-nav {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    background: #222
}

@media(max-width:991px) {
    .pro-page-nav {
        max-width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
    }
}

.pro-page-nav-list {
    margin-bottom: 0
}

.pro-page-nav-item {
    font-size: 14px;
    border-bottom: 3px solid transparent
}

@media(min-width:1200px) {
    .pro-page-nav-item {
        font-size: 16px
    }
}

.pro-page-nav-item.active {
    border-bottom-color: #13aff0
}

.pro-page-nav-link {
    display: block;
    color: #fff;
    padding: 6px 12px 5px
}

.pro-page-nav-link:active,
.pro-page-nav-link:focus {
    color: #fff
}

.pro-page-badge-about {
    background: url(/assets/marketing/pro/bg-pro-badge-a4dfb8a742a18893c29e2a7e5d3a3b2d.jpg) center center no-repeat;
    background-size: cover;
    border-radius: 11px
}

.pro-page-badge-about .h2 {
    margin-top: 0;
    font-size: 48px;
    font-weight: 700
}

.pro-page-badge-about .text-light {
    color: #bec1c2
}

.pro-page-perks .img {
    width: auto;
    height: 160px;
    -o-object-fit: contain;
    object-fit: contain
}

@media(min-width:768px) {
    .pro-page-perks .pro-page-perks-body {
        margin-left: 20px;
        margin-right: 20px
    }
}

@media(min-width:992px) {
    .pro-page-separate {
        margin: 54px auto 5px
    }
}

.pro-plans-options {
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .26);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .26)
}

.pro-plans-options-head {
    font-size: 16px;
    background: #222;
    border-radius: 5px 5px 0 0;
    padding: 24px
}

.pro-plans-options-head+.pro-plans-options-body {
    border-radius: 0 0 5px 5px
}

.pro-plans-options-title {
    font-size: 18px
}

.pro-plans-options-body {
    background: #333;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 18px 12px
}

@media(min-width:768px) {
    .pro-plans-options-body {
        padding: 38px 25px
    }
}

.pro-plans-discount {
    margin-top: 24px
}

.pro-plans-discount .promo-promocode {
    background: #5cb85c;
    border-radius: 3px;
    padding: 4px 6px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 10px 0 5px;
    text-transform: uppercase;
    text-shadow: none;
    color: #fff
}

.pro-plans-option {
    padding: 0 12px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media(min-width:768px) {
    .pro-plans-option {
        padding: 0 25px
    }
}

.pro-plans-option.is-single {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.pro-plans-option.is-single .price {
    margin-top: 0
}

.pro-plans-option .price {
    font-size: 16px;
    line-height: 1;
    margin-top: 32px
}

.pro-plans-option .price.line-through {
    color: #747474;
    position: relative;
    display: inline-block
}

.pro-plans-option .price.line-through:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #747474
}

.pro-plans-option .currency {
    top: -1.5em
}

.pro-plans-option .sum {
    font-size: 32px;
    font-weight: 600
}

.pro-plans-option .btn {
    margin-top: 24px
}

.pro-more-item .block-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 34px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(min-width:768px) and (max-width:991px) {
    .pro-more-item .block-icon {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px
    }
}

.pro-more-item .block-text {
    font-size: 16px;
    padding-left: 20px
}

@media(min-width:768px) and (max-width:991px) {
    .pro-more-item .block-text {
        text-align: center;
        padding-left: 0
    }
}

.pro-perks-intro {
    background: url(/assets/marketing/pro-perks/bg-header-2552b6bd55e48fe0867b8ccb12db0691.jpg) center top no-repeat;
    background-size: 100% auto
}

.generated-image-page .generated-image {
    margin: auto;
    width: 700px;
    max-width: 100%;
    position: relative;
    z-index: 2;
    -webkit-box-shadow: 0 2px 84px 0 rgba(255, 255, 255, .08);
    box-shadow: 0 2px 84px 0 rgba(255, 255, 255, .08)
}

.generated-image-page .generated-image-block {
    position: relative
}

.generated-image-page .generated-image-block .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.glow-up-intro {
    background: url(https://cdn.artstation.com/assets/generators/glow-up-bg.jpg) center top no-repeat;
    background-size: 100% auto
}

@media(min-width:1440px) {
    .pro-hub-title {
        font-size: 80px;
        text-shadow: 0 12px 18px rgba(0, 0, 0, .58)
    }
}

.pro-hub-subtitle-splash {
    position: relative
}

.pro-hub-subtitle-splash:before {
    content: '';
    position: absolute;
    top: -30px;
    left: -30px;
    display: block;
    width: 48px;
    height: 48px;
    background: url(/assets/marketing/pro-hub/icon-splash-a301c7764720d3f4759b19ea5696ecd7.svg) left top no-repeat;
    background-size: contain
}

.pro-hub-block {
    border-top: 2px solid #333;
    padding-top: 37px
}

.pro-hub-block .text-subheader {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    color: #d5d5d5
}

.pro-hub-renews {
    font-size: 18px
}

.pro-hub-badge {
    margin-top: -4px
}

.pro-hub-tip {
    background: #222;
    padding: 20px 30px;
    min-height: 209px
}

.pro-hub-tip-arrow {
    position: absolute;
    bottom: 40px;
    right: 90%
}

.pro-hub-earnings .avatar {
    position: absolute;
    top: 0;
    left: -29px;
    border: 4px solid #222
}

.pro-hub-earnings .bar {
    border: 1px solid #333;
    border-radius: 5px;
    line-height: 1;
    margin-bottom: 7px
}

.pro-hub-earnings .inner {
    width: 70%;
    padding: 5px 6px;
    border-radius: 5px 0 0 5px
}

.pro-hub-earnings .website .inner {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(4%, #3F933F), color-stop(98%, #66D166));
    background-image: linear-gradient(0deg, #3F933F 4%, #66D166 98%)
}

.pro-hub-earnings .website .inner.pro {
    width: 95%
}

@media(min-width:1440px) {
    .pro-hub-earnings .website .where {
        padding-left: 30px
    }
}

.pro-hub-earnings .marketplace .inner {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#2BD8F9), to(#13AFF0));
    background-image: linear-gradient(180deg, #2BD8F9 0%, #13AFF0 100%)
}

.pro-hub-earnings .marketplace .inner.pro {
    width: 80%
}

@media(min-width:1440px) {
    .pro-hub-earnings .marketplace .where {
        padding-left: 30px
    }
}

.pro-hub-earnings .free {
    margin-top: 20px
}

.pro-hub-earnings .free .inner {
    background: #5d5d5d;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.56)));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.56) 100%)
}

.pro-hub-earnings .free .where {
    font-weight: 400;
    color: #bbb;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .33)
}

.pro-hub-earnings .free .percent {
    font-weight: 400;
    color: #bbb
}

.pro-hub-earnings .where {
    font-weight: 600;
    font-size: 13px;
    color: #f1f1f1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .33)
}

.pro-hub-earnings .percent {
    float: right;
    font-weight: 600;
    font-size: 13px;
    color: rgba(16, 16, 16, .77)
}

.pro-hub-prints .svg text {
    font-family: open sans, helvetica neue, Helvetica, Arial, sans-serif
}

.pro-hub-prints .svg.fr .markup_text_1,
.pro-hub-prints .svg.fr .markup_text_2 {
    font-size: 10px
}

.pro-hub-prints .svg.fr .base_text_1,
.pro-hub-prints .svg.fr .base_text_2 {
    font-size: 9px
}

.pro-hub-prints .svg.fr .retail_price {
    font-size: 11px
}

@media(min-width:1200px) {
    .pro-hub-perks-image {
        margin-top: -50px
    }
}

@media(min-width:1440px) {
    .pro-hub-perks-image {
        margin-bottom: -28px
    }
}

.pro-hub~.separator-lg {
    display: none
}

.error-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 0;
    min-height: 100vh
}

.error-page a {
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out
}

.error-page-container {
    padding: 25px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-position: left top, center center;
    background-repeat: no-repeat;
    background-size: 40% auto, cover
}

.error-page-container.v1 {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), to(transparent)), url(/assets/error/emilis-emka-i-want-to-believe-add93bae627595f478324aa8e7a6236d.jpg);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8), transparent), url(/assets/error/emilis-emka-i-want-to-believe-add93bae627595f478324aa8e7a6236d.jpg)
}

.error-page-container.v2 {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), to(transparent)), url(/assets/error/roman-chaliy-dex-town-r-chaliy-378f67234bb25cd464339dc4aebd94ea.jpg);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8), transparent), url(/assets/error/roman-chaliy-dex-town-r-chaliy-378f67234bb25cd464339dc4aebd94ea.jpg)
}

.error-page-container.v3 {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), to(transparent)), url(/assets/error/paul-ozzimo-hallway-50d845a3b4181530f0e178531fd8186c.jpg);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8), transparent), url(/assets/error/paul-ozzimo-hallway-50d845a3b4181530f0e178531fd8186c.jpg);
    background-position: left top, right top
}

.error-page-container.v4 {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), to(transparent)), url(/assets/error/josh-rife-va-05-fc64d5ed4a3b92a4c2ec7bea4a8eb122.jpg);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8), transparent), url(/assets/error/josh-rife-va-05-fc64d5ed4a3b92a4c2ec7bea4a8eb122.jpg)
}

.error-page-container.v5 {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), to(transparent)), url(/assets/error/shawn-puckett-prison-e2118838ba9418f1d922e20f5e2e7c7b.jpg);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8), transparent), url(/assets/error/shawn-puckett-prison-e2118838ba9418f1d922e20f5e2e7c7b.jpg)
}

.error-page-container.v6 {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), to(transparent)), url(/assets/error/calder-moore-test-1a1b4395cd0bc5b998e190e3d4d6d973.jpg);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8), transparent), url(/assets/error/calder-moore-test-1a1b4395cd0bc5b998e190e3d4d6d973.jpg)
}

.error-page-container.v7 {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.8)), to(transparent)), url(/assets/error/vadim-sadovski-x11-861fe65960d23f105bda6ad76c247c7b.jpg);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.8), transparent), url(/assets/error/vadim-sadovski-x11-861fe65960d23f105bda6ad76c247c7b.jpg)
}

.error-page-container .error-code {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2;
    color: #fff
}

.error-page-container .error-text {
    font-size: 24px;
    color: #747474;
    margin-bottom: 35px
}

@media(min-width:768px) {
    .error-page-container .error-text {
        max-width: 50%
    }
}

@media(min-width:1200px) {
    .error-page-container .error-text {
        max-width: 40%
    }
}

@media(min-width:1440px) {
    .error-page-container .error-text {
        max-width: 30%
    }
}

.error-page-container .error-support {
    margin-top: 15px;
    margin-bottom: 10px
}

.error-page-container .error-credit {
    font-size: 11px;
    font-style: italic
}

.error-page-info {
    min-height: 20vh;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 20px
}

@media(min-width:992px) {
    .error-page-info {
        padding: 50px
    }
}

.error-page-info-block {
    padding: 40px;
    background: url(/assets/error/bg-info-27fcaa48f614488e7b7a4d1ff2e53565.jpg) left center no-repeat #c9c9c9;
    background-size: cover;
    height: 100%;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    color: #000;
    display: block;
    position: relative
}

@media(min-width:768px) {
    .error-page-info-block {
        font-size: 28px
    }
}

@media(min-width:1200px) {
    .error-page-info-block {
        font-size: 36px
    }
}

.error-page-info-block:hover {
    color: #000
}

.error-page-info-block p:last-child {
    margin-bottom: 0
}

.error-page-info-credit {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 11px;
    font-weight: 400;
    font-style: italic;
    color: #000;
    background: rgba(255, 255, 255, .5);
    padding: 4px 8px
}

@media(min-width:768px) {
    .error-page-info-credit {
        display: block
    }
}

.subscriptions-cancel .inner-block {
    border-radius: 3px;
    background: #171717;
    padding: 20px 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 1.4;
    min-height: 100%
}

.subscriptions-cancel .inner-block-item {
    margin-bottom: 30px
}

.subscriptions-cancel .inner-block-icon {
    width: 68px;
    font-size: 34px;
    line-height: 1;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.subscriptions-cancel .inner-block-icon.crossed-out {
    position: relative
}

.subscriptions-cancel .inner-block-icon.crossed-out:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    height: 6px;
    background: #d3524f;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .39);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .39);
    -webkit-transform: rotate(-45deg) translate(-50%, -50%);
    transform: rotate(-45deg) translate(-50%, -50%);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.subscriptions-cancel .inner-block-text {
    padding-left: 20px;
    color: #f1f1f1
}

.subscription-form {
    border-bottom: 1px solid #171717
}

.subscription-form .subscribe-plan-intro {
    margin-bottom: -80px;
    padding-bottom: calc(4vh + 80px)
}

.subscription-form .subscription-form-feature {
    background: #222;
    font-size: 10px;
    padding: 10px 4px;
    border-radius: 2px
}

.subscription-form .payment-icon {
    margin-top: -3px
}

.subscription-form #subscription-form .payment-method-button {
    margin-bottom: 0
}

.subscription-form #subscription-form .payment-method-button-paypal {
    margin-top: 25px
}

.subscription-form #subscription-form .paypal-btn-2 {
    display: none
}

.subscription-form #subscription-form #billing-fields {
    display: none
}

.subscription-form #subscription-form #paypal-methods-container {
    display: none
}

.subscription-form #subscription-form.has-selected-payment #billing-fields {
    display: block
}

.subscription-form #subscription-form.method-credit-card .paypal-btn-1 {
    display: none
}

.subscription-form #subscription-form.method-credit-card .paypal-btn-2 {
    display: block
}

.subscription-form #subscription-form.method-credit-card .credit-card-fields {
    display: block
}

.subscription-form #subscription-form.method-paypal #paypal-methods-container {
    display: block
}

.subscription-form .upgrade-to-pro {
    position: relative;
    background: url(/assets/marketing/subscribe/bg-footer-form-c910ecb60a549e2900eda9676ec8481e.jpg) left top no-repeat #222;
    background-size: auto 100%
}

.subscription-form .upgrade-to-pro-credit {
    color: #747474;
    font-style: italic;
    font-size: 9px;
    position: absolute;
    bottom: 8px;
    left: 8px
}

.subscription-form .upgrade-to-pro-credit-link {
    color: #747474
}

.subscription-form .upgrade-to-pro-credit-link:hover {
    text-decoration: underline
}

.subscription-form~.separator-lg {
    display: none
}

.subscription-manage .plan-block {
    width: 100%;
    display: block;
    color: #bbb;
    padding: 14px;
    font-weight: 400;
    background: #222;
    border: 2px solid transparent;
    border-radius: 6px
}

@media(min-width:768px) {
    .subscription-manage .plan-block {
        padding-left: 28px;
        padding-right: 28px
    }
}

.subscription-manage .plan-block.active .plan-actions .upgrade-plan {
    display: none
}

.subscription-manage .plan-block.active .plan-actions .current-plan {
    display: block
}

.subscription-manage .plan-block+.plan-block {
    margin-top: 20px
}

.subscription-manage .plan-block .left {
    font-size: 16px
}

.subscription-manage .plan-block .price {
    font-size: 24px
}

.subscription-manage .plan-block .upgrade-plan {
    display: block
}

.subscription-manage .plan-block .current-plan {
    display: none
}

.subscription-manage .plan-block .current-plan-label {
    text-transform: uppercase;
    color: #13aff0;
    font-weight: 600;
    font-size: 12px
}

.subscription-manage .plan-block .current-plan-icon {
    margin-left: 6px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #13aff0;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    display: inline-block
}

.subscription-manage-modal-header {
    text-align: center;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #222), color-stop(84%, rgba(0, 0, 0, 0.48))), url(/assets/marketing/subscribe/bg-header-pro-422a22cddf3fbdef2733bd3fd037b7fb.jpg);
    background-image: linear-gradient(0deg, #222 30%, rgba(0, 0, 0, 0.48) 84%), url(/assets/marketing/subscribe/bg-header-pro-422a22cddf3fbdef2733bd3fd037b7fb.jpg)
}

.subscription-manage-modal-header .pro-intro-credit {
    right: unset;
    left: 12px
}

.subscription-manage-modal-footer {
    background: #171717;
    padding: 25px
}

.subscription-manage-modal-footer .icon-block {
    font-size: 18px;
    background: #333;
    border-radius: 50%;
    color: #bbb;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.subscribe-intro {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #171717), color-stop(84%, rgba(0, 0, 0, 0.48))), url(/assets/marketing/subscribe/bg-header-main-e404d6caf83a319c08ce49ab68ac37ae.jpg);
    background-image: linear-gradient(0deg, #171717 30%, rgba(0, 0, 0, 0.48) 84%), url(/assets/marketing/subscribe/bg-header-main-e404d6caf83a319c08ce49ab68ac37ae.jpg);
    background-position: center top;
    background-size: auto 90vh;
    background-repeat: repeat, no-repeat;
    position: relative;
    text-shadow: 0 1px 5px rgba(0, 0, 0, .53)
}

@media(min-width:768px) {
    .subscribe-intro {
        background-size: 100% auto
    }
}

@media(min-width:992px) {
    .subscribe-intro {
        background-size: cover
    }
}

.subscribe-intro-credit {
    position: absolute;
    top: 4px;
    right: 12px;
    font-size: 9px;
    font-style: italic;
    text-shadow: 0 1px 1px #000
}

.subscribe-intro-credit-link {
    color: #bbb
}

.subscribe-intro-credit-link:hover {
    color: #bbb;
    text-decoration: underline
}

.subscribe-intro .promo-offer {
    font-weight: 600;
    font-size: 18px;
    color: #5cb85c;
    margin-bottom: 16px
}

.subscribe-intro .promo-promocode {
    background: #5cb85c;
    border-radius: 3px;
    padding: 4px 6px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 10px 0 5px;
    text-transform: uppercase;
    text-shadow: none;
    color: #fff
}

.subscribe-plan-intro {
    padding-top: 4vh;
    padding-bottom: 4vh
}

.subscribe-plan-intro.plus {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #171717), color-stop(84%, rgba(0, 0, 0, 0.48))), url(/assets/marketing/subscribe/bg-header-plus-30c220cac190af74c2140035689a3a56.jpg);
    background-image: linear-gradient(0deg, #171717 30%, rgba(0, 0, 0, 0.48) 84%), url(/assets/marketing/subscribe/bg-header-plus-30c220cac190af74c2140035689a3a56.jpg)
}

.subscribe-plan-intro.pro {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #171717), color-stop(84%, rgba(0, 0, 0, 0.48))), url(/assets/marketing/subscribe/bg-header-pro-422a22cddf3fbdef2733bd3fd037b7fb.jpg);
    background-image: linear-gradient(0deg, #171717 30%, rgba(0, 0, 0, 0.48) 84%), url(/assets/marketing/subscribe/bg-header-pro-422a22cddf3fbdef2733bd3fd037b7fb.jpg)
}

.subscribe-plan-intro.studio {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #171717), color-stop(84%, rgba(0, 0, 0, 0.48))), url(/assets/marketing/subscribe/bg-header-studio-f33b24c9d20ae21c4c03a5d96a3d6584.jpg);
    background-image: linear-gradient(0deg, #171717 30%, rgba(0, 0, 0, 0.48) 84%), url(/assets/marketing/subscribe/bg-header-studio-f33b24c9d20ae21c4c03a5d96a3d6584.jpg)
}

.subscribe-plan-card {
    background: #222;
    -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .5);
    border-radius: 10px;
    padding: 33px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    margin-bottom: 30px
}

@media(min-width:768px) {
    .subscribe-plan-card {
        margin-bottom: 0;
        padding: 33px 20px;
        text-align: center
    }
}

@media(min-width:1200px) {
    .subscribe-plan-card {
        padding: 33px;
        text-align: left
    }
}

.subscribe-plan-card-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.subscribe-plan-card-popular {
    position: absolute;
    top: 0;
    right: 0;
    width: 108px;
    height: 108px;
    background: url(/assets/marketing/subscribe/ribbon-popular-74a1d4960b9cea3a1a9f91b3d0c82ad2.svg) right top no-repeat;
    background-size: contain
}

.subscribe-plan-card .available {
    margin-top: 10px;
    font-size: 20px;
    color: #bbb
}

.subscribe-plan-card .available-promo {
    color: #5cb85c;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px
}

.subscribe-plan-card .available-promo-code {
    background: #5cb85c;
    color: #fff;
    text-transform: uppercase;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    padding: 4px 6px;
    text-shadow: none;
    margin-left: 4px
}

.subscribe-plan-grid {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto
}

@media(min-width:768px) {
    .subscribe-plan-grid {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr [3];
        grid-template-columns: repeat(3, 1fr);
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media(min-width:1440px) {
    .subscribe-plan-grid {
        -webkit-column-gap: 62px;
        column-gap: 62px
    }
}

.subscribe-plan-list {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.subscribe-plan-list-item {
    position: relative;
    line-height: 1.5;
    margin-top: 36px;
    min-height: 30px
}

@media(min-width:1200px) {
    .subscribe-plan-list-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.subscribe-plan-list-item.more {
    margin-top: 18px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 0
}

@media(min-width:1200px) {
    .subscribe-plan-list-item.more {
        padding-left: 80px
    }
}

.subscribe-plan-list-icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    background: #333;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 20px;
    font-size: 26px
}

@media(max-width:1199px) {
    .subscribe-plan-list-icon {
        margin: 0 auto 20px
    }
}

.subscribe-plan-feature-icon {
    width: 54px;
    height: 54px;
    line-height: 54px;
    border-radius: 50%;
    color: #13aff0;
    text-align: center;
    background: #333;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 20px;
    margin: 0 auto 10px
}

@media(min-width:768px) {
    .subscribe-plan-feature-icon {
        margin: 0 20px 0 0
    }
}

.subscribe-plan-promo-terms {
    text-align: center;
    margin-top: 14px;
    font-size: 12px;
    color: #747474;
    min-height: 21px
}

.subscribe-testimonials-block+.separator-lg {
    display: none
}

.subscribe-testimonials-item {
    padding: 0 40px
}

.subscribe-testimonials .about-quote-block {
    background: #222
}

@media(max-width:767px) {
    .subscribe-testimonials .about-quote-block:before {
        border-left-color: #222
    }
}

@media(min-width:768px) {
    .subscribe-testimonials .about-quote-block:before {
        background: #222
    }
}

.subscribe-testimonials.slick-slider .slick-list {
    overflow: hidden
}

.subscribe-testimonials .slick-arrow {
    padding: 5px;
    color: #fff;
    background: #323232;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .5);
    border-radius: 2px;
    text-indent: 0;
    font-size: 14px;
    width: 30px;
    height: 30px;
    z-index: 2
}

.subscribe-testimonials .slick-arrow:before {
    display: none
}

.subscribe-testimonials .slick-prev {
    left: 0
}

@media(min-width:992px) {
    .subscribe-testimonials .slick-prev {
        left: -35px
    }
}

.subscribe-testimonials .slick-next {
    right: 0
}

@media(min-width:992px) {
    .subscribe-testimonials .slick-next {
        right: -35px
    }
}

#premium-subscription-modal .select2-container--classic .select2-selection--single .select2-selection__rendered[title=Country],
#premium-subscription-modal .select2-container--classic .select2-selection--single .select2-selection__rendered[title=Province] {
    color: #747474
}

#premium-subscription-modal .grecaptcha-badge {
    visibility: hidden
}

#premium-subscription-modal .modal-header {
    background: 0 0
}

#premium-subscription-modal .modal-body {
    padding-left: 25px;
    padding-right: 25px
}

#premium-subscription-modal .modal-body.plans-select {
    padding: 0
}

#premium-subscription-modal .modal-body #credit-card-fields {
    display: block
}

#premium-subscription-modal .plans-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr [2];
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 20px;
    column-gap: 20px;
    margin: 10px 0 0
}

#premium-subscription-modal .plans-grid.premium-types-grid {
    -ms-grid-columns: 1fr [1];
    grid-template-columns: repeat(1, 1fr)
}

#premium-subscription-modal .plans-grid.period-types-grid {
    -ms-grid-columns: 1fr [2];
    grid-template-columns: repeat(2, 1fr)
}

#premium-subscription-modal .plan-item {
    position: relative
}

#premium-subscription-modal .plan-item .input {
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0
}

#premium-subscription-modal .plan-item-label {
    display: block;
    background: #171717;
    border-top: 3px solid transparent;
    border-radius: 3px 3px 0 0;
    text-align: center;
    padding: 20px 30px;
    padding-bottom: 1px;
    margin-bottom: 0;
    font-weight: 400
}

#premium-subscription-modal .plan-item-label.active {
    background: #333
}

#premium-subscription-modal .plan-item-label.active .plan-item-checked {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#premium-subscription-modal .plan-item-checked {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #13aff0;
    color: #fff;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    position: absolute;
    top: 10px;
    right: 10px
}

#premium-subscription-modal .plan-item-features-list {
    text-align: left;
    margin-top: 8px;
    margin-bottom: 0;
    list-style: none;
    padding-left: 0
}

#premium-subscription-modal .plan-item-features-list-item {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 20px
}

#premium-subscription-modal .plan-details-options .plan-details-label {
    padding-left: 0
}

#premium-subscription-modal .plan-details {
    background: #333;
    padding-left: 25px;
    padding-right: 25px
}

#premium-subscription-modal .plan-details .radio {
    margin-top: 0;
    margin-bottom: 0
}

#premium-subscription-modal .plan-details .radio input {
    visibility: hidden
}

#premium-subscription-modal .plan-details .custom {
    position: absolute;
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

#premium-subscription-modal .plan-details-options {
    margin-bottom: 20px
}

#premium-subscription-modal .plan-details-label {
    position: relative;
    padding-left: 0;
    height: 100%;
    width: 100%
}

#premium-subscription-modal .plan-details-label.active .plan-details-option {
    background: #39464b;
    border-color: #13aff0;
    -webkit-box-shadow: 0 0 1px 1px #13aff0;
    box-shadow: 0 0 1px 1px #13aff0;
    color: #fff
}

#premium-subscription-modal .plan-details-option {
    border-radius: 6px;
    background: #222;
    border: 1px solid #393939;
    padding: 12px 20px 12px 40px;
    height: 100%;
    line-height: 1.2
}

#premium-subscription-modal .plan-details-option-title {
    font-weight: 600;
    margin-bottom: 4px
}

#premium-subscription-modal .plan-details-option .savings {
    position: absolute;
    top: 7px;
    right: 9px;
    text-transform: uppercase;
    color: #5cb85c;
    font-size: 11px;
    font-weight: 600
}

#premium-subscription-modal .plan-details .table {
    margin-bottom: 10px
}

#premium-subscription-modal .plan-details .table td {
    padding-left: 0;
    padding-right: 0;
    line-height: 1.2;
    border-top-color: transparent
}

#premium-subscription-modal .location-select {
    background: #222;
    padding: 10px 16px 5px
}

#premium-subscription-modal .modal-thanks .modal-header {
    padding-bottom: 42px;
    text-align: center;
    font-size: 16px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.12)));
    background-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.12) 100%)
}

#premium-subscription-modal .modal-thanks .modal-header .h1 {
    padding-top: 42px
}

#premium-subscription-modal .modal-thanks .modal-body .continue-watching-link {
    margin-top: 10px;
    background: #171717;
    border-radius: 2px;
    padding: 20px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

#premium-subscription-modal .modal-thanks .modal-body .continue-watching-link .thumbnail-block {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

#premium-subscription-modal .modal-thanks .modal-body .continue-watching-link .img {
    border-radius: 2px
}

#premium-subscription-modal .modal-thanks .modal-body .continue-watching-link .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, .8);
    border-radius: 50%;
    font-size: 18px;
    padding-left: 4px
}

#premium-subscription-modal .modal-thanks .modal-body .continue-watching-link .info {
    padding-left: 13px;
    line-height: 1.4
}

#premium-subscription-modal .modal-thanks .modal-body .continue-watching-link .title {
    font-size: 16px
}

#premium-subscription-modal .modal-thanks .modal-body .love {
    font-size: 16px
}

#premium-subscription-modal .confetti-0 {
    position: absolute;
    z-index: 2;
    width: 13px;
    height: 5.2px;
    background-color: #e37023;
    top: -10%;
    left: 92%;
    opacity: .95;
    -webkit-transform: rotate(109deg);
    transform: rotate(109deg);
    -webkit-animation: drop-0 4.79s .42s 1;
    animation: drop-0 4.79s .42s 1
}

@-webkit-keyframes drop-0 {
    40% {
        opacity: .7
    }

    100% {
        top: 110%;
        left: 106%;
        opacity: 0
    }
}

@keyframes drop-0 {
    40% {
        opacity: .7
    }

    100% {
        top: 110%;
        left: 106%;
        opacity: 0
    }
}

#premium-subscription-modal .confetti-1 {
    position: absolute;
    z-index: 2;
    width: 1px;
    height: .4px;
    background-color: #386fc2;
    top: -10%;
    left: 15%;
    opacity: .84;
    -webkit-transform: rotate(349deg);
    transform: rotate(349deg);
    -webkit-animation: drop-1 4.91s .36s 1;
    animation: drop-1 4.91s .36s 1
}

@-webkit-keyframes drop-1 {
    40% {
        opacity: .88
    }

    100% {
        top: 110%;
        left: 25%;
        opacity: 0
    }
}

@keyframes drop-1 {
    40% {
        opacity: .88
    }

    100% {
        top: 110%;
        left: 25%;
        opacity: 0
    }
}

#premium-subscription-modal .confetti-2 {
    position: absolute;
    z-index: 2;
    width: 29px;
    height: 11.6px;
    background-color: #e37023;
    top: -10%;
    left: 70%;
    opacity: .86;
    -webkit-transform: rotate(285deg);
    transform: rotate(285deg);
    -webkit-animation: drop-2 4.94s .05s 1;
    animation: drop-2 4.94s .05s 1
}

@-webkit-keyframes drop-2 {
    40% {
        opacity: .77
    }

    100% {
        top: 110%;
        left: 75%;
        opacity: 0
    }
}

@keyframes drop-2 {
    40% {
        opacity: .77
    }

    100% {
        top: 110%;
        left: 75%;
        opacity: 0
    }
}

#premium-subscription-modal .confetti-3 {
    position: absolute;
    z-index: 2;
    width: 5px;
    height: 2px;
    background-color: #386fc2;
    top: -10%;
    left: 91%;
    opacity: .92;
    -webkit-transform: rotate(190deg);
    transform: rotate(190deg);
    -webkit-animation: drop-3 4.76s .38s 1;
    animation: drop-3 4.76s .38s 1
}

@-webkit-keyframes drop-3 {
    40% {
        opacity: .54
    }

    100% {
        top: 110%;
        left: 99%;
        opacity: 0
    }
}

@keyframes drop-3 {
    40% {
        opacity: .54
    }

    100% {
        top: 110%;
        left: 99%;
        opacity: 0
    }
}

#premium-subscription-modal .confetti-4 {
    position: absolute;
    z-index: 2;
    width: 13px;
    height: 5.2px;
    background-color: #68bf64;
    top: -10%;
    left: 64%;
    opacity: .73;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
    -webkit-animation: drop-4 4.8s .03s 1;
    animation: drop-4 4.8s .03s 1
}

@-webkit-keyframes drop-4 {
    40% {
        opacity: .88
    }

    100% {
        top: 110%;
        left: 72%;
        opacity: 0
    }
}

@keyframes drop-4 {
    40% {
        opacity: .88
    }

    100% {
        top: 110%;
        left: 72%;
        opacity: 0
    }
}

#premium-subscription-modal .confetti-5 {
    position: absolute;
    z-index: 2;
    width: 29px;
    height: 11.6px;
    background-color: #386fc2;
    top: -10%;
    left: 49%;
    opacity: .64;
    -webkit-transform: rotate(288deg);
    transform: rotate(288deg);
    -webkit-animation: drop-5 4.18s .4s 1;
    animation: drop-5 4.18s .4s 1
}

@-webkit-keyframes drop-5 {
    40% {
        opacity: .72
    }

    100% {
        top: 110%;
        left: 49%;
        opacity: 0
    }
}

@keyframes drop-5 {
    40% {
        opacity: .72
    }

    100% {
        top: 110%;
        left: 49%;
        opacity: 0
    }
}

#premium-subscription-modal .confetti-6 {
    position: absolute;
    z-index: 2;
    width: 14px;
    height: 5.6px;
    background-color: #e37023;
    top: -10%;
    left: 38%;
    opacity: .72;
    -webkit-transform: rotate(17deg);
    transform: rotate(17deg);
    -webkit-animation: drop-6 4.04s .01s 1;
    animation: drop-6 4.04s .01s 1
}

@-webkit-keyframes drop-6 {
    40% {
        opacity: .8
    }

    100% {
        top: 110%;
        left: 40%;
        opacity: 0
    }
}

@keyframes drop-6 {
    40% {
        opacity: .8
    }

    100% {
        top: 110%;
        left: 40%;
        opacity: 0
    }
}

#premium-subscription-modal .confetti-7 {
    position: absolute;
    z-index: 2;
    width: 2px;
    height: .8px;
    background-color: #e37023;
    top: -10%;
    left: 78%;
    opacity: .98;
    -webkit-transform: rotate(253deg);
    transform: rotate(253deg);
    -webkit-animation: drop-7 4.34s 0s 1;
    animation: drop-7 4.34s 0s 1
}

@-webkit-keyframes drop-7 {
    40% {
        opacity: .95
    }

    100% {
        top: 110%;
        left: 91%;
        opacity: 0
    }
}

@keyframes drop-7 {
    40% {
        opacity: .95
    }

    100% {
        top: 110%;
        left: 91%;
        opacity: 0
    }
}

#premium-subscription-modal .confetti-8 {
    position: absolute;
    z-index: 2;
    width: 5px;
    height: 2px;
    background-color: #e37023;
    top: -10%;
    left: 96%;
    opacity: .88;
    -webkit-transform: rotate(93deg);
    transform: rotate(93deg);
    -webkit-animation: drop-8 4.84s .17s 1;
    animation: drop-8 4.84s .17s 1
}

@-webkit-keyframes drop-8 {
    40% {
        opacity: .84
    }

    100% {
        top: 110%;
        left: 96%;
        opacity: 0
    }
}

@keyframes drop-8 {
    40% {
        opacity: .84
    }

    100% {
        top: 110%;
        left: 96%;
        opacity: 0
    }
}

#premium-subscription-modal .confetti-9 {
    position: absolute;
    z-index: 2;
    width: 22px;
    height: 8.8px;
    background-color: #386fc2;
    top: -10%;
    left: 19%;
    opacity: .77;
    -webkit-transform: rotate(175deg);
    transform: rotate(175deg);
    -webkit-animation: drop-9 4.81s .04s 1;
    animation: drop-9 4.81s .04s 1
}

@-webkit-keyframes drop-9 {
    40% {
        opacity: .74
    }

    100% {
        top: 110%;
        left: 27%;
        opacity: 0
    }
}

@keyframes drop-9 {
    40% {
        opacity: .74
    }

    100% {
        top: 110%;
        left: 27%;
        opacity: 0
    }
}

#premium-subscription-modal .confetti-10 {
    position: absolute;
    z-index: 2;
    width: 2px;
    height: .8px;
    background-color: #68bf64;
    top: -10%;
    left: 7%;
    opacity: .56;
    -webkit-transform: rotate(161deg);
    transform: rotate(161deg);
    -webkit-animation: drop-10 4.9s .32s 1;
    animation: drop-10 4.9s .32s 1
}

@-webkit-keyframes drop-10 {
    40% {
        opacity: .52
    }

    100% {
        top: 110%;
        left: 7%;
        opacity: 0
    }
}

@keyframes drop-10 {
    40% {
        opacity: .52
    }

    100% {
        top: 110%;
        left: 7%;
        opacity: 0
    }
}

#premium-subscription-modal .confetti-11 {
    position: absolute;
    z-index: 2;
    width: 19px;
    height: 7.6px;
    background-color: #e37023;
    top: -10%;
    left: 80%;
    opacity: .96;
    -webkit-transform: rotate(328deg);
    transform: rotate(328deg);
    -webkit-animation: drop-11 4.6s .15s 1;
    animation: drop-11 4.6s .15s 1
}

@-webkit-keyframes drop-11 {
    40% {
        opacity: .59
    }

    100% {
        top: 110%;
        left: 80%;
        opacity: 0
    }
}

@keyframes drop-11 {
    40% {
        opacity: .59
    }

    100% {
        top: 110%;
        left: 80%;
        opacity: 0
    }
}

#premium-subscription-modal .confetti-12 {
    position: absolute;
    z-index: 2;
    width: 26px;
    height: 10.4px;
    background-color: #e37023;
    top: -10%;
    left: 58%;
    opacity: .55;
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
    -webkit-animation: drop-12 4.61s .12s 1;
    animation: drop-12 4.61s .12s 1
}

@-webkit-keyframes drop-12 {
    40% {
        opacity: .51
    }

    100% {
        top: 110%;
        left: 69%;
        opacity: 0
    }
}

@keyframes drop-12 {
    40% {
        opacity: .51
    }

    100% {
        top: 110%;
        left: 69%;
        opacity: 0
    }
}

#premium-subscription-modal .confetti-13 {
    position: absolute;
    z-index: 2;
    width: 24px;
    height: 9.6px;
    background-color: #e37023;
    top: -10%;
    left: 64%;
    opacity: .75;
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg);
    -webkit-animation: drop-13 4.94s .32s 1;
    animation: drop-13 4.94s .32s 1
}

@-webkit-keyframes drop-13 {
    40% {
        opacity: .58
    }

    100% {
        top: 110%;
        left: 78%;
        opacity: 0
    }
}

@keyframes drop-13 {
    40% {
        opacity: .58
    }

    100% {
        top: 110%;
        left: 78%;
        opacity: 0
    }
}

#premium-subscription-modal .confetti-14 {
    position: absolute;
    z-index: 2;
    width: 25px;
    height: 10px;
    background-color: #e37023;
    top: -10%;
    left: 92%;
    opacity: .57;
    -webkit-transform: rotate(254deg);
    transform: rotate(254deg);
    -webkit-animation: drop-14 4.69s .02s 1;
    animation: drop-14 4.69s .02s 1
}

@-webkit-keyframes drop-14 {
    40% {
        opacity: .97
    }

    100% {
        top: 110%;
        left: 92%;
        opacity: 0
    }
}

@keyframes drop-14 {
    40% {
        opacity: .97
    }

    100% {
        top: 110%;
        left: 92%;
        opacity: 0
    }
}

#premium-subscription-modal .confetti-15 {
    position: absolute;
    z-index: 2;
    width: 11px;
    height: 4.4px;
    background-color: #386fc2;
    top: -10%;
    left: 55%;
    opacity: .93;
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
    -webkit-animation: drop-15 4.56s .3s 1;
    animation: drop-15 4.56s .3s 1
}

@-webkit-keyframes drop-15 {
    40% {
        opacity: .67
    }

    100% {
        top: 110%;
        left: 59%;
        opacity: 0
    }
}

@keyframes drop-15 {
    40% {
        opacity: .67
    }

    100% {
        top: 110%;
        left: 59%;
        opacity: 0
    }
}

#premium-subscription-modal .confetti-16 {
    position: absolute;
    z-index: 2;
    width: 2px;
    height: .8px;
    background-color: #68bf64;
    top: -10%;
    left: 57%;
    opacity: .52;
    -webkit-transform: rotate(21deg);
    transform: rotate(21deg);
    -webkit-animation: drop-16 4.9s .39s 1;
    animation: drop-16 4.9s .39s 1
}

@-webkit-keyframes drop-16 {
    40% {
        opacity: .8
    }

    100% {
        top: 110%;
        left: 70%;
        opacity: 0
    }
}

@keyframes drop-16 {
    40% {
        opacity: .8
    }

    100% {
        top: 110%;
        left: 70%;
        opacity: 0
    }
}

#premium-subscription-modal .confetti-17 {
    position: absolute;
    z-index: 2;
    width: 1px;
    height: .4px;
    background-color: #386fc2;
    top: -10%;
    left: 66%;
    opacity: .86;
    -webkit-transform: rotate(296deg);
    transform: rotate(296deg);
    -webkit-animation: drop-17 4.85s .17s 1;
    animation: drop-17 4.85s .17s 1
}

@-webkit-keyframes drop-17 {
    40% {
        opacity: .62
    }

    100% {
        top: 110%;
        left: 72%;
        opacity: 0
    }
}

@keyframes drop-17 {
    40% {
        opacity: .62
    }

    100% {
        top: 110%;
        left: 72%;
        opacity: 0
    }
}

#premium-subscription-modal .confetti-18 {
    position: absolute;
    z-index: 2;
    width: 21px;
    height: 8.4px;
    background-color: #e37023;
    top: -10%;
    left: 73%;
    opacity: .73;
    -webkit-transform: rotate(243deg);
    transform: rotate(243deg);
    -webkit-animation: drop-18 4.25s .35s 1;
    animation: drop-18 4.25s .35s 1
}

@-webkit-keyframes drop-18 {
    40% {
        opacity: .63
    }

    100% {
        top: 110%;
        left: 77%;
        opacity: 0
    }
}

@keyframes drop-18 {
    40% {
        opacity: .63
    }

    100% {
        top: 110%;
        left: 77%;
        opacity: 0
    }
}

#premium-subscription-modal .confetti-19 {
    position: absolute;
    z-index: 2;
    width: 17px;
    height: 6.8px;
    background-color: #e37023;
    top: -10%;
    left: 39%;
    opacity: .51;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    -webkit-animation: drop-19 4.28s .39s 1;
    animation: drop-19 4.28s .39s 1
}

@-webkit-keyframes drop-19 {
    40% {
        opacity: .56
    }

    100% {
        top: 110%;
        left: 52%;
        opacity: 0
    }
}

@keyframes drop-19 {
    40% {
        opacity: .56
    }

    100% {
        top: 110%;
        left: 52%;
        opacity: 0
    }
}

#premium-subscription-modal .confetti-20 {
    position: absolute;
    z-index: 2;
    width: 25px;
    height: 10px;
    background-color: #386fc2;
    top: -10%;
    left: 33%;
    opacity: .88;
    -webkit-transform: rotate(252deg);
    transform: rotate(252deg);
    -webkit-animation: drop-20 4.91s .11s 1;
    animation: drop-20 4.91s .11s 1
}

@-webkit-keyframes drop-20 {
    40% {
        opacity: .55
    }

    100% {
        top: 110%;
        left: 44%;
        opacity: 0
    }
}

@keyframes drop-20 {
    40% {
        opacity: .55
    }

    100% {
        top: 110%;
        left: 44%;
        opacity: 0
    }
}

@media(max-width:767px) {
    .settings-page {
        padding-left: 30px;
        padding-right: 30px
    }
}

.settings-page .panel {
    border: 0
}

.settings-page .panel .panel-body:last-child {
    border-radius: 0 0 3px 3px
}

.settings-page .panel-heading {
    padding: 20px 30px;
    border-radius: 3px 3px 0 0
}

@media(min-width:768px) {
    .settings-page .panel-body:not(.panel-body-no-padding) {
        padding: 30px
    }
}

.settings-page #user-avatar {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 220px;
    opacity: 0;
    z-index: 2;
    cursor: pointer
}

.settings-page #user-cover {
    position: absolute;
    top: 240px;
    right: 0;
    width: 100%;
    height: 220px;
    opacity: 0;
    z-index: 2;
    cursor: pointer
}

.settings-page img.cover-preview {
    width: 100%
}

.settings-nav-list {
    margin-bottom: 0
}

@media(max-width:767px) {
    .settings-nav-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        overflow: auto;
        background: #222;
        margin: 0 -30px 10px
    }
}

.settings-nav-item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

.settings-nav-item-separate {
    background: #333
}

@media(max-width:767px) {
    .settings-nav-item-separate {
        width: 2px;
        margin: 12px 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media(min-width:768px) {
    .settings-nav-item-separate {
        height: 1px;
        margin: 25px
    }
}

.settings-nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 8px 15px;
    position: relative;
    border-radius: 2px;
    color: #bbb
}

@media(max-width:767px) {
    .settings-nav-link {
        border-top: 3px solid transparent
    }
}

@media(min-width:768px) {
    .settings-nav-link {
        font-size: 16px;
        margin-bottom: 10px;
        border-left: 3px solid transparent
    }
}

.settings-nav-link .icon {
    color: #747474
}

.settings-nav-link:hover {
    background: #222;
    color: #fff
}

.settings-nav-link:hover .icon {
    color: #13aff0
}

.settings-nav-link.active {
    border-color: #13aff0;
    background: #222;
    color: #fff
}

.settings-nav-link.active .icon {
    color: #13aff0
}

@media(min-width:768px) {
    .settings-nav-link.active .arrow {
        display: block
    }
}

.settings-nav-link .arrow {
    color: #9b9b9b;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none
}

.settings-profile {
    margin-bottom: 30px
}

.settings-profile-info {
    font-size: 12px;
    color: #747474;
    margin: 10px 0 0
}

@media(min-width:992px) {
    .settings-profile-info {
        margin: 0 0 0 20px
    }
}

.settings-profile-info .title {
    font-weight: 600;
    text-transform: uppercase
}

.settings-profile-info .name {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 6px
}

.settings-profile-info .name-link {
    color: #fff;
    text-decoration: none
}

.settings-block .control-label {
    font-weight: 400
}

.settings-block .btn-full-width .btn {
    width: 100%
}

.settings-title {
    color: #fff;
    margin-bottom: 8px
}

.settings-explanation {
    line-height: 1.4
}

.settings-group-title {
    border: 0;
    border-top: 1px solid #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0;
    padding: 15px 0 5px;
    margin: 10px 0 0;
    width: 100%;
    outline: 0;
    text-align: left
}

.settings-group-title .status-edit {
    display: none
}

.settings-group-title.collapsed .status-close {
    display: none
}

.settings-group-title.collapsed .status-edit {
    display: block
}

.settings-group-items {
    padding-bottom: 10px
}

.tier-dropdown {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 2fr 1fr;
    grid-template-columns: 2fr 1fr;
    margin-top: 18px;
    padding-top: 20px;
    border-top: 1px solid #3f3f3f
}

.no-subscriptions-label {
    padding: 4px;
    position: static;
    width: 58px;
    height: 32px;
    left: 0;
    top: 0;
    background: #3f3f3f;
    border-radius: 5px
}

.settings-subscriptions-panel {
    line-height: 1.5;
    font-size: 13px
}

@media(min-width:992px) {
    .settings-subscriptions-panel {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr .7fr;
        grid-template-columns: 1fr .7fr;
        -ms-grid-rows: auto [2];
        grid-template-rows: repeat(2, auto);
        -webkit-column-gap: 15px;
        column-gap: 15px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 68px
    }
}

@media(min-width:1200px) {
    .settings-subscriptions-panel {
        -ms-grid-columns: 1fr .7fr .9fr;
        grid-template-columns: 1fr .7fr .9fr;
        -ms-grid-rows: auto;
        grid-template-rows: auto
    }
}

.settings-subscriptions-panel .btn-cancel-subscription,
.settings-subscriptions-panel .btn-change-plan {
    color: #13aff0;
    line-height: 1.5
}

.settings-subscriptions-panel .btn-cancel-subscription:hover,
.settings-subscriptions-panel .btn-change-plan:hover {
    color: #0b7cac
}

.settings-subscriptions-panel .icon-domain-subsciption {
    width: 68px;
    height: 68px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 38px;
    background: #333;
    border-radius: 2px;
    color: #13aff0;
    margin-right: 10px
}

.profile-empty {
    padding-left: 15px;
    padding-right: 15px
}

.profile-empty-title {
    font-size: 24px
}

.profile-empty-image {
    margin-left: auto;
    margin-right: auto;
    max-height: 280px
}

.page-guides {
    position: relative;
    background: url(https://cdn.artstation.com/assets/guides/page-bg.jpg) center top no-repeat;
    background-size: 100% auto
}

.page-guides .intro-credit {
    position: absolute;
    top: 4px;
    right: 12px;
    font-size: 9px;
    font-style: italic;
    text-shadow: 0 1px 1px #000
}

.page-guides .intro-credit-link {
    color: #bbb
}

.page-guides .intro-credit-link:hover {
    text-decoration: underline
}

.page-guides .btn-download {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#27DCFE), to(#13AFF0));
    background-image: linear-gradient(180deg, #27DCFE 0%, #13AFF0 100%);
    -webkit-box-shadow: 0 8px 11px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 8px 11px 0 rgba(0, 0, 0, .5);
    border-radius: 8px;
    font-size: 20px;
    font-weight: 900;
    color: #fff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .27);
    text-transform: uppercase;
    padding: 11px 24px;
    border-color: transparent
}

.page-guides .btn-download .far {
    color: rgba(0, 0, 0, .66);
    margin-right: 14px
}

.page-guides .btn-download:hover .far {
    color: #fff
}

.user-login-form .signin-options {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 16px
}

@media(min-width:768px) {
    .user-login-form .signin-options {
        -ms-grid-columns: 1fr [2];
        grid-template-columns: repeat(2, 1fr)
    }
}

.user-login-form .signin-options-or {
    text-align: center;
    color: #747474;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.user-login-form .signin-options-or:before,
.user-login-form .signin-options-or:after {
    content: '';
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    height: 1px;
    background: #3f3f3f
}

.user-login-form .signin-options-or:before {
    margin-right: 8px
}

.user-login-form .signin-options-or:after {
    margin-left: 8px
}

.ex-visible {
    display: none
}

.ex-running .ex-hidden {
    display: none
}

.ex-running .ex-visible {
    display: block
}

.pac-container:after {
    content: none !important
}

.site-footer-nav .nav-block {
    -ms-grid-columns: minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr) minmax(min-content, 1fr)
}

.site-footer-nav .nav-block li:nth-of-type(1) {
    -ms-grid-column: 1
}

.site-footer-nav .nav-block li:nth-of-type(2) {
    -ms-grid-column: 2
}

.site-footer-nav .nav-block li:nth-of-type(3) {
    -ms-grid-column: 3
}

.site-footer-nav .nav-block li:nth-of-type(4) {
    -ms-grid-column: 4
}

.site-footer-nav .nav-block li:nth-of-type(5) {
    -ms-grid-column: 5
}

.site-footer-nav .nav-block li:nth-of-type(6) {
    -ms-grid-column: 6
}

.site-footer-nav .nav-block li:nth-of-type(7) {
    -ms-grid-column: 7
}

.site-footer-nav .nav-block li:nth-of-type(8) {
    -ms-grid-column: 8
}

.site-footer-nav .nav-block li:nth-of-type(9) {
    -ms-grid-column: 9
}

.site-footer-nav .nav-block li:nth-of-type(10) {
    -ms-grid-column: 10
}