@charset "utf-8";
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Poppins_400_ext.woff) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/Poppins_400.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/Poppins_500_ext.woff) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/Poppins_500.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/Poppins_600_ext.woff) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/Poppins_600.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Poppins_700_ext.woff) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/Poppins_700.woff) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family:'Poppins_fallback';
  src:local("Arial");
  ascent-override:93.62%;
  descent-override:31.21%;
  line-gap-override:8.92%;
  size-adjust:112.16%
}
.sr-only,
svg:not(:root) {
    overflow: hidden;
}
hr,
img {
    border: 0;
}
:root.dark {
	--bg-color-primary: rgb(26,26,26);
	--header-bg-color-primary: rgb(26,26,26);
	--nav-bg-color-primary: rgb(38,38,38);
	--text-color-primary: rgb(242,242,242);
	--text-color-primary-hover: rgb(204,204,204);
	--text-color-secundary: rgb(153,153,153);
}
:root,
:root.light {
	--bg-color-primary: rgb(250,250,250);
	--header-bg-color-primary: rgb(255,255,255);
	--nav-bg-color-primary: rgb(242,242,242);
	--text-color-primary: rgb(51,51,51);
	--text-color-primary-hover: rgb(18,18,18);
	--text-color-secundary: rgb(136,136,136);
}
.thumbnail {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
html {
    font-family: 'Poppins', 'Poppins_fallback';
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	font-style:normal;
}

footer,
main,
nav,
section {
    display: block;
}

progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
[hidden],
template {
    display: none;
}
a {
    background: 0 0;
}
a:active,
a:hover {
    outline: 0;
}
b,
strong {
    font-weight: 700;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    vertical-align: middle;
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

textarea {
    overflow: auto;
}
code {
    font-size: 1em;
}
button,
input,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
.glyphicon,
address {
    font-style: normal;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type="button"],
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[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td,
th {
    padding: 0;
}
@media print {
    
    img,
    tr {
        page-break-inside: avoid;
    }
    * {
        text-shadow: none !important;
        color: #000 !important;
        background: 0 0 !important;
        box-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    thead {
        display: table-header-group;
    }
    img {
        max-width: 100% !important;
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
    select {
        background: #fff !important;
    }
    .navbar {
        display: none;
    }
    .table td,
    .table th {
        background-color: #fff !important;
    }
    .btn > .caret {
        border-top-color: #000 !important;
    }
    .label {
        border: 1px solid #000;
    }
    .table {
        border-collapse: collapse !important;
    }
}
*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
}
button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
a {
    color: #2a9fd6;
    text-decoration: none;
}
a:focus,
a:hover {
    color: #2a9fd6;
    text-decoration: underline;
}
a:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}

.img-responsive,
.thumbnail a > img,
.thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
}
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #282828;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    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;
}
.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
    font-weight: 500;
    line-height: 1.1;
    color: #000;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small {
    font-weight: 400;
    line-height: 1;
    color: #888;
}
.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.h1 .small,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small {
    font-size: 65%;
}
.h4,
.h5,
h4,
h5 {
    margin-top: 10px;
    margin-bottom: 10px;
}
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
h4 .small,
h4 small,
h5 .small,
h5 small {
    font-size: 75%;
}
.h1,
h1 {
    font-size: 36px;
}
.h2,
h2 {
    font-size: 30px;
}
.h3,
h3 {
    font-size: 24px;
}
.h4,
h4 {
    font-size: 18px;
}
.h5,
h5 {
    font-size: 14px;
}
p {
    margin: 0 0 10px;
}

label {
    font-weight: 700;
}
address {
    line-height: 1.42857143;
}
.small,
small {
    font-size: 85%;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.text-left {
    text-align: left !important;
}
a.text-danger:hover,
a.text-warning:hover {
    color: #e6e6e6;
}

ul {
    margin-top: 0;
}

ul ul {
    margin-bottom: 0;
}
address {
    margin-bottom: 20px;
}

ul {
    margin-bottom: 10px;
}
legend {
    display: block;
}
code {
    padding: 2px 4px;
    font-size: 90%;
}
code {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.container,
.content {
    margin-right: auto;
    margin-left: auto;
}
.container {
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 768px) {
    .content {
        padding-right: 5px;
    }
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}
.row-m-15 {
    margin-left: 0;
    margin-right: 0;
}

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

.col-xs-12,
.col-xs-4,
.col-xs-6,
.col-xs-7 {
    float: left;
}
.col-xs-12 {
    width: 100%;
}
.col-xs-7 {
    width: 58.33333333%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-4 {
    width: 33.33333333%;
}
.col-xs-offset-3 {
    margin-left: 25%;
}
@media (min-width: 768px) {
    
    .col-sm-10,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-6,
    .col-sm-8,
    .col-sm-9 {
        float: left;
    }
    .col-sm-12 {
        width: 100%;
    }
    .col-sm-10 {
        width: 83.33333333%;
    }
    .col-sm-9 {
        width: 75%;
    }
    .col-sm-8 {
        width: 66.66666667%;
    }
    .col-sm-6 {
        width: 50%;
    }
    .col-sm-4 {
        width: 33.33333333%;
    }
    .col-sm-3 {
        width: 25%;
    }
    .col-sm-2 {
        width: 16.66666667%;
    }
    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-sm-offset-3 {
        margin-left: 25%;
    }
    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }
}
@media (min-width: 992px) {
    
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-6,
    .col-md-8,
    .col-md-9,
	.col-md-10 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
	.col-md-10 {
        width: 83.33333333%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666667%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-4 {
        width: 33.33333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.66666667%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }
	.col-md-offset-2 {
        margin-left: 16.66666667%;
    }
	.col-md-offset-1 {
        margin-left: 8.33333333%;
    }
}
@media (min-width: 1200px) {
    
    .col-lg-10,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-6,
    .col-lg-8,
    .col-lg-9 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-10 {
        width: 83.33333333%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666667%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-4 {
        width: 33.33333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.66666667%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }
}
table {
    background-color: #181818;
}
th {
    text-align: left;
}
.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #282828;
}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #282828;
}
.table > caption thead > tr:first-child > td,
.table > caption thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
    border-top: 0;
}
.table > tbody tbody {
    border-top: 2px solid #282828;
}
.table .table {
    background-color: #060606;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #080808;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active {
    background-color: #282828;
}
table td[class*="col-"],
table th[class*="col-"] {
    position: static;
    float: none;
    display: table-cell;
}
.btn-group > .btn-group,
.dropdown-menu {
    float: left;
}
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover {
    background-color: #1b1b1b;
}
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info {
    background-color: #93c;
}
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover {
    background-color: #8a2eb8;
}
fieldset,
legend {
    padding: 0;
    border: 0;
}
fieldset {
    margin: 0;
    min-width: 0;
}
legend {
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    border-bottom: 1px solid #282828;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}
.checkbox label,
.radio label {
    font-weight: 400;
    padding-left: 20px;
    cursor: pointer;
    margin-bottom: 0;
}
input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
    margin: 4px 0 0;
    line-height: normal;
}
.form-control {
    font-size: 14px;
    line-height: 1.42857143;
    color: #888;
    display: block;
}
input[type="file"] {
    display: block;
}
select[multiple],
select[size] {
    height: auto;
}
input[type="checkbox"]:focus,
input[type="file"]:focus,
input[type="radio"]:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}
.form-control {
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #282828;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-transition: border-color ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s;
}
.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0);
}
.form-control::-moz-placeholder {
    color: #888;
    opacity: 1;
}
.form-control:-ms-input-placeholder {
    color: #888;
}
.form-control::-webkit-input-placeholder {
    color: #888;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #adafae;
    opacity: 1;
}
textarea.form-control {
    height: auto;
}
input[type="date"],
input[type="time"] {
    line-height: 38px;
}
.form-group {
    margin-bottom: 15px;
}
.checkbox,
.radio {
    position: relative;
    display: block;
    min-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.checkbox input[type="checkbox"],
.radio input[type="radio"] {
    position: absolute;
    margin-left: -20px;
}
.btn-round,
.dropdown {
    position: relative;
}
.checkbox .checkbox,
.radio .radio {
    margin-top: -5px;
}

.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label,
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] input[type="radio"],
input[type="checkbox"].disabled,
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="radio"][disabled] {
    cursor: not-allowed;
}
.btn {
    cursor: pointer;
    font-weight: 400;
}
.has-error .checkbox,
.has-error .control-label,
.has-error .radio {
    color: #fff;
}
@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 9px;
    }
}
.form-horizontal .checkbox,
.form-horizontal .radio {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 9px;
}
.form-horizontal .checkbox,
.form-horizontal .radio {
    min-height: 29px;
}
.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}
.btn,
.btn-round {
    text-align: center;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 1;
}
.btn.active:focus,
.btn:active:focus,
.btn:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}
.btn:focus,
.btn:hover {
    color: #fff;
    text-decoration: none;
}
.btn.active,
.btn:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn-round {
    font-size: 15px;
    line-height: 20px;
    margin-left: 5px;
    padding: 10px 24px;
    background: #ee6498;
    color: #fff;
    overflow: visible;
    text-decoration: none;
    -webkit-border-radius: 100px;

    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.btn-round:hover {
    background: #db5d8c !important;
    color: #fff !important;
    text-decoration: none;
}
.btn-login {
    background: #fff;
    border: 1px solid #fff;
    color: #000;
}
.btn-login:hover {
    background: #dadada !important;
    color: #000 !important;
    border: 1px solid #dadada;
}
body.black .btn-login {
    background: #000;
    border: 1px solid #000;
    color: #fff;
}
body.black .btn-login:hover {
    background: #323232 !important;
    border: 1px solid #000;
}
.userLoggedin.open .dropdown-menu,
.userLoggedin:hover .dropdown-menu {
    display: block;
}
.userLoggedin {
    position: static;
}
.hUser {
    display: block;
    border-bottom: none;
    cursor: pointer;
    padding: 0.5em;
}
.hUser img:first-child {
    border-radius: 50%;
    max-width: 28px;
    vertical-align: top;
    display: inline-block;
    margin-top: -2px;
    border: 0;
    cursor: pointer;
    z-index: -1;
}
.btn-signup {
    background: #ee6498;
    color: #fff;
    border: 0;
}
.btn-danger.active,
.btn-danger:active,
.btn-default.active,
.btn-default:active,
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-danger,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-signup:hover {
    color: #fff;
}
.btn-default {
    color: #fff;
    background-color: #424242;
    border-color: #424242;
}
.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #282828;
    border-color: #232323;
}
.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
    background-color: #424242;
    border-color: #424242;
}
.btn-default .badge {
    color: #424242;
    background-color: #fff;
}
.btn-primary {
    color: #fff;
    font-weight: 700;
    background-color: #2a9fd6;
    border-color: #2a9fd6;
}
.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #2180ac;
    border-color: #1f79a3;
}
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #2a9fd6;
    border-color: #2a9fd6;
}
.btn-primary .badge {
    color: #2a9fd6;
    background-color: #fff;
}
.btn-danger {
    color: #fff;
    background-color: #c00;
    border-color: #c00;
}
.btn-danger.active,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open > .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #900;
    border-color: #8f0000;
}
.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
    background-color: #c00;
    border-color: #c00;
}
.btn-danger .badge {
    color: #c00;
    background-color: #fff;
}

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

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.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;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.dropdown-toggle:focus {
    outline: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    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: #222;
    border: 1px solid #444;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

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

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    line-height: 1.42857143;
    white-space: nowrap;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.1);
}
.dropdown-menu > li > a {
    clear: both;
    font-weight: 400;
    color: #fff;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #2a9fd6;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #2a9fd6;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
    color: #888;
}
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    cursor: not-allowed;
}
.open > .dropdown-menu {
    display: block;
}
.open > a {
    outline: 0;
}
.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}
@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0;
    }
}
.btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

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

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

.btn-group > .btn:focus {
    outline: 0;
}
.btn-group .btn .btn,
.btn-group .btn .btn-group,
.btn-group .btn-group .btn,
.btn-group .btn-group .btn-group {
    margin-left: -1px;
}
.btn .caret,
.btn-group > .btn:first-child {
    margin-left: 0;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 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:not(:first-child):not(:last-child) > .btn {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.btn-group > .btn-group:last-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.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
[data-toggle="buttons"] > .btn > input[type="checkbox"],
[data-toggle="buttons"] > .btn > input[type="radio"] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.nav > li,
.nav > li > a {
    display: block;
    position: relative;
}
.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}
.nav > li > a {
    padding: 10px 15px;
}
.nav > li > a:focus,
.nav > li > a:hover {
    text-decoration: none;
    background-color: #222;
}

.nav > li.disabled > a {
    color: #888;
}
.nav > li.disabled > a:focus,
.nav > li.disabled > a:hover {
    color: #888;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    background-color: #222;
    border-color: #2a9fd6;
}
.nav > li > a > img {
    max-width: none;
}
.nav-tabs {
    border-bottom: 0 solid #282828;
}
.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
    border-color: transparent transparent #282828;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #fff;
    background-color: #2a9fd6;
    border: 1px solid #282828;
    border-bottom-color: transparent;
    cursor: default;
}
.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;
}
.navbar-collapse {
    overflow-x: visible;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
    overflow-y: auto;
}
@media (min-width: 768px) {
    .navbar {
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
    }
    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }
    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    .navbar-collapse.in {
        overflow-y: visible;
    }
}

.modal,
.progress {
    overflow: hidden;
}

.container > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}
.navbar-brand {
    float: left;
    padding: 5px 5px 5px 0;
    font-size: 18px;
    line-height: 10px;
    height: 50px;
}
.navbar-brand {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 0;
}
.navbar-brand img {
    height: 100%;
}
@media (max-width: 768px) {
	#wrapper {
		top: 70px;
	}
    .header_content {
        margin: auto;

        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        -webkit-box-align: center;
        align-items: center;
    }
    .navbar-brand {
        position: relative;
        display: block;
        width: 150px;
        padding: 5px 5px 5px 0;
        font-size: 18px;
        line-height: 0;
        max-height: 52px;
        height: auto;
    }
    .navbar-brand {
        padding-top: 2px;
        padding-bottom: 7px;
        padding-right: 0;
    }
    .navbar-brand img {
        width: 100%;
    }
	.navWrap {
		display: none;
	}
}
.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none;
}
@media (min-width: 768px) {
    
    .container > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
    .navbar > .container .navbar-brand {
        margin-left: -15px;
    }
}
.navbar-nav {
    margin: 7.5px -15px;
}
.navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 10px;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 4px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid #212121;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
    
    .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px 5px 25px;
    }
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar-nav .open .dropdown-menu > li > a:hover {
        background-image: none;
    }
    .sideBar {
        width: 100% !important;
    }
}
@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }
    .navbar-nav > li {
		display:flex;
        align-self: flex-start;
    }
	.navbar-nav > li.nightSwitch, .navbar-nav > li.uploadBtn {
        justify-content:flex-end;
    }
    .navbar-nav > li:hover {
        background: transparent;
    }
    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .navbar-nav.navbar-right:last-child {
        margin-right: -15px;
    }
    .navbar-right {
        float: right !important;
    }
}

.progress-striped .progress-bar {
    background-image: -webkit-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-image: -o-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);
}

.pagination {
    display: inline-block;
}
.btn .badge,
.btn .label {
    top: -1px;
    position: relative;
}
.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.navbar-btn {
    margin-top: 6px;
    margin-bottom: 6px;
}
.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px;
}
.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px;
}
.navbar-inverse .navbar-brand {
    color: #fff;
}
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
    color: #fff;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a {
    color: #888;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
    color: #fff;
    background-color: transparent;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:focus,
.navbar-inverse .navbar-nav > .disabled > a:hover {
    color: #aaa;
    background-color: transparent;
}
.navbar-inverse .navbar-collapse {
    border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
    background-color: transparent;
    color: #fff;
}
@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #888;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #fff;
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #aaa;
        background-color: transparent;
    }
}
.pagination {
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.pager li,
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    font-size: 1.1em;
    margin: 0.05em;
    padding: 1em 1em;
    color: var(--text-color-primary);
    text-transform: uppercase;
    font-weight: 600;
    margin: 0.25em;
    border-radius: 0.25em;
}
.badge,
.label {
    font-weight: 700;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    color: #333 !important;
    background-color: #e1e1e1;
    border-color: transparent;
}
body.black .pagination > li > a:focus,
body.black .pagination > li > a:hover,
body.black .pagination > li > span:focus,
body.black .pagination > li > span:hover {
    color: #ccc !important;
    background-color: #1b1a1a;
    border-color: transparent;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    z-index: 2;
    background-color: #e1e1e1;
    border-color: transparent;
    cursor: default;
}
body.black.pagination > .active > a,
body.black.pagination > .active > a:focus,
body.black.pagination > .active > a:hover,
body.black.pagination > .active > span,
body.black.pagination > .active > span:focus,
body.black.pagination > .active > span:hover {
    z-index: 2;
    background-color: #1b1a1a;
    border-color: transparent;
    cursor: default;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    color: #888;
    background-color: #222;
    border-color: #282828;
    cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 14px 16px;
    font-size: 18px;
}
.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;
}
.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center;
}
.pager li > a,
.pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #222;
    border: 1px solid #282828;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
.pager li > a:focus,
.pager li > a:hover {
    text-decoration: none;
    background-color: #2a9fd6;
}
.pager .next > a,
.pager .next > span {
    float: right;
}
.pager .previous > a,
.pager .previous > span {
    float: left;
}
.pager .disabled > a,
.pager .disabled > a:focus,
.pager .disabled > a:hover,
.pager .disabled > span {
    color: #888;
    background-color: #222;
    cursor: not-allowed;
}
.label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    color: #fff;
    border-radius: 0.25em;
    -webkit-border-radius: 0.25em;
    -moz-border-radius: 0.25em;
}
a.label:focus,
a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.label:empty {
    display: none;
}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    color: #fff;
    background-color: #2a9fd6;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.badge:empty {
    display: none;
}
.list-group-item,
.thumbnail {
    display: block;
}
.btn-xs .badge {
    top: 0;
    padding: 1px 5px;
}
a.badge:focus,
a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

a.list-group-item.active > .badge {
    color: #2a9fd6;
    background-color: #fff;
}
.alert,
.thumbnail {
    margin-bottom: 20px;
}

.close {
    font-weight: 700;
}
.thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #282828;
    border: 1px solid #282828;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    transition: all 0.2s ease-in-out;
}
.thumbnail a > img,
.thumbnail > img {
    margin-left: auto;
    margin-right: auto;
}
.thumbnail .caption {
    padding: 9px;
    color: #888;
}
.alert {
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.alert h4 {
    margin-top: 0;
    color: inherit;
}
.alert > p,
.alert > ul {
    margin-bottom: 0;
}
.alert > p p {
    margin-top: 5px;
}
.alert-dismissable {
    padding-right: 35px;
}
.alert-dismissable .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}
.modal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.alert-success {
    background-color: #77b300;
    border-color: #809a00;
    color: #fff;
}
.alert-success hr {
    border-top-color: #6a8000;
}
.alert-info {
    background-color: #93c;
    border-color: #6e2caf;
    color: #fff;
}
.alert-info hr {
    border-top-color: #61279b;
}
.alert-danger {
    background-color: #c00;
    border-color: #bd001f;
    color: #fff;
}
.alert-danger hr {
    border-top-color: #a3001b;
}
@-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 {
    height: 20px;
    margin-bottom: 20px;
    background-color: #222;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #2a9fd6;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}
.close,
.list-group-item > .badge {
    float: right;
}

.progress-striped .progress-bar {
    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-bar.active,
.progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-striped .progress-bar-warning {
    background-image: -webkit-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-image: -o-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: #f80;
}
.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);
}
.media {
    overflow: hidden;
    zoom: 1;
}
.media,
.media .media {
    margin-top: 15px;
}
.media:first-child {
    margin-top: 0;
}
.media > .pull-left {
    margin-right: 10px;
}
.media > .pull-right {
    margin-left: 10px;
}
.list-group {
    margin-bottom: 20px;
    padding-left: 0;
}

