@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: bold;
    src: url("../fonts/eot/iranyekanwebboldfanum.eot");
    src: url("../fonts/eot/iranyekanwebboldfanum.eot?#iefix") format("embedded-opentype"), /* IE6-8 */ url("../fonts/woff/iranyekanwebboldfanum.woff") format("woff"),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url("../fonts/ttf/iranyekanwebboldfanum.ttf") format("truetype");
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 100;
    src: url("../fonts/eot/iranyekanwebthinfanum.eot");
    src: url("../fonts/eot/iranyekanwebthinfanum.eot?#iefix") format("embedded-opentype"), /* IE6-8 */ url("../fonts/woff/iranyekanwebthinfanum.woff") format("woff"),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url("../fonts/ttf/iranyekanwebthinfanum.ttf") format("truetype");
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 300;
    src: url("../fonts/eot/iranyekanweblightfanum.eot");
    src: url("../fonts/eot/iranyekanweblightfanum.eot?#iefix") format("embedded-opentype"), /* IE6-8 */ url("../fonts/woff/iranyekanweblightfanum.woff") format("woff"),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url("../fonts/ttf/iranyekanweblightfanum.ttf") format("truetype");
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/eot/iranyekanwebregularfanum.eot");
    src: url("../fonts/eot/iranyekanwebregularfanum.eot?#iefix") format("embedded-opentype"), /* IE6-8 */ url("../fonts/woff/iranyekanwebregularfanum.woff") format("woff"),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url("../fonts/ttf/iranyekanwebregularfanum.ttf") format("truetype");
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 500;
    src: url("../fonts/eot/iranyekanwebmediumfanum.eot");
    src: url("../fonts/eot/iranyekanwebmediumfanum.eot?#iefix") format("embedded-opentype"), /* IE6-8 */ url("../fonts/woff/iranyekanwebmediumfanum.woff") format("woff"),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url("../fonts/ttf/iranyekanwebmediumfanum.ttf") format("truetype");
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 800;
    src: url("../fonts/eot/iranyekanwebextraboldfanum.eot");
    src: url("../fonts/eot/iranyekanwebextraboldfanum.eot?#iefix") format("embedded-opentype"), /* IE6-8 */ url("../fonts/woff/iranyekanwebextraboldfanum.woff") format("woff"),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url("../fonts/ttf/iranyekanwebextraboldfanum.ttf") format("truetype");
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 900;
    src: url("../fonts/eot/iranyekanwebblackfanum.eot");
    src: url("../fonts/eot/iranyekanwebblackfanum.eot?#iefix") format("embedded-opentype"), /* IE6-8 */ url("../fonts/woff/iranyekanwebblackfanum.woff") format("woff"),
        /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url("../fonts/ttf/iranyekanwebblackfanum.ttf") format("truetype");
}

html {
    direction: rtl;
}

body {
    padding: 0;
    margin: 0;
    border: 0;
    background-color: #fafafa;
    color: #262626;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
}

@media (max-width: 735px) {
    body {
        background-color: #fff;
    }
}

@media (min-width: 736px) {
    body {
        background-color: #fafafa;
    }
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
q,
ruby,
s,
samp,
section,
span,
summary,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    line-height: inherit;
    vertical-align: baseline;
    font-family: iranyekan, tahoma, sans-serif;
    font-size: 1rem;
    font-weight: normal;
}

input,
textarea {
    line-height: 18px;
    vertical-align: baseline;
    font-family: iranyekan, tahoma, sans-serif;
    font-size: 0.875rem;
    font-weight: normal;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
}

textarea {
    resize: vertical;
}

button {
    font-family: iranyekan, tahoma, sans-serif;
    outline: 0;
    -webkit-tap-highlight-color: transparent;
    background: transparent;
    border: 0;
}

ol,
ul {
    list-style: none;
}

a,
a:visited {
    color: #00376b;
    text-decoration: none;
}

h1 {
    font-weight: 800;
}

h2 {
    font-weight: 500;
}

h3,
h4,
h5,
h6 {
    font-weight: normal;
}

#app-root,
article,
div,
footer,
header,
main,
nav,
section {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 0 solid #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    position: relative;
}

.ltr {
    direction: ltr;
}

.rtl {
    direction: rtl;
}

.c-p {
    cursor: pointer;
}

.noscript {
    display: block;
    padding: 2rem 1rem;
    text-align: center;
    color: #c2303f;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 300;
}

.noscript span {
    display: inline;
    font-weight: 500;
    font-size: 1.25rem;
    color: #454545;
}