.list-group-item {
    position: relative;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #222;
    border: 1px solid #282828;
}
.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.list-group-item > .badge .badge {
    margin-right: 5px;
}
a.list-group-item {
    color: #888;
}
a.list-group-item:focus,
a.list-group-item:hover {
    text-decoration: none;
    color: #888;
    background-color: #484848;
}
.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
    background-color: #adafae;
    color: #888;
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #2a9fd6;
    border-color: #2a9fd6;
}
.panel-heading > .dropdown .dropdown-toggle {
    color: inherit;
}
.panel {
    margin-bottom: 20px;
    background-color: #222;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel > .list-group,
.panel > .table {
    margin-bottom: 0;
}
.panel-body {
    padding: 15px;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #3c3c3c;
    border-top: 1px solid #282828;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.panel > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .table:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.panel > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.list-group .panel-footer,
.panel-heading .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.panel > .table:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.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:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px;
}

.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:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px;
}

.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 {
    border-bottom-left-radius: 3px;
}

.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 {
    border-bottom-right-radius: 3px;
}
.panel > .panel-body .table {
    border-top: 1px solid #282828;
}
.panel > .table > tbody:first-child > tr:first-child td,
.panel > .table > tbody:first-child > tr:first-child th {
    border-top: 0;
}
.panel-default {
    border-color: #dadada;
}
.panel-default > .panel-heading {
    color: #888;
}
.panel-default > .panel-heading .badge {
    color: #3c3c3c;
    background-color: #888;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #151515;
    border: 1px solid #030303;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.well-sm {
    padding: 9px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.close {
    font-size: 21px;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
}
.close:focus,
.close:hover {
    text-decoration: none;
    cursor: pointer;
}
button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}
.modal {
    display: none;
    position: fixed;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal.fade .modal-dialog {
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
.modal-content {
    position: relative;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0;
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #282828;
    min-height: 16.43px;
}
.modal-header .close {
    margin-top: -2px;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.modal-body {
    position: relative;
    padding: 20px;
}
.modal-footer {
    padding: 20px;
    text-align: right;
    border-top: 1px solid #282828;
}
.modal-footer .btn .btn {
    margin-left: 5px;
    margin-bottom: 0;
}
.modal-footer .btn-group .btn .btn {
    margin-left: -1px;
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
}

.clearfix:after,
.clearfix:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
    content: " ";
    display: table;
}

.clearfix:after,
.container:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.nav:after,
.navbar-collapse:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
    clear: both;
}
.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}
.hide {
    display: none !important;
}
.show {
    display: block !important;
}
.hidden,
.visible-sm,
.visible-xs {
    display: none !important;
}
.hidden {
    visibility: hidden !important;
}
@-ms-viewport {
    width: device-width;
}
@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }
    table.visible-xs {
        display: table;
    }
    tr.visible-xs {
        display: table-row !important;
    }
    td.visible-xs,
    th.visible-xs {
        display: table-cell !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }
    table.visible-sm {
        display: table;
    }
    tr.visible-sm {
        display: table-row !important;
    }
    td.visible-sm,
    th.visible-sm {
        display: table-cell !important;
    }
}
@media (min-width: 1200px) {
    .hidden-lg {
        display: none !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;
    }
}
.navbar {
    border-bottom: 1px solid #282828;
}
.text-danger,
.text-danger:hover {
    color: #c00;
}
.text-warning,
.text-warning:hover {
    color: #f80;
}
.table,
table {
    color: #fff;
}
.table a:not(.btn),
table a:not(.btn) {
    color: #fff;
    text-decoration: underline;
}
.has-error .control-label {
    color: #c00;
}
.has-error .form-control,
.has-error .form-control:focus {
    border-color: #c00;
}
body.black legend {
    color: #fff;
}
legend {
    color: #000;
}

.close,
.close:focus,
.close:hover,
.nav-tabs a,
.pager a {
    color: #fff;
}