.all-center {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.btn,
[class*="btn-"] {
    padding: 5px 9px;
    text-align: center;
    text-transform: inherit;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 4px;
    position: relative;
}

.btn {
    background: 0 0;
    border: 0;
    display: block;
    font-weight: bold;
}

a.btn {
    font-size: 0.875rem;
}

.btn:active {
    opacity: 0.7;
}

div[class^="btn-"],
div[class^="text-"],
p[class^="btn-"],
p[class^="text-"],
span[class^="btn-"],
span[class^="text-"] {
    font-size: 14px;
    line-height: 18px;
    display: inline-block;
}

[class^="btn-"] {
    font-weight: 500;
}

[class^="btn-"][disabled] {
    cursor: initial;
}

[class^="btn-"] {
    border: 1px solid transparent;
}

[class^="text-"][disabled] {
    opacity: 0.5;
    cursor: initial;
}

.btn-primary,
a.btn-primary {
    background-color: #0095f6;
    color: #fff;
}

.btn-primary[disabled] {
    background-color: rgba(0, 149, 246, 0.3) !important;
}

.btn-primary:active {
    background-color: #0086dd;
}

.btn-success,
a.btn-success {
    background-color: #27c469;
    color: #fff;
}

.btn-success[disabled] {
    background-color: rgba(31, 153, 82, 0.3) !important;
}

.btn-success:active {
    background-color: #24b25f;
}

.btn-danger,
a.btn-danger {
    background-color: #ed4956;
    color: #fff;
}

.btn-danger[disabled] {
    background-color: rgba(150, 59, 67, 0.3) !important;
}

.btn-danger:active {
    background-color: #de4552;
}

.text-primary,
.text-primary:visited {
    color: #0095f6 !important;
}

.text-primary > svg {
    fill: #0095f6 !important;
}

.text-primary:active {
    color: #0086dd !important;
}

.text-primary:active svg {
    fill: #0086dd !important;
}

.text-danger,
.text-danger:visited {
    color: #ed4956 !important;
}

.text-danger > svg {
    fill: #ed4956 !important;
}

.text-danger:active {
    color: #de4552 !important;
}

.text-danger:active svg {
    fill: #de4552 !important;
}

.text-success,
.text-success:visited {
    color: #27c469 !important;
}

.text-success > svg {
    fill: #27c469 !important;
}

.text-success:active {
    color: #24b25f !important;
}

.text-success:active svg {
    fill: #24b25f !important;
}

.text-info,
.text-info:visited {
    color: #159bb2 !important;
}

.text-info > svg {
    fill: #159bb2 !important;
}

.text-info:active {
    color: #159bb2 !important;
}

.text-info:active svg {
    fill: #159bb2 !important;
}

.br-c-p,
a.br-c-p,
a.br-c-p:visited {
    border-radius: 4px;
    color: #fff;
    position: relative;
}

.bc-b-c,
a.bc-b-c,
a.bc-b-c:visited {
    background-color: transparent;
    border: 1px solid #dbdbdb;
    color: #262626;
}

/* ================================================================================================================== */
.place-center {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.square-18p {
    width: 18px;
    height: 18px;
}

.d-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.d-block {
    display: block;
}

.d-inline-block {
    display: inline-block;
}

.d-inline {
    display: inline;
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
}

.d-none {
    display: none !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.p-relative {
    position: relative;
}

.p-fixed {
    position: fixed;
}

.p-absolute {
    position: absolute;
}

.o-hidden {
    overflow: hidden;
}

.oy-scroll {
    overflow-y: scroll;
}

.r-0 {
    right: 0;
}

.l-0 {
    left: 0;
}

.t-0 {
    top: 0;
}

.b-0 {
    bottom: 0;
}

.ow-break-word {
    overflow-wrap: break-word;
}

.o-auto {
    overflow: auto;
}

.p-0 {
    padding: 0 !important;
}

.p-8p {
    padding: 8px !important;
}

.p-10p {
    padding: 10px !important;
}

.p-12p {
    padding: 12px !important;
}

.p-14p {
    padding: 14px !important;
}

.p-16p {
    padding: 16px !important;
}

.p-26p {
    padding: 26px !important;
}

.pt-2p,
.py-2p {
    padding-top: 2px !important;
}

.pb-2p,
.py-2p {
    padding-bottom: 2px !important;
}

.pt-8p,
.py-8p {
    padding-top: 8px !important;
}

.pb-8p,
.py-8p {
    padding-bottom: 8px !important;
}

.pb-30p {
    padding-bottom: 30px;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.pr-8p,
.px-8p {
    padding-right: 8px !important;
}

.pl-8p,
.px-8p {
    padding-left: 8px !important;
}

.pr-12p,
.px-12p {
    padding-right: 12px !important;
}

.pl-12p,
.px-12p {
    padding-left: 12px !important;
}

.pt-16p,
.py-16p {
    padding-top: 16px !important;
}

.pb-16p,
.py-16p {
    padding-bottom: 16px !important;
}

.pr-16p,
.px-16p {
    padding-right: 16px !important;
}

.pl-16p,
.px-16p {
    padding-left: 16px !important;
}

.pt-26p,
.py-26p {
    padding-top: 26px !important;
}

.pb-26p,
.py-26p {
    padding-bottom: 26px !important;
}

.pr-26p,
.px-26p {
    padding-right: 26px !important;
}

.pl-26p,
.px-26p {
    padding-left: 26px !important;
}

.pl-24p {
    padding-left: 24px !important;
}

.pl-28p {
    padding-left: 28px !important;
}

.f-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.f-end {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
}

.f-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.f-grow-0 {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.f-grow-1 {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.f-none {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.f-basis-0 {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.f-shrink-0 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.f-shrink-1 {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.f-00auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.f-100 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
}

.f-11auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.f-01auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.f-199990 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 9999 0;
    -ms-flex: 1 9999 0;
    flex: 1 9999 0;
}

.f-21auto {
    -webkit-box-flex: 2;
    -webkit-flex: 2 1 auto;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
}

.f-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.f-wrap-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.bs-border-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.bs-content-box {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.align-items-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.align-items-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.align-items-end {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.align-self-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.align-content-stretch {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
}

.align-content-center {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.justify-content-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-content-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.justify-content-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.justify-content-end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.justify-content-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.to-ellipsis {
    text-overflow: ellipsis;
}

.w-space-nowrap {
    white-space: nowrap;
}

.w-space-pre-line {
    white-space: pre-line;
}

.wb-break-all {
    word-break: break-all;
}

.ww-break-word {
    word-wrap: break-word;
}

.color-transparent,
.color-transparent * {
    color: transparent;
    fill: transparent;
}

.color-inherit {
    color: inherit;
}

.color-inherit-all,
.color-inherit-all:active,
.color-inherit-all:visited,
.color-inherit-all:hover {
    color: inherit;
}

.text-center,
.text-align-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.font-size-1 {
    font-size: 0.625rem !important;
}

.font-size-2 {
    font-size: 0.6875rem !important;
}

.font-size-3 {
    font-size: 0.75rem !important;
}

.font-size-4 {
    font-size: 0.8125rem !important;
}

.font-size-5 {
    font-size: 0.875rem !important;
}

.font-size-5-5 {
    font-size: 0.9375rem !important;
}

.font-size-6 {
    font-size: 1rem !important;
}

.letter-spacing-2 {
    letter-spacing: 2px;
}

@media (max-width: 735px) {
    .font-size-sm-1 {
        font-size: 0.625rem !important;
    }

    .font-size-sm-2 {
        font-size: 0.6875rem !important;
    }

    .font-size-sm-3 {
        font-size: 0.75rem !important;
    }

    .font-size-sm-4 {
        font-size: 0.8125rem !important;
    }

    .font-size-sm-5 {
        font-size: 0.875rem !important;
    }

    .font-size-sm-6 {
        font-size: 1rem !important;
    }
}

.font-weight-100 {
    font-weight: 100 !important;
}

.font-weight-300 {
    font-weight: 300 !important;
}

.font-weight-normal {
    font-weight: normal !important;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.font-weight-bold {
    font-weight: bold !important;
}

.font-weight-800 {
    font-weight: 800 !important;
}

.font-weight-900 {
    font-weight: 900 !important;
}

.line-height-1 {
    line-height: 18px !important;
}

.line-height-2 {
    line-height: 20px !important;
}

.line-height-3 {
    line-height: 22px !important;
}

.u-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.bg-main {
    background-color: #fafafa;
}

.bg--gray-1 {
    background-color: #f9f9fa;
}

.bg--gray-2 {
    background-color: #efefef;
}

.br-50 {
    border-radius: 50%;
}

.object-fit-contain {
    -o-object-fit: contain;
    object-fit: contain;
}

/* ================================================================================================================== */
.bottom-0 {
    bottom: 0;
}

.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}

.top-0 {
    top: 0;
}

.m-0 {
    margin: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-2p {
    margin-bottom: 2px !important;
}

.mb-4p {
    margin-bottom: 4px !important;
}

.mb-8p {
    margin-bottom: 8px !important;
}

.mb-16p {
    margin-bottom: 16px !important;
}

.mb-18p {
    margin-bottom: 18px !important;
}

.my-26p,
.mb-26p {
    margin-bottom: 26px !important;
}

.my-26p,
.mt-26p {
    margin-top: 26px !important;
}

.my-40p,
.mb-40p {
    margin-bottom: 40px !important;
}

.my-40p,
.mt-40p {
    margin-top: 40px !important;
}

.mb-1 {
    margin-bottom: 1rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.mb-3 {
    margin-bottom: 3rem;
}

.mb-4 {
    margin-bottom: 4rem;
}

.mb-5 {
    margin-bottom: 5rem;
}

.mr-0 {
    margin-right: 0;
}

.mr-8p {
    margin-right: 8px;
}

.mr-12p,
.mx-12p {
    margin-right: 12px;
}

.mr-16p {
    margin-right: 16px;
}

.mr-20p {
    margin-right: 20px;
}

.mr-24p {
    margin-right: 24px;
}

.ml-12p,
.mx-12p {
    margin-left: 12px;
}

.ml-0 {
    margin-left: 0;
}

.ml-4p {
    margin-left: 4px !important;
}

.ml-6p {
    margin-left: 6px !important;
}

.ml-8p {
    margin-left: 8px !important;
}

.mt-0 {
    margin-top: 0;
}

.mt-4p {
    margin-top: 4px;
}

.mt-8p {
    margin-top: 8px;
}

.mt-12p {
    margin-top: 12px;
}

.mt-20p {
    margin-top: 20px;
}

.mt-48p {
    margin-top: 48px;
}

.mt-6vh {
    margin-top: 6vh;
}

.mb-auto {
    margin-bottom: auto;
}

.mb-20p {
    margin-bottom: 20px;
}

.mr-auto {
    margin-right: auto;
}

.ml-auto {
    margin-left: auto;
}

.mt-auto {
    margin-top: auto;
}

.mb-20p {
    margin-bottom: 20px;
}

.mb-8p {
    margin-bottom: 8px;
}

.m-align-x {
    margin: 0 auto;
}

.mr-n16p {
    margin-right: -16px;
}

.mr-n10p {
    margin-right: -10px;
}

.mr-n8p {
    margin-right: -8px;
}

.ml-n8p {
    margin-left: -8px;
}

.w-100 {
    width: 100%;
}

.w-0 {
    width: 0;
}

.min-w-60p {
    min-width: 60px !important;
}

.h-100 {
    height: 100%;
}

.wh-100 {
    width: 100%;
    height: 100%;
}

.min-wh-0 {
    min-width: 0;
    min-height: 0;
}

.min-wh-100 {
    min-width: 100%;
    min-height: 100%;
}

.max-wh-100 {
    max-width: 100%;
    max-height: 100%;
}

.wh-32p {
    width: 32px;
    height: 32px;
}

.w-1 {
    width: 1px;
}

@media (max-width: 735px) {
    .p-sm-16p {
        padding: 16px !important;
    }

    .px-sm-8p,
    .pr-sm-8p {
        padding-right: 8px !important;
    }

    .px-sm-8p,
    .pl-sm-8p {
        padding-left: 8px !important;
    }

    .px-sm-16p,
    .pr-sm-16p {
        padding-right: 16px !important;
    }

    .px-sm-16p,
    .pl-sm-16p {
        padding-left: 16px !important;
    }

    .px-sm-26p,
    .pr-sm-26p {
        padding-right: 26px !important;
    }

    .px-sm-26p,
    .pl-sm-26p {
        padding-left: 26px !important;
    }

    .pl-sm-24p {
        padding-left: 24px !important;
    }

    .py-sm-26p,
    .pt-sm-26p {
        padding-top: 26px !important;
    }

    .py-sm-26p,
    .pb-sm-26p {
        padding-bottom: 26px !important;
    }

    .pb-sm-0 {
        padding-bottom: 0 !important;
    }

    .mb-sm-5 {
        margin-bottom: 5rem;
    }

    .w-sm-100 {
        width: 100%;
    }
}

@media (min-width: 736px) {
    .mr-lg-16p {
        margin-right: 16px;
    }
}

/* ================================================================================================================== */
.flip-h {
    transform: scaleX(-1);
}

.bg-hover-dark-10:hover {
    background-color: #fafafa;
}

.bg-hover-dark-10:focus {
    background-color: #efefef;
}

.bg-antiquewhite {
    background-color: antiquewhite;
}

.color-main {
    color: #262626 !important;
}

.color-danger {
    color: #ed4956 !important;
}

.color-light-1 {
    color: #8e8e8e !important;
}

.color-light-2 {
    color: #bebebe !important;
}

.color-gray {
    color: #707070 !important;
}

.hr-1 {
    background-color: #dbdbdb;
    border: 0;
    height: 1px;
    margin: 0;
    width: 100%;
}

/* ================================================================================================================== */
.submit-blue-btn[disabled] {
    opacity: 0.3;
    pointer-events: none;
}

.submit-blue-btn {
    border: 0;
    color: #0095f6;
    display: inline;
    padding: 0;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    font-weight: 500;
    text-align: center;
    text-transform: inherit;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: auto;
}

.more-button {
    background: 0 0;
    border: 0;
    color: #8e8e8e !important;
    cursor: pointer;
    line-height: inherit;
    margin: 0;
    padding: 0;
    margin-right: 4px;
    font-size: 14px;
    font-weight: 300;
}

.load-more-plus {
    min-width: 40px;
    min-height: 40px;
    background: 0 0;
    border: 0;
    padding: 0;
}

.view-all {
    background: 0 0;
    border: 0;
    color: #8e8e8e !important;
    line-height: inherit;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 300;
}

/* ================================================================================================================== */
@media (max-width: 735px) {
    .f-sm-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .justify-content-sm-center {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .f-basis-sm-0 {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
    }

    .f-grow-sm-1 {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

@media (min-width: 736px) {
    .f-lg-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .f-basis-lg-0 {
        -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
    }

    .f-grow-lg-1 {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .f-basis-lg-30p {
        -webkit-flex-basis: 30px;
        -ms-flex-preferred-size: 30px;
        flex-basis: 30px;
    }

    .f-grow-lg-2 {
        -webkit-box-flex: 2;
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2;
    }

    .d-lg-none {
        display: none !important;
    }

    .mb-lg-2 {
        margin-bottom: 2rem !important;
    }
}

/* ================================================================================================================== */
.card {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #dbdbdb;
}

.card-header {
    border-bottom: 1px solid #dbdbdb;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 43px;
}

.card-header .rla {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 48px;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.card-header .title {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

.card-header .title-lg {
    font-size: 20px;
    font-weight: 800;
    line-height: 28px;
}

.card-body {
    padding: 0.75rem 1rem;
}

.card-footer {
    border-top: 1px solid #dbdbdb;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    min-height: 43px;
}

/* ================================================================================================================== */
.coreSpriteActivityHeart,
.coreSpriteAddText,
.coreSpriteAppIcon,
.coreSpriteAppStoreButton,
.coreSpriteBoomerang,
.coreSpriteCall,
.coreSpriteCheck,
.coreSpriteChevronDark,
.coreSpriteChevronDownGrey,
.coreSpriteChevronRight,
.coreSpriteChevronRightBlue,
.coreSpriteChevronRightBlue-3x,
.coreSpriteChevronRightBlue-4x,
.coreSpriteCi,
.coreSpriteClose,
.coreSpriteCloseLight,
.coreSpriteDesktopNavDirect,
.coreSpriteDesktopPhotoGrid,
.coreSpriteDesktopPhotoGridActive,
.coreSpriteDesktopProfileIGTV,
.coreSpriteDesktopProfileIGTVActive,
.coreSpriteDesktopProfileSave,
.coreSpriteDesktopProfileSaveActive,
.coreSpriteDesktopProfileTagged,
.coreSpriteDesktopProfileTaggedActive,
.coreSpriteDirectHeart,
.coreSpriteDismissLarge,
.coreSpriteDismissSmall,
.coreSpriteDownload,
.coreSpriteDropdownArrowBlue5,
.coreSpriteDropdownArrowBlue6,
.coreSpriteDropdownArrowGrey9,
.coreSpriteDropdownArrowWhite,
.coreSpriteFacebookIcon,
.coreSpriteFacebookIconInverted,
.coreSpriteFeedLikeBig,
.coreSpriteGallery,
.coreSpriteGlyphGradient,
.coreSpriteGlyphWhite,
.coreSpriteGooglePlayButton,
.coreSpriteHashtag,
.coreSpriteHeartSmall,
.coreSpriteHyperlapse,
.coreSpriteIgLiteHalfsheetInstagramLogo,
.coreSpriteInfo,
.coreSpriteInputAccepted,
.coreSpriteInputError,
.coreSpriteInputRefresh,
.coreSpriteKeyhole,
.coreSpriteLeftChevron,
.coreSpriteLeftPaginationArrow,
.coreSpriteLocation,
.coreSpriteLocationActive,
.coreSpriteLock,
.coreSpriteLockSmall,
.coreSpriteLoggedOutGenericUpsell,
.coreSpriteLoggedOutWordmark,
.coreSpriteMobileNavDirect,
.coreSpriteMobileNavTypeLogo,
.coreSpriteNavBack,
.coreSpriteNotificationLeftChevron,
.coreSpriteNotificationRightChevron,
.coreSpriteOptionsEllipsis,
.coreSpriteOptionsEllipsisLight,
.coreSpritePagingChevron,
.coreSpritePlayIconSmall,
.coreSpritePrivateLock,
.coreSpriteProfileCamera,
.coreSpriteReload,
.coreSpriteRightChevron,
.coreSpriteRightPaginationArrow,
.coreSpriteSaveNull,
.coreSpriteSaveStory,
.coreSpriteSearchClear,
.coreSpriteSearchIcon,
.coreSpriteSensitivityIcon,
.coreSpriteSensitivityIconSmall,
.coreSpriteSpeechBubbleSmall,
.coreSpriteSpinsta,
.coreSpriteSpinstaNux,
.coreSpriteSpinstaStory,
.coreSpriteStar,
.coreSpriteStoryCreation,
.coreSpriteStoryCreationAlt,
.coreSpriteStoryRing,
.coreSpriteStoryViewCount,
.coreSpriteTaggedNull,
.coreSpriteUnreadComments,
.coreSpriteUnreadLikes,
.coreSpriteUnreadRelationships,
.coreSpriteUnreadUsertags,
.coreSpriteVerifiedBadge,
.coreSpriteVerifiedBadgeSmall,
.coreSpriteVideoNux,
.coreSpriteViewCount,
.coreSpriteWindowsStoreButton,
.media-carousel .caroumal-c-next,
.media-carousel .caroumal-c-prev {
    background-image: url("../images/32f0a4f27407.png");
}

.coreSpriteReload,
.coreSpriteRightChevron,
.media-carousel .caroumal-c-next,
.media-carousel .caroumal-c-prev {
    background-repeat: no-repeat;
    background-position: -258px -226px;
    height: 29px;
    width: 29px;
}

.coreSpriteRightChevron,
.media-carousel .caroumal-c-next,
.media-carousel .caroumal-c-prev {
    background-position: -162px -98px;
    height: 30px;
    width: 30px;
}

.coreSpriteOptionsEllipsisLight,
.coreSpritePagingChevron,
.coreSpritePlayIconSmall {
    background-repeat: no-repeat;
    background-position: -346px -307px;
    height: 24px;
    width: 24px;
}

.coreSpritePagingChevron,
.coreSpritePlayIconSmall {
    background-position: -97px -333px;
}

.videoSpritePlayButton,
.videoSpriteReplayButton,
.videoSpriteSoundOff,
.videoSpriteSoundOn {
    background-image: url("../images/2fdc79aa66b0.png");
}

.videoSpritePlayButton,
.videoSpriteReplayButton {
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 135px;
    width: 135px;
}

@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .coreSpriteActivityHeart,
    .coreSpriteAddText,
    .coreSpriteAppIcon,
    .coreSpriteAppStoreButton,
    .coreSpriteBoomerang,
    .coreSpriteCall,
    .coreSpriteCheck,
    .coreSpriteChevronDark,
    .coreSpriteChevronDownGrey,
    .coreSpriteChevronRight,
    .coreSpriteChevronRightBlue,
    .coreSpriteChevronRightBlue-3x,
    .coreSpriteChevronRightBlue-4x,
    .coreSpriteCi,
    .coreSpriteClose,
    .coreSpriteCloseLight,
    .coreSpriteDesktopNavDirect,
    .coreSpriteDesktopPhotoGrid,
    .coreSpriteDesktopPhotoGridActive,
    .coreSpriteDesktopProfileIGTV,
    .coreSpriteDesktopProfileIGTVActive,
    .coreSpriteDesktopProfileSave,
    .coreSpriteDesktopProfileSaveActive,
    .coreSpriteDesktopProfileTagged,
    .coreSpriteDesktopProfileTaggedActive,
    .coreSpriteDirectHeart,
    .coreSpriteDismissLarge,
    .coreSpriteDismissSmall,
    .coreSpriteDownload,
    .coreSpriteDropdownArrowBlue5,
    .coreSpriteDropdownArrowBlue6,
    .coreSpriteDropdownArrowGrey9,
    .coreSpriteDropdownArrowWhite,
    .coreSpriteFacebookIcon,
    .coreSpriteFacebookIconInverted,
    .coreSpriteFeedLikeBig,
    .coreSpriteGallery,
    .coreSpriteGlyphGradient,
    .coreSpriteGlyphWhite,
    .coreSpriteGooglePlayButton,
    .coreSpriteHashtag,
    .coreSpriteHeartSmall,
    .coreSpriteHyperlapse,
    .coreSpriteIgLiteHalfsheetInstagramLogo,
    .coreSpriteInfo,
    .coreSpriteInputAccepted,
    .coreSpriteInputError,
    .coreSpriteInputRefresh,
    .coreSpriteKeyhole,
    .coreSpriteLeftChevron,
    .coreSpriteLeftPaginationArrow,
    .coreSpriteLocation,
    .coreSpriteLocationActive,
    .coreSpriteLock,
    .coreSpriteLockSmall,
    .coreSpriteLoggedOutGenericUpsell,
    .coreSpriteLoggedOutWordmark,
    .coreSpriteMobileNavDirect,
    .coreSpriteMobileNavTypeLogo,
    .coreSpriteNavBack,
    .coreSpriteNotificationLeftChevron,
    .coreSpriteNotificationRightChevron,
    .coreSpriteOptionsEllipsis,
    .coreSpriteOptionsEllipsisLight,
    .coreSpritePagingChevron,
    .coreSpritePlayIconSmall,
    .coreSpritePrivateLock,
    .coreSpriteProfileCamera,
    .coreSpriteReload,
    .coreSpriteRightChevron,
    .coreSpriteRightPaginationArrow,
    .coreSpriteSaveNull,
    .coreSpriteSaveStory,
    .coreSpriteSearchClear,
    .coreSpriteSearchIcon,
    .coreSpriteSensitivityIcon,
    .coreSpriteSensitivityIconSmall,
    .coreSpriteSpeechBubbleSmall,
    .coreSpriteSpinsta,
    .coreSpriteSpinstaNux,
    .coreSpriteSpinstaStory,
    .coreSpriteStar,
    .coreSpriteStoryCreation,
    .coreSpriteStoryCreationAlt,
    .coreSpriteStoryRing,
    .coreSpriteStoryViewCount,
    .coreSpriteTaggedNull,
    .coreSpriteUnreadComments,
    .coreSpriteUnreadLikes,
    .coreSpriteUnreadRelationships,
    .coreSpriteUnreadUsertags,
    .coreSpriteVerifiedBadge,
    .coreSpriteVerifiedBadgeSmall,
    .coreSpriteVideoNux,
    .coreSpriteViewCount,
    .coreSpriteWindowsStoreButton,
    .media-carousel .caroumal-c-next,
    .media-carousel .caroumal-c-prev {
        background-image: url("../images/bcd90c1d4868.png");
    }

    .coreSpriteReload,
    .coreSpriteRightChevron,
    .media-carousel .caroumal-c-next,
    .media-carousel .caroumal-c-prev {
        background-size: 440px 411px;
        background-position: -145px -351px;
    }

    .coreSpriteRightChevron,
    .media-carousel .caroumal-c-next,
    .media-carousel .caroumal-c-prev {
        background-position: -160px -97px;
    }

    .coreSpritePagingChevron,
    .coreSpritePlayIconSmall {
        background-size: 440px 411px;
        background-position: -402px -207px;
    }

    .videoSpritePlayButton,
    .videoSpriteReplayButton,
    .videoSpriteSoundOff,
    .videoSpriteSoundOn {
        background-image: url("../images/4ca1223795d3.png");
    }

    .videoSpritePlayButton,
    .videoSpriteReplayButton {
        background-size: 271px 149px;
        background-position: 0 0;
    }
}

.mediatypesSpriteCarousel__filled__32,
.mediatypesSpriteIgtv__filled__32,
.mediatypesSpriteVideo__filled__32 {
    background-image: url("../images/65c15d7731ea.png");
}

.mediatypesSpriteCarousel__filled__32 {
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 32px;
    width: 32px;
}

.mediatypesSpriteIgtv__filled__32,
.mediatypesSpriteVideo__filled__32 {
    background-repeat: no-repeat;
    background-position: -34px 0;
    height: 32px;
    width: 32px;
}

.mediatypesSpriteVideo__filled__32 {
    background-position: 0 -34px;
}

@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .mediatypesSpriteCarousel__filled__32,
    .mediatypesSpriteIgtv__filled__32,
    .mediatypesSpriteVideo__filled__32 {
        background-image: url("../images/3be21f338c88.png");
    }

    .mediatypesSpriteCarousel__filled__32 {
        background-size: 65px 65px;
        background-position: 0 0;
    }

    .mediatypesSpriteIgtv__filled__32 {
        background-size: 65px 65px;
        background-position: -33px 0;
    }

    .mediatypesSpriteVideo__filled__32 {
        background-size: 65px 65px;
        background-position: 0 -33px;
    }
}

.glyphsSpriteAdd__outline__24__blue_5,
.glyphsSpriteAdd__outline__24__grey_9,
.glyphsSpriteAdd_friend__outline__96,
.glyphsSpriteApp_Icon_28,
.glyphsSpriteApp_Icon_30,
.glyphsSpriteApp_Icon_36,
.glyphsSpriteApp_Icon_45,
.glyphsSpriteApp_Icon_60,
.glyphsSpriteApp_Icon_IGTV_44,
.glyphsSpriteApp_instagram__outline__24__grey_9,
.glyphsSpriteApp_messenger__outline__24__grey_9,
.glyphsSpriteApp_twitter__outline__24__grey_9,
.glyphsSpriteApp_whatsapp__outline__24__grey_9,
.glyphsSpriteBirthday_cake,
.glyphsSpriteBrowser_Icon_Chrome_28,
.glyphsSpriteBrowser_Icon_Firefox_28,
.glyphsSpriteBrowser_Icon_Generic_28,
.glyphsSpriteBrowser_Icon_Safari_28,
.glyphsSpriteCall__outline__24__grey_9,
.glyphsSpriteCamera__outline__24__grey_9,
.glyphsSpriteChevron_circle_shadow_left,
.glyphsSpriteChevron_circle_shadow_right,
.glyphsSpriteChevron_down__outline__16__grey_9,
.glyphsSpriteChevron_down__outline__24__grey_5,
.glyphsSpriteChevron_down__outline__24__grey_9,
.glyphsSpriteChevron_left__outline__24__grey_9,
.glyphsSpriteChevron_right__outline__16__grey_5,
.glyphsSpriteChevron_right__outline__24__grey_5,
.glyphsSpriteChevron_up__outline__24__grey_5,
.glyphsSpriteChevron_up__outline__24__grey_9,
.glyphsSpriteCircle__outline__24__grey_2,
.glyphsSpriteCircle_add__outline__24__grey_5,
.glyphsSpriteCircle_add__outline__24__grey_9,
.glyphsSpriteCircle_check__filled__24__blue_5,
.glyphsSpriteCircle_check__filled__24__green_5,
.glyphsSpriteCircle_check__outline__24__blue_5,
.glyphsSpriteCircle_check__outline__24__white,
.glyphsSpriteComment__filled__16__white,
.glyphsSpriteComment__outline__24__grey_9,
.glyphsSpriteContact_import,
.glyphsSpriteContact_import_sm,
.glyphsSpriteDelete__outline__24__grey_0,
.glyphsSpriteDirect__outline__24__grey_0,
.glyphsSpriteDirect__outline__24__grey_9,
.glyphsSpriteDirect__outline__96,
.glyphsSpriteDownload_2FAC,
.glyphsSpriteElection_pin__filled__24__white,
.glyphsSpriteElection_pin__outline__24__white,
.glyphsSpriteEmail_confirm,
.glyphsSpriteError__outline__24__grey_9,
.glyphsSpriteError__outline__96,
.glyphsSpriteError_glyph_grey,
.glyphsSpriteFB_Logo,
.glyphsSpriteFacebook_circle__filled__12__blue_5,
.glyphsSpriteFacebook_circle__outline__24__grey_9,
.glyphsSpriteFacebook_circle_filled_24,
.glyphsSpriteFb_brand_center_grey,
.glyphsSpriteForward__outline__24__grey_9,
.glyphsSpriteFriend_Follow,
.glyphsSpriteGlyph_chevron_right,
.glyphsSpriteGlyph_circle_star,
.glyphsSpriteGlyph_eye_off,
.glyphsSpriteGlyph_volume_off,
.glyphsSpriteGlyph_warning,
.glyphsSpriteGrey_Close,
.glyphsSpriteHalf_star_black,
.glyphsSpriteHalf_star_white,
.glyphsSpriteHashtag__outline__24__grey_9,
.glyphsSpriteHeart__filled__16__grey_9,
.glyphsSpriteHeart__filled__16__white,
.glyphsSpriteHeart__filled__24__grey_9,
.glyphsSpriteHeart__filled__24__red_5,
.glyphsSpriteHeart__outline__24__grey_9,
.glyphsSpriteHome__filled__24__grey_9,
.glyphsSpriteHome__outline__24__grey_9,
.glyphsSpriteIG_Lite_Direct_Variant_01,
.glyphsSpriteIgtv__outline__24__blue_5,
.glyphsSpriteIgtv__outline__24__grey_5,
.glyphsSpriteInfo__filled__16__grey_9,
.glyphsSpriteInput_clear,
.glyphsSpriteLink__outline__24__grey_9,
.glyphsSpriteLite_app_icon,
.glyphsSpriteLocation__outline__24__grey_9,
.glyphsSpriteLock__outline__24__grey_9,
.glyphsSpriteLock__outline__96,
.glyphsSpriteLogged_Out_QP_Glyph,
.glyphsSpriteMail__outline__24__grey_9,
.glyphsSpriteMenu__outline__24__grey_9,
.glyphsSpriteMore_horizontal__filled__24__grey_0,
.glyphsSpriteMore_horizontal__outline__16__grey_5,
.glyphsSpriteMore_horizontal__outline__24__grey_5,
.glyphsSpriteMore_horizontal__outline__24__grey_9,
.glyphsSpriteNew_feed_activity,
.glyphsSpriteNew_post__outline__24__grey_9,
.glyphsSpriteNews_off_outline,
.glyphsSpriteNews_off_outline_red,
.glyphsSpritePaging_chevron,
.glyphsSpritePhone_confirm,
.glyphsSpritePhoto_grid__outline__24__blue_5,
.glyphsSpritePhoto_grid__outline__24__grey_5,
.glyphsSpritePhoto_list__outline__24__blue_5,
.glyphsSpritePhoto_list__outline__24__grey_5,
.glyphsSpritePlay__filled__16__grey_9,
.glyphsSpritePlay__outline__12__white,
.glyphsSpriteSave__filled__24__grey_9,
.glyphsSpriteSave__outline__24__blue_5,
.glyphsSpriteSave__outline__24__grey_5,
.glyphsSpriteSave__outline__24__grey_9,
.glyphsSpriteSearch,
.glyphsSpriteSearch__filled__24__grey_9,
.glyphsSpriteSearch__outline__24__grey_9,
.glyphsSpriteSettings__outline__24__grey_9,
.glyphsSpriteShare__outline__24__grey_9,
.glyphsSpriteStar_black,
.glyphsSpriteStar_filled_24,
.glyphsSpriteStar_filled_white_24,
.glyphsSpriteStar_half_filled_24,
.glyphsSpriteStar_half_filled_24_white,
.glyphsSpriteStar_white,
.glyphsSpriteStory__outline__24__grey_9,
.glyphsSpriteTag_up__filled__16__white,
.glyphsSpriteTag_up__outline__24__blue_5,
.glyphsSpriteTag_up__outline__24__grey_5,
.glyphsSpriteUser__filled__16__white,
.glyphsSpriteUser__filled__24__grey_0,
.glyphsSpriteUser__filled__24__grey_9,
.glyphsSpriteUser__outline__24__grey_9,
.glyphsSpriteUser_follow__filled__24__grey_9,
.glyphsSpriteUser_follow__outline__24__grey_9,
.glyphsSpriteUsers__outline__24__grey_9,
.glyphsSpriteVerified_small,
.glyphsSpriteVideo_chat__outline__24__grey_9,
.glyphsSpriteVolume__outline__44,
.glyphsSpriteVolume_off__filled__44,
.glyphsSpriteWarning__outline__16__red_5,
.glyphsSpriteWhite_Close,
.glyphsSpriteX__filled__12__white,
.glyphsSpriteX__outline__24__grey_9 {
    background-image: url("../images/c9edd22104b4.png");
}

.glyphsSpriteCircle_add__outline__24__grey_5,
.glyphsSpriteCircle_add__outline__24__grey_9 {
    background-repeat: no-repeat;
    background-position: -208px -344px;
    height: 24px;
    width: 24px;
}

.glyphsSpriteCircle_add__outline__24__grey_9 {
    background-position: -234px -344px;
}

@media (min-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .glyphsSpriteAdd__outline__24__blue_5,
    .glyphsSpriteAdd__outline__24__grey_9,
    .glyphsSpriteAdd_friend__outline__96,
    .glyphsSpriteApp_Icon_28,
    .glyphsSpriteApp_Icon_30,
    .glyphsSpriteApp_Icon_36,
    .glyphsSpriteApp_Icon_45,
    .glyphsSpriteApp_Icon_60,
    .glyphsSpriteApp_Icon_IGTV_44,
    .glyphsSpriteApp_instagram__outline__24__grey_9,
    .glyphsSpriteApp_messenger__outline__24__grey_9,
    .glyphsSpriteApp_twitter__outline__24__grey_9,
    .glyphsSpriteApp_whatsapp__outline__24__grey_9,
    .glyphsSpriteBirthday_cake,
    .glyphsSpriteBrowser_Icon_Chrome_28,
    .glyphsSpriteBrowser_Icon_Firefox_28,
    .glyphsSpriteBrowser_Icon_Generic_28,
    .glyphsSpriteBrowser_Icon_Safari_28,
    .glyphsSpriteCall__outline__24__grey_9,
    .glyphsSpriteCamera__outline__24__grey_9,
    .glyphsSpriteChevron_circle_shadow_left,
    .glyphsSpriteChevron_circle_shadow_right,
    .glyphsSpriteChevron_down__outline__16__grey_9,
    .glyphsSpriteChevron_down__outline__24__grey_5,
    .glyphsSpriteChevron_down__outline__24__grey_9,
    .glyphsSpriteChevron_left__outline__24__grey_9,
    .glyphsSpriteChevron_right__outline__16__grey_5,
    .glyphsSpriteChevron_right__outline__24__grey_5,
    .glyphsSpriteChevron_up__outline__24__grey_5,
    .glyphsSpriteChevron_up__outline__24__grey_9,
    .glyphsSpriteCircle__outline__24__grey_2,
    .glyphsSpriteCircle_add__outline__24__grey_5,
    .glyphsSpriteCircle_add__outline__24__grey_9,
    .glyphsSpriteCircle_check__filled__24__blue_5,
    .glyphsSpriteCircle_check__filled__24__green_5,
    .glyphsSpriteCircle_check__outline__24__blue_5,
    .glyphsSpriteCircle_check__outline__24__white,
    .glyphsSpriteComment__filled__16__white,
    .glyphsSpriteComment__outline__24__grey_9,
    .glyphsSpriteContact_import,
    .glyphsSpriteContact_import_sm,
    .glyphsSpriteDelete__outline__24__grey_0,
    .glyphsSpriteDirect__outline__24__grey_0,
    .glyphsSpriteDirect__outline__24__grey_9,
    .glyphsSpriteDirect__outline__96,
    .glyphsSpriteDownload_2FAC,
    .glyphsSpriteElection_pin__filled__24__white,
    .glyphsSpriteElection_pin__outline__24__white,
    .glyphsSpriteEmail_confirm,
    .glyphsSpriteError__outline__24__grey_9,
    .glyphsSpriteError__outline__96,
    .glyphsSpriteError_glyph_grey,
    .glyphsSpriteFB_Logo,
    .glyphsSpriteFacebook_circle__filled__12__blue_5,
    .glyphsSpriteFacebook_circle__outline__24__grey_9,
    .glyphsSpriteFacebook_circle_filled_24,
    .glyphsSpriteFb_brand_center_grey,
    .glyphsSpriteForward__outline__24__grey_9,
    .glyphsSpriteFriend_Follow,
    .glyphsSpriteGlyph_chevron_right,
    .glyphsSpriteGlyph_circle_star,
    .glyphsSpriteGlyph_eye_off,
    .glyphsSpriteGlyph_volume_off,
    .glyphsSpriteGlyph_warning,
    .glyphsSpriteGrey_Close,
    .glyphsSpriteHashtag__outline__24__grey_9,
    .glyphsSpriteHeart__filled__16__grey_9,
    .glyphsSpriteHeart__filled__16__white,
    .glyphsSpriteHeart__filled__24__grey_9,
    .glyphsSpriteHeart__filled__24__red_5,
    .glyphsSpriteHeart__outline__24__grey_9,
    .glyphsSpriteHome__filled__24__grey_9,
    .glyphsSpriteHome__outline__24__grey_9,
    .glyphsSpriteIG_Lite_Direct_Variant_01,
    .glyphsSpriteIgtv__outline__24__blue_5,
    .glyphsSpriteIgtv__outline__24__grey_5,
    .glyphsSpriteInfo__filled__16__grey_9,
    .glyphsSpriteInput_clear,
    .glyphsSpriteLink__outline__24__grey_9,
    .glyphsSpriteLite_app_icon,
    .glyphsSpriteLocation__outline__24__grey_9,
    .glyphsSpriteLock__outline__24__grey_9,
    .glyphsSpriteLock__outline__96,
    .glyphsSpriteLogged_Out_QP_Glyph,
    .glyphsSpriteMail__outline__24__grey_9,
    .glyphsSpriteMenu__outline__24__grey_9,
    .glyphsSpriteMore_horizontal__filled__24__grey_0,
    .glyphsSpriteMore_horizontal__outline__16__grey_5,
    .glyphsSpriteMore_horizontal__outline__24__grey_5,
    .glyphsSpriteMore_horizontal__outline__24__grey_9,
    .glyphsSpriteNew_feed_activity,
    .glyphsSpriteNew_post__outline__24__grey_9,
    .glyphsSpriteNews_off_outline,
    .glyphsSpriteNews_off_outline_red,
    .glyphsSpritePaging_chevron,
    .glyphsSpritePhone_confirm,
    .glyphsSpritePhoto_grid__outline__24__blue_5,
    .glyphsSpritePhoto_grid__outline__24__grey_5,
    .glyphsSpritePhoto_list__outline__24__blue_5,
    .glyphsSpritePhoto_list__outline__24__grey_5,
    .glyphsSpritePlay__filled__16__grey_9,
    .glyphsSpritePlay__outline__12__white,
    .glyphsSpriteSave__filled__24__grey_9,
    .glyphsSpriteSave__outline__24__blue_5,
    .glyphsSpriteSave__outline__24__grey_5,
    .glyphsSpriteSave__outline__24__grey_9,
    .glyphsSpriteSearch,
    .glyphsSpriteSearch__filled__24__grey_9,
    .glyphsSpriteSearch__outline__24__grey_9,
    .glyphsSpriteSettings__outline__24__grey_9,
    .glyphsSpriteShare__outline__24__grey_9,
    .glyphsSpriteStar_filled_24,
    .glyphsSpriteStar_filled_white_24,
    .glyphsSpriteStar_half_filled_24,
    .glyphsSpriteStar_half_filled_24_white,
    .glyphsSpriteStory__outline__24__grey_9,
    .glyphsSpriteTag_up__filled__16__white,
    .glyphsSpriteTag_up__outline__24__blue_5,
    .glyphsSpriteTag_up__outline__24__grey_5,
    .glyphsSpriteUser__filled__16__white,
    .glyphsSpriteUser__filled__24__grey_0,
    .glyphsSpriteUser__filled__24__grey_9,
    .glyphsSpriteUser__outline__24__grey_9,
    .glyphsSpriteUser_follow__filled__24__grey_9,
    .glyphsSpriteUser_follow__outline__24__grey_9,
    .glyphsSpriteUsers__outline__24__grey_9,
    .glyphsSpriteVerified_small,
    .glyphsSpriteVideo_chat__outline__24__grey_9,
    .glyphsSpriteVolume__outline__44,
    .glyphsSpriteVolume_off__filled__44,
    .glyphsSpriteWarning__outline__16__red_5,
    .glyphsSpriteWhite_Close,
    .glyphsSpriteX__filled__12__white,
    .glyphsSpriteX__outline__24__grey_9 {
        background-image: url("../images/7123d802a372.png");
    }

    .glyphsSpriteCircle_add__outline__24__grey_9 {
        background-size: 456px 430px;
        background-position: -200px -339px;
    }
}

/* ================================================================================================================== */
@-webkit-keyframes IGCoreSpinnerSpin12 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes IGCoreSpinnerSpin12 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes IGCoreModalShow {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes IGCoreModalShow {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes GMenuShow {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes GMenuShow {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.animation-modal-show {
    animation: IGCoreModalShow 0.1s ease-out;
}

.loading-animation {
    -webkit-animation: IGCoreSpinnerSpin12 1.2s steps(12) infinite;
    animation: IGCoreSpinnerSpin12 1.2s steps(12) infinite;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.anm-fade-in {
    -webkit-animation: fadeIn 500ms ease-out;
    animation: fadeIn 500ms ease-out;
}

/* ================================================================================================================== */
.post-loading {
    height: 48px;
    margin-top: 40px;
}

.simulator-textarea {
    min-height: 0 !important;
    max-height: none !important;
    visibility: hidden !important;
    overflow: hidden !important;
    position: absolute !important;
    z-index: -1000 !important;
    bottom: 0 !important;
    right: 0 !important;
    letter-spacing: normal;
    font-style: normal;
    text-rendering: optimizelegibility;
    text-transform: none;
    text-indent: 0;
    padding: 8px 9px;
    border-width: 0;
    box-sizing: content-box;
}

/* ================================================================================================================== */
.ReactModal__Overlay {
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    z-index: 2000 !important;
    background-color: rgba(0, 0, 0, 0.65) !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.ReactModal__Content {
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: 100% !important;
    -webkit-animation: IGCoreModalShow 0.1s ease-out;
    animation: IGCoreModalShow 0.1s ease-out;
    position: relative !important;
    inset: inherit !important;
    border: inherit !important;
    background: transparent !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    border-radius: inherit !important;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
    -webkit-box-align: center !important;
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    padding: 0 !important;
    top: inherit !important;
    left: inherit !important;
    bottom: inherit !important;
    right: inherit !important;
    outline: none !important;
}

.ReactModal__Content .card {
    max-height: 100%;
    overflow-y: auto;
}

@media (max-width: 735px) {
    .ReactModal__Overlay {
        padding: 10px !important;
    }
}

@media (min-width: 736px) {
    .ReactModal__Overlay {
        padding: 30px !important;
    }
}

/* ================================================================================================================== */

/* ================================================================================================================== */
.list-group {
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
}

.list-group .list-item {
    margin: 0 !important;
}

.list-group .list-item:hover {
    background-color: rgba(0, 0, 0, 0.015);
}

.list-group .list-item:active {
    background-color: rgba(0, 0, 0, 0.035);
}

.list-group .list-item > .item,
.list-group .list-item > a {
    color: #262626;
    display: block;
    padding: 10px 16px;
    font-size: 14px;
    font-weight: normal;
}

.list-group .list-item > .item span,
.list-group .list-item > a span {
    color: #262626;
    font-size: 14px;
    font-weight: normal;
}

/* ================================================================================================================== */
.form-group,
.form-group-checkbox {
    margin-bottom: 1.125rem;
}

.form-group-checkbox {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-control {
    position: relative;
    outline: 0 !important;
    background: #fdfdfd;
    border-radius: 4px;
    border: 1px solid #dbdbdb;
    color: #262626;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 14px;
    line-height: 30px;
    margin: 0;
    overflow: visible;
    padding: 4px 12px;
}

.form-control:focus {
    border-color: #8e8e8e;
    box-shadow: #8e8e8e 0 0 0 1px;
    background-color: #fff;
}

.form-control:disabled {
    border: 1px solid #dbdbdb !important;
    color: #666 !important;
    box-shadow: none !important;
    background-color: #f6f6f6;
}

.form-control.is-invalid {
    border-color: #f5abb3 !important;
    box-shadow: #f5abb3 0 0 0 1px !important;
}

.invalid-feedback,
.valid-feedback {
    font-size: 0.75rem;
    font-weight: 300;
    margin-top: 4px;
}

.invalid-feedback {
    color: #dc3545;
}

.valid-feedback {
    color: #25b825;
}

label,
.label {
    display: inline-block;
    margin-bottom: 6px;
    font-size: 0.875rem;
    color: #262626;
    font-weight: normal;
    line-height: 18px;
}

.form-group-checkbox label,
.form-group-checkbox .label {
    margin-bottom: 0;
    margin-right: 10px;
}

.profile-picture {
    background-color: #fdfdfd;
    border-radius: 50%;
}

.profile-picture::after {
    border: 1px solid rgba(0, 0, 0, 0.0975);
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}

.profile-picture .picture {
    height: 100%;
    -webkit-touch-callout: none;
    width: 100%;
}

@media (max-width: 735px) {
    .profile-picture {
        width: 77px;
        height: 77px;
    }
}

@media (min-width: 736px) {
    .profile-picture {
        width: 150px;
        height: 150px;
    }
}

/* ================================================================================================================== */
.loading-bg-blur {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    transform: inherit !important;
    background-color: rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
}

/* ================================================================================================================== */
.shadow-sm {
    -webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.05);
}

.border-none {
    border: none !important;
}

.border-top-0 {
    border-top: none !important;
}

.border-radius-0 {
    border-radius: 0 !important;
}

.border-radius-1p {
    border-radius: 1px !important;
}

.border-radius-2p {
    border-radius: 2px !important;
}

.border-radius-3p {
    border-radius: 3px !important;
}

.border-radius-4p {
    border-radius: 4px !important;
}

@media (max-width: 735px) {
    .border-sm-none {
        border: none !important;
    }
}

/* ================================================================================================================== */
.account-form > div {
    width: 100%;
    max-width: 350px;
}

.admin-form > div {
    width: 100%;
    max-width: 500px;
    max-width: 500px;
}

/* ================================================================================================================== */
hr,
.hr {
    padding: 0;
    border: 0;
    margin: 1rem 0;
    width: 100%;
    height: 1px;
    background-color: #dbdbdb;
}

/* ================================================================================================================== */
table {
    border-collapse: collapse;
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

.table-frame-border {
    border: #dee2e6 1px solid;
}

.table th,
.table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    overflow: hidden;
}

.table th,
.table td,
.table th span,
.table td span,
.table th div,
.table td div,
.table th p,
.table td p {
    font-size: 0.875rem;
    white-space: nowrap;
}

.table td {
    font-weight: normal;
}

.table th {
    font-weight: bold;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
    border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
    border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
    background-color: rgba(0, 0, 0, 0.02);
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #b8daff;
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
    border-color: #7abaff;
}

.table-hover .table-primary:hover {
    background-color: #9fcdff;
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
    background-color: #9fcdff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: #d6d8db;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
    border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
    background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
    background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
    background-color: #c3e6cb;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
    border-color: #8fd19e;
}

.table-hover .table-success:hover {
    background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
    background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
    background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
    border-color: #86cfda;
}

.table-hover .table-info:hover {
    background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
    background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
    background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
    border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
    background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
    background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
    border-color: #ed969e;
}

.table-hover .table-danger:hover {
    background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
    background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
    background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
    border-color: #fbfcfc;
}

.table-hover .table-light:hover {
    background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
    background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
    background-color: #c6c8ca;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
    border-color: #95999c;
}

.table-hover .table-dark:hover {
    background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
    background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.table-dark {
    color: #fff;
    background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
    border-color: #454d55;
}

.table-dark.table-bordered {
    border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 735px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive-sm > .table-bordered {
        border: 0;
    }
}

@media (min-width: 736px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-responsive-lg > .table-bordered {
        border: 0;
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    flex: inherit !important;
}

.table-responsive > .table-bordered {
    border: 0;
}

.table thead > tr > td,
.table tbody > tr > td,
.table thead > tr > th,
.table tbody > tr > th {
    vertical-align: middle;
}

/* ================================================================================================================== */
.alert {
    position: relative;
    padding: 0.395rem 0.75rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    -webkit-transition: transform 200ms ease-in-out, height 200ms linear, padding 200ms linear;
    -moz-transition: transform 200ms ease-in-out, height 200ms linear, padding 200ms linear;
    transition: transform 200ms ease-in-out, height 200ms linear, padding 200ms linear;
    overflow: hidden;
    border-radius: 4px;
    -webkit-animation: alertShow 0.2s linear;
    animation: alertShow 0.2s linear;
}

.g-alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    border: 1px solid transparent;
    overflow: hidden;
    border-radius: 4px;
}

.alert,
.g-alert,
.alert p,
.alert span,
.g-alert p,
.g-alert span {
    font-size: 0.8125rem;
    line-height: 18px;
}

.alert p,
.g-alert p {
    margin-bottom: 6px;
}

.alert p:last-child,
.g-alert p:last-child {
    margin-bottom: 0;
}

.alert.alert-dismissible {
    padding: 0.395rem 0.75rem 0.395rem 2.5rem;
}

.g-alert.alert-dismissible {
    padding: 0.75rem 1.25rem 0.75rem 2.5rem;
}

.alert-dismissible .close {
    position: absolute;
    left: 1px;
    padding: 0.395rem 0.75rem 0.395rem 0.75rem;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    -ms-flex-pack: justify !important;
    justify-content: center !important;
    cursor: pointer;
}

.alert.alert-dismissible .close {
    top: 1px;
}

.g-alert.alert-dismissible .close {
    top: 7px;
}

.alert-dismissible .close span {
    display: inline-flex;
    font-size: 1rem;
    line-height: inherit;
}

.alert-dismissible .close:hover span {
    opacity: 0.7;
}

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

.alert-primary hr {
    border-top-color: #9fcdff;
}

.alert-primary .alert-link {
    color: #002752;
}

.alert-default {
    color: #56565b;
    background-color: #f2f2f5;
    border-color: #e8e8eb;
}

.alert-default hr {
    border-top-color: #e8e8eb;
}

.alert-default .alert-link {
    color: #26262b;
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.alert-secondary hr {
    border-top-color: #c8cbcf;
}

.alert-secondary .alert-link {
    color: #202326;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-success hr {
    border-top-color: #b1dfbb;
}

.alert-success .alert-link {
    color: #0b2e13;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-info hr {
    border-top-color: #abdde5;
}

.alert-info .alert-link {
    color: #062c33;
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-warning hr {
    border-top-color: #ffe8a1;
}

.alert-warning .alert-link {
    color: #533f03;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-danger hr {
    border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
    color: #491217;
}

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.alert-light hr {
    border-top-color: #ececf6;
}

.alert-light .alert-link {
    color: #686868;
}

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.alert-dark hr {
    border-top-color: #b9bbbe;
}

.alert-dark .alert-link {
    color: #040505;
}

.alert.close {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

@keyframes alertShow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    90% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes alertShow {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    90% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/* ================================================================================================================== */
.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-thumbnail {
    padding: 3px;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.table-img-s,
.img-small {
    width: 58px;
    min-width: 58px;
    max-width: 58px;
}

.table-img-m,
.img-medium {
    width: 74px;
    min-width: 74px;
    max-width: 74px;
}

@media (max-width: 735px) {
    .table-img-sm-s,
    .img-sm-small {
        width: 58px;
        min-width: 58px;
        max-width: 58px;
    }

    .table-img-sm-m,
    .img-sm-medium {
        width: 74px;
        min-width: 74px;
        max-width: 74px;
    }
}

@media (min-width: 736px) {
    .table-img-lg-s,
    .img-lg-small {
        width: 58px;
        min-width: 58px;
        max-width: 58px;
    }

    .table-img-lg-m,
    .img-lg-medium {
        width: 74px;
        min-width: 74px;
        max-width: 74px;
    }
}

@media (max-width: 735px) {
    #__react-alert__ > div {
        margin-top: 30px;
    }

    #__react-alert__ .g-alert {
        margin-top: 20px !important;
        margin-left: 10px !important;
    }
}

@media (min-width: 736px) {
    #__react-alert__ > div {
        margin-top: 40px;
    }

    #__react-alert__ .g-alert {
        margin-top: 20px !important;
        margin-left: 10px !important;
    }
}

.covered-all-content {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.replies-cancel {
    position: absolute;
    right: 50%;
    transform: translate(50%, -22px);
}

@media (max-width: 735px) {
    .replies-cancel {
        z-index: 1;
        bottom: 0;
        margin-bottom: -65px;
    }
}

@media (min-width: 736px) {
    .replies-cancel {
        top: -100%;
    }
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body.sm-comments {
    overflow: hidden;
}

.sm-comments .main-container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

.sm-comments .comment-form {
    padding: 8px 16px;
    background-color: #efefef;
    border-bottom: 1px solid #dbdbdb;
}

.sm-comments .comment-form.direct {
    padding: 8px;
}

.sm-comments .comment-form .form-area {
    padding: 12px 16px;
    border: 1px solid #dbdbdb;
    color: #8e8e8e;
    font-size: 14px;
    line-height: 18px;
    border-radius: 28px;
    background-color: #fff;
    min-height: 48px;
}

.sm-comments .comment-form .send-images {
    width: 48px;
    height: 48px;
    border: 1px solid #dbdbdb;
    color: #8e8e8e;
    font-size: 14px;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 8px;
}

.sm-comments .comment-form .input {
    background: 0 0;
    border: 0;
    color: #262626;
    font-size: 0.875rem;
    height: 19px;
    outline: 0;
    padding: 0;
    resize: none;
}

.sm-comments .comments-area {
    height: calc(100% - 32px);
    padding: 16px;
    width: calc(100% - 8px);
}

.sm-comments .comments-area .post-description {
    right: -16px;
    padding: 8px 16px 20px;
    width: calc(100% + 8px);
    border-bottom: 1px solid #efefef;
    margin-bottom: 16px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.circle-highlight-right {
    position: relative !important;
    padding-right: 20px !important;
}

.circle-highlight-right:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background-color: #ed4956;
    border-radius: 50%;
}

::-webkit-input-placeholder {
    color: #aaa !important;
    opacity: 1 !important;
    font-weight: 300 !important;
    font-size: 0.8125rem !important;
}

::-moz-placeholder {
    color: #aaa !important;
    opacity: 1 !important;
    font-weight: 300 !important;
    font-size: 0.8125rem !important;
}

:-ms-input-placeholder {
    color: #aaa !important;
    opacity: 1 !important;
    font-weight: 300 !important;
    font-size: 0.8125rem !important;
}

::-ms-input-placeholder {
    color: #aaa !important;
    opacity: 1 !important;
    font-weight: 300 !important;
    font-size: 0.8125rem !important;
}

::placeholder {
    color: #aaa !important;
    opacity: 1 !important;
    font-weight: 300 !important;
    font-size: 0.8125rem !important;
}

.placeholder-rs::-webkit-input-placeholder {
    direction: rtl !important;
    text-align: right !important;
}

.placeholder-rs::-moz-placeholder {
    direction: rtl !important;
    text-align: right !important;
}

.placeholder-rs:-ms-input-placeholder {
    direction: rtl !important;
    text-align: right !important;
}

.placeholder-rs::-ms-input-placeholder {
    direction: rtl !important;
    text-align: right !important;
}

.placeholder-rs::placeholder {
    direction: rtl !important;
    text-align: right !important;
}

.scrollable {
    max-width: 100%;
    max-height: 100%;
    overflow: auto !important;
}

.colored-rows .row-item {
    background-color: rgba(0, 0, 0, 0.018);
}

.colored-rows .row-item:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.038);
}

.info-caption-wrapper {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    flex-direction: row;
    direction: ltr;
    align-items: flex-end;
    overflow: auto;
    /*-ms-overflow-style: none;  !* IE and Edge *!*/
    /*scrollbar-width: none;  !* Firefox *!*/
}

.info-caption-wrapper::-webkit-scrollbar {
    /*display: none;*/
}

.info-caption {
    flex-direction: row;
    direction: ltr;
    padding: 2px 4px;
    background-color: rgba(0, 0, 0, 0.35);
    border-radius: 4px;
    overflow: hidden;
}

.info-caption + .info-caption {
    margin-left: 6px;
}

.info-caption.lg {
    padding: 2px 6px;
}

.info-caption.sold,
.info-caption.discount {
    background-color: #c2303f;
}

.info-caption .value.discount {
    color: #c2303f;
}

.info-caption .key,
.info-caption .value,
.info-caption .sold,
.info-caption .copied {
    display: inline-flex;
    line-height: 1;
    padding-top: 2px;
    padding-bottom: 2px;
    flex-direction: row;
    align-items: center;
    text-align: initial;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.5) 0 1px 3px;
    font-size: 11px;
    font-weight: 300;
    user-select: none;
}

.info-caption.lg .key,
.info-caption.lg .value,
.info-caption.lg .sold,
.info-caption.lg .copied {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px;
    font-weight: 400;
}

.info-caption.sold .key,
.info-caption.sold .value,
.info-caption.sold .sold {
    justify-content: center;
}

.info-caption .key {
    /*justify-content: flex-end;*/
    padding-left: 6px;
}

.info-caption .value {
    direction: ltr;
    justify-content: flex-end;
}

.info-caption .copied {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    justify-content: center;
    background-color: #fff;
    color: #e04f5d;
    text-shadow: none !important;
    outline: none !important;
    font-weight: bold !important;
    z-index: 100;
    font-size: 14px !important;
}

.tile-badge-top-right {
    flex-direction: row;
    direction: ltr;
    padding: 2px 3px;
    background-color: #cc4337;
    border-radius: 3px 0 0 3px;
    overflow: hidden;
    position: absolute;
    top: 5px;
    right: 0;
    color: #fff;
    font-weight: 500;
    font-size: 10px;
}

strong {
    font-weight: bold !important;
}

.ql-editor {
    min-height: 500px;
}

.form-direct-message .e-file-delete-btn {
    display: none !important;
}