.alert a {
    color: #fff;
    text-decoration: underline;
}
.alert .close,
.close {
    text-decoration: none;
}
.close {
    opacity: 0.4;
}
.close:focus,
.close:hover {
    opacity: 1;
}
a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
    border-color: #282828;
}
/*!
 * Based on Bootstrap
 * This CSS file customizes the core theme CSS (bootstrap.css)
*/
@-webkit-viewport {
    width: device-width;
}
@-moz-viewport {
    width: device-width;
}
@-ms-viewport {
    width: device-width;
}
@-o-viewport {
    width: device-width;
}
@viewport {
    width: device-width;
}
a:focus {
    outline: 0 !important;
}
a:active,
a:hover,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0 !important;
}
html {
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
}
body,
button,
input {
    -webkit-font-smoothing: antialiased;
}
#wrapper {
	top: 70px;
    min-height: 90%;
    position: relative;
    margin-top: 0.5em;
}
.navbar {
    border: none !important;
    border-radius: 0 !important;
}
.navbar-nav {
    margin-top: 0;
    margin-bottom: 0;
}
.well-md h1,
.well-md h2,
.well-md h3,
.well-md h4,
.well-md h5 {
    line-height: 30px !important;
    margin: 0 !important;
}
.well-md {
    padding: 12px !important;
}
.well-filters {
    padding: 12px !important;
}
.well-filters h1,
.well-filters h2,
.well-filters h3,
.well-filters h4,
.well-filters h5 {
    line-height: 38px !important;
    margin: 0 !important;
}
.title-truncate {
    display: block;
    width: 100%;
	padding: 2px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2em;
}
.big-title-truncate {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal !important;
}
.img-responsive {
    width: 100%;
}
.img-responsive-mw {
    max-width: 100%;
    height: auto;
}
.thumb-overlay {
    position: relative;
    overflow: hidden;
}
.duration {
    position: absolute;
    bottom: 5px;
    right: 5px;
    border: none;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 3px 5px;
    font-size: 12px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: right 0.2s ease-out;
}
.delete-btn,
.edit-btn,
.remove-btn {
    float: left;
    border: none;
    -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15);
}
.edit-btn {
    margin-right: 5px;
}
.delete-btn::after,
.remove-btn::after {
    clear: both;
}
.actions {
    position: absolute;
    top: 5px;
    left: 5px;
}
.img-private {
    -webkit-filter: brightness(0.3);
    -moz-filter: brightness(0.3);
    -o-filter: brightness(0.3);
    -ms-filter: brightness(0.3);
}
.label-private {
    position: absolute;
    left: 5px;
    bottom: 5px;
    border: none;
    background-color: #c00;
    color: #fff;
    padding: 1px 3px 0 3px;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15);
}
.hd-text-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    border: none;
    background-color: #ee6498;
    color: #fff;
    padding: 1px 3px;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0;
    -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15);
    transition: right 0.2s ease-out;
}
.ultrahd {
    background-color: #090;
}
.video-added {
    font-size: 13px;
}
.video-views {
    position: absolute;
    bottom: 5px;
    left: 5px;
    border: none;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 3px 5px;
    font-size: 12px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: left 0.2s ease-out;
}
.video-views i {
    padding-right: 5px;
}
.video-rating {
    font-size: 14px;
    line-height: 1;
    margin-bottom: -3px;
}
.video-rating-heart {
    font-size: 14px;
}
.ad-title {
    font-size: 11px;
    letter-spacing: 3px;
}
.ad-body {
    text-align: center;
    vertical-align: middle;
    padding: 9px !important;
}
.ad-body img {
    max-width: 100%;
    height: auto;
}
.small-avatar {
    width: 24px;
    height: 24px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    vertical-align: middle;
    margin-right: 8px;
    margin-top: -5px;
    margin-bottom: -2px;
}
.medium-avatar {
    width: 45px;
    height: 45px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    vertical-align: middle;
    margin-right: 8px;
}
.blog_header {
    font-size: 20px;
    margin-bottom: 10px;
}
.blogs_image img {
	border-radius: 4px;
}
.category-title {
    width: 100%;
    position: absolute;
    bottom: 0;
    border: none;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 3px 5px;
    font-size: 16px;
}
.category-title .pull-left {
    width: 70%;
}
.category-title .pull-right {
    width: 30%;
    text-align: right;
}
.m-b--5 {
    margin-bottom: -5px;
}
.m-b--15 {
    margin-bottom: -15px;
}
.m-w-60 {
    max-width: 60% !important;
}
#user_message {
    margin-top: 10px;
}
textarea {
    resize: vertical;
}
.p-0 {
    padding: 0 !important;
}
.p-t-15 {
    padding-top: 15px;
}
.p-r-15 {
    padding-right: 15px;
}
.p-l-15 {
    padding-left: 15px;
}
.p-b-15 {
    padding-bottom: 15px;
}
.m-t-0 {
    margin-top: 0;
}
.m-t-5 {
    margin-top: 5px;
}
.m-r-5 {
    margin-right: 5px;
}
.m-l-5 {
    margin-left: 5px;
}
.m-b-5 {
    margin-bottom: 5px;
}
.m-t-10 {
    margin-top: 10px;
}
.m-b-0 {
    margin-bottom: 0;
}
.m-b-10 {
    margin-bottom: 10px;
}
.m-t-15 {
    margin-top: 15px;
}
.m-r-15 {
    margin-right: 15px;
}
.m-l-15 {
    margin-left: 15px;
}
.m-b-15 {
    margin-bottom: 15px;
}
.m-t-20 {
    margin-top: 20px;
}
.m-l-20 {
    margin-left: 20px;
}
.m-b-20 {
    margin-bottom: 20px;
}
.m-b-30 {
    margin-bottom: 30px;
}
.m-b-40 {
    margin-bottom: 40px;
}
.m-l-80 {
    margin-left: 80px;
}
.comment-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    vertical-align: middle;
}
.comment {
    padding: 10px;
    margin: 0 0 0 80px;
    font-size: 13px;
    line-height: 1.4;
    position: relative;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.comment:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    border-width: 10px;
    top: 20px;
}
.comment-info {
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.comment-body {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.comment-actions {
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.center {
    text-align: center;
}
.blog_content,
.blog_content a,
.blog_content p,
.blog_content span,
.blog_header,
.blog_header a,
.blog_header p,
.blog_header span,
.overflow-hidden,
.panel-body,
.panel-body a,
.panel-body p,
.panel-body span,
.panel-heading,
.panel-heading a,
.panel-heading p,
.panel-heading span,
.well a,
.well p,
.well span {
    overflow: hidden;
    text-overflow: ellipsis;
}
.mail-unread {
    font-size: 20px;
    vertical-align: middle;
}
.mail-read {
    font-size: 20px;
}
.mail-delete {
    font-size: 20px;
}
.v-middle {
    vertical-align: middle !important;
}
table td,
th {
    text-align: center !important;
}
table a {
    text-decoration: none !important;
}
table a:hover {
    text-decoration: underline !important;
}
table .subject-unread a {
    font-weight: 700 !important;
}
.input-select input {
    border: none !important;
    width: 50% !important;
    -webkit-border-radius: 4px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 4px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-select select {
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: solid 1px #ccc !important;
    width: 50% !important;
    -webkit-border-radius: 0;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius: 0;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
input[type="password"],
input[type="text"],
select,
textarea {
    border: 1px solid #d1d1d1;
}
body.black input[type="password"],
body.black input[type="text"],
body.black select,
body.black textarea {
    border: 1px solid #333;
}
input[placeholder] {
    text-overflow: ellipsis;
}
::-moz-placeholder {
    text-overflow: ellipsis;
}
input:-moz-placeholder {
    text-overflow: ellipsis;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    select {
        line-height: 34px !important;
    }
    fieldset legend {
        float: left;
    }
}
textarea {
    min-height: 38px;
}
.file-box {
    display: block;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-image: none;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.no-radius-r {
    -webkit-border-top-right-radius: 0 !important;
    -webkit-border-bottom-right-radius: 0 !important;
    -moz-border-radius-topright: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.separator {
    padding: 2px 0;
    margin-bottom: 15px;
}
.no-wrap {
    white-space: nowrap !important;
}
.blog_content img,
.comment-body img {
    max-width: 100% !important;
    height: auto !important;
}
.vote-msg,
.vote-msg center {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.vote-box {
    margin: 0;
    padding: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.vote-box .likes {
    margin-bottom: 3px;
    height: 3px;
    -webkit-transition: width 0.4s ease-in-out;
    -moz-transition: width 0.4s ease-in-out;
    -o-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
.vote-box .dislikes,
.vote-box .user-dislikes {
    margin-bottom: 3px;
    height: 3px;
}
.game-container,
.video-container,
.video-js {
    outline: 0 !important;
    overflow: hidden;
}
.video-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.game-container embed,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.big-views {
    font-size: 130%;
    padding: 7px 0;
    max-width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.big-views-xs {
    padding: 10px 0;
    max-width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.user-container {
    max-width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.at4-icon {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.tmb {
    cursor: pointer;
}
.footer-links {
    padding: 25px 0;
}
.footer-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
.footer {
    padding: 15px 0;
}
.dropdown-menu {
    background-clip: border-box;
}
.video-embedded {
    width: 100%;
    overflow: hidden;
}
.video-embedded iframe {
    width: 100% !important;
    height: 100% !important;
}
.text-lg {
    font-size: 18px;
}
.text-md {
    font-size: 15px;
}
.badge {
    min-width: 16px;
    padding: 0 6px;
    line-height: 19px;
    font-size: 12px;
}
.online {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    margin-left: 2px;
}
.offline {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    margin-left: 2px;
}
.hr .inner {
    border-radius: 100px;
    display: inline-block;
    width: auto;
    padding: 9px 10px;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 15px;
    font-size: 16px;
    font-style: italic;
    line-height: 0;
}
.hr {
    margin: 15px auto 24px !important;
    position: relative;
    width: 50%;
    height: 8px;
    margin: 20px auto 30px;
    text-align: center;
}
.btn-facebook i {
    font-size: 1.5em;
    position: absolute;
    top: 8px;
    left: 12px;
}
.btn-google i {
    font-size: 1.5em;
    position: absolute;
    top: 8px;
    left: 10px;
}
.btn-facebook span,
.btn-google span {
    margin-left: 38px;
}
.btn-facebook div,
.btn-google div {
    height: 100%;
    width: 1px;
    position: absolute;
    left: 36px;
    top: 0;
}
.btn-facebook,
.btn-google {
    position: relative;
}
/*!
 * Based on Bootstrap
*/
@media only screen and (min-width: 768px) {
    .navbar {
        min-height: 40px;
    }
    .navbar-brand {
        height: 50px;
    }
    .navbar-inverse .navbar-nav > li > a {
		font-weight: 600;
        font-size: 14px;
        padding: 15px 0 15px 0;
    }
    .navbar-btn {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}
@media only screen and (max-width: 767px) {
    .navbar-inverse .navbar-nav > li > a {
        font-size: 16px;
        padding: 9px 0 9px 0;
    }
    .navbar-inverse .navbar-nav > li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .badge {
        line-height: 18px;
    }
    .label-private {
        padding: 0 3px;
    }
    .hd-text-icon {
        padding: 0 3px;
    }
}
/*!
 * This CSS file customizes the theme colors
*/
body {
	font-size: 14px;
    background-color: var(--bg-color-primary);
    color: var(--text-color-primary);
}
a {
    color: #ee6498;
}
a:focus,
a:hover {
    color: #ee6498;
}
.footer-links a {
    color: #999;
}
.footer-links a:focus,
.footer-links a:hover {
    color: #ee6498;
}
.footer {
    color: #989a9c;
}
.footer span {
    color: #686a6c;
}
.footer a,
.footer a:focus,
.footer a:hover {
    color: #fff;
}
.dropd {
    min-width: 12em;
    display: none;
    position: absolute;
    background: #f5f5f5;
    box-shadow: 0.25em 0.25em 1em rgba(0, 0, 0, 0.25);
    padding: 0.65em;
    margin: 0;
    right: 0;
    z-index: 9;
    font-size: 1.7rem;
    max-width: 30em;
    text-align: left;
    border-radius: 0.5em;
    border: 1px solid #ccc;
}
body.black .dropd {
    background: #202020;
    box-shadow: 0.25em 0.25em 1em rgba(0, 0, 0, 0.35);
    border-color: #302f2f;
}
.dropd a {
    margin-left: 0;
    white-space: nowrap;
    text-decoration: none;
    color: #111;
    padding: 0.55em 0.45em;
    display: block;
    font-size: 1.4rem;
    text-align: left;
    cursor: pointer;
    transition: color 0.2s ease-out;
    position: relative;
    vertical-align: middle;
    line-height: 1;
}
body.black .dropd a {
    color: #909090;
}
.dropd a:hover {
    cursor: pointer;
    background: #eee;
    color: #111;
}
body.black .dropd a:hover {
    color: #909090;
    background: #191919;
}
.dropd i {
    float: none;
    padding: 0.15em 0 0.25em;
    margin-right: 0.5em;
    display: inline-block;
    vertical-align: middle;
    min-width: 2.2em;
    text-align: center;
    color: #36f;
    font-size: 0.85em;
}
.dropdown-menu {
    border: 1px solid rgba(255, 255, 255, 0.05);
}
.dropdown-menu {
    -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.175);
}
.dropdown-menu > li > a {
    color: #000;
}
body.black .dropdown-menu > li > a {
    color: #fff;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
    color: #000;
    background-color: #f5f5f5;
}
body.black .dropdown-menu > li > a:focus,
body.black .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: #ee6498;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    color: #000;
    background-color: #f5f5f5;
}
body.black .dropdown-menu > .active > a,
body.black .dropdown-menu > .active > a:focus,
body.black .dropdown-menu > .active > a:hover {
    color: #fff;
    background-color: #ee6498;
}
.navbar-nav > li > .dropdown-menu {
    background-color: #3a3c3e;
    border: none;
}
.navbar-nav .open {
    background-color: #3a3c3e;
}
.badge {
    color: #fff;
    background-color: #ee6498;
}
.nav-tabs .active .badge {
    color: #ee6498;
    background-color: #fff;
}
.dropdown-menu > li > a:focus > .badge,
.dropdown-menu > li > a:hover > .badge {
    color: #ee6498;
    background-color: #fff;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
    background-color: rgba(255, 255, 255, 0.05);
}
.video-added {
    color: #76787a;
}
.video-views {
    color: #fff;
}
.video-rating {
    color: #aaacae;
}
.no-rating {
    color: #333 !important;
}
.video-rating-heart {
    color: #f35958;
}
.ad-title {
    color: #555759;
}
body.black .text-white {
    color: #fff;
}
text-white {
    color: #333;
}
.panel {
    background-color: #fff !important;
}
.panel-heading {
    background-color: #fff !important;
    color: #333 !important;
}
.panel-footer {
    border: none !important;
    background-color: #fff !important;
}
.panel-default > .panel-heading {
    color: #fff;
    background: #f5f5f5 !important;
    border-bottom: 1px solid #dadada;
    padding: 10px 15px;
}
body.black .panel {
    border: 1px solid #292929;
    background-color: #151719 !important;
}
body.black .panel-heading {
    border-bottom: 1px solid #292929;
    background-color: #000 !important;
    color: #dadada !important;
}
body.black .panel-footer {
    border: none !important;
    background-color: #222426 !important;
}
body.black .panel-default > .panel-heading {
    color: #888a8c;
}
.well {
    border: none !important;
    background-color: transparent !important;
}
body.black .comment {
    background-color: #222426;
}
.comment {
    background-color: #f5f5f5;
}
body.black .comment:after {
    border-right-color: #222426;
}
.comment:after {
    border-right-color: #f5f5f5;
}
body.black .comment-body {
    color: #fff;
}
.comment-body {
    color: #333;
}
.mail-unread {
    color: #fff;
}
.mail-read {
    color: #77797b;
}
table .delete a {
    color: #f80 !important;
}
table .user a {
    color: #2a9fd6 !important;
}
table .subject-read a {
    color: #76787a !important;
}
table .subject-unread a {
    color: #fff !important;
}
.has-error .form-control::-webkit-input-placeholder {
    color: #c00 !important;
}
.has-error .form-control:-moz-placeholder {
    color: #c00 !important;
}
.has-error .form-control::-moz-placeholder {
    color: #c00 !important;
}
.has-error .form-control:-ms-input-placeholder {
    color: #c00 !important;
}
.has-error .file-box span {
    color: #c00 !important;
}
.separator {
    border-bottom: 1px solid #222426;
}
.not-voted {
    background-color: #333537 !important;
}
.vote-box {
    border: 1px solid #333537;
}
.vote-box .likes {
    background-color: #77b300;
}
.vote-box .dislikes,
.vote-box .user-dislikes {
    background-color: #c00;
}
.tag {
    float: left;
    color: #000;
    background: #fff;
    border: 1px solid #000;
    border-radius: 15px;
    padding: 4px 6px;
    margin: 0 4px 4px 0;
    font-weight: 400;
    transition: all 0.2s linear;
}
.tag:hover {
    border: 1px solid #ee6498;
    transition: all 0.2s linear;
    text-decoration: none;
    color: #ee6498;
}
body.black .tag {
    float: left;
    color: #dadada;
    background: 0 0;
    border: 1px solid #dadada;
    border-radius: 15px;
    padding: 4px 6px;
    margin: 0 4px 4px 0;
    font-weight: 400;
    transition: all 0.2s linear;
}
body.black .tag:hover {
    border: 1px solid #ee6498;
    transition: all 0.2s linear;
    text-decoration: none;
    color: #ee6498;
}
.footer-links {
    background-color: #181a1c;
}
.footer {
    background-color: #222426;
}
.file-box {
    color: #888;
    background-color: #fff;
    border: 1px solid #d1d1d1;
}
body.black .file-box {
    color: #dadada;
    background-color: #000;
    border: 1px solid #333;
}
.btn-default {
    color: #fff;
    background-color: #3a3c3e;
    border-color: #3a3c3e;
}
.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #282a2c;
    border-color: #282a2c;
}
body.black .dropdown-menu {
    background-color: #282a2c;
}
.dropdown-menu {
    background-color: #fff;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
    color: #ee6498;
	border-bottom: 1px solid #ee6498;
}
.navbar-inverse .navbar-nav > li > a {
    color: rgb(51, 51, 51);
}
body.black .navbar-inverse .navbar-nav > li > a {
    color: #fff;
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
    color: #ee6498;
}
a.list-group-item {
    color: #888a8c;
}
.list-group-item {
    background-color: #222426;
    border: 1px solid #2c2e30;
}
a.list-group-item:focus,
a.list-group-item:hover {
    color: #fff;
    background-color: #2c2e30;
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #ee6498;
    border-color: #ee6498;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover,
.pagination > li > a,
.pagination > li > span {
    background-color: transparent;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    color: #333;
    background-color: #e1e1e1;
    border-color: transparent;
}
body.black.pagination > li > a:focus,
body.black.pagination > li > a:hover,
body.black.pagination > li > span:focus,
body.black.pagination > li > span:hover {
    color: #ccc;
    background-color: #1b1a1a;
    border-color: transparent;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #e1e1e1;
    border-color: transparent;
}
body.black .pagination > .active > a,
body.black .pagination > .active > a:focus,
body.black .pagination > .active > a:hover,
body.black .pagination > .active > span,
body.black .pagination > .active > span:focus,
body.black .pagination > .active > span:hover {
    background-color: #1b1a1a;
    border-color: transparent;
}

.nav-tabs a,
.pager a {
    color: #fff;
}
.nav-tabs > li > a {
    border: 1px solid transparent;
    position: relative;
    font-size: 15px;
    text-align: center;
    line-height: 20px;
    padding: 10px 24px;
    overflow: visible;
    text-decoration: none;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: #fff;
    color: #000;
}
body.black .nav-tabs > li > a {
    background: #000;
    border: 1px solid #000;
    color: #fff;
}
body.black .nav-tabs > li > a:hover {
    background: #323232;
    border: 1px solid #000;
}
.nav-tabs > li > a:hover {
    border-color: #dadada;
}
.nav > li > a:focus,
.nav > li > a:hover {
    background-color: #dadada;
}
.nav-tabs {
    margin-bottom: 5px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    color: #fff;
    background-color: #ee6498;
    border: 1px solid transparent;
}
body.black .nav-tabs > li.active > a,
body.black .nav-tabs > li.active > a:focus,
body.black .nav-tabs > li.active > a:hover {
    color: #fff;
    background-color: #ee6498;
    border: 1px solid transparent;
}
.btn-subscribe:before {
    display: block;
    content: "";
    background: #db5d8c;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 100%;
    bottom: 0;
    transition: all 0.5s ease;
}
.btn-unsubscribe:before {
    display: block;
    content: "";
    background: #e4e4e4;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 100%;
    bottom: 0;
    transition: all 0.5s ease;
}
.btn-primary {
    color: #fff;
    background-color: #ee6498;
    border-color: #ee6498;
}
.btn-unsubscribe {
    color: #333 !important;
    background-color: #dadada !important;
    border-color: #dadada !important;
}
.btn-subscribe:hover:before,
.btn-unsubscribe:hover:before {
    right: 0;
}
.btn-primary:hover[disabled]:before {
    display: none;
}
.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: rgba(238, 100, 152, 0.9);
    border-color: #db5d8c;
}
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #ee6498;
    border-color: #ee6498;
}
.btn-primary .badge {
    color: #ee6498;
    background-color: #fff;
}
.btn-secondary {
    color: #333;
    background-color: #dadada;
    border-color: #dadada;
}
.btn-secondary.active,
.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover,
.open > .dropdown-toggle.btn-secondary {
    color: #333;
    background: #e4e4e4;
}
.btn-secondary.disabled,
.btn-secondary.disabled.active,
.btn-secondary.disabled:active,
.btn-secondary.disabled:focus,
.btn-secondary.disabled:hover,
.btn-secondary[disabled],
.btn-secondary[disabled].active,
.btn-secondary[disabled]:active,
.btn-secondary[disabled]:focus,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary,
fieldset[disabled] .btn-secondary.active,
fieldset[disabled] .btn-secondary:active,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary:hover {
    background-color: #2a9fd6;
    border-color: #2a9fd6;
}
.btn-secondary .badge {
    color: #2a9fd6;
    background-color: #fff;
}
.pager li > a,
.pager li > span {
    background-color: #222426;
    border: 1px solid #2c2e30;
}
.pager li > a:focus,
.pager li > a:hover {
    background-color: #ee6498;
    border-color: #ee6498;
}
.pager .disabled > a,
.pager .disabled > a:focus,
.pager .disabled > a:hover,
.pager .disabled > span {
    color: #888a8c;
    background-color: #222426;
}
.modal-content {
    background-color: #fff;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) !important;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) !important;
    border: none !important;
    padding: 0 10px 10px;
}
.modal-header {
    border-bottom: 0;
}
.modal .modal-dialog .modal-header h2 {
    color: #dd1724;
    font-size: 26px;
    text-align: center;
}
.modal .modal-dialog .modal-header h2 .fa {
    font-size: inherit;
    text-align: center;
    display: block;
    margin: -10px 0 10px;
}
.modal-footer {
    border-top: 0 solid #f7f8fa;
}
.edit-btn {
    background-color: #77b300 !important;
    border-color: #77b300 !important;
}
.edit-btn:active,
.edit-btn:focus,
.edit-btn:hover {
    background-color: #558000 !important;
    border-color: #4e7600 !important;
}
table {
    background-color: #181a1c;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border-top: 1px solid #282a2c;
}
.table > thead > tr > th {
    border-bottom: 2px solid #282a2c;
}
.table > tbody tbody {
    border-top: 2px solid #282a2c;
}
.table .table {
    background-color: #06080a;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #080a0c;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #282a2c;
}
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active {
    background-color: #282a2c;
}
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover {
    background-color: #1b1d1f;
}
.form-control {
    color: #333;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 0.25em;
}
body.black .form-control {
    color: #dadada;
    background-color: #000;
    border: 1px solid #333;
    border-radius: 4px;
}
.form-control:focus {
    border: 2px solid #d1d1d1;
}
.form-control::-moz-placeholder {
    color: #888a8c;
}
.form-control:-ms-input-placeholder {
    color: #888a8c;
}
.form-control::-webkit-input-placeholder {
    color: #888a8c;
}
table .enter p {
    color: #888a8c;
}
.online {
    background-color: #77b300;
}
.offline {
    background-color: #444;
}
.hr .inner {
    background-color: #151719;
}
.hr {
    box-shadow: 0 1px 0 #151719, transparent 0 0 0;
    border-bottom: 1px solid #282828;
}
.btn-facebook div,
.btn-google div {
    background-color: rgba(255, 255, 255, 0.3);
}
.btn-facebook {
    color: #fff;
    background-color: #3f62ac;
    border-color: #3f62ac;
}
.btn-facebook.active,
.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook:hover,
.open > .dropdown-toggle.btn-facebook {
    color: #fff;
    background-color: #305299;
    border-color: #305299;
}
.btn-google {
    color: #fff;
    background-color: #dd4b39;
    border-color: #dd4b39;
}
.btn-google.active,
.btn-google:active,
.btn-google:focus,
.btn-google:hover,
.open > .dropdown-toggle.btn-google {
    color: #fff;
    background-color: #c43a29;
    border-color: #c43a29;
}
body.black .h1,
body.black .h2,
body.black .h3,
body.black .h4,
body.black .h5,
body.black h1,
body.black h2,
body.black h3,
body.black h4,
body.black h5 {
    font-weight: 500;
    line-height: 1.1;
    color: #fff;
}
.footer-container h4 {
    color: #666;
}
a {
    color: #333;
}
body.black a {
    color: #fff;
}
a:focus,
a:hover,
body.black a:focus,
body.black a:hover {
    color: #ee6498;
    text-decoration: none;
}
body.black #wrapper.container {
    background: #202020;
}
.noBg {
    background: 0 0 !important;
}
.signupWrap {
    background-image: url(../img/wrapperBg_signupw.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin-top: 0 !important;
}
body.black .signupWrap {
    background-image: url(../img/wrapperBg_signupb.jpg);
}
.loginWrap {
    background-image: url(../img/wrapperBg_loginw.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin-top: 0 !important;
}
body.black .loginWrap {
    background-image: url(../img/wrapperBg_loginb.jpg);
}
.headerWrap {
    width: 100%;
    position: fixed;
	top: 0;
    background-color: var(--header-bg-color-primary);
	box-shadow: 0 0 20px rgb(0,0,0,0.1);
	z-index: 9999;
}
.headerWrap .search {
    display: flex;
    position: unset;
    width: calc(100% - 460px);
    max-width: 640px;
    min-width: 100px !important;
    float: left;
    margin-left: 40px;
	position:relative;
	justify-content:flex-start;
	z-index: 100;
}
@media screen and (max-width: 768px) {
	.headerWrap .search {
		background: rgb(255,255,255);
		position:fixed;
		top: 0;
		z-index: 9999;
		left: 0;
		margin: 0;
		padding: 10px 8px 10px 15px;
		width: 100%;
    	max-width: 100%;
	}
}
.headerWrap .search .dropdown-menu {
    background: #fff;
    width: auto;
    min-width: 100px;
}
body.black .headerWrap .search .dropdown-menu {
    background: #000;
}
.headerWrap .search .dropdown-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.headerWrap .search .dropdown-menu ul li:hover {
    background: #f6f6f6;
}
body.black .headerWrap .search .dropdown-menu ul li:hover {
    background: #1b1a1a;
}
.headerWrap .search.active {
    border-color: #ccc;
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.15);
}
.headerWrap .search form {
	position:relative;
	z-index: 999;
	width: 100%;
}
.headerWrap .search form input {
	position:relative;
    background: #fff;
	border-radius: 8px;
	border: 1px solid #d1d1d1;
    padding: 0.5em;
    width: 100%;
    flex: 1;
    font-size: 14px;
	z-index: 100;
}
body.black .headerWrap .search form input {
    background: #000;
    border-color: #333;
}
.headerWrap .search form > button {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    background: #ee6498;
    border: none;
    width: 30px;
	height: 30px;
    cursor: pointer;
    border-radius: 8px;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	right: .5rem;
	top: .4rem;
	z-index: 101;
}
.headerWrap .search form > button:hover {
	background-color: rgba(0,0,0,0.5)
}
#header-search-dropdown {
    float: left;
    position: relative;
    top: 4px;
}
.searchSuggestions {
	width: 100%;
	display:none;
	position:absolute;
	margin-top: -8px;
	background: rgb(255,255,255);
	box-shadow: 0 0 8px rgb(0,0,0,0.1);
	padding: 15px;
	z-index: 50;
}
.searchSuggestions ul {
	position:relative;
	list-style: none;
 	margin: 0;
  	padding: 0;
	width: 100%;
	z-index: 50;
}
.searchSuggestions ul a {
	width: 100%;
	padding: 0.25rem 0.5rem 0.25rem 0.5rem;
	border-radius: 8px;
	gap: .5rem;
	display: flex;
	align-items:center;
}
.searchSuggestions ul a:hover {
	background-color: rgb(242,242,242);
	color: #333;
}
.userLogin {
    margin-top: 10px;
    list-style: none;
}
.userLogin .btn-round {
    padding: 5px 12px;
}
.userLoggedin {
    position: relative;
    margin-top: 5px;
    padding: 0 20px 0 0;
    list-style: none;
}
.userLoggedinM {
    position: absolute;
    margin-top: 5px;
    padding: 0 20px 0 0;
    list-style: none;
    right: 5px;
}
.userLoggedin:after,
.userLoggedinM:after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-left: 0;
    border-color: #303030 transparent transparent transparent;
    content: "";
    display: inline-block;
    margin-left: 6.66666667px;
    height: 7px;
    border-style: solid;
    border-width: 3px 3px 0 3px;
    border-color: #000 transparent transparent transparent;
}
.navWrap {
    width: 100%;
    background-color: var(--nav-bg-color-primary);
	position:relative;
	top: 70px;
}
body.black .navWrap {
    border-top: 1px solid #282828;
    border-bottom: 1px solid #282828;
}
.navWrapMobile {
    width: 100%;
    background: #fff;
}
body.black .navWrapMobile {
    background: #333;
}
.navWrapMobile .container {
    background: #fff !important;
}
body.black .navWrapMobile .container {
    background: #333 !important;
}
.navbar .container {
    padding: 0 3px 0 0 !important;
}
.navbar-nav {
    font-weight: 600 !important;
    width: 100%;
	float: left !important;
    position: relative;
	display:flex;
	justify-content:space-between;
}
.navbar-btn {
    margin: 0;
    margin-top: 8px;
    background: #ee6498;
    color: #fff;
}
.navbar-btn:hover {
    color: #fff;
    background: #db5d8c;
}
.uploadBtn button {
	margin: 5px 5px 0 0;
	height: 30px;
	padding: 4px 4px;
	line-height: 14px;
	font-weight: 600;
}
.nightSwitch {
    float: right !important;
}
.nightSwitch a {
    font-size: 24px;
}
.nightSwitchM {
    color: #000;
    font-size: 24px;
    position: relative;
    padding: 4px 0 0;
}
.flexrow {
    display: flex;
}
.content {
    overflow: visible;
	width: 100%;
}
.content:after,
.content:before {
    content: "";
    display: block;
    clear: both;
}
@media screen and (max-width: 992px) {
    .footer-container {
        float: none;
        width: 100%;
        display: table-footer-group;
    }
    .content {
        display: table;
        table-layout: fixed;
    }
    .mainContent {
        width: 100%;
        height: 100%;
    }
    .mainContent .container {
        width: 100% !important;
        height: 100% !important;
    }
    .sideBar {
        float: none !important;
        display: table-footer-group;
    }
}
.mainContent {
    width: calc(100% - 235px);
    height: 100%;
    float: left;
}
.profileContainerSmall .mainContent {
    width: 100%;
}
.mainContent .container {
    width: 100% !important;
    padding-left: 20px;
    padding-right: 10px !important;
    background: 0 0;
    border-top: none;
}
.heading {
    position: relative;
    float: left;
    width: 100%;
    padding: 0 5px 8px 0;
}
.pageHeading {
    padding: 0 5px 8px 5px;
}
.heading::before,
.pageHeading::before {
    content: "";
    display: block;
    clear: both;
}
.heading::after,
.pageHeading::after {
    content: "";
    display: block;
    clear: both;
}
.heading h1,
.heading h2,
.pageHeading h2 {
    font-size: 21px;
    font-weight: 600;
    color: #333;
    float: left;
}
body.black .heading h1,
body.black .heading h2,
body.black .pageHeading h2 {
    color: inherit;
}
.heading h2 i,
.pageHeading h2 i {
    margin-right: 5px;
    color: #ee6498;
}
.heading .filters {
    margin-top: 20px;
}
.filters .filterBtn {
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #333;
    background: #eee;
    border-radius: 0.25em;
    padding: 0.3em 0.55em;
    display: inline-block;
    border: 1px solid #ccc;
}
.filters .filterBtn:hover {
    border-color: #aaa !important;
}
.filters .filterBtn.active {
    background: #d7d7d7;
}
body.black .filters .filterBtn {
    background: #2f2f2f;
    color: #c5c5c5;
    border-color: #302f2f;
}
body.black .filters .filterBtn:hover {
    border-color: #585858 !important;
}
.filter-group {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.filter-group .dropdown-menu {
    left: -80px;
}
.filter {
    float: left;
    font-size: 14px;
    font-weight: 600;
    padding: 4px 12px;
    cursor: pointer;
}
.sideBar {
    float: left;
    width: 225px;
    padding: 0.65rem 1rem 1rem;
    border-right: 1px solid #ccc;
    margin-right: 10px;
}
body.black .sideBar {
    border-right: 1px solid #302f2f;
}
.sideBar hr {
    margin: 0 auto;
    width: 80%;
    color: #666;
}
.sideBar ul {
    width: 100%;
    margin: 0;
}
.sideBar .sortList .title {
    font-size: 16px;
}
.sideBar ul,
.sideBar ul li {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    flex-wrap: wrap;
}
.sideBar .sortList .list {
    list-style: outside none;
    padding: 10px 0;
    background: 0 0;
}
.sideBar .sortList .list a {
    font-weight: 500;
    display: block;
    padding: 8px 12px 8px 10px;
    border-radius: 0.25em;
    color: #333;
    background: 0 0;
    text-decoration: none;
    font-size: 1em;
    line-height: 116%;
    flex: 1 1 auto;
}
body.black .sideBar .sortList .list a {
    color: #8e8d8d;
}
.sideBar .sortList .list a i {
    display: inline-block;
    font-size: 15px;
    padding: 0.15em 0 0.25em;
    margin-right: 0.5em;
}
.sideBar .sortList .list a:hover {
    background: #eee;
}
body.black .sideBar .sortList .list a:hover {
    background: #1b1a1a;
}
.sideBar .sortList .list a span {
    float: right;
    font-size: 12px;
    color: #999;
}
.sideBar .sortList .list a:hover span {
    color: #e21725;
}
.sideBar h3 {
    float: left;
    width: 100%;
    padding: 8px 12px 8px 10px;
    margin-bottom: 5px;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 600;
}
.sideBar .sortList {
    float: left;
    width: 100%;
}
@media screen and (max-width: 550px) {
    .sideBar {
        border-right: 0;
        margin-right: 0;
    }
    .sideBar .sortList .list li {
        float: left;
        width: 50%;
    }
}
@media screen and (max-width: 992px) {
    .sideBar {
        width: 100% !important;
        border-right: 0;
        margin-right: 0;
    }
    .sideBar .sortList .list li {
        float: left;
        width: 50%;
    }
    .mainContent {
        width: 100%;
        height: 100%;
        float: left;
    }
    .mainContent .container {
        padding-left: 10px;
    }
    .mainContent .heading h2 {
        text-align: center;
    }
}
.camList,
.videoList {
    display: block;
    width: 100%;
    padding: 0 0;
    float: left;
}
.videoList .block {
    width: 39.6%;
    height: 390px;
    margin: 0.1% 0.2% 0.2% 0.2%;
    position: relative;
    display: block;
    float: right;
}
.videoList .block img {
    margin: 5% 0 0 25%;
}
.videoList .block iframe {
    margin: 5% 0 0 20%;
}
@media screen and (max-width: 1450px) {
    .videoList .block {
        display: none !important;
    }
}
.camList .camItem,
.videoList .videoItem {
    width: 16.25%;
    margin: 0.1% 0.4% 0.1% 0;
    position: relative;
    display: block;
    float: left;
    vertical-align: top;
    overflow: hidden;
}
.camList .camItem ul,
.videoList .videoItem ul {
	font-size: 13px;
	margin-top: 5px;
    height: 15px;
    line-height: 20px;
    padding: 0;
	margin: 5px 0 0 0;
    color: #959595;
    text-align: left;
    list-style: none;
}
.camList .camItem ul li,
.videoList .videoItem ul li {
    display: inline-block;
    overflow: hidden;
    padding: 0 0;
    color: #959595;
    font-weight: 400;
    white-space: nowrap;
}
.videoList .videoItem a:hover .title-truncate {
	color: var(--text-color-primary);
}
@media screen and (max-width: 1200px) {
    .camList .camItem,
    .videoList .videoItem {
        width: 24.6%;
    }
}
@media screen and (max-width: 992px) {
    .camList .camItem,
    .videoList .videoItem {
        width: 32.8%;
    }
}
@media screen and (max-width: 550px) {
    .albumsRow,
    .camRow,
    .videoRow {
        margin-left: -10px;
        margin-right: -10px;
    }
    .video-title {
        padding-left: 5px;
    }
    .camList .camItem,
    .videoList .videoItem {
        width: 49%;
        margin: 0.1% 1% 0.6% 0;
    }
}
.videoList .videoItem .thumb-overlay {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 56% 0 0;
    overflow: hidden;
	border-radius: 8px;
}
.camList .camItem .thumb-overlay {
    display: block;
    width: 100%;
    position: relative;
    height: 0;
    padding: 66% 0 0;
    overflow: hidden;
}
.camList .camItem .thumb-overlay .camImg {
    background-size: cover;
    height: 100%;
    left: 0;
    animation-duration: 0.2s;
    position: absolute;
    top: 0;
    transform-origin: center center;
    transform: scale(1);
    transition-duration: 0.2s;
    transition-property: transform;
    width: 100%;
    background-position: center center;
}
.camList .camItem .thumb-overlay:hover .camImg {
    transform: scale(1.1);
}
.camList .camItem .thumb-overlay .camInfo {
    align-items: flex-end;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 26px;
    -webkit-box-pack: start;
    justify-content: flex-start;
    left: 0;
    line-height: 1.2;
    position: absolute;
    text-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    padding: 0 6px 6px;
}
.videoList .videoItem .thumb-overlay img:first-child {
    position: absolute;
    display: block;
    width: 100%;
    max-height: 200%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.videoList .videoItem .thumb-overlay picture:first-child {
    position: absolute;
    display: block;
    width: 100%;
    max-height: 200%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.camList .camItem .thumb-overlay img:first-child {
    position: absolute;
    display: block;
    width: 100%;
    max-height: 200%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.subscriptionList,
.userList {
    display: block;
    width: 100%;
    padding: 0 0;
    float: left;
}
.subscriptionList .subscriptionItem,
.userList .userItem {
    width: 12.1%;
    margin: 0.1% 0.2% 0.6% 0.2%;
    position: relative;
    display: block;
    float: left;
    vertical-align: top;
    overflow: hidden;
}
.subscriptionList .subscriptionItem a,
.userList .userItem a {
    font-weight: 600;
    font-size: 14px;
    float: left;
}
.userList .userItem .userRank {
    float: left;
    margin-top: 22px;
    margin-left: 5px;
}
.subscriptionList .subscriptionItem .subscriptionTitle {
    float: left;
    margin-top: 36px;
    margin-left: 5px;
}
.subscriptionList .subscriptionItem .actions,
.userList .userItem .actions {
    top: 0;
    right: 0 !important;
    left: auto;
}
.subscriptionList .subscriptionItem img,
.userList .userItem img {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    float: left;
}
@media screen and (max-width: 1200px) {
    .subscriptionList .subscriptionItem {
        width: 24.6% !important;
    }
    .userList .userItem {
        width: 24.6%;
    }
}
@media screen and (max-width: 992px) {
    .subscriptionList .subscriptionItem {
        width: 32.8% !important;
    }
    .userList .userItem {
        width: 32.8%;
    }
}
@media screen and (max-width: 550px) {
    .userList .userItem {
        width: 49%;
        margin: 0.1% 0.5% 0.6% 0.5%;
    }
}
.userList .mainUserItem a {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.userList .mainUserItem img {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.userList .mainUserItem .title-truncate {
    text-align: center;
}
.albumBlock .roundImage,
.videoBlock .roundImage {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0;
    overflow: hidden;
    position: relative;
    float: left;
}
.albumBlock .roundImage img,
.videoBlock .roundImage img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
    float: left;
}
.albumBlock .roundImageText,
.videoBlock .roundImageText {
    float: left;
    overflow: hidden;
    padding-top: 15px;
    margin-right: 15px;
}
.videoBlock .roundImageText a.pornstarName {
    font-weight: 600;
}
.albumBlock .interactionBar,
.videoBlock .interactionBar {
    float: left;
    width: 100%;
    border-top: 1px;
    border-left: 1px;
    border-right: 1px;
    border-bottom: 0;
    border-style: solid;
    padding: 20px;
    border-color: #ebebeb;
    background: #fff;
    margin-top: 10px;
}
body.black .albumBlock .interactionBar,
body.black .videoBlock .interactionBar {
    border-top: 1px;
    border-left: 1px;
    border-right: 1px;
    border-bottom: 0;
    border-style: solid;
    padding: 20px;
    border-color: #000;
    background: #111;
}
.albumBlock .spBar,
.videoBlock .spBar {
    margin: 0 auto;
    max-width: 770px;
    width: auto;
}
.videoBlock .iButtons a,
.albumBlock .iButtons a{
	position:relative;
	margin-left: 20px;
    color: rgb(153,153,153);
	font-size: 20px;
}
.albumBlock .albumInfo,
.videoBlock .videoInfo {
    background: #fff;
    padding: 20px;
    border: 1px solid #ebebeb;
    position: relative;
    float: left;
    width: 100%;
}
body.black .albumBlock .albumInfo,
body.black .videoBlock .videoInfo {
    background: #111;
    padding: 20px;
    float: left;
    width: 100%;
    border: 1px solid #000;
}
.albumBlock .albumInfo,
.videoBlock .videoInfo {
    font-family: "Segoe UI", Arial, sans-serif;
}
.albumBlock p,
.videoBlock p {
    margin: 0.25em 0.75em;
    width: 100%;
    float: left;
    font-size: 0.95em;
}
.albumBlock .albumInfo .block,
.videoBlock .videoInfo .block {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.albumBlock .albumInfo h5,
.videoBlock .videoInfo h5 {
    float: left;
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 600;
    width: 100px;
    margin: 0;
}
body.black .albumBlock .albumInfo h5,
body.black .videoBlock .videoInfo h5 {
    color: #fff;
}
.albumBlock .albumInfo .block span.right,
.videoBlock .videoInfo .block span.right {
    float: left;
    color: #000;
    display: block;
}
.albumBlock .albumInfo .block span.right a,
.videoBlock .videoInfo .block span.right a {
    color: #ee6498;
    font-weight: 600;
}
.social-share-thumbs {
    max-width: 300px;
}
.centerImage {
    text-align: center;
    position: relative;
}
.centerImage a.albumNavLeft {
    left: 0;
    width: 48px;
    height: 100%;
    position: absolute;
    color: #fff;
    text-decoration: none;
    z-index: 1;
}
.centerImage a.albumNavRight {
    right: 0;
    width: 48px;
    height: 100%;
    position: absolute;
    color: #fff;
    text-decoration: none;
    z-index: 1;
}
.centerImage a.albumNavLeft span,
a.albumNavRight span {
    background: 0 0;
    position: relative;
    top: 40%;
    display: block;
    width: 48px;
    height: 64px;
}
.centerImage a.albumNavLeft span i,
a.albumNavRight span i {
    margin: 10px 10px;
    font-size: 3em;
    color: rgba(204, 204, 204, 0.5);
}
.centerImage a.albumNavLeft:hover span i,
a.albumNavRight:hover span i {
    color: rgba(204, 204, 204, 0.9);
}
.shareIcons {
    margin: 0;
    display: grid;
    grid-auto-flow: column;
    grid-column-gap: 10px;
    padding: 0;
    float: left;
    list-style-type: none;
}
ul.shareIcons li a {
    display: block;
    width: 40px;
    height: 40px;
    background: #333;
    color: #fff;
    text-indent: -9999px;
}
ul.shareIcons li a span {
    display: block;
    background: transparent url(../img/social_sprite.png) top left;
    background-size: 240px;
    width: 40px;
    height: 40px;
}
ul.shareIcons li a.sharesTwitter {
    background: #78cdf0;
}
ul.shareIcons li a.sharesTwitter span {
    background-position: -40px 0;
}
ul.shareIcons li a.sharesReddit {
    background: #2085c7;
}
ul.shareIcons li a.sharesReddit span {
    background-position: -80px 0;
}
ul.shareIcons li a.sharesStubleUpon {
    background: #e83b3b;
}
ul.shareIcons li a.sharesStubleUpon span {
    background-position: -160px 0;
}
ul.shareIcons li a.sharesBlogger {
    background: #f39200;
}
ul.shareIcons li a.sharesBlogger span {
    background-position: -200px 0;
}
.catPage {
    display: block;
    width: 100%;
    padding: 0 0;
}
.catPage .catItem {
    width: 24.6%;
    margin: 0.1% 0.2% 1% 0.2%;
    position: relative;
    display: block;
    float: left;
    vertical-align: top;
}
.catPage a {
    color: #000;
    text-decoration: none;
}
body.black .catPage a {
    color: #fff;
    text-decoration: none;
}
.category-title a:hover {
    color: #ee6498;
}
@media screen and (max-width: 1200px) {
    .catPage .catItem {
        width: 24.6%;
    }
}
@media screen and (max-width: 1040px) {
    .catPage .catItem {
        width: 32.8%;
    }
}
@media screen and (max-width: 992px) {
    .catPage .catItem {
        width: 32.8%;
    }
}
@media screen and (max-width: 550px) {
    .catPage .catItem {
        width: 49.6%;
    }
    .thumb-overlay {
        -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #fff 100%);
        -webkit-transform: rotate(0.000001deg);
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
}
.category-title {
    position: relative;
    background: 0 0;
    font-size: 0.85em;
    color: #333;
}
body.black .category-title,
body.black .title-truncate {
    color: #dadada;
}
.catItem:hover .title-truncate {
    color: #ee6498;
}
body.black .catItem:hover .title-truncate {
    color: #fff;
}
.category-title .title-truncate {
    text-align: left;
    color: #333;
    font-size: 1.2em;
    font-weight: 600;
}
.channelPage {
    display: block;
    width: 100%;
    padding: 0 0;
}
.channelPage .channelItem {
    width: 24.6%;
    margin: 0.1% 0.2% 1% 0.2%;
    position: relative;
    display: block;
    float: left;
    vertical-align: top;
    background: #fff;
    border: 3px solid #f9f9f9;
    padding: 30px 0 30px 16px;
    box-sizing: border-box;
}
body.black .channelPage .channelItem {
    background: #101010;
    border: 3px solid #161616;
}
.channelItem .rank {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 60px 60px;
    border-color: transparent transparent transparent #f9f9f9;
    font-weight: 700;
    z-index: 2;
}
body.black .channelItem .rank {
    border-color: transparent transparent transparent #161616;
}
.channelItem .rank span {
    display: block;
    position: absolute;
    top: 7px;
    left: -60px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 36px;
    color: #000;
}
body.black .channelItem .rank span {
    color: #c1c0c0;
}
.channelItem .avatar {
    float: left;
    display: block;
    width: 106px;
    height: 106px;
    position: relative;
    border: 3px solid #f9f9f9;
    border-radius: 3px;
    overflow: hidden;
}
body.black .channelItem .avatar {
    border: 3px solid #161616;
}
.channelItem .description {
    float: left;
    padding: 0 15px 0 15px;
    width: calc(100% - 106px);
}
.channelItem .description .btn {
    padding: 5px 10px !important;
    font-size: 13.5px;
}
.channelItem .description ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.channelItem .description ul li:first-child {
    margin: 0;
}
.channelItem .description ul li {
    color: #c1c0c0;
    margin: 0 0 2px 0;
    font-size: 12.5px;
}
.channelItem .description ul li span {
    color: #000;
    font-weight: 700;
    display: block;
    float: right;
}
body.black .channelItem .description ul li span {
    color: #fff;
}
.channelItem .description ul li a.channelLink {
    font-size: 1.75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.channelPage a {
    color: #000;
    text-decoration: none;
}
body.black .channelPage a {
    color: #fff;
    text-decoration: none;
}
.channel-title a:hover {
    color: #ee6498;
}
@media screen and (max-width: 1400px) {
    .channelPage .channelItem {
        width: 32.8%;
    }
}
@media screen and (max-width: 1200px) {
    .channelPage .channelItem {
        width: 32.8%;
    }
}
@media screen and (max-width: 1040px) {
    .channelPage .channelItem {
        width: 49.6%;
    }
}
@media screen and (max-width: 992px) {
    .channelPage .channelItem {
        width: 49.6%;
    }
}
@media screen and (max-width: 550px) {
    .channelPage .channelItem {
        width: 99.8%;
    }
}
.channel-title {
    float: left;
    font-size: 0.85em;
    color: #333;
    line-height: 1.8em !important;
}
body.black .channel-title {
    color: #dadada;
}
.channelItem:hover .title-truncate {
    color: #ee6498;
}
body.black .channelItem:hover .title-truncate {
    color: #fff;
}
.channel-title .title-truncate {
    text-align: left;
    color: #333;
    font-size: 1.2em;
    font-weight: 600;
}
.pornstarsList {
    display: block;
    width: 100%;
    padding: 0 0;
    float: left;
}
.pornstarsList .pornstarsItem {
    width: 12.1%;
    margin: 0.1% 0.2% 0.6% 0.2%;
    position: relative;
    display: block;
    float: left;
    vertical-align: top;
}
.pornstarsList .pornstarsItem .thumb-overlay-ps {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-height: auto !important;
    height: auto !important;
    padding-bottom: 145%;
}
.pornstarsList .pornstarsItem .thumb-overlay-ps img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.pornstarsList a {
    color: #000;
    font-weight: 500;
    text-decoration: none;
    font-size: 1em !important;
}
body.black .pornstarsList a {
    color: #fff;
    text-decoration: none;
    font-size: 1em !important;
}
.pornstarsList a:hover {
    color: #ee6498;
}
.pornstarsList .pornstarsItem .pornstarTitle {
    font-weight: 600;
    font-size: 13px;
}
.channel_info,
.pornstar_info {
    font-size: 12px;
}

.pornstar_info .pornstar_videos {
    float: left;
    width: 50%;
}

.pornstar_info .pornstar_rate {
    float: right;
    width: 32%;
    text-align: right;
    padding-right: 5px;
}

.pornstar_info .pornstar_views {
    float: right;
    width: 40%;
    text-align: right;
    padding-right: 5px;
}
.channelContainer,
.pornstarContainer {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.channelContainer .sideBar,
.pornstarContainer .sideBar {
    width: 340px;
    padding: 0.65rem 1rem 0 !important;
    border-right: 0;
    margin-top: 1.5rem;
}
.channelContainer .mainContent,
.pornstarContainer .mainContent {
    width: calc(100% - 350px);
    margin-top: 2rem;
}
.channelBg,
.pornstarBg {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 100px;
}
.channelBg .coverImg,
.pornstarBg .coverImg {
    width: 100%;
    margin-top: -0.5em;
    height: auto;
    min-height: 6.875rem;
    max-height: 322px;
}
.channelCover,
.pornstarCover {
    width: 100%;
    position: relative;
    min-height: 300px;
}
.channelSection,
.pornstarSection {
    width: 100%;
    margin: auto;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 5;
}
.channelCover .avatarHolder,
.pornstarCover .avatarHolder {
    position: relative;
    float: left;
    left: 2%;
    text-align: center;
}
body.black .channelCover .avatarHolder img,
body.black .pornstarCover .avatarHolder img {
    border-color: #202020;
}
.channelCover .avatarHolder img,
.pornstarCover .avatarHolder img {
    max-height: 150px;
}
.channelCover .buttons,
.pornstarCover .buttons {
    position: relative;
    float: left;
    bottom: 20px;
    left: 50px;
    background: rgba(32, 32, 32, 0.5);
}

.pornstarBio {
    font-size: 13px;
    max-height: 58px;
    overflow: hidden;
    text-align: justify;
}

.pornstarBio .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background: -webkit-linear-gradient(rgba(245, 245, 245, 0) 0, #f5f5f5 100%);
    background: -o-linear-gradient(rgba(245, 245, 245, 0) 0, #f5f5f5 100%);
    background: linear-gradient(rgba(245, 245, 245, 0) 0, #f5f5f5 100%);
}

body.black .pornstarBio .overlay {
    background: -webkit-linear-gradient(rgba(32, 32, 32, 0) 0, #202020 100%);
    background: -o-linear-gradient(rgba(32, 32, 32, 0) 0, #202020 100%);
    background: linear-gradient(rgba(32, 32, 32, 0) 0, #202020 100%);
}

.pornstarBio a {
    color: #ee6498;
}
.readMore {
    cursor: pointer;
    position: absolute;
    left: 40%;
    right: 40%;
    bottom: 0;
    text-decoration: none;
    font-size: 14px;
    color: #999;
    text-align: center;
    background: #eee;
    border-radius: 0.35rem;
    border: 1px solid #e1e1e1;
    padding: 0.35em 0;
    box-shadow: 0 0 20px 6px #fff;
}
body.black .readMore {
    box-shadow: 0 0 20px 6px #202020;
    color: #ccc;
    background: #333;
    border: 1px solid #555;
}
.channelInfo .boxAround,
.pornstarInfo .boxAround {
    -webkit-box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.2);
    border-radius: 0.1875rem;
    -moz-border-radius: 0.1875rem;
    -webkit-border-radius: 0.1875rem;
    -ms-border-radius: 0.1875rem;
    -o-border-radius: 0.1875rem;
    margin-bottom: 2.063rem;
    padding: 0.3125rem 1.875rem 1.25rem 1.875rem;
}
.channelInfo .boxAround::after,
.channelInfo .boxAround::before,
.pornstarInfo .boxAround::after,
.pornstarInfo .boxAround::before {
    display: table;
    content: "";
}
.channelInfo .boxAround::after,
.pornstarInfo .boxAround::after {
    clear: both;
    zoom: 1;
}
.channelInfo .boxAround p,
.pornstarInfo .boxAround p {
    width: 50%;
    text-align: center;
    float: left;
    font-weight: 700;
    color: #767676;
}
.channelInfo .boxAround p span,
.pornstarInfo .boxAround p span {
    display: block;
    font-weight: 400;
    font-size: 1em;
}
.btn-unsubscribe,
.channelInfo .btn-subscribe,
.pornstarInfo .btn-subscribe {
    display: inline-block;
    position: relative;
    width: 100%;
    font-size: 1em;
    height: 4.063rem;
    line-height: 2.263;
    padding: 0.4rem 0.8rem;
}
.channelInfo p.csi,
.pornstarInfo p.psi {
    margin: 0.25em 0.75em;
    line-height: 150%;
    font-size: 1.2em;
    font-weight: 600;
    word-wrap: break-word;
    clear: both;
}
.channelInfo p.csi span,
.pornstarInfo p.psi span {
    font-size: 0.85em;
    color: #333;
    display: block;
    font-weight: 400;
}
.channelInfo p.csi i,
.pornstarInfo p.psi i {
    float: left;
    color: #666;
    font-size: 1.2em;
    margin: 0.75em 1em 0.75em 0;
    clear: both;
}
.channelInfo h1,
.pornstarInfo h1 {
    font-size: 24px;
    font-weight: 700;
    padding: 0 20px 10px 20px;
    color: #333;
    text-align: center;
}
@media screen and (max-width: 1680px) {
    .channelSection,
    .pornstarSection {
        top: 50%;
    }
    .channelContainer .sideBar,
    .pornstarContainer .sideBar {
        margin-top: 4rem;
    }
}
@media screen and (max-width: 1450px) {
    .channelSection,
    .pornstarSection {
        top: 35%;
    }
    .channelContainer .sideBar,
    .pornstarContainer .sideBar {
        margin-top: 0;
    }
}
@media screen and (max-width: 1280px) {
    .channelSection,
    .pornstarSection {
        top: 30%;
    }
    .channelContainer .sideBar,
    .pornstarContainer .sideBar {
        margin-top: 4rem;
    }
}
@media screen and (max-width: 1200px) {
    .pornstarsList .pornstarsItem {
        width: 24.6%;
    }
    .channelCover,
    .pornstarCover {
        width: 100%;
        position: relative;
        min-height: 150px;
    }
    .channelSection,
    .pornstarSection {
        top: 40%;
    }
    .channelCover .avatarHolder img,
    .pornstarCover .avatarHolder img {
        max-height: 150px;
    }
}
@media screen and (max-width: 992px) {
    .channelSection,
    .pornstarSection {
        top: 25%;
    }
    .channelContainer .mainContent,
    .pornstarContainer .mainContent {
        width: 100%;
    }
    .channelContainer .sideBar,
    .pornstarContainer .sideBar {
        margin-top: 0;
    }
    .channelCover .avatarHolder img,
    .pornstarCover .avatarHolder img {
        max-height: 134px;
    }
    .pornstarsList .pornstarsItem {
        width: 32.8%;
    }
}
@media screen and (max-width: 550px) {
    .pornstarsList .pornstarsItem {
        width: 49.6%;
    }
    .channelCover,
    .pornstarCover {
        min-height: 134px;
    }
    .channelCover .coverImg,
    .pornstarCover .coverImg {
        display: none;
    }
    .channelSection,
    .pornstarSection {
        top: 15%;
        position: relative;
        float: left;
    }
    .channelCover .avatarHolder,
    .pornstarCover .avatarHolder {
        width: 100%;
        left: 0;
    }
    img.centerImage {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .channelCover .avatarHolder img,
    .pornstarCover .avatarHolder img {
        width: 134px;
        height: 134px;
    }
    
    .pornstarCover .name h1 {
        font-size: 18px;
        text-align: center;
        padding: 2px;
        margin-top: 10px;
    }
}
.albumList {
    display: block;
    width: 100%;
    padding: 0 0;
    float: left;
}
.albumList .album-photos {
    position: absolute;
    bottom: 5px;
    left: 5px;
    border: none;
    background-color: rgba(0, 0, 0, 0.85);
    color: #fff;
    padding: 2px 3px;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.15);
}
.albumList .albumItem {
    width: 12.1%;
    margin: 0.1% 0.2% 0.6% 0.2%;
    position: relative;
    display: block;
    float: left;
    vertical-align: top;
}
.albumList .albumItem .thumb-overlay {
    width: 100%;
    max-height: auto !important;
    height: auto !important;
    padding-bottom: 145%;
}
.albumList .albumItem .thumb-overlay img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.albumList .albumItem ul {
    height: 15px;
    line-height: 20px;
    padding: 0;
    color: #959595;
    text-align: left;
    list-style: none;
}
.albumList .albumItem ul li {
    display: inline-block;
    overflow: hidden;
    padding: 0 0;
    color: #959595;
    font-weight: 400;
    white-space: nowrap;
}
.albumList a {
    color: #000;
    font-weight: 600;
    text-decoration: none;
    font-size: 1em !important;
}
.albumList img {
    border-radius: 0;
}
body.black .albumList a {
    color: #fff;
    text-decoration: none;
    font-size: 1em !important;
}
.albumList a:hover {
    color: #ee6498;
}
.albumPhoto .favoritePhoto {
    display: none;
    position: absolute;
    width: 24px;
    height: 24px;
    right: 4px;
    top: 4px;
    z-index: 1;
    background: url(../img/favoritePhoto.png);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    opacity: 0.6;
}
.albumPhoto .favoritePhoto:hover {
    opacity: 1;
}
@media screen and (max-width: 1200px) {
    .albumList .albumItem {
        width: 24.6%;
    }
}
@media screen and (max-width: 992px) {
    .albumList .albumItem {
        width: 32.8%;
    }
}
@media screen and (max-width: 550px) {
    .albumList .albumItem {
        width: 49.6%;
    }
}
.alpha {
    width: 100%;
    float: left;
}
.alpha-letter {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 14px;
    float: left;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    margin: 3px;
    padding: 5px 10px;
    background: #ddd;
    border-radius: 4px;
    color: #333;
    display: block;
}
.alpha .active {
    background: #ee6498;
    color: #fff;
}
.tagList {
    display: block;
    width: 100%;
    padding: 0 0;
}
.tagList .tagItem {
    width: 19.6%;
    margin: 0.1% 0.2% 0.6% 0.2%;
    position: relative;
    display: block;
    float: left;
    vertical-align: top;
}
.tagList .tagItem .tagCount {
    float: right;
    color: 333;
    margin-right: 10px;
    padding-left: 10px;
}
.tagList .tagUrl {
    float: left;
    width: calc(100% - 100px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tagList .tagUrl a {
    color: #000;
    font-weight: 600;
    text-decoration: none;
    font-size: 0.9em !important;
}
body.black .tagList a {
    color: #fff;
    text-decoration: none;
    font-size: 1em !important;
}
.tagList a:hover {
    color: #ee6498;
}
@media screen and (max-width: 1200px) {
    .tagList .tagItem {
        width: 19.6%;
    }
}
@media screen and (max-width: 992px) {
    .tagList .tagItem {
        width: 32.8%;
    }
}
@media screen and (max-width: 550px) {
    .tagList .tagItem {
        width: 49.6%;
    }
}
@media (min-width: 769px) {
    .nav-main {
        transition: transform 0s ease-out !important;
        transform: translateX(-100%) !important;
    }
	body.nav-open {
        overflow: visible;
    }
    .headerWrap {
        padding: 10px 0;
    }
}
body.nav-open {
    overflow: hidden;
}
body.nav-open .nav-toggle--left .nav-toggle__link {
    background: 0 0;
}
body.nav-open .nav-toggle--left .nav-toggle__link i:before {
    content: "\e914";
}
body.nav-open .nav-main {
    transition: transform 0.3s ease-out;
    transform: translateX(0);
}
.nav-toggle {
    font-size: 2.2rem;
    margin-right: auto;
    width: 3rem;
    height: 6rem;
    position: relative;
    padding: 0.5rem 0 0.5rem 0.5rem;
}
.nav-toggle--right {
    margin-left: auto;
    margin-right: 0;
    order: 3;
}
.nav-toggle--left {
    margin-left: 0;
    margin-right: 0;
    order: 3;
}
@media all and (min-width: 769px) {
    .nav-toggle {
        display: none;
    }
}
.nav-toggle__link {
    text-decoration: none;
    display: block;
    text-align: right;
    transition: all 0.2s ease-out;
    position: relative;
	font-size: 20px;
    z-index: 2000;
    height: 4rem;
    width: auto;
    padding: 12px 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
}
.nav-toggle__link.closeSearch {
    padding: 10px 0;
	margin: 0 8px 0 10px;
}
.nav-toggle__link:hover, .nav-toggle__link:focus {
	color: inherit;
}
.nav-toggle__link i {
    display: block;
}
body.black .nav-toggle__link {
    color: #fff;
}
.nav-main {
    background: #f5f5f5;
    position: fixed;
    top: 5.8rem;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10001;
    transform: translateX(-100%);
}
body.black .nav-main {
    background: #202020;
}
.ico-menu {
    font-family: "Font Awesome 5 Free";
    display: inline-block !important;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-weight: 900;
}
.ico-menu:before {
    content: "\f0c9";
}
body.nav-open .nav-toggle--left .nav-toggle__link i::before {
    content: "\f00d";
}
.nav-main__content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    z-index: 10001;
    width: 100%;
    height: 100%;
    flex: 1 1 100%;
    max-width: 1520px;
    margin: auto;
}
.nav-main__content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.nav-main__content > .loginButtons {
    list-style: none;
    text-align: center;
}
.nav-main__content > .loginButtons > a.pUrl {
    margin: 0;
    border-radius: 15px;
    padding: 5px 30px;
    line-height: 22px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
}
.nav-main__content > .loginButtons > a.menuItem-signup {
    color: #fff;
    background-color: #ee6498;
}
.nav-main__content > .loginButtons > a.menuItem-login {
    background-color: #fff;
}
@media all and (min-width: 769px) {
    .nav-main__content {
        width: 100%;
        flex-direction: row;
        margin-bottom: 0.5rem;
        padding: 0 0.5rem;
    }
}
.nav-main__links {
    width: 100%;
    order: 3;
    overflow: auto;
    flex: 1;
}
@media all and (min-width: 769px) {
    .nav-main__links {
        order: 1;
        width: auto;
        display: flex;
    }
}
.nav-main__item {
    display: block;
}
@media all and (min-width: 769px) {
    .nav-main__item {
        width: auto;
    }
}
.nav-main__item.active a {
    background: rgba(255, 255, 255, 0.1);
}
.nav-main__item a {
    display: block;
    text-decoration: none;
    padding: 1rem 1.75rem;
    color: #333;
    font-weight: 500;
    font-size: 1.8rem;
    text-transform: uppercase;
    transition: all 0.3s ease-out;
    white-space: nowrap;
    border-bottom: 2px transparent solid;
}
@media all and (min-width: 769px) {
    .nav-main__item a {
        font-size: 1.4rem;
    }
}
@media all and (min-width: 769px) {
    .nav-main__item a:hover {
        background: #26373f;
        border-bottom: 2px #ff9801 solid;
    }
}
@media all and (min-width: 769px) {
    .nav-main__item a i:not(.ico-home) {
        float: none;
        display: block;
        font-size: 1.6rem;
    }
}
.nav-main__item--highlight {
    width: 100%;
}
.nav-main__item--highlight a {
    color: #ff9801;
}
.slColumn {
    overflow: hidden;
    margin: 40px auto 60px;
    max-width: 980px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.slColumn .column {
    min-width: 360px;
    background: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}
.slColumn .column .holder legend {
    border: none !important;
    text-align: center;
}
body.black .slColumn .column {
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #333;
}
.slColumn .column .holder {
    width: 100%;
    padding: 18px 38px 20px;
}
.slColumn .infoColumn {
    background: 0 0;
    color: #000;
    padding: 47px 0 0 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 18px;
    max-width: 600px;
    width: 100%;
}
.slColumn .infoColumn h1 {
    text-transform: uppercase;
    margin-bottom: 20px;
}
.slColumn .infoColumn i {
    font-size: 24px;
}
.slColumn .infoColumn li {
    margin-bottom: 15px;
}
body.black .slColumn .infoColumn {
    color: #fff !important;
}
@media screen and (max-width: 992px) {
    .slColumn .infoColumn {
        padding: 87px 10px 0 30px;
    }
}
@media screen and (max-width: 768px) {
    .slColumn {
        display: table;
        table-layout: fixed;
        width: 100%;
    }
    .slColumn .infoColumn {
        padding: 20px !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
    .slColumn .column {
        width: 100%;
    }
}
.categoryItem {
    float: left;
    margin-bottom: 10px;
}
.categoryItem .categoryLabel .categoryLabelText {
    margin-top: 1px;
    margin-left: 10px;
}
form .popupFilter-popup::after {
    position: absolute;
    content: "";
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 10px solid #e21725;
    left: 45%;
    bottom: -10px;
    z-index: 10000;
}
form .popupFilter-popup {
    position: absolute;
    width: 90%;
    height: 282px !important;
    left: 5%;
    bottom: 55px;
    z-index: 999;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
form .popupFilter-popup .button-group {
    overflow-y: scroll;
    overflow-x: hidden;
    position: absolute;
    top: 8px;
    left: 8px;
    bottom: 38px;
    right: 8px;
}
form .popupFilter-popup .button-group .item {
    display: inline-block;
    width: 32%;
    padding-bottom: 10px;
    vertical-align: top;
}
form .popupFilter-popup .button-group .item input[type="checkbox"] {
    display: none;
}
form .popupFilter-popup .button-group .item label {
    color: #000;
    margin: 0 15px 0 0;
    cursor: pointer;
}
form .popupFilter-popup .filter {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    background: #bcbcbc;
    border: none;
}
form .popupFilter-popup .filter input {
    width: 100%;
    height: 100%;
    padding: 2px 10px;
    border: none;
    background: #f5f5f5;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn-full-width {
    position: relative;
    width: 100%;
    border: 0;
    font-size: 15px;
    text-align: center;
    line-height: 20px;
    padding: 10px 24px;
    background: #ee6498;
    color: #fff;
    overflow: visible;
    text-decoration: none;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.btn-full-width:hover {
    background: #db5d8c !important;
    color: #fff !important;
    text-decoration: none;
}
.input-left {
    float: left;
    width: 100%;
}
.video_tags {
    margin-top: 6px;
}
.video_tags .single-tag {
    float: left;
    color: #000;
    background: #fff;
    border: 1px solid #000;
    border-radius: 15px;
    padding: 4px 6px;
    margin: 0 4px 4px 0;
    font-weight: 400;
    transition: all 0.2s linear;
}
body.black .video_tags .single-tag {
    float: left;
    color: #dadada;
    background: 0 0;
    border: 1px solid #dadada;
    border-radius: 15px;
    padding: 4px 6px;
    margin: 0 4px 4px 0;
    font-weight: 400;
    transition: all 0.2s linear;
}
.video_tags .single-tag .tag-remove {
    color: #000;
    padding-right: 3px;
    font-size: 0.9em;
    cursor: pointer;
}
.video_tags .single-tag .tag-remove {
    color: #dadada;
}
#image-list {
    margin-top: 20px;
}
#image-holder {
    list-style: none;
    margin: 0 5px;
    padding: 0;
}
#image-holder li {
    display: none;
    float: left;
    width: 100%;
    padding: 5px 5px 5px 0;
    vertical-align: 0;
    font-size: 12px;
    border-bottom: solid 1px #444;
}
#image-holder .btn {
    float: right;
    padding: 2px 12px !important;
    font-size: 12px !important;
}
#image-holder .btn-round {
    border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    -moz--border-radius: 50% !important;
    font-size: 12px !important;
    height: 20px !important;
    padding: 0 !important;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px !important;
}
.album_tags {
    margin-top: 6px;
}
.album_tags .single-tag {
    float: left;
    color: #000;
    background: #fff;
    border: 1px solid #000;
    border-radius: 15px;
    padding: 4px 6px;
    margin: 0 4px 4px 0;
    font-weight: 400;
    transition: all 0.2s linear;
}
body.black .album_tags .single-tag {
    float: left;
    color: #dadada;
    background: 0 0;
    border: 1px solid #dadada;
    border-radius: 15px;
    padding: 4px 6px;
    margin: 0 4px 4px 0;
    font-weight: 400;
    transition: all 0.2s linear;
}
.album_tags .single-tag .tag-remove {
    color: #000;
    padding-right: 3px;
    font-size: 0.9em;
    cursor: pointer;
}
.album_tags .single-tag .tag-remove {
    color: #dadada;
}
.profile {
    width: 100%;
    background: #fafafa;
    padding: 5px;
    float: none !important;
    display: table-header-group;
}
.profileSmall {
    top: -0.5em;
    padding: 30px 0 0 20px;
}
body.black .profile {
    background: #151719;
}
.profileSmallContent {
    width: 100%;
}
.profile .avatar {
    position: relative;
    float: left;
    width: 150px;
    height: 150px;
}
.profile .avatar img {
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 10px;
}
.profile .avatarSmall {
    position: relative;
    float: left;
    width: 80px;
    height: 80px;
}
.profile .avatarSmall img {
    border-radius: 50%;
    position: relative;
}
.profile .userInfoBlock {
    float: left;
    width: 100%;
    padding: 0 0 5px 10px;
}
.profile .userInfoBlockSmall {
    padding: 30px 0 5px 20px;
}
.profile .userInfoBlock .userName {
    width: calc(100% - 200px);
    position: relative;
    float: left;
    margin-top: 48px;
    margin-left: 20px;
}
.profile .userInfoBlock .userNameSmall {
    width: calc(100% - 200px);
    position: relative;
    float: left;
    margin-top: 38px;
    margin-bottom: 10px;
    margin-left: 20px;
}
.profile .userInfoBlock .profileButtons {
    width: calc(100% - 200px);
    position: relative;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    bottom: 0;
}
.profile .userInfoBlock .userProfileMenu {
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 6px;
    margin-top: 20px;
    bottom: 0;
}
.profile .userInfoBlock .userProfileMenu ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}
.profile .userInfoBlock .userProfileMenu ul li {
    position: relative;
    float: left;
}
.profile .userInfoBlock .userProfileMenu ul li a {
    padding: 10px 20px;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}
.profile .userInfoBlock .userProfileMenu ul li a:hover {
    color: #ee6498;
}
.profile .userInfoBlock .userProfileMenu ul li a.active {
    color: #ee6498;
    border-bottom: 2px solid #ee6498;
}
.profile .userInfoBlock h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 600;
    margin: 0;
    float: left;
}
.profileContainer {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.myProfileContainer {
    margin-top: -0.5em;
}
.profileContainerSmall {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.profileContainer .sideBar {
    border-right: 0;
}
.profileContainer .mainContent {
    margin-top: 10px;
}
.profileContainerSmall .mainContent {
    margin-top: 35px;
}
.profileContainer .panel {
    border: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.profileContainer .panel-default > .panel-heading {
    color: #000;
    background: #fff !important;
    border-bottom: 0;
    padding: 10px 15px;
}
body.black .profileContainer .panel-default > .panel-heading {
    color: #dadada;
    background: #151719 !important;
}
.profileContainer .panel-default > .panel-heading h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
    font-weight: 600;
    text-transform: uppercase;
    color: #333;
    float: left;
    margin-top: 10px;
    margin-bottom: 0;
}
body.black .profileContainer .panel-default > .panel-heading h2 {
    color: #dadada;
}
.profileContainer .panel-default > .panel-heading h2 i {
    margin-right: 5px;
    color: #ee6498;
}
.userInfo {
    margin-top: 35px;
}
.userInfo p {
    margin: 0.25em 0.75em;
    line-height: 150%;
    font-size: 1.2em;
    font-weight: 600;
    word-wrap: break-word;
    clear: both;
}
.userInfo p span {
    font-size: 0.85em;
    color: #333;
    display: block;
    font-weight: 400;
}
@media screen and (max-width: 992px) {
    .profile .avatar {
        width: 100%;
        margin: 10px 0 5px 0;
    }
    .profile .avatar img {
        position: relative;
        top: 0;
        max-width: 150px;
        margin: 0 auto;
    }
    .profile .userInfoBlock {
        padding: 0 0 5px 0;
    }
    .profile .userInfoBlock .userName {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }
    .profile .avatarSmall {
        width: 100%;
        margin: 10px 0 5px 0;
    }
    .profile .avatarSmall img {
        position: relative;
        top: 0;
        max-width: 100px;
        margin: 0 auto;
    }
    .profile .userInfoBlock .userNameSmall {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }
    .profile .userInfoBlock .profileButtons {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
    .profile .userInfoBlock .userName h1 {
        width: 100%;
        margin: 0;
        text-align: center;
    }
    .profile .userInfoBlock .userNameSmall h1 {
        width: 100%;
        margin: 0;
        text-align: center;
    }
    .profileContainer h2 {
        text-align: center;
    }
    .profileContainer .videoList .videoItem {
        width: 49%;
    }
    .profile .userInfoBlock .userProfileMenu {
        width: 100%;
        margin-left: 0;
    }
    .profile .userInfoBlock .userProfileMenu ul li {
        width: 100%;
    }
    .profile .userInfoBlock .userProfileMenu ul li a {
        float: left;
        width: 100%;
        text-align: center;
    }
}
.pageError {
    padding: 10px;
    background: 0 0;
    color: #dc2051;
    border: 1px solid #dc2051;
    font-size: 25px;
    line-height: 34px;
    text-align: center;
    margin: 20px 0 10px 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.tag-item {
    float: left;
    padding: 8px 15px;
    height: 32px;
}
.tag-item i {
    font-size: 10px;
    color: #4c4f52;
}
.tag-counter {
    font-size: 14px;
    color: #4c4f52;
}
.tag-heading {
    margin-top: 15px;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    background-color: #1c1c1c;
    border-radius: 4px;
}
*[class^="iconoir-"]::before,
*[class*=" iconoir-"]::before {
    content: " ";
    display: block;
    background: currentColor;
    mask-size: cover;
    -webkit-mask-size: cover;
    width: 1.1em;
    height: 1.1em;
}
*[class^="iconoir-"],
*[class*=" iconoir-"] {
    display: inline-block;
    vertical-align: -15%;
}
.iconoir-camera::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 19V9C2 7.89543 2.89543 7 4 7H4.5C5.12951 7 5.72229 6.70361 6.1 6.2L8.32 3.24C8.43331 3.08892 8.61115 3 8.8 3H15.2C15.3889 3 15.5667 3.08892 15.68 3.24L17.9 6.2C18.2777 6.70361 18.8705 7 19.5 7H20C21.1046 7 22 7.89543 22 9V19C22 20.1046 21.1046 21 20 21H4C2.89543 21 2 20.1046 2 19Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 17C14.2091 17 16 15.2091 16 13C16 10.7909 14.2091 9 12 9C9.79086 9 8 10.7909 8 13C8 15.2091 9.79086 17 12 17Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 19V9C2 7.89543 2.89543 7 4 7H4.5C5.12951 7 5.72229 6.70361 6.1 6.2L8.32 3.24C8.43331 3.08892 8.61115 3 8.8 3H15.2C15.3889 3 15.5667 3.08892 15.68 3.24L17.9 6.2C18.2777 6.70361 18.8705 7 19.5 7H20C21.1046 7 22 7.89543 22 9V19C22 20.1046 21.1046 21 20 21H4C2.89543 21 2 20.1046 2 19Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 17C14.2091 17 16 15.2091 16 13C16 10.7909 14.2091 9 12 9C9.79086 9 8 10.7909 8 13C8 15.2091 9.79086 17 12 17Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-user::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 20V19C5 15.134 8.13401 12 12 12V12C15.866 12 19 15.134 19 19V20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 20V19C5 15.134 8.13401 12 12 12V12C15.866 12 19 15.134 19 19V20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 12C14.2091 12 16 10.2091 16 8C16 5.79086 14.2091 4 12 4C9.79086 4 8 5.79086 8 8C8 10.2091 9.79086 12 12 12Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-eye-empty::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 12C19.1114 14.991 15.7183 18 12 18C8.2817 18 4.88856 14.991 3 12C5.29855 9.15825 7.99163 6 12 6C16.0084 6 18.7015 9.1582 21 12Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 12C19.1114 14.991 15.7183 18 12 18C8.2817 18 4.88856 14.991 3 12C5.29855 9.15825 7.99163 6 12 6C16.0084 6 18.7015 9.1582 21 12Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-heart::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 8.86222C22 10.4087 21.4062 11.8941 20.3458 12.9929C17.9049 15.523 15.5374 18.1613 13.0053 20.5997C12.4249 21.1505 11.5042 21.1304 10.9488 20.5547L3.65376 12.9929C1.44875 10.7072 1.44875 7.01723 3.65376 4.73157C5.88044 2.42345 9.50794 2.42345 11.7346 4.73157L11.9998 5.00642L12.2648 4.73173C13.3324 3.6245 14.7864 3 16.3053 3C17.8242 3 19.2781 3.62444 20.3458 4.73157C21.4063 5.83045 22 7.31577 22 8.86222Z" stroke="currentColor" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M22 8.86222C22 10.4087 21.4062 11.8941 20.3458 12.9929C17.9049 15.523 15.5374 18.1613 13.0053 20.5997C12.4249 21.1505 11.5042 21.1304 10.9488 20.5547L3.65376 12.9929C1.44875 10.7072 1.44875 7.01723 3.65376 4.73157C5.88044 2.42345 9.50794 2.42345 11.7346 4.73157L11.9998 5.00642L12.2648 4.73173C13.3324 3.6245 14.7864 3 16.3053 3C17.8242 3 19.2781 3.62444 20.3458 4.73157C21.4063 5.83045 22 7.31577 22 8.86222Z" stroke="currentColor" stroke-linejoin="round"/></svg>');
}
.iconoir-heart-o::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 8.86222C22 10.4087 21.4062 11.8941 20.3458 12.9929C17.9049 15.523 15.5374 18.1613 13.0053 20.5997C12.4249 21.1505 11.5042 21.1304 10.9488 20.5547L3.65376 12.9929C1.44875 10.7072 1.44875 7.01723 3.65376 4.73157C5.88044 2.42345 9.50794 2.42345 11.7346 4.73157L11.9998 5.00642L12.2648 4.73173C13.3324 3.6245 14.7864 3 16.3053 3C17.8242 3 19.2781 3.62444 20.3458 4.73157C21.4063 5.83045 22 7.31577 22 8.86222Z" stroke="currentColor" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 8.86222C22 10.4087 21.4062 11.8941 20.3458 12.9929C17.9049 15.523 15.5374 18.1613 13.0053 20.5997C12.4249 21.1505 11.5042 21.1304 10.9488 20.5547L3.65376 12.9929C1.44875 10.7072 1.44875 7.01723 3.65376 4.73157C5.88044 2.42345 9.50794 2.42345 11.7346 4.73157L11.9998 5.00642L12.2648 4.73173C13.3324 3.6245 14.7864 3 16.3053 3C17.8242 3 19.2781 3.62444 20.3458 4.73157C21.4063 5.83045 22 7.31577 22 8.86222Z" stroke="currentColor" stroke-linejoin="round"/></svg>');
}
.iconoir-calendar::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 4V2M15 4V6M15 4H10.5M3 10V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V10H3Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 10V6C3 4.89543 3.89543 4 5 4H7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 2V6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 10V6C21 4.89543 20.1046 4 19 4H18.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 4V2M15 4V6M15 4H10.5M3 10V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V10H3Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 10V6C3 4.89543 3.89543 4 5 4H7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 2V6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 10V6C21 4.89543 20.1046 4 19 4H18.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-multi-bubble::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 22C10.5376 22 13 19.5376 13 16.5C13 13.4624 10.5376 11 7.5 11C4.46243 11 2 13.4624 2 16.5C2 17.5018 2.26783 18.441 2.7358 19.25L2.275 21.725L4.75 21.2642C5.55898 21.7322 6.49821 22 7.5 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.2824 17.8978C16.2587 17.7405 17.1758 17.4065 18 16.9297L21.6 17.6L20.9297 14C21.6104 12.8233 22 11.4571 22 10C22 5.58172 18.4183 2 14 2C9.97262 2 6.64032 4.97598 6.08221 8.84884" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 22C10.5376 22 13 19.5376 13 16.5C13 13.4624 10.5376 11 7.5 11C4.46243 11 2 13.4624 2 16.5C2 17.5018 2.26783 18.441 2.7358 19.25L2.275 21.725L4.75 21.2642C5.55898 21.7322 6.49821 22 7.5 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.2824 17.8978C16.2587 17.7405 17.1758 17.4065 18 16.9297L21.6 17.6L20.9297 14C21.6104 12.8233 22 11.4571 22 10C22 5.58172 18.4183 2 14 2C9.97262 2 6.64032 4.97598 6.08221 8.84884" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-thumbs-down::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.4724 3.5H4.1C3.76863 3.5 3.5 3.76863 3.5 4.1V13.9C3.5 14.2314 3.76863 14.5 4.1 14.5H6.86762C7.57015 14.5 8.22116 14.8686 8.5826 15.471L11.293 19.9884C11.8779 20.9631 13.2554 21.0558 13.9655 20.1681C14.3002 19.7497 14.4081 19.1937 14.2541 18.6804L13.2317 15.2724C13.1162 14.8874 13.4045 14.5 13.8064 14.5H18.3815C19.7002 14.5 20.658 13.246 20.311 11.9738L18.4019 4.97376C18.1646 4.10364 17.3743 3.5 16.4724 3.5Z" stroke="currentColor" stroke-linecap="round"/><path d="M7 14.5L7 3.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.4724 3.5H4.1C3.76863 3.5 3.5 3.76863 3.5 4.1V13.9C3.5 14.2314 3.76863 14.5 4.1 14.5H6.86762C7.57015 14.5 8.22116 14.8686 8.5826 15.471L11.293 19.9884C11.8779 20.9631 13.2554 21.0558 13.9655 20.1681C14.3002 19.7497 14.4081 19.1937 14.2541 18.6804L13.2317 15.2724C13.1162 14.8874 13.4045 14.5 13.8064 14.5H18.3815C19.7002 14.5 20.658 13.246 20.311 11.9738L18.4019 4.97376C18.1646 4.10364 17.3743 3.5 16.4724 3.5Z" stroke="currentColor" stroke-linecap="round"/><path d="M7 14.5L7 3.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-thumbs-up::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.4724 20H4.1C3.76863 20 3.5 19.7314 3.5 19.4V9.6C3.5 9.26863 3.76863 9 4.1 9H6.86762C7.57015 9 8.22116 8.6314 8.5826 8.02899L11.293 3.51161C11.8779 2.53688 13.2554 2.44422 13.9655 3.33186C14.3002 3.75025 14.4081 4.30635 14.2541 4.81956L13.2317 8.22759C13.1162 8.61256 13.4045 9 13.8064 9H18.3815C19.7002 9 20.658 10.254 20.311 11.5262L18.4019 18.5262C18.1646 19.3964 17.3743 20 16.4724 20Z" stroke="currentColor" stroke-linecap="round"/><path d="M7 20L7 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.4724 20H4.1C3.76863 20 3.5 19.7314 3.5 19.4V9.6C3.5 9.26863 3.76863 9 4.1 9H6.86762C7.57015 9 8.22116 8.6314 8.5826 8.02899L11.293 3.51161C11.8779 2.53688 13.2554 2.44422 13.9655 3.33186C14.3002 3.75025 14.4081 4.30635 14.2541 4.81956L13.2317 8.22759C13.1162 8.61256 13.4045 9 13.8064 9H18.3815C19.7002 9 20.658 10.254 20.311 11.5262L18.4019 18.5262C18.1646 19.3964 17.3743 20 16.4724 20Z" stroke="currentColor" stroke-linecap="round"/><path d="M7 20L7 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-thumbs-o-down::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M16.4724 3.5H4.1C3.76863 3.5 3.5 3.76863 3.5 4.1V13.9C3.5 14.2314 3.76863 14.5 4.1 14.5H6.86762C7.57015 14.5 8.22116 14.8686 8.5826 15.471L11.293 19.9884C11.8779 20.9631 13.2554 21.0558 13.9655 20.1681C14.3002 19.7497 14.4081 19.1937 14.2541 18.6804L13.2317 15.2724C13.1162 14.8874 13.4045 14.5 13.8064 14.5H18.3815C19.7002 14.5 20.658 13.246 20.311 11.9738L18.4019 4.97376C18.1646 4.10364 17.3743 3.5 16.4724 3.5Z" stroke="currentColor" stroke-linecap="round"/><path d="M7 14.5L7 3.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M16.4724 3.5H4.1C3.76863 3.5 3.5 3.76863 3.5 4.1V13.9C3.5 14.2314 3.76863 14.5 4.1 14.5H6.86762C7.57015 14.5 8.22116 14.8686 8.5826 15.471L11.293 19.9884C11.8779 20.9631 13.2554 21.0558 13.9655 20.1681C14.3002 19.7497 14.4081 19.1937 14.2541 18.6804L13.2317 15.2724C13.1162 14.8874 13.4045 14.5 13.8064 14.5H18.3815C19.7002 14.5 20.658 13.246 20.311 11.9738L18.4019 4.97376C18.1646 4.10364 17.3743 3.5 16.4724 3.5Z" stroke="currentColor" stroke-linecap="round"/><path d="M7 14.5L7 3.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-thumbs-o-up::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M16.4724 20H4.1C3.76863 20 3.5 19.7314 3.5 19.4V9.6C3.5 9.26863 3.76863 9 4.1 9H6.86762C7.57015 9 8.22116 8.6314 8.5826 8.02899L11.293 3.51161C11.8779 2.53688 13.2554 2.44422 13.9655 3.33186C14.3002 3.75025 14.4081 4.30635 14.2541 4.81956L13.2317 8.22759C13.1162 8.61256 13.4045 9 13.8064 9H18.3815C19.7002 9 20.658 10.254 20.311 11.5262L18.4019 18.5262C18.1646 19.3964 17.3743 20 16.4724 20Z" stroke="currentColor" stroke-linecap="round"/><path d="M7 20L7 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M16.4724 20H4.1C3.76863 20 3.5 19.7314 3.5 19.4V9.6C3.5 9.26863 3.76863 9 4.1 9H6.86762C7.57015 9 8.22116 8.6314 8.5826 8.02899L11.293 3.51161C11.8779 2.53688 13.2554 2.44422 13.9655 3.33186C14.3002 3.75025 14.4081 4.30635 14.2541 4.81956L13.2317 8.22759C13.1162 8.61256 13.4045 9 13.8064 9H18.3815C19.7002 9 20.658 10.254 20.311 11.5262L18.4019 18.5262C18.1646 19.3964 17.3743 20 16.4724 20Z" stroke="currentColor" stroke-linecap="round"/><path d="M7 20L7 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-cloud-upload::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 22V13M12 13L15.5 16.5M12 13L8.5 16.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 17.6073C21.4937 17.0221 23 15.6889 23 13C23 9 19.6667 8 18 8C18 6 18 2 12 2C6 2 6 6 6 8C4.33333 8 1 9 1 13C1 15.6889 2.50628 17.0221 4 17.6073" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 22V13M12 13L15.5 16.5M12 13L8.5 16.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 17.6073C21.4937 17.0221 23 15.6889 23 13C23 9 19.6667 8 18 8C18 6 18 2 12 2C6 2 6 6 6 8C4.33333 8 1 9 1 13C1 15.6889 2.50628 17.0221 4 17.6073" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-cloud::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4C6 4 6 8 6 10C4.33333 10 1 11 1 15C1 19 4.33333 20 6 20H18C19.6667 20 23 19 23 15C23 11 19.6667 10 18 10C18 8 18 4 12 4Z" stroke="currentColor" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 4C6 4 6 8 6 10C4.33333 10 1 11 1 15C1 19 4.33333 20 6 20H18C19.6667 20 23 19 23 15C23 11 19.6667 10 18 10C18 8 18 4 12 4Z" stroke="currentColor" stroke-linejoin="round"/></svg>');
}
.iconoir-warning-circle::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 7L12 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 17.01L12.01 16.9989" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 7L12 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 17.01L12.01 16.9989" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-plus::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12H12M18 12H12M12 12V6M12 12V18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12H12M18 12H12M12 12V6M12 12V18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-sort-down::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 10L2 10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 14H2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 18H2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 6L2 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 10V20M19 20L22 17M19 20L16 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 10L2 10" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 14H2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 18H2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 6L2 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 10V20M19 20L22 17M19 20L16 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-sort-up::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 14L2 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 10H2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 6H2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 18H2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 14V4M19 4L22 7M19 4L16 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 14L2 14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 10H2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 6H2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 18H2" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 14V4M19 4L22 7M19 4L16 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-attachment::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.4383 11.6622L12.2483 20.8522C11.1225 21.9781 9.59552 22.6106 8.00334 22.6106C6.41115 22.6106 4.88418 21.9781 3.75834 20.8522C2.63249 19.7264 2 18.1994 2 16.6072C2 15.015 2.63249 13.4881 3.75834 12.3622L12.9483 3.17222C13.6989 2.42166 14.7169 2 15.7783 2C16.8398 2 17.8578 2.42166 18.6083 3.17222C19.3589 3.92279 19.7806 4.94077 19.7806 6.00222C19.7806 7.06368 19.3589 8.08166 18.6083 8.83222L9.40834 18.0222C9.03306 18.3975 8.52406 18.6083 7.99334 18.6083C7.46261 18.6083 6.95362 18.3975 6.57834 18.0222C6.20306 17.6469 5.99222 17.138 5.99222 16.6072C5.99222 16.0765 6.20306 15.5675 6.57834 15.1922L15.0683 6.71222" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.4383 11.6622L12.2483 20.8522C11.1225 21.9781 9.59552 22.6106 8.00334 22.6106C6.41115 22.6106 4.88418 21.9781 3.75834 20.8522C2.63249 19.7264 2 18.1994 2 16.6072C2 15.015 2.63249 13.4881 3.75834 12.3622L12.9483 3.17222C13.6989 2.42166 14.7169 2 15.7783 2C16.8398 2 17.8578 2.42166 18.6083 3.17222C19.3589 3.92279 19.7806 4.94077 19.7806 6.00222C19.7806 7.06368 19.3589 8.08166 18.6083 8.83222L9.40834 18.0222C9.03306 18.3975 8.52406 18.6083 7.99334 18.6083C7.46261 18.6083 6.95362 18.3975 6.57834 18.0222C6.20306 17.6469 5.99222 17.138 5.99222 16.6072C5.99222 16.0765 6.20306 15.5675 6.57834 15.1922L15.0683 6.71222" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-more-horiz-circle::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 12.5C7.27614 12.5 7.5 12.2761 7.5 12C7.5 11.7239 7.27614 11.5 7 11.5C6.72386 11.5 6.5 11.7239 6.5 12C6.5 12.2761 6.72386 12.5 7 12.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 12.5C12.2761 12.5 12.5 12.2761 12.5 12C12.5 11.7239 12.2761 11.5 12 11.5C11.7239 11.5 11.5 11.7239 11.5 12C11.5 12.2761 11.7239 12.5 12 12.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 12.5C17.2761 12.5 17.5 12.2761 17.5 12C17.5 11.7239 17.2761 11.5 17 11.5C16.7239 11.5 16.5 11.7239 16.5 12C16.5 12.2761 16.7239 12.5 17 12.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 12.5C7.27614 12.5 7.5 12.2761 7.5 12C7.5 11.7239 7.27614 11.5 7 11.5C6.72386 11.5 6.5 11.7239 6.5 12C6.5 12.2761 6.72386 12.5 7 12.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 12.5C12.2761 12.5 12.5 12.2761 12.5 12C12.5 11.7239 12.2761 11.5 12 11.5C11.7239 11.5 11.5 11.7239 11.5 12C11.5 12.2761 11.7239 12.5 12 12.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 12.5C17.2761 12.5 17.5 12.2761 17.5 12C17.5 11.7239 17.2761 11.5 17 11.5C16.7239 11.5 16.5 11.7239 16.5 12C16.5 12.2761 16.7239 12.5 17 12.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-more-horiz::before{mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="3.5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12.5C20.2761 12.5 20.5 12.2761 20.5 12C20.5 11.7239 20.2761 11.5 20 11.5C19.7239 11.5 19.5 11.7239 19.5 12C19.5 12.2761 19.7239 12.5 20 12.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 12.5C12.2761 12.5 12.5 12.2761 12.5 12C12.5 11.7239 12.2761 11.5 12 11.5C11.7239 11.5 11.5 11.7239 11.5 12C11.5 12.2761 11.7239 12.5 12 12.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 12.5C4.27614 12.5 4.5 12.2761 4.5 12C4.5 11.7239 4.27614 11.5 4 11.5C3.72386 11.5 3.5 11.7239 3.5 12C3.5 12.2761 3.72386 12.5 4 12.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="3.5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 12.5C20.2761 12.5 20.5 12.2761 20.5 12C20.5 11.7239 20.2761 11.5 20 11.5C19.7239 11.5 19.5 11.7239 19.5 12C19.5 12.2761 19.7239 12.5 20 12.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 12.5C12.2761 12.5 12.5 12.2761 12.5 12C12.5 11.7239 12.2761 11.5 12 11.5C11.7239 11.5 11.5 11.7239 11.5 12C11.5 12.2761 11.7239 12.5 12 12.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 12.5C4.27614 12.5 4.5 12.2761 4.5 12C4.5 11.7239 4.27614 11.5 4 11.5C3.72386 11.5 3.5 11.7239 3.5 12C3.5 12.2761 3.72386 12.5 4 12.5Z" fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');}
.iconoir-white-flag::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 15L5.95039 4.54568C5.97849 4.23663 6.23761 4 6.54793 4H20.343C20.6958 4 20.9725 4.30295 20.9405 4.65432L20.0496 14.4543C20.0215 14.7634 19.7624 15 19.4521 15H5ZM5 15L4.4 21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 15L5.95039 4.54568C5.97849 4.23663 6.23761 4 6.54793 4H20.343C20.6958 4 20.9725 4.30295 20.9405 4.65432L20.0496 14.4543C20.0215 14.7634 19.7624 15 19.4521 15H5ZM5 15L4.4 21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-trash::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="2.0" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 9L18.005 20.3463C17.8369 21.3026 17.0062 22 16.0353 22H7.96474C6.99379 22 6.1631 21.3026 5.99496 20.3463L4 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 6L15.375 6M3 6L8.625 6M8.625 6V4C8.625 2.89543 9.52043 2 10.625 2H13.375C14.4796 2 15.375 2.89543 15.375 4V6M8.625 6L15.375 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="2.0" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 9L18.005 20.3463C17.8369 21.3026 17.0062 22 16.0353 22H7.96474C6.99379 22 6.1631 21.3026 5.99496 20.3463L4 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 6L15.375 6M3 6L8.625 6M8.625 6V4C8.625 2.89543 9.52043 2 10.625 2H13.375C14.4796 2 15.375 2.89543 15.375 4V6M8.625 6L15.375 6" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-clock::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 6L12 12L18 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 6L12 12L18 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-share-android::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 22C19.6569 22 21 20.6569 21 19C21 17.3431 19.6569 16 18 16C16.3431 16 15 17.3431 15 19C15 20.6569 16.3431 22 18 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 8C19.6569 8 21 6.65685 21 5C21 3.34315 19.6569 2 18 2C16.3431 2 15 3.34315 15 5C15 6.65685 16.3431 8 18 8Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 15C7.65685 15 9 13.6569 9 12C9 10.3431 7.65685 9 6 9C4.34315 9 3 10.3431 3 12C3 13.6569 4.34315 15 6 15Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.5 6.5L8.5 10.5" stroke="currentColor" stroke-width="2.0"/><path d="M8.5 13.5L15.5 17.5" stroke="currentColor" stroke-width="2.0"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 22C19.6569 22 21 20.6569 21 19C21 17.3431 19.6569 16 18 16C16.3431 16 15 17.3431 15 19C15 20.6569 16.3431 22 18 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 8C19.6569 8 21 6.65685 21 5C21 3.34315 19.6569 2 18 2C16.3431 2 15 3.34315 15 5C15 6.65685 16.3431 8 18 8Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 15C7.65685 15 9 13.6569 9 12C9 10.3431 7.65685 9 6 9C4.34315 9 3 10.3431 3 12C3 13.6569 4.34315 15 6 15Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.5 6.5L8.5 10.5" stroke="currentColor" stroke-width="2.0"/><path d="M8.5 13.5L15.5 17.5" stroke="currentColor" stroke-width="2.0"/></svg>');
}
.iconoir-nav-arrow-down::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9L12 15L18 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-nav-arrow-up::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 15L12 9L18 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 15L12 9L18 15" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-nav-arrow-left::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 6L9 12L15 18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 6L9 12L15 18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-nav-arrow-right::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 6L15 12L9 18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 6L15 12L9 18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-arrow-left::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="2.5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 12L3 12M3 12L11.5 3.5M3 12L11.5 20.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="2.5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 12L3 12M3 12L11.5 3.5M3 12L11.5 20.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-arrow-right::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="2.5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 12L21 12M21 12L12.5 3.5M21 12L12.5 20.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="2.5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 12L21 12M21 12L12.5 3.5M21 12L12.5 20.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-search::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="2.5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 17L21 21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 11C3 15.4183 6.58172 19 11 19C13.213 19 15.2161 18.1015 16.6644 16.6493C18.1077 15.2022 19 13.2053 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="2.5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 17L21 21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 11C3 15.4183 6.58172 19 11 19C13.213 19 15.2161 18.1015 16.6644 16.6493C18.1077 15.2022 19 13.2053 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-female::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 15C15.3137 15 18 12.3137 18 9C18 5.68629 15.3137 3 12 3C8.68629 3 6 5.68629 6 9C6 12.3137 8.68629 15 12 15ZM12 15V19M12 21V19M12 19H10M12 19H14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 15C15.3137 15 18 12.3137 18 9C18 5.68629 15.3137 3 12 3C8.68629 3 6 5.68629 6 9C6 12.3137 8.68629 15 12 15ZM12 15V19M12 21V19M12 19H10M12 19H14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-network-alt::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="7" height="5" rx="0.6" transform="matrix(1 0 0 -1 3 22)" stroke="currentColor" stroke-width="2.0"/><rect width="7" height="5" rx="0.6" transform="matrix(1 0 0 -1 8.5 7)" stroke="currentColor" stroke-width="2.0"/><rect width="7" height="5" rx="0.6" transform="matrix(1 0 0 -1 14 22)" stroke="currentColor" stroke-width="2.0"/><path d="M6.5 17V13.5C6.5 12.3954 7.39543 11.5 8.5 11.5H15.5C16.6046 11.5 17.5 12.3954 17.5 13.5V17" stroke="currentColor" stroke-width="2.0"/><path d="M12 11.5V7" stroke="currentColor" stroke-width="2.0"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="7" height="5" rx="0.6" transform="matrix(1 0 0 -1 3 22)" stroke="currentColor" stroke-width="2.0"/><rect width="7" height="5" rx="0.6" transform="matrix(1 0 0 -1 8.5 7)" stroke="currentColor" stroke-width="2.0"/><rect width="7" height="5" rx="0.6" transform="matrix(1 0 0 -1 14 22)" stroke="currentColor" stroke-width="2.0"/><path d="M6.5 17V13.5C6.5 12.3954 7.39543 11.5 8.5 11.5H15.5C16.6046 11.5 17.5 12.3954 17.5 13.5V17" stroke="currentColor" stroke-width="2.0"/><path d="M12 11.5V7" stroke="currentColor" stroke-width="2.0"/></svg>');
}
.iconoir-network-reverse::before{mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="7" height="5" rx="0.6" transform="matrix(1 0 0 -1 3 22)" stroke="currentColor" stroke-width="1.5"/><rect width="7" height="5" rx="0.6" transform="matrix(1 0 0 -1 8.5 7)" stroke="currentColor" stroke-width="1.5"/><rect width="7" height="5" rx="0.6" transform="matrix(1 0 0 -1 14 22)" stroke="currentColor" stroke-width="1.5"/><path d="M6.5 17V13.5C6.5 12.3954 7.39543 11.5 8.5 11.5H15.5C16.6046 11.5 17.5 12.3954 17.5 13.5V17" stroke="currentColor" stroke-width="1.5"/><path d="M12 11.5V7" stroke="currentColor" stroke-width="1.5"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="7" height="5" rx="0.6" transform="matrix(1 0 0 -1 3 22)" stroke="currentColor" stroke-width="1.5"/><rect width="7" height="5" rx="0.6" transform="matrix(1 0 0 -1 8.5 7)" stroke="currentColor" stroke-width="1.5"/><rect width="7" height="5" rx="0.6" transform="matrix(1 0 0 -1 14 22)" stroke="currentColor" stroke-width="1.5"/><path d="M6.5 17V13.5C6.5 12.3954 7.39543 11.5 8.5 11.5H15.5C16.6046 11.5 17.5 12.3954 17.5 13.5V17" stroke="currentColor" stroke-width="1.5"/><path d="M12 11.5V7" stroke="currentColor" stroke-width="1.5"/></svg>');}
.iconoir-label::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 17.4V6.6C3 6.26863 3.26863 6 3.6 6H16.6789C16.8795 6 17.0668 6.10026 17.1781 6.26718L20.7781 11.6672C20.9125 11.8687 20.9125 12.1313 20.7781 12.3328L17.1781 17.7328C17.0668 17.8997 16.8795 18 16.6789 18H3.6C3.26863 18 3 17.7314 3 17.4Z" stroke="currentColor" stroke-width="2.0"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 17.4V6.6C3 6.26863 3.26863 6 3.6 6H16.6789C16.8795 6 17.0668 6.10026 17.1781 6.26718L20.7781 11.6672C20.9125 11.8687 20.9125 12.1313 20.7781 12.3328L17.1781 17.7328C17.0668 17.8997 16.8795 18 16.6789 18H3.6C3.26863 18 3 17.7314 3 17.4Z" stroke="currentColor" stroke-width="2.0"/></svg>');
}
.iconoir-twitter::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23 3.01006C23 3.01006 20.9821 4.20217 19.86 4.54006C19.2577 3.84757 18.4573 3.35675 17.567 3.13398C16.6767 2.91122 15.7395 2.96725 14.8821 3.29451C14.0247 3.62177 13.2884 4.20446 12.773 4.96377C12.2575 5.72309 11.9877 6.62239 12 7.54006V8.54006C10.2426 8.58562 8.50127 8.19587 6.93101 7.4055C5.36074 6.61513 4.01032 5.44869 3 4.01006C3 4.01006 -1 13.0101 8 17.0101C5.94053 18.408 3.48716 19.109 1 19.0101C10 24.0101 21 19.0101 21 7.51006C20.9991 7.23151 20.9723 6.95365 20.92 6.68006C21.9406 5.67355 23 3.01006 23 3.01006Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23 3.01006C23 3.01006 20.9821 4.20217 19.86 4.54006C19.2577 3.84757 18.4573 3.35675 17.567 3.13398C16.6767 2.91122 15.7395 2.96725 14.8821 3.29451C14.0247 3.62177 13.2884 4.20446 12.773 4.96377C12.2575 5.72309 11.9877 6.62239 12 7.54006V8.54006C10.2426 8.58562 8.50127 8.19587 6.93101 7.4055C5.36074 6.61513 4.01032 5.44869 3 4.01006C3 4.01006 -1 13.0101 8 17.0101C5.94053 18.408 3.48716 19.109 1 19.0101C10 24.0101 21 19.0101 21 7.51006C20.9991 7.23151 20.9723 6.95365 20.92 6.68006C21.9406 5.67355 23 3.01006 23 3.01006Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-facebook::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 2H14C12.6739 2 11.4021 2.52678 10.4645 3.46447C9.52678 4.40215 9 5.67392 9 7V10H6V14H9V22H13V14H16L17 10H13V7C13 6.73478 13.1054 6.48043 13.2929 6.29289C13.4804 6.10536 13.7348 6 14 6H17V2Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.0" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 2H14C12.6739 2 11.4021 2.52678 10.4645 3.46447C9.52678 4.40215 9 5.67392 9 7V10H6V14H9V22H13V14H16L17 10H13V7C13 6.73478 13.1054 6.48043 13.2929 6.29289C13.4804 6.10536 13.7348 6 14 6H17V2Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-menu::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 5H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 12H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 19H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 5H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 12H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 19H21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-sun-light::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 12L23 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 2V1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 23V22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 20L19 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 4L19 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 20L5 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 4L5 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 12L2 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 12L23 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 2V1" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 23V22" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 20L19 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 4L19 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 20L5 19" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M4 4L5 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 12L2 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-half-moon::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 11.5066C3 16.7497 7.25034 21 12.4934 21C16.2209 21 19.4466 18.8518 21 15.7259C12.4934 15.7259 8.27411 11.5066 8.27411 3C5.14821 4.55344 3 7.77915 3 11.5066Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 11.5066C3 16.7497 7.25034 21 12.4934 21C16.2209 21 19.4466 18.8518 21 15.7259C12.4934 15.7259 8.27411 11.5066 8.27411 3C5.14821 4.55344 3 7.77915 3 11.5066Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-log-in::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 12H12M12 12L15 15M12 12L15 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 6V5C19 3.89543 18.1046 3 17 3H7C5.89543 3 5 3.89543 5 5V19C5 20.1046 5.89543 21 7 21H17C18.1046 21 19 20.1046 19 19V18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 12H12M12 12L15 15M12 12L15 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 6V5C19 3.89543 18.1046 3 17 3H7C5.89543 3 5 3.89543 5 5V19C5 20.1046 5.89543 21 7 21H17C18.1046 21 19 20.1046 19 19V18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-log-out::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 12H19M19 12L16 15M19 12L16 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 6V5C19 3.89543 18.1046 3 17 3H7C5.89543 3 5 3.89543 5 5V19C5 20.1046 5.89543 21 7 21H17C18.1046 21 19 20.1046 19 19V18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 12H19M19 12L16 15M19 12L16 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 6V5C19 3.89543 18.1046 3 17 3H7C5.89543 3 5 3.89543 5 5V19C5 20.1046 5.89543 21 7 21H17C18.1046 21 19 20.1046 19 19V18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-settings::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.6224 10.3954L18.5247 7.7448L20 6L18 4L16.2647 5.48295L13.5578 4.36974L12.9353 2H10.981L10.3491 4.40113L7.70441 5.51596L6 4L4 6L5.45337 7.78885L4.3725 10.4463L2 11V13L4.40111 13.6555L5.51575 16.2997L4 18L6 20L7.79116 18.5403L10.397 19.6123L11 22H13L13.6045 19.6132L16.2551 18.5155C16.6969 18.8313 18 20 18 20L20 18L18.5159 16.2494L19.6139 13.598L21.9999 12.9772L22 11L19.6224 10.3954Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.6224 10.3954L18.5247 7.7448L20 6L18 4L16.2647 5.48295L13.5578 4.36974L12.9353 2H10.981L10.3491 4.40113L7.70441 5.51596L6 4L4 6L5.45337 7.78885L4.3725 10.4463L2 11V13L4.40111 13.6555L5.51575 16.2997L4 18L6 20L7.79116 18.5403L10.397 19.6123L11 22H13L13.6045 19.6132L16.2551 18.5155C16.6969 18.8313 18 20 18 20L20 18L18.5159 16.2494L19.6139 13.598L21.9999 12.9772L22 11L19.6224 10.3954Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');

}
.iconoir-star::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.58737 8.23597L11.1849 3.00376C11.5183 2.33208 12.4817 2.33208 12.8151 3.00376L15.4126 8.23597L21.2215 9.08017C21.9668 9.18848 22.2638 10.0994 21.7243 10.6219L17.5217 14.6918L18.5135 20.4414C18.6409 21.1798 17.8614 21.7428 17.1945 21.3941L12 18.678L6.80547 21.3941C6.1386 21.7428 5.35909 21.1798 5.48645 20.4414L6.47825 14.6918L2.27575 10.6219C1.73617 10.0994 2.03322 9.18848 2.77852 9.08017L8.58737 8.23597Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.58737 8.23597L11.1849 3.00376C11.5183 2.33208 12.4817 2.33208 12.8151 3.00376L15.4126 8.23597L21.2215 9.08017C21.9668 9.18848 22.2638 10.0994 21.7243 10.6219L17.5217 14.6918L18.5135 20.4414C18.6409 21.1798 17.8614 21.7428 17.1945 21.3941L12 18.678L6.80547 21.3941C6.1386 21.7428 5.35909 21.1798 5.48645 20.4414L6.47825 14.6918L2.27575 10.6219C1.73617 10.0994 2.03322 9.18848 2.77852 9.08017L8.58737 8.23597Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-media-image::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 3.6V20.4C21 20.7314 20.7314 21 20.4 21H3.6C3.26863 21 3 20.7314 3 20.4V3.6C3 3.26863 3.26863 3 3.6 3H20.4C20.7314 3 21 3.26863 21 3.6Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 16L10 13L21 18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 10C14.8954 10 14 9.10457 14 8C14 6.89543 14.8954 6 16 6C17.1046 6 18 6.89543 18 8C18 9.10457 17.1046 10 16 10Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 3.6V20.4C21 20.7314 20.7314 21 20.4 21H3.6C3.26863 21 3 20.7314 3 20.4V3.6C3 3.26863 3.26863 3 3.6 3H20.4C20.7314 3 21 3.26863 21 3.6Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 16L10 13L21 18" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 10C14.8954 10 14 9.10457 14 8C14 6.89543 14.8954 6 16 6C17.1046 6 18 6.89543 18 8C18 9.10457 17.1046 10 16 10Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-media-video::before{
	mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 3.6V20.4C21 20.7314 20.7314 21 20.4 21H3.6C3.26863 21 3 20.7314 3 20.4V3.6C3 3.26863 3.26863 3 3.6 3H20.4C20.7314 3 21 3.26863 21 3.6Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.89768 8.51296C9.49769 8.28439 9 8.57321 9 9.03391V14.9661C9 15.4268 9.49769 15.7156 9.89768 15.487L15.0883 12.5209C15.4914 12.2906 15.4914 11.7094 15.0883 11.4791L9.89768 8.51296Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21 3.6V20.4C21 20.7314 20.7314 21 20.4 21H3.6C3.26863 21 3 20.7314 3 20.4V3.6C3 3.26863 3.26863 3 3.6 3H20.4C20.7314 3 21 3.26863 21 3.6Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.89768 8.51296C9.49769 8.28439 9 8.57321 9 9.03391V14.9661C9 15.4268 9.49769 15.7156 9.89768 15.487L15.0883 12.5209C15.4914 12.2906 15.4914 11.7094 15.0883 11.4791L9.89768 8.51296Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-cancel::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-certificate::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.5283 1.5999C11.7686 1.29437 12.2314 1.29437 12.4717 1.5999L14.2805 3.90051C14.4309 4.09173 14.6818 4.17325 14.9158 4.10693L17.7314 3.3089C18.1054 3.20292 18.4799 3.475 18.4946 3.86338L18.6057 6.78783C18.615 7.03089 18.77 7.24433 18.9984 7.32823L21.7453 8.33761C22.1101 8.47166 22.2532 8.91189 22.0368 9.23478L20.4078 11.666C20.2724 11.8681 20.2724 12.1319 20.4078 12.334L22.0368 14.7652C22.2532 15.0881 22.1101 15.5283 21.7453 15.6624L18.9984 16.6718C18.77 16.7557 18.615 16.9691 18.6057 17.2122L18.4946 20.1366C18.4799 20.525 18.1054 20.7971 17.7314 20.6911L14.9158 19.8931C14.6818 19.8267 14.4309 19.9083 14.2805 20.0995L12.4717 22.4001C12.2314 22.7056 11.7686 22.7056 11.5283 22.4001L9.71949 20.0995C9.56915 19.9083 9.31823 19.8267 9.08421 19.8931L6.26856 20.6911C5.89463 20.7971 5.52014 20.525 5.50539 20.1366L5.39427 17.2122C5.38503 16.9691 5.22996 16.7557 5.00164 16.6718L2.25467 15.6624C1.88986 15.5283 1.74682 15.0881 1.96317 14.7652L3.59221 12.334C3.72761 12.1319 3.72761 11.8681 3.59221 11.666L1.96317 9.23478C1.74682 8.91189 1.88986 8.47166 2.25467 8.33761L5.00165 7.32823C5.22996 7.24433 5.38503 7.03089 5.39427 6.78783L5.50539 3.86338C5.52014 3.475 5.89463 3.20292 6.26857 3.3089L9.08421 4.10693C9.31823 4.17325 9.56915 4.09173 9.71949 3.90051L11.5283 1.5999Z" stroke="currentColor" stroke-width="2.5"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.5283 1.5999C11.7686 1.29437 12.2314 1.29437 12.4717 1.5999L14.2805 3.90051C14.4309 4.09173 14.6818 4.17325 14.9158 4.10693L17.7314 3.3089C18.1054 3.20292 18.4799 3.475 18.4946 3.86338L18.6057 6.78783C18.615 7.03089 18.77 7.24433 18.9984 7.32823L21.7453 8.33761C22.1101 8.47166 22.2532 8.91189 22.0368 9.23478L20.4078 11.666C20.2724 11.8681 20.2724 12.1319 20.4078 12.334L22.0368 14.7652C22.2532 15.0881 22.1101 15.5283 21.7453 15.6624L18.9984 16.6718C18.77 16.7557 18.615 16.9691 18.6057 17.2122L18.4946 20.1366C18.4799 20.525 18.1054 20.7971 17.7314 20.6911L14.9158 19.8931C14.6818 19.8267 14.4309 19.9083 14.2805 20.0995L12.4717 22.4001C12.2314 22.7056 11.7686 22.7056 11.5283 22.4001L9.71949 20.0995C9.56915 19.9083 9.31823 19.8267 9.08421 19.8931L6.26856 20.6911C5.89463 20.7971 5.52014 20.525 5.50539 20.1366L5.39427 17.2122C5.38503 16.9691 5.22996 16.7557 5.00164 16.6718L2.25467 15.6624C1.88986 15.5283 1.74682 15.0881 1.96317 14.7652L3.59221 12.334C3.72761 12.1319 3.72761 11.8681 3.59221 11.666L1.96317 9.23478C1.74682 8.91189 1.88986 8.47166 2.25467 8.33761L5.00165 7.32823C5.22996 7.24433 5.38503 7.03089 5.39427 6.78783L5.50539 3.86338C5.52014 3.475 5.89463 3.20292 6.26857 3.3089L9.08421 4.10693C9.31823 4.17325 9.56915 4.09173 9.71949 3.90051L11.5283 1.5999Z" stroke="currentColor" stroke-width="2.0"/></svg>');
}
.iconoir-check::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 13L9 17L19 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 13L9 17L19 7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-maximize::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 4H4V7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 4H20V7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 20H4V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 20H20V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 4H4V7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 4H20V7" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M7 20H4V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 20H20V17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-zoom-in::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="2.5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 11H11M14 11H11M11 11V8M11 11V14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 17L21 21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 11C3 15.4183 6.58172 19 11 19C13.213 19 15.2161 18.1015 16.6644 16.6493C18.1077 15.2022 19 13.2053 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="2.5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 11H11M14 11H11M11 11V8M11 11V14" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 17L21 21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 11C3 15.4183 6.58172 19 11 19C13.213 19 15.2161 18.1015 16.6644 16.6493C18.1077 15.2022 19 13.2053 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-zoom-out::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="2.5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 17L21 21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 11C3 15.4183 6.58172 19 11 19C13.213 19 15.2161 18.1015 16.6644 16.6493C18.1077 15.2022 19 13.2053 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 11L14 11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="2.5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 17L21 21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 11C3 15.4183 6.58172 19 11 19C13.213 19 15.2161 18.1015 16.6644 16.6493C18.1077 15.2022 19 13.2053 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 11L14 11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-download::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 20L18 20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 4V16M12 16L15.5 12.5M12 16L8.5 12.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 20L18 20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 4V16M12 16L15.5 12.5M12 16L8.5 12.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-cloud-download::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 13V22M12 22L15.5 18.5M12 22L8.5 18.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 17.6073C21.4937 17.0221 23 15.6889 23 13C23 9 19.6667 8 18 8C18 6 18 2 12 2C6 2 6 6 6 8C4.33333 8 1 9 1 13C1 15.6889 2.50628 17.0221 4 17.6073" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 13V22M12 22L15.5 18.5M12 22L8.5 18.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 17.6073C21.4937 17.0221 23 15.6889 23 13C23 9 19.6667 8 18 8C18 6 18 2 12 2C6 2 6 6 6 8C4.33333 8 1 9 1 13C1 15.6889 2.50628 17.0221 4 17.6073" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-xmark::before {
    mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.75827 17.2426L12.0009 12M17.2435 6.75736L12.0009 12M12.0009 12L6.75827 6.75736M12.0009 12L17.2435 17.2426" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-globe::before{
	mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 12.5L8 14.5L7 18L8 21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 20.5L16.5 18L14 17V13.5L17 12.5L21.5 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 5.5L18.5 7L15 7.5V10.5L17.5 9.5H19.5L21.5 10.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 10.5L5 8.5L7.5 8L9.5 5L8.5 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
	-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 12.5L8 14.5L7 18L8 21" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 20.5L16.5 18L14 17V13.5L17 12.5L21.5 13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 5.5L18.5 7L15 7.5V10.5L17.5 9.5H19.5L21.5 10.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 10.5L5 8.5L7.5 8L9.5 5L8.5 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');}
.iconoir-out::before{
	mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.0098 20L20.0098 4L4.00977 4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.0098 20L20.0098 4L4.00977 4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-chat-bubble-question::before{
	mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 9C9 5.49997 14.5 5.5 14.5 9C14.5 11.5 12 10.9999 12 13.9999" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 18.01L12.01 17.9989" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 13.8214 2.48697 15.5291 3.33782 17L2.5 21.5L7 20.6622C8.47087 21.513 10.1786 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 9C9 5.49997 14.5 5.5 14.5 9C14.5 11.5 12 10.9999 12 13.9999" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 18.01L12.01 17.9989" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 13.8214 2.48697 15.5291 3.33782 17L2.5 21.5L7 20.6622C8.47087 21.513 10.1786 22 12 22Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-message::before{
	mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 20.2895V5C3 3.89543 3.89543 3 5 3H19C20.1046 3 21 3.89543 21 5V15C21 16.1046 20.1046 17 19 17H7.96125C7.35368 17 6.77906 17.2762 6.39951 17.7506L4.06852 20.6643C3.71421 21.1072 3 20.8567 3 20.2895Z" stroke="currentColor" stroke-width="2.5"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 20.2895V5C3 3.89543 3.89543 3 5 3H19C20.1046 3 21 3.89543 21 5V15C21 16.1046 20.1046 17 19 17H7.96125C7.35368 17 6.77906 17.2762 6.39951 17.7506L4.06852 20.6643C3.71421 21.1072 3 20.8567 3 20.2895Z" stroke="currentColor" stroke-width="2.5"/></svg>');
}
.iconoir-rss-feed::before{
	mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 19C12 14.8 9.2 12 5 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 19C19 10.6 13.4 5 5 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 19.01L5.01 18.9989" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 19C12 14.8 9.2 12 5 12" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 19C19 10.6 13.4 5 5 5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M5 19.01L5.01 18.9989" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.iconoir-fire-flame::before{mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" stroke-width="2.5" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 18C8 20.4148 9.79086 21 12 21C15.7587 21 17 18.5 14.5 13.5C11 18 10.5 11 11 9C9.5 12 8 14.8177 8 18Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 21C17.0495 21 20 18.0956 20 13.125C20 8.15444 12 3 12 3C12 3 4 8.15444 4 13.125C4 18.0956 6.95054 21 12 21Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" stroke-width="2.5" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 18C8 20.4148 9.79086 21 12 21C15.7587 21 17 18.5 14.5 13.5C11 18 10.5 11 11 9C9.5 12 8 14.8177 8 18Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 21C17.0495 21 20 18.0956 20 13.125C20 8.15444 12 3 12 3C12 3 4 8.15444 4 13.125C4 18.0956 6.95054 21 12 21Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');}
.iconoir-user-plus::before{mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 10H20M23 10H20M20 10V7M20 10V13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 20V19C1 15.134 4.13401 12 8 12V12C11.866 12 15 15.134 15 19V20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 12C10.2091 12 12 10.2091 12 8C12 5.79086 10.2091 4 8 4C5.79086 4 4 5.79086 4 8C4 10.2091 5.79086 12 8 12Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 10H20M23 10H20M20 10V7M20 10V13" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 20V19C1 15.134 4.13401 12 8 12V12C11.866 12 15 15.134 15 19V20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 12C10.2091 12 12 10.2091 12 8C12 5.79086 10.2091 4 8 4C5.79086 4 4 5.79086 4 8C4 10.2091 5.79086 12 8 12Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');}
.iconoir-user-xmark::before{mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.6213 12.1213L20.7426 10M22.864 7.87868L20.7426 10M20.7426 10L18.6213 7.87868M20.7426 10L22.864 12.1213" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 20V19C1 15.134 4.13401 12 8 12V12C11.866 12 15 15.134 15 19V20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 12C10.2091 12 12 10.2091 12 8C12 5.79086 10.2091 4 8 4C5.79086 4 4 5.79086 4 8C4 10.2091 5.79086 12 8 12Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.6213 12.1213L20.7426 10M22.864 7.87868L20.7426 10M20.7426 10L18.6213 7.87868M20.7426 10L22.864 12.1213" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M1 20V19C1 15.134 4.13401 12 8 12V12C11.866 12 15 15.134 15 19V20" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 12C10.2091 12 12 10.2091 12 8C12 5.79086 10.2091 4 8 4C5.79086 4 4 5.79086 4 8C4 10.2091 5.79086 12 8 12Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');}
.iconoir-home::before{mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="2.5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8L11.7317 3.13416C11.9006 3.04971 12.0994 3.0497 12.2683 3.13416L22 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 11V19C20 20.1046 19.1046 21 18 21H6C4.89543 21 4 20.1046 4 19V11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="2.5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 8L11.7317 3.13416C11.9006 3.04971 12.0994 3.0497 12.2683 3.13416L22 8" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 11V19C20 20.1046 19.1046 21 18 21H6C4.89543 21 4 20.1046 4 19V11" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');}
.iconoir-mail::before{mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 9L12 12.5L17 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 17V7C2 5.89543 2.89543 5 4 5H20C21.1046 5 22 5.89543 22 7V17C22 18.1046 21.1046 19 20 19H4C2.89543 19 2 18.1046 2 17Z" stroke="currentColor" stroke-width="2.5"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" stroke-width="2.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7 9L12 12.5L17 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 17V7C2 5.89543 2.89543 5 4 5H20C21.1046 5 22 5.89543 22 7V17C22 18.1046 21.1046 19 20 19H4C2.89543 19 2 18.1046 2 17Z" stroke="currentColor" stroke-width="1.5"/></svg>');}
.iconoir-mail-in::before{mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="2.5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 9L9.5 12L14 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 19H3C1.89543 19 1 18.1046 1 17V7C1 5.89543 1.89543 5 3 5H16C17.1046 5 18 5.89543 18 7V9" stroke="currentColor" stroke-linecap="round"/><path d="M23 14H17M17 14L20 11M17 14L20 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="2.5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 9L9.5 12L14 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 19H3C1.89543 19 1 18.1046 1 17V7C1 5.89543 1.89543 5 3 5H16C17.1046 5 18 5.89543 18 7V9" stroke="currentColor" stroke-linecap="round"/><path d="M23 14H17M17 14L20 11M17 14L20 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');}
.iconoir-mail-out::before{mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="2.5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 9L9.5 12L14 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 19H3C1.89543 19 1 18.1046 1 17V7C1 5.89543 1.89543 5 3 5H16C17.1046 5 18 5.89543 18 7V9" stroke="currentColor" stroke-linecap="round"/><path d="M17 14H23M23 14L20 11M23 14L20 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,<svg width="24" height="24" viewBox="0 0 24 24" stroke-width="2.5" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 9L9.5 12L14 9" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M17 19H3C1.89543 19 1 18.1046 1 17V7C1 5.89543 1.89543 5 3 5H16C17.1046 5 18 5.89543 18 7V9" stroke="currentColor" stroke-linecap="round"/><path d="M17 14H23M23 14L20 11M23 14L20 17" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>');}
[tooltip]{
    position:relative;
    display:inline-block;
}
[tooltip]::before {
    content: "";
    position: absolute;
    top:-6px;
    left:50%;
    transform: translateX(-50%);
    border-width: 4px 6px 0 6px;
    border-style: solid;
    border-color: rgba(255,255,255,1) transparent transparent transparent;
    z-index: 100;
    opacity:0;
}
[tooltip-position='left']::before{
  left:0%;
  top:50%;
  margin-left:-12px;
  transform:translatey(-50%) rotate(-90deg) 
}
[tooltip-position='top']::before{
  left:50%;
}
[tooltip-position='buttom']::before{
  top:100%;
  margin-top:8px;
  transform: translateX(-50%) translatey(-100%) rotate(-180deg)
}
[tooltip-position='right']::before{
  left:100%;
  top:50%;
  margin-left:1px;
  transform:translatey(-50%) rotate(90deg)
}
[tooltip]::after {
    content: attr(tooltip);
    position: absolute;
    left:50%;
    top:-6px;
    transform: translateX(-50%)   translateY(-100%);
	background-color: rgba(255,255,255,1);
    border-color: rgba(255,255,255,1);
    text-align: center;
    color: rgb(51, 51, 51);
    padding:4px 4px;
    font-size: 12px;
	font-weight:500;
    min-width: 80px;
    border-radius: 5px;
    pointer-events: none;
    padding: 4px 4px;
    z-index:99;
    opacity:0;
	transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	box-shadow: 0 0 10px rgb(0,0,0,0.1);
}
[tooltip-position='left']::after{
  left:0%;
  top:50%;
  margin-left:-8px;
  transform: translateX(-100%)   translateY(-50%);
}
[tooltip-position='top']::after{
  left:50%;
}
[tooltip-position='buttom']::after{
  top:100%;
  margin-top:8px;
  transform: translateX(-50%) translateY(0%);
}
[tooltip-position='right']::after{
  left:100%;
  top:50%;
  margin-left:8px;
  transform: translateX(0%)   translateY(-50%);
}
[tooltip]:hover::after,[tooltip]:hover::before {
   opacity:1;
}