@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap");@import url("color.css");@import url("components.css");@import url("loaders.css");@import url("flags.css");@import url("components-cols.css");@import url("buttons.css");.proje-title {
    display: flex;
    width: 100%;
    height: 500px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    position: relative;
}

.proje-title .img-fluid {
    height: 100%;
    object-fit: cover;
    width: 100%;
    object-position: top center;
}

li.breadcrumb-item {
    color: rgb(159, 171, 183);
    font-size: 13px;
}

li.breadcrumb-item:nth-child(2)::before {
    padding: 0px;
    opacity: 0 !important;
}

#telefon-goster {
    opacity: 0;
}

.card:hover #telefon-goster {
    opacity: 1;
}

.item-card7-desc {
    height: 46px;
    overflow: hidden;
}

.item-card2-text {
    height: 65px;
    overflow: hidden;
}

html {
    line-height: 1.15;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

.slider-main {
    position: relative;
}

.slider-main .carousel-inner {
    position: inherit;
    width: inherit;
    overflow: inherit;
    max-height: inherit;
    z-index: 1;
}

.slider-main .carousel-item img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: inherit !important;
}

.slider-main .carousel-item {
    height: 400px;
    width: 100% !important;
    position: relative;
}

.carousel-item::after {
    content: "";
    display: block;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
}

.secondlevel ul {
    background: 0px 0px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

body {
    margin: 0px;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    color: rgb(56, 56, 56);
    text-align: left;
    font-family: Kanit;
}

[tabindex="-1"]:focus {
    outline: 0px !important;
}

hr {
    box-sizing: content-box;
    height: 0px;
    overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0px;
    margin-bottom: 0.66em;
}

p {
    margin-top: 0px;
    margin-bottom: 0.5rem;
}

abbr[data-original-title], abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0px;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

dl, ol, ul {
    margin-top: 0px;
    margin-bottom: 1rem;
}

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

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0px;
}

blockquote {
    margin: 0px 0px 1rem;
}

dfn {
    font-style: italic;
}

b, strong {
    font-weight: 600;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: rgb(67, 67, 67);
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    text-decoration: underline;
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: rgb(51, 51, 51);
    text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
    outline: 0px;
}

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

pre {
    margin-top: 0px;
    margin-bottom: 1rem;
    overflow: auto;
}

figure {
    margin: 0px 0px 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

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

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: rgb(80, 86, 98);
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

button {
    border-radius: 0px;
}

button:focus {
    outline: -webkit-focus-ring-color auto 5px;
}

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

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

[type="reset"], [type="submit"], button, html [type="button"] {
    appearance: button;
}

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

input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"] {
    appearance: listbox;
}

textarea {
    overflow: auto;
    resize: vertical;
}

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

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0px;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

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

[type="search"] {
    outline-offset: -2px;
    appearance: none;
}

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

::-webkit-file-upload-button {
    font: inherit;
    appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.3em;
    font-weight: 500;
    line-height: 1.3;
}

.h1, h1 {
    font-size: 36px;
    font-weight: 400;
}

.h2, h2 {
    font-size: 1.75rem;
}

.h3, h3 {
    font-size: 1.5rem;
}

.h4, h4 {
    font-size: 15px;
}

.h5, h5 {
    font-size: 1rem;
}

.h6, h6 {
    font-size: 0.875rem;
}

.br-100 {
    border-radius: 100% !important;
}

.br-7 {
    border-radius: 7px;
}

.br-tl-7 {
    border-top-left-radius: 7px !important;
}

.br-tl-10 {
    border-top-left-radius: 1rem !important;
}

.br-bl-7 {
    border-bottom-left-radius: 7px !important;
}

.br-bl-10 {
    border-bottom-left-radius: 1rem !important;
}

.br-tr-7 {
    border-top-right-radius: 7px !important;
}

.br-tr-10 {
    border-top-right-radius: 1rem !important;
}

.br-br-7 {
    border-bottom-right-radius: 7px !important;
}

.br-br-10 {
    border-bottom-right-radius: 1rem !important;
}

.br-tl-0 {
    border-top-left-radius: 0px !important;
}

.br-bl-0 {
    border-bottom-left-radius: 0px !important;
}

.br-tr-0 {
    border-top-right-radius: 0px !important;
}

.br-br-0 {
    border-bottom-right-radius: 0px !important;
}

.lead {
    font-size: 1.17188rem;
    font-weight: 300;
}

.display-1 {
    font-size: 10.5rem;
    font-weight: 400;
    line-height: 1.1;
}

.display-2 {
    font-size: 4rem;
    font-weight: 300;
    line-height: 1.1;
}

.display-3 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.1;
}

.display-4 {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1.1;
}

.display-5 {
    font-size: 2.4rem;
    font-weight: 300;
    line-height: 1.1;
}

.display-6 {
    font-size: 2.3rem;
    font-weight: 300;
    line-height: 1.1;
}

.top-0 {
    top: 0px !important;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-width: 1px 0px 0px;
    border-right-style: initial;
    border-bottom-style: initial;
    border-left-style: initial;
    border-right-color: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    border-image: initial;
    border-top-style: solid;
    border-top-color: rgb(227, 227, 228);
}

.small, small {
    font-size: 87.5%;
    font-weight: 400;
}

.mark, mark {
    padding: 0.2em;
    background-color: rgb(252, 248, 227);
}

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

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

.list-inline-item {
    display: inline-block;
}

.list-inline-item:not(:last-child) {
    margin-right: 0.5rem;
}

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.17188rem;
}

.blockquote-footer {
    display: block;
    font-size: 80%;
    color: rgb(134, 142, 150);
}

.blockquote-footer::before {
    content: "";
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.cover-image {
    width: 100%;
    position: relative;
    background-size: cover !important;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(232, 235, 243);
    border-radius: 3px;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}

.figure-caption {
    font-size: 90%;
    color: rgb(134, 142, 150);
}

.fs-10 {
    font-size: 10px !important;
}

.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-30 {
    font-size: 30px;
}

.fs-40 {
    font-size: 40px;
}

.fs-50 {
    font-size: 50px;
}

code, kbd, pre, samp {
    font-family: Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

code {
    font-size: 85%;
    color: inherit;
    word-break: break-word;
}

a > code {
    color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 85%;
    color: rgb(255, 255, 255);
    background-color: rgb(52, 58, 64);
    border-radius: 3px;
}

kbd kbd {
    padding: 0px;
    font-size: 100%;
    font-weight: 700;
}

pre {
    display: block;
    font-size: 85%;
    color: rgb(167, 180, 201);
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal;
}

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

.container {
    width: 100%;
    padding-right: 1.75rem;
    padding-left: 1.75rem;
    margin-right: auto;
    margin-left: auto;
}

.slider-multi-content {
    position: absolute;
    top: 60px;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    z-index: 3;
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 1170px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1200px;
    }
}

.container-fluid {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.75rem !important;
    padding-left: 1.75rem !important;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -0.75rem;
    margin-left: -0.75rem;
}

.no-gutters {
    margin-right: 0px;
    margin-left: 0px;
}

.no-gutters > .col, .no-gutters > [class*="col-"] {
    padding-right: 0px;
    padding-left: 0px;
}

.social-box {
    min-height: 160px;
    margin-bottom: 20px;
    text-align: center;
    background: rgb(255, 255, 255);
    border-radius: 8px;
    box-shadow: rgba(181, 201, 227, 0.12) 0px 0px 0px 1px, rgba(181, 201, 227, 0.24) 0px 8px 16px 0px;
}

.social-box i {
    display: block;
    font-size: 40px;
    background: rgb(233, 236, 239);
    line-height: 110px;
}

.social-box.facebook i {
    color: rgb(255, 255, 255);
    background: rgb(94, 91, 170);
    border-radius: 8px 8px 0px 0px;
}

.social-box ul {
    list-style: none;
    display: inline-block;
    margin: 7px 0px 0px;
    padding: 10px;
    width: 100%;
}

.social-box ul li {
    color: rgb(148, 156, 160);
    font-size: 14px;
    font-weight: 700;
    padding: 0px 10px 0px 0px;
    text-align: center;
    display: block;
    float: left;
    width: 50%;
    line-height: 2;
}

.social-box ul li strong {
    display: block;
    font-size: 17px;
    line-height: 1;
    color: rgb(7, 5, 16);
}

.social-box ul li span {
    font-size: 15px;
    font-weight: 500;
    color: rgb(7, 5, 16);
    text-transform: uppercase;
}

.social-box ul li:last-child {
    padding-left: 10px;
    padding-right: 0px;
    text-align: center;
}

.social-box.twitter i {
    color: rgb(255, 255, 255);
    background: rgb(0, 188, 212);
    border-radius: 8px 8px 0px 0px;
}

.social-box.linkedin i {
    color: rgb(255, 255, 255);
    border-radius: 8px 8px 0px 0px;
}

.social-box.google-plus i {
    color: rgb(255, 255, 255);
    background: rgb(255, 59, 46);
    border-radius: 8px 8px 0px 0px;
}

.statistics-box.with-icon {
    position: relative;
    padding-left: 80px;
    text-align: right;
}

.statistics-box {
    padding-top: 14px;
    min-height: 80px;
    text-align: center;
}

.statistics-box.with-icon .ico.small {
    font-size: 50px;
}

.statistics-box.with-icon .ico {
    position: absolute;
    top: 8px;
    left: 0px;
    width: 80px;
    height: 80px;
    font-size: 70px;
    line-height: 80px;
    text-align: center;
}

.content-box h4 {
    font-size: 43px !important;
}

.counter {
    font-size: 35px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.counter-1 {
    font-size: 40px;
    font-weight: 600;
}

.todo-item + .todo-item {
    margin-top: 8px;
}

.todo-item .checkbox {
    margin-bottom: 6px;
}

.todo-item input:checked + span {
    text-decoration: line-through;
}

.checkbox {
    font-weight: 400;
    position: relative;
    display: block;
    line-height: 18px;
}

.checkbox span {
    padding-left: 15px;
}

.checkbox span:empty {
    float: left;
}

.checkbox span::after, .checkbox span::before {
    line-height: 18px;
    position: absolute;
}

.checkbox span::before {
    content: "";
    width: 16px;
    height: 16px;
    background-color: rgb(233, 236, 243);
    border: 1px solid rgb(232, 235, 243);
    top: 1px;
    left: 0px;
}

.checkbox span::after {
    top: 1px;
    left: 0px;
    width: 16px;
    height: 16px;
    content: "";
    font-family: FontAwesome;
    font-size: 9px;
    text-align: center;
    color: rgb(255, 255, 255);
    line-height: 17px;
    display: none;
}

.checkbox input[type="checkbox"] {
    opacity: 0;
    margin: 0px 5px 0px 0px;
}

.checkbox input[type="checkbox"]:checked + span::after {
    display: block;
}

.checkbox input[type="checkbox"][disabled] + span, .checkbox input[type="checkbox"][disabled] + span::after, .checkbox input[type="checkbox"][disabled] + span::before {
    opacity: 0.75;
}

.checkbox-inline {
    display: inline-block;
}

.media .chat i {
    font-size: 13px;
}

.media .chat a {
    font-size: 13px;
}

.iconfont h2 {
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 10px !important;
}

.iconfont h5 {
    font-size: 16px;
    font-weight: 600;
}

.iconfont i {
    font-size: 15px;
}

.wx h1 {
    margin-bottom: 15px;
    margin-top: 0px;
    font-size: 65px !important;
}

.chat {
    list-style: none;
    background: 0px 0px;
    margin: 0px;
    padding: 0px;
}

.chat li {
    padding: 15px;
    overflow: hidden;
    display: flex;
}

.chat .avatar {
    width: 40px;
    height: 40px;
    position: relative;
    display: block;
    z-index: 2;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.9);
}

.chat .avatar img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    user-select: none;
}

.chat .day {
    position: relative;
    display: block;
    text-align: center;
    color: silver;
    height: 20px;
    box-shadow: rgba(243, 247, 253, 0.12) 0px 0px 0px 1px, rgba(243, 247, 253, 0.24) 0px 8px 16px 0px;
    line-height: 38px;
    margin-top: 5px;
    margin-bottom: 20px;
    cursor: default;
    user-select: none;
}

.other .msg {
    order: 1;
    border: 1px solid rgb(232, 235, 243);
    border-top-left-radius: 0px;
    box-shadow: rgba(243, 247, 253, 0.12) 0px 0px 0px 1px, rgba(243, 247, 253, 0.24) 0px 8px 16px 0px;
}

.other::before {
    content: "";
    position: relative;
    top: 0px;
    right: 0px;
    left: 50px;
    width: 0px;
    height: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: rgb(232, 235, 243) rgb(232, 235, 243) transparent transparent;
    border-image: initial;
}

.self {
    justify-content: flex-end;
    align-items: flex-end;
}

.self .msg {
    order: 1;
    border: 1px solid rgb(232, 235, 243);
    border-bottom-right-radius: 0px;
    box-shadow: rgba(243, 247, 253, 0.12) 0px 0px 0px 1px, rgba(243, 247, 253, 0.24) 0px 8px 16px 0px;
}

.self .avatar {
    order: 2;
}

.self .avatar::after {
    content: "";
    position: relative;
    display: inline-block;
    bottom: -14px;
    right: 26px;
    width: 0px;
    height: 0px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent rgb(232, 235, 243) rgb(232, 235, 243);
    border-image: initial;
    box-shadow: rgba(243, 247, 253, 0.12) 0px 0px 0px 1px, rgba(243, 247, 253, 0.24) 0px 8px 16px 0px;
}

.msg {
    background: rgb(255, 255, 255);
    min-width: 50px;
    margin: 0px 10px;
    padding: 10px;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 0px;
}

.msg p {
    font-size: 13px;
    margin: 0px 0px 0.2rem;
    color: rgb(49, 49, 72);
}

.msg img {
    position: relative;
    display: block;
    width: 450px;
    border-radius: 5px;
    box-shadow: rgb(238, 238, 238) 0px 0px 3px;
    transition: all 0.4s cubic-bezier(0.565, -0.26, 0.255, 1.41) 0s;
    cursor: default;
    user-select: none;
}

@media screen and (max-width: 800px) {
    .msg img {
        width: 300px;
    }
}

@media screen and (max-width: 550px) {
    .msg img {
        width: 200px;
    }
}

.msg time {
    font-size: 0.7rem;
    color: rgb(167, 180, 201);
    margin-top: 3px;
    float: right;
    cursor: default;
    user-select: none;
}

.msg time::before {
    content: "";
    color: rgb(167, 180, 201);
    font-family: FontAwesome;
    display: inline-block;
    margin-right: 4px;
}

.social-title {
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: none;
    color: rgb(255, 255, 255) !important;
}

.socials {
    display: flex;
}

.socials li {
    margin: 0px 15px 0px 12px;
}

.text-shadow1 {
    text-shadow: rgba(39, 29, 96, 0.4) 0px 10px 10px;
}

.count {
    font-size: 37px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.card .card-block {
    padding: 15px;
}

.user-card .card-block .user-image {
    position: relative;
    margin: 0px auto;
    display: inline-block;
    padding: 5px;
    width: 110px;
    height: 110px;
}

.card .card-block p {
    line-height: 1.4;
    margin-top: 10px;
}

.user-card .card-block .activity-leval li {
    display: inline-block;
    width: 15%;
    height: 4px;
    margin: 0px 3px;
    background-color: rgb(233, 235, 249);
}

.user-card .card-block .counter-block {
    color: rgb(255, 255, 255);
}

.user-card .card-block .user-social-link i {
    font-size: 30px;
}

.widget-user .widget-user-header {
    padding: 20px;
    height: 120px;
}

.widget-user .widget-user-username {
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 300;
    text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
    color: rgb(255, 255, 255);
}

.widget-user .widget-user-desc {
    margin-top: 0px;
    color: rgb(255, 255, 255);
}

.widget-user .widget-user-image {
    position: absolute;
    top: 65px;
    left: 50%;
    margin-left: -45px;
}

.widget-user .widget-user-image > img {
    width: 90px;
    height: auto;
    border: 3px solid rgb(255, 255, 255);
}

.widget-user .user-wideget-footer {
    padding-top: 30px;
}

.user-wideget-footer {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top: 1px solid rgb(244, 244, 244);
    padding: 10px;
    background-color: rgb(255, 255, 255);
}

.user-wideget .border-right {
    border-right: 1px solid rgb(244, 244, 244);
}

.description-block {
    display: block;
    margin: 10px 0px;
    text-align: center;
}

.description-block > .description-header {
    margin: 0px;
    padding: 0px;
    font-weight: 600;
    font-size: 16px;
}

.description-block > .description-text {
    text-transform: uppercase;
    color: rgb(7, 5, 16);
}

.socailicons .fa {
    font-size: 70px;
    text-align: right;
    position: absolute;
    top: 13px;
    right: -5px;
    outline: 0px;
}

.socailicons {
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px;
}

.socailicons a {
    text-decoration: none;
}

.twitter1 {
    background-color: rgb(0, 172, 238) !important;
}

.google-plus1 {
    background-color: rgb(221, 75, 57) !important;
}

.facebook-like1 {
    background-color: rgb(59, 89, 152) !important;
}

.pinterest1 {
    background-color: rgb(189, 8, 28) !important;
}

.card-blog-overlay6 i {
    font-size: 3rem;
}

.card-counter2 i {
    font-size: 4.5em;
}

.weather-card {
    background: rgb(255, 255, 255);
    border-radius: 7px;
    box-shadow: rgba(181, 201, 227, 0.12) 0px 0px 0px 1px, rgba(181, 201, 227, 0.24) 0px 8px 16px 0px;
    overflow: hidden;
}

.weather-card .top {
    position: relative;
    overflow: hidden;
    background: url("../images/photos/19.jpg") center center / cover no-repeat;
    text-align: center;
}

.weather-card .top .weather-wrapper {
    padding: 15px;
    position: relative;
    z-index: 1;
}

.weather-card .top .weather-wrapper .mynav {
    height: 20px;
}

.weather-card .top .weather-wrapper .mynav .fa {
    color: rgb(255, 255, 255);
    font-size: 14px;
}

.weather-card .top .weather-wrapper .mynav .icon {
    display: inline-block;
    float: left;
}

.weather-card .top .weather-wrapper .mynav .icon1 {
    display: inline-block;
    float: right;
}

.weather-card .top .weather-wrapper .heading {
    margin-top: 20px;
    font-size: 15px;
    color: rgb(255, 255, 255);
}

.weather-card .top .weather-wrapper .location {
    margin-top: 20px;
    font-size: 18px;
    font-weight: 400;
    color: rgb(255, 255, 255);
}

.weather-card .top .weather-wrapper .temp {
    margin-top: 20px;
}

.weather-card .top .weather-wrapper .temp a {
    text-decoration: none;
    color: rgb(255, 255, 255);
}

.weather-card .top .weather-wrapper .temp a .temp-type {
    font-size: 50px;
}

.weather-card .top .weather-wrapper .temp .temp-value {
    display: inline-block;
    font-size: 50px;
    font-weight: 600;
    color: rgb(255, 255, 255);
}

.weather-card .top .weather-wrapper .temp .deg {
    display: inline-block;
    font-size: 22px;
    font-weight: 600;
    color: rgb(255, 255, 255);
    vertical-align: top;
    margin-top: 10px;
}

.weather-card .top::after {
    content: "";
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.5);
}

.weather-card .bottom {
    background: rgb(255, 255, 255);
}

.weather-card .bottom .weather-wrapper .forecast {
    overflow: hidden;
    margin: 0px;
    font-size: 0px;
    padding: 0px;
}

.weather-card .bottom .weather-wrapper .forecast a {
    text-decoration: none;
    color: rgb(0, 0, 0);
}

.weather-card .bottom .weather-wrapper .forecast .go-up {
    text-align: center;
    display: block;
    font-size: 18px;
    color: rgb(7, 5, 16);
    margin-bottom: 10px;
}

.weather-card .bottom .weather-wrapper .forecast li {
    display: block;
    font-size: 17px;
    font-weight: 400;
    color: rgb(7, 5, 16);
    line-height: 1em;
    margin-bottom: 20px;
}

.weather-card .bottom .weather-wrapper .forecast li .date {
    display: inline-block;
}

.weather-card .bottom .weather-wrapper .forecast li .condition {
    display: inline-block;
    vertical-align: middle;
    float: right;
    font-size: 16px;
}

.weather-card .bottom .weather-wrapper .forecast li .condition .temp {
    display: inline-block;
    font-size: 23px;
    font-weight: 400;
}

.weather-card .bottom .weather-wrapper .forecast li .condition .temp .deg {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    margin-left: 3px;
    vertical-align: top;
}

.weather-card .bottom .weather-wrapper .forecast li .condition .temp .temp-type {
    font-size: 18px;
}

.weather-card .bottom .weather-wrapper .forecast li.active {
    color: rgb(7, 5, 16);
}

#count-down {
    margin: 3rem;
}

#count-down .clock-presenter {
    height: 80px;
    padding: 0px;
    text-align: center;
}

#count-down .clock-presenter .digit {
    margin-top: 20px;
    font-size: 3rem;
    line-height: 46px;
    height: 50px;
    padding: 0px 7px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    position: relative;
    cursor: default;
    color: rgb(255, 255, 255);
    background-size: cover;
    border-radius: 3px;
}

#count-down .clock-presenter .note {
    position: relative;
    margin-bottom: 0px;
    cursor: default;
    font-size: 16px;
    opacity: 0.7;
}

@media (max-width: 992px) {
    #count-down .clock-presenter .digit {
        font-size: 42px;
    }
}

@media (max-width: 767px) {
    #count-down .clock-presenter {
        width: 50%;
        float: left;
    }

    #count-down .clock-presenter .digit {
        font-size: 36px;
    }

    #count-down .hours_dash {
        border-right: none;
    }
}

.background {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translateX(-50%) translateY(-50%);
    z-index: 0;
}

.overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    z-index: 1;
}

.masthead {
    position: relative;
    overflow: hidden;
    padding-bottom: 3rem;
    z-index: 2;
}

.masthead .masthead-bg {
    position: absolute;
    inset: 0px;
    width: 100%;
    min-height: 35rem;
    height: 100%;
}

.masthead .masthead-content h1 {
    font-size: 2rem;
}

.masthead .masthead-content p {
    font-size: 1rem;
}

.masthead .masthead-content p strong {
    font-weight: 700;
}

.masthead .masthead-content .input-group-newsletter input {
    height: auto;
    font-size: 1rem;
    padding: 1rem;
}

.masthead .masthead-content .input-group-newsletter button {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 1rem;
}

@media (min-width: 1025px) {
    .masthead .masthead-content {
        padding-left: 7rem;
        padding-right: 7rem;
    }
}

@media (min-width: 992px) {
    .masthead {
        height: 100%;
        min-height: 0px;
        width: 40%;
        padding-bottom: 0px;
        float: right;
    }

    .masthead .masthead-bg {
        min-height: 0px;
    }

    .masthead .masthead-content h1 {
        font-size: 2.5rem;
    }

    .masthead .masthead-content p {
        font-size: 1rem;
    }

    .sticky-wrapper.is-sticky .horizontal-main .ad-post {
        margin-top: -0.25rem !important;
    }

    .sticky-wrapper.is-sticky .horizontal-main::after {
        content: "";
        position: absolute;
        height: 0px;
        border-top: 0px;
        border-radius: 5px;
        z-index: 1;
        width: 100%;
        bottom: 0px;
    }

    .sticky-wrapper.is-sticky .horizontalMenu > .horizontalMenu-list > li > a {
        color: rgb(34, 45, 56);
    }

    .sticky-wrapper.is-sticky .horizontalMenu > .horizontalMenu-list > li > a > .fa {
        color: rgb(34, 45, 56);
    }

    .sticky-wrapper.is-sticky .horizontalMenu > .horizontalMenu-list > li > a.active .fa {
        background: none;
        color: rgb(34, 45, 56) !important;
    }

    .sticky-wrapper.is-sticky .horizontalMenu > .horizontalMenu-list > li > a:hover .fa {
        background: none;
        color: rgb(34, 45, 56) !important;
    }

    .sticky-wrapper.is-sticky .desktoplogo-1 {
        display: block !important;
    }

    .sticky-wrapper.is-sticky .desktoplogo-1 {
        padding: 0px 30px 0.4rem 0px;
        margin: 0px;
        margin-right: 15px;
        float: left;
        align-items: center;
        height: 65px;
        display: flex !important;
        border-right: 1px solid #eee;
    }

    .desktoplogo-1 {
        display: none;
    }

    .sticky-wrapper.is-sticky .desktoplogo {
        display: none;
        border-right: 1px solid #eee;
    }

    .sticky-wrapper.is-sticky .top-postbtn {
        margin-top: 1.55rem !important;
    }
}

.table, .text-wrap table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
}

.table th, .text-wrap table td, .text-wrap table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid rgb(232, 235, 243);
}

.table td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 0px;
}

.ico-listing.table td, .ico-listing.table th {
    padding: 0.75rem;
    vertical-align: middle;
}

.sticky-wrapper {
    z-index: 100;
    left: 0px;
    right: 0px;
    height: inherit !important;
}

.border {
    padding: 0.3rem;
    vertical-align: top;
    border: 1px solid rgb(232, 235, 243);
}

.table thead th, .text-wrap table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid rgb(232, 235, 243);
}

.table tbody + tbody, .text-wrap table tbody + tbody {
    border-top: 2px solid rgb(232, 235, 243);
}

.table .table, .table .text-wrap table, .text-wrap .table table, .text-wrap table .table, .text-wrap table table {
    background-color: rgb(233, 236, 243);
}

.table-sm td, .table-sm th {
    padding: 0.3rem;
}

.table-bordered, .text-wrap table {
    border: 1px solid rgb(232, 235, 243);
}

.table-bordered td, .table-bordered th, .text-wrap table td, .text-wrap table th {
    border: 1px solid rgb(232, 235, 243);
    font-size: 14px;
}

.table-bordered thead td, .table-bordered thead th, .text-wrap table thead td, .text-wrap table thead th {
    border-bottom-width: 2px;
}

.table-borderless tbody + tbody, .table-borderless td, .table-borderless th, .table-borderless thead th {
    border: 0px;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(0, 0, 0, 0.02);
}

.table-hover tbody tr:hover {
    background-color: rgba(241, 238, 247, 0.3);
}

.table-primary, .table-primary > td, .table-primary > th {
    background-color: rgb(249, 230, 237);
}

.table-hover .table-primary:hover {
    background-color: rgb(183, 205, 237);
}

.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th {
    background-color: rgb(183, 205, 237);
}

.table-secondary, .table-secondary > td, .table-secondary > th {
    background-color: rgb(221, 223, 226);
}

.table-hover .table-secondary:hover {
    background-color: rgb(207, 210, 214);
}

.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th {
    background-color: rgb(207, 210, 214);
}

.table-success, .table-success > td, .table-success > th {
    background-color: rgb(201, 253, 231);
}

.table-hover .table-success:hover {
    background-color: rgb(197, 231, 164);
}

.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {
    background-color: rgb(197, 231, 164);
}

.table-info, .table-info > td, .table-info > th {
    background-color: rgb(203, 231, 251);
}

.table-hover .table-info:hover {
    background-color: rgb(179, 220, 249);
}

.table-hover .table-info:hover > td, .table-hover .table-info:hover > th {
    background-color: rgb(179, 220, 249);
}

.table-warning, .table-warning > td, .table-warning > th {
    background-color: rgb(251, 238, 188);
}

.table-hover .table-warning:hover {
    background-color: rgb(250, 232, 164);
}

.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {
    background-color: rgb(250, 232, 164);
}

.table-danger, .table-danger > td, .table-danger > th {
    background-color: rgb(241, 193, 192);
}

.table-hover .table-danger:hover {
    background-color: rgb(236, 172, 171);
}

.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th {
    background-color: rgb(236, 172, 171);
}

.table-light, .table-light > td, .table-light > th {
    background-color: rgb(253, 253, 254);
}

.table-hover .table-light:hover {
    background-color: rgb(236, 236, 246);
}

.table-hover .table-light:hover > td, .table-hover .table-light:hover > th {
    background-color: rgb(236, 236, 246);
}

.table-dark, .table-dark > td, .table-dark > th {
    background-color: rgb(198, 200, 202);
}

.table-hover .table-dark:hover {
    background-color: rgb(185, 187, 190);
}

.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th {
    background-color: rgb(185, 187, 190);
}

.table-active, .table-active > td, .table-active > th {
    background-color: rgba(0, 0, 0, 0.04);
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.04);
}

.table .thead-dark th, .text-wrap table .thead-dark th {
    color: rgb(233, 236, 243);
    background-color: rgb(167, 180, 201);
    border-color: rgb(50, 56, 62);
}

.table .thead-light th, .text-wrap table .thead-light th {
    color: rgb(61, 78, 103);
    background-color: rgb(232, 235, 243);
    border-color: rgb(232, 235, 243);
}

.table-dark {
    color: rgb(233, 236, 243);
    background-color: rgb(167, 180, 201);
}

.table-dark td, .table-dark th, .table-dark thead th {
    border-color: rgb(50, 56, 62);
}

.table-dark.table-bordered, .text-wrap table.table-dark {
    border: 0px;
}

.table-dark.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

    .table-responsive-sm > .table-bordered, .text-wrap .table-responsive-sm > table {
        border: 0px;
    }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

    .table-responsive-md > .table-bordered, .text-wrap .table-responsive-md > table {
        border: 0px;
    }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

    .table-responsive-lg > .table-bordered, .text-wrap .table-responsive-lg > table {
        border: 0px;
    }
}

@media (max-width: 1279.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

    .table-responsive-xl > .table-bordered, .text-wrap .table-responsive-xl > table {
        border: 0px;
    }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
}

.table-responsive > .table-bordered, .text-wrap .table-responsive > table {
    border: 0px;
}

table {
    border-collapse: collapse;
}

table.dataTable tfoot td, table.dataTable tfoot th {
    border-top: 0px !important;
}

table.dataTable thead td, table.dataTable thead th {
    border-bottom: 0px !important;
}

table.dataTable.no-footer {
    border-bottom: 1px solid rgb(232, 235, 243) !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0px !important;
    margin: 0px !important;
    border: 0px !important;
}

table.dataTable.display tbody tr:hover, table.dataTable.hover tbody tr:hover {
    background-color: rgb(238, 238, 249) !important;
}

.table thead th, .text-wrap table thead th {
    border-top: 0px;
    border-bottom-width: 1px;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.table th, .text-wrap table th {
    color: rgb(7, 5, 16);
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: 400;
}

.table-md td, .table-md th {
    padding: 0.5rem;
}

.table-vcenter td, .table-vcenter th {
    vertical-align: middle;
    border-top: 1px solid rgb(232, 235, 243);
}

.table-center td, .table-center th {
    text-align: center;
}

.table-striped tbody tr:nth-of-type(2n+1) {
    background: 0px 0px;
}

.table-striped tbody tr:nth-of-type(2n) {
    background-color: rgba(241, 238, 247, 0.3);
}

.table-calendar {
    margin: 0px 0px 0.75rem;
}

.table-calendar td, .table-calendar th {
    border: 0px;
    text-align: center;
    width: 14.2857%;
    line-height: 2.5rem;
    padding: 0px !important;
}

.table-calendar td {
    border-top: 0px;
}

.table-calendar-link {
    line-height: 2rem;
    min-width: calc(2rem + 2px);
    display: inline-block;
    border-radius: 3px;
    background: rgb(248, 249, 250);
    color: rgb(61, 78, 103);
    font-weight: 600;
    transition: background 0.3s ease 0s, color 0.3s ease 0s;
    position: relative;
}

.table-calendar-link::before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    left: 0.25rem;
    top: 0.25rem;
    border-radius: 50px;
    background: rgb(70, 127, 207);
}

.table-calendar-link:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    background: rgb(70, 127, 207);
    transition: background 0.3s ease 0s;
}

.table-calendar-link:hover::before {
    background: rgb(255, 255, 255);
}

.table-header {
    cursor: pointer;
    transition: color 0.3s ease 0s;
}

.table-header:hover {
    color: rgb(61, 78, 103) !important;
}

.table-header::after {
    content: "";
}

.input-lg {
    padding: 10px 16px;
    line-height: 1.33333;
    border-radius: 3px;
    height: 52px !important;
}

.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    height: 30px !important;
}

.select2-lg .select2-container .select2-selection--single {
    height: 62px !important;
}

.select2-lg .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 62px !important;
}

.select2-sm .select2-container .select2-selection--single {
    height: 1.775rem !important;
}

.select2-sm .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 27px !important;
}

.select2-sm .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 80% !important;
}

select.form-control.select-lg {
    height: 46px !important;
    padding: 10px 16px !important;
    font-size: 17px !important;
    line-height: 1.33333 !important;
    border-radius: 3px !important;
}

select.form-control.select-sm {
    height: 30px !important;
    padding: 0px 10px 1px !important;
    line-height: 1 !important;
    border-radius: 3px !important;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 1.3rem;
    font-size: 13px;
    line-height: 1.6;
    color: rgb(7, 5, 16);
    height: 39px;
    background-color: rgb(255, 255, 255);
    background-clip: padding-box;
    border: 1px solid rgb(159, 171, 183);
    border-radius: 5px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.form-control.border-white {
    border: 1px solid rgba(167, 180, 201, 0.7) !important;
}

.select2-container--default .select2-selection--single {
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    border: 0px solid rgb(167, 180, 201) !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    color: rgb(61, 78, 103);
    background-color: rgb(255, 255, 255);
    border-color: rgb(76, 138, 236);
    outline: 0px;
}

.select2-container--default .select2-selection--multiple {
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    cursor: text;
    border: 1px solid rgb(232, 235, 243) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid rgb(232, 235, 243) !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: rgb(233, 236, 243) !important;
    border: 1px solid rgb(233, 236, 243) !important;
}

@media screen and (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none 0s ease 0s;
    }
}

.form-control:focus {
    color: rgb(111, 110, 110);
    background-color: rgb(255, 255, 255);
    border-color: rgb(232, 235, 243);
    outline: 0px;
    box-shadow: none;
}

.form-control::-webkit-input-placeholder {
    color: rgb(167, 180, 201);
    opacity: 1;
}

.form-control {
    color: rgb(0, 0, 0);
    opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
    background-color: rgb(233, 236, 243);
    opacity: 1;
}

select.form-control:not([size]):not([multiple]) {
    height: 2.425rem;
}

.select2-container .select2-selection--single {
    height: 2.375rem;
}

@media (max-width: 1024px) {
    .select2-container {
        width: 100% !important;
    }
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgb(68, 68, 68);
}

.form-control-file, .form-control-range {
    display: block;
    width: 100%;
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0px;
    font-size: inherit;
    line-height: 1.6;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.125rem;
    line-height: 1.44444;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.14286;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    margin-bottom: 0px;
    line-height: 1.6;
    color: rgb(61, 78, 103);
    background-color: transparent;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    border-width: 1px 0px;
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm, .input-group-lg > .form-control-plaintext.form-control, .input-group-lg > .input-group-append > .form-control-plaintext.btn, .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text, .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text, .input-group-sm > .form-control-plaintext.form-control, .input-group-sm > .input-group-append > .form-control-plaintext.btn, .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text, .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text {
    padding-right: 0px;
    padding-left: 0px;
}

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.14286;
    border-radius: 3px;
}

.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px);
}

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-append > .btn, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-prepend > .input-group-text {
    padding: 0.5rem 1rem;
    font-size: 1.125rem;
    line-height: 1.44444;
    border-radius: 3px;
}

.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) {
    height: calc(2.6875rem + 2px);
}

.form-group {
    margin-bottom: 1rem;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.form-row > .col, .form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label {
    color: rgb(80, 86, 98);
}

.form-check-label {
    margin-bottom: 0px;
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0px;
    margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0px;
    margin-right: 0.3125rem;
    margin-left: 0px;
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 87.5%;
    color: rgb(39, 199, 129);
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1;
    color: rgb(255, 255, 255);
    background-color: rgba(94, 186, 0, 0.8);
    border-radius: 0.2rem;
}

.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid {
    border-color: rgb(39, 199, 129);
}

.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus {
    border-color: rgb(39, 199, 129);
    box-shadow: rgba(94, 186, 0, 0.25) 0px 0px 0px 2px;
}

.custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip, .was-validated .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .was-validated .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip {
    display: block;
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
    color: rgb(39, 199, 129);
}

.form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip, .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip {
    display: block;
}

.custom-control-input.is-valid ~ .custom-control-label, .was-validated .custom-control-input:valid ~ .custom-control-label {
    color: rgb(39, 199, 129);
}

.custom-control-input.is-valid ~ .custom-control-label::before, .was-validated .custom-control-input:valid ~ .custom-control-label::before {
    background-color: rgb(158, 255, 59);
}

.custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip, .was-validated .custom-control-input:valid ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip {
    display: block;
}

.custom-control-input.is-valid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before {
    background-color: rgb(120, 237, 0);
}

.custom-control-input.is-valid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before {
    box-shadow: rgb(233, 236, 243) 0px 0px 0px 1px, rgba(94, 186, 0, 0.25) 0px 0px 0px 2px;
}

.custom-file-input.is-valid ~ .custom-file-label, .was-validated .custom-file-input:valid ~ .custom-file-label {
    border-color: rgb(39, 199, 129);
}

.custom-file-input.is-valid ~ .custom-file-label::before, .was-validated .custom-file-input:valid ~ .custom-file-label::before {
    border-color: inherit;
}

.custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip, .was-validated .custom-file-input:valid ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip {
    display: block;
}

.custom-file-input.is-valid:focus ~ .custom-file-label, .was-validated .custom-file-input:valid:focus ~ .custom-file-label {
    box-shadow: rgba(94, 186, 0, 0.25) 0px 0px 0px 2px;
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 87.5%;
    color: rgb(255, 56, 43);
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1;
    color: rgb(255, 255, 255);
    background-color: rgba(205, 32, 31, 0.8);
    border-radius: 0.2rem;
}

.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
    border-color: rgb(255, 56, 43);
}

.custom-select.is-invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .was-validated .form-control:invalid:focus {
    border-color: rgb(255, 56, 43);
    box-shadow: rgba(205, 32, 31, 0.25) 0px 0px 0px 2px;
}

.custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip {
    display: block;
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: rgb(255, 56, 43);
}

.form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip {
    display: block;
}

.custom-control-input.is-invalid ~ .custom-control-label, .was-validated .custom-control-input:invalid ~ .custom-control-label {
    color: rgb(255, 56, 43);
}

.custom-control-input.is-invalid ~ .custom-control-label::before, .was-validated .custom-control-input:invalid ~ .custom-control-label::before {
    background-color: rgb(236, 128, 128);
}

.custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip {
    display: block;
}

.custom-control-input.is-invalid:checked ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before {
    background-color: rgb(226, 62, 61);
}

.custom-control-input.is-invalid:focus ~ .custom-control-label::before, .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before {
    box-shadow: rgb(233, 236, 243) 0px 0px 0px 1px, rgba(205, 32, 31, 0.25) 0px 0px 0px 2px;
}

.custom-file-input.is-invalid ~ .custom-file-label, .was-validated .custom-file-input:invalid ~ .custom-file-label {
    border-color: rgb(255, 56, 43);
}

.custom-file-input.is-invalid ~ .custom-file-label::before, .was-validated .custom-file-input:invalid ~ .custom-file-label::before {
    border-color: inherit;
}

.custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip, .was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip {
    display: block;
}

.custom-file-input.is-invalid:focus ~ .custom-file-label, .was-validated .custom-file-input:invalid:focus ~ .custom-file-label {
    box-shadow: rgba(205, 32, 31, 0.25) 0px 0px 0px 2px;
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

.form-inline .form-check {
    width: 100%;
}

@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0px;
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0px;
    }

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

    .form-inline .form-control-plaintext {
        display: inline-block;
    }

    .form-inline .custom-select, .form-inline .input-group {
        width: auto;
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0px;
    }

    .form-inline .form-check-input {
        position: relative;
        margin-top: 0px;
        margin-right: 0.25rem;
        margin-left: 0px;
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center;
    }

    .form-inline .custom-control-label {
        margin-bottom: 0px;
    }
}

.dropdown, .dropleft, .dropright, .dropup {
    position: relative;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-width: 0.3em 0.3em 0px;
    border-top-style: solid;
    border-top-color: initial;
    border-right-style: solid;
    border-right-color: transparent;
    border-bottom-style: initial;
    border-bottom-color: initial;
    border-left-style: solid;
    border-left-color: transparent;
}

.dropdown-toggle:empty::after {
    margin-left: 0px;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0px;
    margin: 0.125rem 0px 0px;
    font-size: 0.9375rem;
    color: rgb(61, 78, 103);
    text-align: left;
    list-style: none;
    background-color: rgb(255, 255, 255);
    background-clip: padding-box;
    border: 1px solid rgb(232, 235, 243);
    border-radius: 3px;
}

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

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0px;
    margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-width: 0px 0.3em 0.3em;
    border-top-style: initial;
    border-top-color: initial;
    border-right-style: solid;
    border-right-color: transparent;
    border-bottom-style: solid;
    border-bottom-color: initial;
    border-left-style: solid;
    border-left-color: transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0px;
}

.dropright .dropdown-menu {
    top: 0px;
    right: auto;
    left: 100%;
    margin-top: 0px;
    margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-width: 0.3em 0px 0.3em 0.3em;
    border-top-style: solid;
    border-top-color: transparent;
    border-right-style: initial;
    border-right-color: initial;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-left-style: solid;
    border-left-color: initial;
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0px;
}

.dropright .dropdown-toggle::after {
    vertical-align: 0px;
}

.dropleft .dropdown-menu {
    top: 0px;
    right: 100%;
    left: auto;
    margin-top: 0px;
    margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
}

.dropleft .dropdown-toggle::after {
    display: none;
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    width: 0px;
    height: 0px;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0px;
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0px;
}

.dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="top"] {
    right: auto;
    bottom: auto;
}

.dropdown-divider {
    height: 0px;
    margin: 0.5rem 0px;
    overflow: hidden;
    border-top: 1px solid rgb(232, 235, 243);
}

.notifyimg {
    color: rgb(255, 255, 255);
    float: left;
    height: 40px;
    line-height: 36px;
    margin-right: 10px;
    text-align: center;
    vertical-align: middle;
    width: 40px;
    border-radius: 50%;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.5rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: rgb(7, 5, 16);
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0px;
}

.app-selector ul {
    margin-bottom: 0px;
}

.drop-icon-wrap {
    text-align: center;
}

.drop-icon-wrap li {
    display: inline-block;
}

.drop-icon-wrap .drop-icon-item {
    display: inline-block;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    color: rgb(167, 180, 201);
    text-transform: capitalize;
    min-width: 75px;
}

.block {
    display: block !important;
}

.drop-icon-item i {
    font-size: 20px;
    padding-bottom: 5px;
}

.drop-icon-wrap .drop-icon-item:hover {
    text-decoration: none;
    background-color: rgb(233, 236, 243);
}

.dropdown-item.user {
    font-size: 16px;
    padding: 5px;
}

.user-semi-title {
    font-size: 12px;
}

.floating {
    animation: 3s ease 0s infinite normal none running floating;
    will-change: transform;
}

.dropdown-item:focus, .dropdown-item:hover {
    text-decoration: none;
    background-color: rgb(233, 236, 243);
}

.dropdown-item.active, .dropdown-item:active {
    text-decoration: none;
    background-color: rgb(233, 236, 243);
}

.dropdown-item.disabled, .dropdown-item:disabled {
    color: rgb(255, 255, 255);
    background-color: transparent;
}

.dropdown-menu.show {
    display: block;
    margin: 15px 0px 0px;
    box-shadow: rgba(39, 55, 76, 0.2) 0px 5px 25px;
    min-width: 150px !important;
}

.nav-item.show .dropdown-menu.dropdown-menu-arrow.show {
    top: -1px !important;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0px;
    font-size: 0.875rem;
    color: rgb(134, 142, 150);
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: rgb(167, 180, 201);
}

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

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    flex: 0 1 auto;
}

.btn-group-vertical > .btn:hover, .btn-group > .btn:hover {
    z-index: 1;
}

.btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus {
    z-index: 1;
}

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

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.btn-toolbar .input-group {
    width: auto;
}

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

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

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

.dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
}

.dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
    margin-left: 0px;
}

.dropleft .dropdown-toggle-split::before {
    margin-right: 0px;
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.btn-group-vertical .btn, .btn-group-vertical .btn-group {
    width: 100%;
}

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

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

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

.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0px;
}

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

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0px;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 5%);
    border: 1px solid #f5f5f5;
}

.input-group > .custom-file:focus, .input-group > .custom-select:focus, .input-group > .form-control:focus {
    z-index: 3;
}

.input-group > .custom-file + .custom-file, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .form-control, .input-group > .custom-select + .custom-file, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .form-control, .input-group > .form-control + .custom-file, .input-group > .form-control + .custom-select, .input-group > .form-control + .form-control {
    margin-left: -1px;
}

.input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.input-group > .custom-file {
    display: flex;
    align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.input-group > .custom-file:not(:first-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label::after {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.input-group-append, .input-group-prepend {
    display: flex;
}

.input-group-append .btn, .input-group-prepend .btn {
    position: relative;
    z-index: 2;
}

.input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .btn, .input-group-append .input-group-text + .input-group-text, .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-prepend .input-group-text + .input-group-text {
    margin-left: -1px;
}

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0px;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.6;
    color: rgb(61, 78, 103);
    text-align: center;
    white-space: nowrap;
    background-color: rgb(233, 236, 243);
    border: 1px solid rgb(232, 235, 243);
    border-radius: 3px;
}

.input-group-text input[type="checkbox"], .input-group-text input[type="radio"] {
    margin-top: 0px;
}

.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

#global-loader {
    position: fixed;
    z-index: 50000;
    background: rgb(255, 255, 255);
    inset: 0px;
    height: 100%;
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
}

.loader-img {
    position: absolute;
    left: 0px;
    right: 0px;
    text-align: center;
    top: 45%;
    margin: 0px auto;
}

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: rgb(255, 255, 255);
}

.custom-control-input:active ~ .custom-control-label::before {
    color: rgb(255, 255, 255);
    background-color: rgb(212, 225, 244);
}

.custom-control-input:disabled ~ .custom-control-label {
    color: rgb(134, 142, 150);
}

.custom-control-input:disabled ~ .custom-control-label::before {
    background-color: rgb(232, 235, 243);
}

.custom-control-label {
    margin-bottom: 0px;
    position: static !important;
}

.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: 0px;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    user-select: none;
    background-color: rgb(232, 235, 243);
}

.custom-control-label::after {
    position: absolute;
    top: 0.25rem;
    left: 0px;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-checkbox .custom-control-label::before {
    border-radius: 3px;
}

.br.custom-checkbox .custom-control-label::before {
    border-radius: 50px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(5, 117, 230, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(5, 117, 230, 0.5);
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(5, 117, 230, 0.5);
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: 2.375rem;
    padding: 0.5rem 1.75rem 0.5rem 0.75rem;
    line-height: 1.5;
    color: rgb(167, 180, 201);
    vertical-align: middle;
    background-size: 8px 10px;
    border: 1px solid rgb(232, 235, 243);
    border-radius: 3px;
    appearance: none;
}

.custom-select:focus {
    outline: 0px;
    box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 2px inset, rgba(25, 145, 235, 0.5) 0px 0px 5px;
}

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none;
}

.custom-select:disabled {
    color: rgb(134, 142, 150);
    background-color: rgb(232, 235, 243);
}

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 75%;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
    height: calc(1.8125rem + 2px);
}

.custom-select-lg {
    height: calc(2.6875rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 125%;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 2.375rem;
    margin-bottom: 0px;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 2.375rem;
    margin: 0px;
    opacity: 0;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse";
}

.custom-file-label {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    z-index: 1;
    height: 2.375rem;
    padding: 0.375rem 0.75rem;
    line-height: 1.8;
    color: rgb(61, 78, 103);
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(232, 235, 243);
    border-radius: 3px;
}

.custom-file-label::after {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 3;
    display: block;
    height: calc(2.375rem - 2px);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: rgb(255, 255, 255);
    content: "Browse";
    border-radius: 0px 3px 3px 0px;
}

.custom-range {
    width: 100%;
    padding-left: 0px;
    background-color: transparent;
    appearance: none;
}

.custom-range:focus {
    outline: 0px;
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    border: 0px;
    border-radius: 1rem;
    appearance: none;
}

.custom-range::-webkit-slider-thumb:active {
    background-color: rgb(212, 225, 244);
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: rgb(232, 235, 243);
    border-color: transparent;
    border-radius: 1rem;
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0px;
    margin-bottom: 0px;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.2rem 0.9rem;
}

.nav-link.active {
    color: rgb(255, 255, 255);
}

.nav-link:focus, .nav-link:hover {
    text-decoration: none;
}

.nav-link.disabled {
    color: rgb(134, 142, 150);
}

.nav-tabs .nav-item {
    margin-bottom: -1px;
}

.nav-tabs .nav-link {
    border: 1px solid transparent;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border: 0px;
}

.nav-tabs .nav-link.disabled {
    color: rgb(134, 142, 150);
    background-color: transparent;
    border-color: transparent;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border: 0px;
}

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

.nav-pills .nav-link {
    border-radius: 3px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: rgb(255, 255, 255);
}

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item {
    flex-basis: 0%;
    flex-grow: 1;
    text-align: center;
}

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

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

.ilanD-ic .tab-content > .active {
    margin-bottom: 35px;
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

.navbar > .container, .navbar > .container-fluid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.navbar-brand {
    display: inline-block;
    padding-top: 0.359375rem;
    padding-bottom: 0.359375rem;
    margin-right: 1rem;
    font-size: 1.125rem;
    line-height: inherit;
    white-space: nowrap;
}

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

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0px;
    margin-bottom: 0px;
    list-style: none;
}

.navbar-nav .nav-link {
    padding-right: 0px;
    padding-left: 0px;
}

.navbar-nav .dropdown-menu {
    position: static;
    float: none;
}

.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.125rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 3px;
}

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

.navbar-toggler:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: center center / 100% 100% no-repeat;
}

@media (max-width: 575.98px) {
    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid {
        flex-wrap: nowrap;
    }

    .navbar-expand-sm .navbar-collapse {
        flex-basis: auto;
        display: flex !important;
    }

    .navbar-expand-sm .navbar-toggler {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
        flex-wrap: nowrap;
    }

    .navbar-expand-md .navbar-collapse {
        flex-basis: auto;
        display: flex !important;
    }

    .navbar-expand-md .navbar-toggler {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
        flex-wrap: nowrap;
    }

    .navbar-expand-lg .navbar-collapse {
        flex-basis: auto;
        display: flex !important;
    }

    .navbar-expand-lg .navbar-toggler {
        display: none;
    }
}

@media (max-width: 1279.98px) {
    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media (min-width: 1280px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row;
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid {
        flex-wrap: nowrap;
    }

    .navbar-expand-xl .navbar-collapse {
        flex-basis: auto;
        display: flex !important;
    }

    .navbar-expand-xl .navbar-toggler {
        display: none;
    }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start;
}

.navbar-expand > .container, .navbar-expand > .container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}

.navbar-expand .navbar-nav {
    flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.navbar-expand > .container, .navbar-expand > .container-fluid {
    flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
    flex-basis: auto;
    display: flex !important;
}

.navbar-expand .navbar-toggler {
    display: none;
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {
    color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
    color: rgb(255, 255, 255);
}

.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: rgb(255, 255, 255);
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
    color: rgb(255, 255, 255);
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
    color: rgb(255, 255, 255);
}

.navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
    color: rgb(255, 255, 255);
}

.nav-sidebar .list-unstyled li:last-child {
    border-bottom: 0px;
}

.nav-sidebar li ul li:last-child {
    border-bottom: 0px;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0px;
    overflow-wrap: break-word;
    background-color: rgb(255, 255, 255);
    background-clip: border-box;
    border: 0px solid rgba(216, 216, 216, 0.89);
    border-radius: 0px;
    box-shadow: rgb(0 0 0 / 25%) 0px 1px 3px;
}

.card > hr {
    margin-right: 0px;
    margin-left: 0px;
}

.card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}

.card-body {
    flex: 1 1 auto;
    padding: 1.5rem;
}

.card-title {
    margin-bottom: 1.5rem;
}

.card-subtitle {
    margin-top: -0.75rem;
    margin-bottom: 0px;
}

.card-text:last-child {
    margin-bottom: 0px;
}

.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1.5rem;
}

.card-header {
    padding: 1.5rem;
    margin-bottom: 0px;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgb(232, 235, 243);
}

.card-header + .list-group .list-group-item:first-child {
    border-top: 0px;
}

.card-footer {
    padding: 1.5rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgb(232, 235, 243);
}

.card-footer:last-child {
    border-radius: 0px 0px calc(2px) calc(2px);
}

.card-header-tabs {
    margin-right: -0.75rem;
    margin-bottom: -1.5rem;
    margin-left: -0.75rem;
    border-bottom: 0px;
}

.card-header-pills {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
}

.card-img-overlay {
    position: absolute;
    inset: 0px;
    padding: 1.25rem;
}

.card-img {
    width: 100%;
    border-radius: calc(2px);
    height: 100%;
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(2px);
    border-top-right-radius: calc(2px);
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(2px);
    border-bottom-left-radius: calc(2px);
}

.card-deck {
    display: flex;
    flex-direction: column;
}

.card-deck .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-deck {
        flex-flow: row wrap;
        margin-right: -0.75rem;
        margin-left: -0.75rem;
    }

    .card-deck .card {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: 0.75rem;
        margin-bottom: 0px;
        margin-left: 0.75rem;
    }
}

.card-group {
    display: flex;
    flex-direction: column;
}

.card-group > .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-group {
        flex-flow: row wrap;
    }

    .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0px;
    }

    .card-group > .card + .card {
        margin-left: 0px;
        border-left: 0px;
    }

    .card-group > .card:first-child {
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .card-group > .card:first-child .card-header, .card-group > .card:first-child .card-img-top {
        border-top-right-radius: 0px;
    }

    .card-group > .card:first-child .card-footer, .card-group > .card:first-child .card-img-bottom {
        border-bottom-right-radius: 0px;
    }

    .card-group > .card:last-child {
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .card-group > .card:last-child .card-header, .card-group > .card:last-child .card-img-top {
        border-top-left-radius: 0px;
    }

    .card-group > .card:last-child .card-footer, .card-group > .card:last-child .card-img-bottom {
        border-bottom-left-radius: 0px;
    }

    .card-group > .card:only-child {
        border-radius: 3px;
    }

    .card-group > .card:only-child .card-header, .card-group > .card:only-child .card-img-top {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .card-group > .card:only-child .card-footer, .card-group > .card:only-child .card-img-bottom {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
        border-radius: 0px;
    }

    .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom, .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top {
        border-radius: 0px;
    }
}

.card-columns .card {
    margin-bottom: 1.5rem;
}

@media (min-width: 576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }

    .card-columns .card {
        display: inline-block;
        width: 100%;
    }
}

.card-blog-overlay .card-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.card-blog-overlay1 .card-footer, .card-blog-overlay2 .card-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.card-blog-overlay {
    background: url("../images/thumbnails/thumb2.jpg") 0% 0% / cover;
    position: relative;
}

.card-blog-overlay1::before, .card-blog-overlay2::before, .card-blog-overlay::before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
}

.card-blog-overlay1 {
    background: url("../images/thumbnails/thumb3.jpg") 0% 0% / cover;
}

.card-blog-overlay2 {
    background: url("../images/banners/banner4.jpg") 0% 0% / cover;
}

.card-blog-overlay3 {
    background: url("../images/photos/4.jpg") 0% 0% / cover;
}

.accordion .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0px;
    border-radius: 0px;
}

.accordion .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0px;
}

.accordion .card:first-of-type {
    border-bottom: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.accordion .card:last-of-type {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

ul li ul:hover {
    visibility: visible;
    opacity: 1;
    display: block;
}

.example .pagination {
    margin-bottom: 0px;
}

.pagination {
    display: flex;
    padding-left: 0px;
    list-style: none;
    border-radius: 3px;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    color: rgb(7, 5, 16);
    line-height: 1.25;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(232, 235, 243);
}

.page-link:hover {
    z-index: 2;
    text-decoration: none;
    background-color: rgb(234, 236, 251);
}

.page-link:focus {
    z-index: 2;
    outline: 0px;
    box-shadow: none;
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.page-item:first-child .page-link {
    margin-left: 0px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.page-item:last-child .page-link {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.page-item.active .page-link {
    z-index: 1;
    color: rgb(255, 255, 255);
}

.page-item.disabled .page-link {
    color: rgb(206, 212, 218);
    pointer-events: none;
    cursor: auto;
    background-color: rgb(255, 255, 255);
    border-color: rgb(232, 235, 243);
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.125rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.mail-box {
    border-collapse: collapse;
    border-spacing: 0px;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.mail-box aside {
    display: table-cell;
    float: none;
    height: 100%;
    padding: 0px;
    vertical-align: top;
}

.mail-box .sm-side {
    background: none 0px 0px repeat scroll rgb(229, 232, 239);
    border-radius: 4px 0px 0px 4px;
    width: 25%;
}

.mail-box .lg-side {
    background: none 0px 0px repeat scroll rgb(255, 255, 255);
    border-radius: 0px 4px 4px 0px;
    width: 75%;
}

.mail-box .sm-side .user-head {
    background: none 0px 0px repeat scroll rgb(0, 168, 179);
    border-radius: 4px 0px 0px;
    color: rgb(255, 255, 255);
    min-height: 80px;
    padding: 10px;
}

.user-head .inbox-avatar {
    float: left;
    width: 65px;
}

.user-head .inbox-avatar img {
    border-radius: 4px;
}

.user-head .user-name {
    display: inline-block;
    margin: 0px 0px 0px 10px;
}

.user-head .user-name h5 {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 0px;
    margin-top: 15px;
}

.user-head .user-name h5 a {
    color: rgb(255, 255, 255);
}

.user-head .user-name span a {
    color: rgb(135, 226, 231);
    font-size: 12px;
}

a.mail-dropdown {
    background: none 0px 0px repeat scroll rgb(128, 211, 217);
    border-radius: 2px;
    color: rgb(1, 167, 179);
    font-size: 10px;
    margin-top: 20px;
    padding: 3px 5px;
}

.btn-compose {
    background: none 0px 0px repeat scroll rgb(255, 108, 96);
    color: rgb(255, 255, 255);
    padding: 12px 0px;
    text-align: center;
    width: 100%;
}

.btn-compose:hover {
    background: none 0px 0px repeat scroll rgb(245, 103, 92);
    color: rgb(255, 255, 255);
}

ul.inbox-nav {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.inbox-divider {
    border-bottom: 1px solid rgb(213, 216, 223);
}

ul.inbox-nav li {
    display: inline-block;
    line-height: 45px;
    width: 100%;
}

ul.inbox-nav li a {
    color: rgb(106, 106, 106);
    display: inline-block;
    line-height: 45px;
    padding: 0px 20px;
    width: 100%;
}

ul.inbox-nav li a:focus, ul.inbox-nav li a:hover, ul.inbox-nav li.active a {
    background: none 0px 0px repeat scroll rgb(213, 215, 222);
    color: rgb(106, 106, 106);
}

ul.inbox-nav li a i {
    color: rgb(106, 106, 106);
    font-size: 16px;
    padding-right: 10px;
}

ul.inbox-nav li a span.label {
    margin-top: 13px;
}

ul.labels-info li h4 {
    color: rgb(92, 92, 94);
    font-size: 13px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    text-transform: uppercase;
}

ul.labels-info li {
    margin: 0px;
}

ul.labels-info li a {
    border-radius: 0px;
    color: rgb(106, 106, 106);
}

ul.labels-info li a:focus, ul.labels-info li a:hover {
    background: none 0px 0px repeat scroll rgb(213, 215, 222);
    color: rgb(106, 106, 106);
}

ul.labels-info li a i {
    padding-right: 10px;
}

.nav.nav-pills.nav-stacked.labels-info p {
    color: rgb(157, 159, 158);
    font-size: 11px;
    margin-bottom: 0px;
    padding: 0px 22px;
}

.inbox-head {
    padding: 10px;
    border-radius: 3px;
}

.inbox-head h3 {
    display: inline-block;
    font-weight: 300;
    margin: 0px;
}

.inbox-head .sr-input {
    border: medium none;
    border-radius: 4px 0px 0px 4px;
    box-shadow: none;
    color: rgb(138, 138, 138);
    float: left;
    height: 30px;
    padding: 0px 10px;
}

.inbox-head .sr-btn {
    background: none 0px 0px repeat scroll rgb(238, 242, 249);
    border: medium none;
    border-radius: 0px 4px 4px 0px;
    color: rgb(255, 255, 255);
    height: 30px;
    padding: 0px 20px;
}

.table-inbox {
    border: 1px solid rgb(232, 235, 243);
    margin-bottom: 0px;
}

.table-inbox tr {
    border-bottom: 1px solid rgb(232, 235, 243);
}

.table-inbox tr:last-child {
    border-bottom: 0px;
}

.table-inbox tr td {
    padding: 12px !important;
}

.table-inbox tr td:hover {
    cursor: pointer;
}

.table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover {
    color: rgb(247, 138, 9);
}

.table-inbox tr td .fa-star {
    color: rgba(106, 221, 196, 0.06);
}

.table-inbox tr.unread td {
    background: rgb(233, 236, 243);
    font-weight: 600;
    border-bottom: 1px solid rgb(232, 235, 243);
}

ul.inbox-pagination {
    float: right;
}

ul.inbox-pagination li {
    float: left;
}

.mail-option {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}

.mail-option .btn-group, .mail-option .chk-all {
    margin-right: 5px;
}

.mail-option .btn-group a.btn, .mail-option .chk-all {
    background: none 0px 0px repeat scroll rgb(233, 236, 243);
    border: 1px solid rgb(225, 236, 252);
    color: rgb(61, 78, 103);
    display: inline-block;
    padding: 5px 10px;
    border-radius: 3px !important;
}

.inbox-pagination a.np-btn {
    background: none 0px 0px repeat scroll rgb(233, 236, 243);
    border: 1px solid rgb(225, 236, 252);
    color: rgb(61, 78, 103);
    display: inline-block;
    padding: 5px 15px;
    border-radius: 3px !important;
}

.mail-option .chk-all input[type="checkbox"] {
    margin-top: 0px;
}

.mail-option .btn-group a.all {
    border: medium none;
    padding: 0px;
}

.inbox-pagination a.np-btn {
    margin-left: 5px;
}

.inbox-pagination li span {
    display: inline-block;
    margin-right: 5px;
    margin-top: 7px;
}

.fileinput-button {
    background: none 0px 0px repeat scroll rgb(233, 236, 243);
    border: 1px solid rgb(230, 230, 230);
}

.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea {
    border: 1px solid rgb(230, 230, 230);
    box-shadow: none;
}

.modal-header h4.modal-title {
    font-weight: 300;
}

.modal-body label {
    font-weight: 400;
}

.heading-inbox h4 {
    border-bottom: 1px solid rgb(221, 221, 221);
    color: rgb(68, 68, 68);
    font-size: 18px;
    margin-top: 20px;
    padding-bottom: 10px;
}

.sender-info {
    margin-bottom: 20px;
}

.sender-info img {
    height: 30px;
    width: 30px;
}

.sender-dropdown {
    background: none 0px 0px repeat scroll rgb(232, 235, 243);
    color: rgb(119, 119, 119);
    font-size: 10px;
    padding: 0px 3px;
}

.view-mail a {
    color: rgb(255, 108, 96);
}

.attachment-mail {
    margin-top: 30px;
}

.attachment-mail ul {
    display: inline-block;
    margin-bottom: 30px;
    width: 100%;
}

.attachment-mail ul li {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 150px;
}

.attachment-mail ul li img {
    width: 100%;
}

.attachment-mail ul li span {
    float: right;
}

.attachment-mail .file-name {
    float: left;
}

.attachment-mail .links {
    display: inline-block;
    width: 100%;
}

.fileinput-button {
    float: left;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
}

.fileinput-button input {
    cursor: pointer;
    direction: ltr;
    font-size: 23px;
    margin: 0px;
    opacity: 0;
    position: absolute;
    right: 0px;
    top: 0px;
    transform: translate(-300px, 0px) scale(4);
}

.fileupload-buttonbar .btn, .fileupload-buttonbar .toggle {
    margin-bottom: 5px;
}

.files .progress {
    width: 200px;
}

.fileupload-processing .fileupload-loading {
    display: block;
}

* html .fileinput-button {
    line-height: 24px;
    margin: 1px -3px 0px 0px;
}

@media (max-width: 767px) {
    .files .btn span {
        display: none;
    }

    .files .preview * {
        width: 40px;
    }

    .files .name * {
        display: inline-block;
        width: 80px;
        overflow-wrap: break-word;
    }

    .files .progress {
        width: 20px;
    }

    .files .delete {
        width: 60px;
    }
}

ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.br-100 {
    border-radius: 100% !important;
}

.br-4 {
    border-radius: 4px !important;
}

.br-2 {
    border-radius: 2px !important;
}

.br-tl-2 {
    border-top-left-radius: 2px !important;
}

.br-bl-2 {
    border-bottom-left-radius: 2px !important;
}

.br-tr-2 {
    border-top-right-radius: 2px !important;
}

.br-br-2 {
    border-bottom-right-radius: 2px !important;
}

.br-bl-0 {
    border-bottom-right-radius: 0px !important;
}

.br-tl-0 {
    border-bottom-right-radius: 0px !important;
}

@media (min-width: 992px) {
    .br-md-2 {
        border-radius: 2px !important;
    }

    .br-tl-md-2 {
        border-top-left-radius: 2px !important;
    }

    .br-bl-md-2 {
        border-bottom-left-radius: 2px !important;
    }

    .br-tr-md-2 {
        border-top-right-radius: 2px !important;
    }

    .br-br-md-2 {
        border-bottom-right-radius: 2px !important;
    }

    .br-md-0 {
        border-radius: 0px !important;
    }

    .br-tl-md-0 {
        border-top-left-radius: 0px !important;
    }

    .br-bl-md-0 {
        border-bottom-left-radius: 0px !important;
    }

    .br-tr-md-0 {
        border-top-right-radius: 0px !important;
    }

    .br-br-md-0 {
        border-bottom-right-radius: 0px !important;
    }

    .Realestate-content .select2-container--default .select2-selection--single {
        border-radius: 0px !important;
    }
}

.range {
    display: table;
    position: relative;
    height: 25px;
    margin-top: 20px;
    background-color: rgb(245, 245, 245);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px inset;
    cursor: pointer;
}

.range input[type="range"] {
    display: table-cell;
    width: 100%;
    background-color: transparent;
    height: 25px;
    cursor: pointer;
    appearance: none !important;
}

.range input[type="range"]::-webkit-slider-thumb {
    width: 11px;
    height: 25px;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0px;
    background-color: rgb(153, 153, 153);
    appearance: none !important;
}

.range output {
    display: table-cell;
    padding: 3px 5px 2px;
    min-width: 40px;
    color: rgb(255, 255, 255);
    background-color: rgb(153, 153, 153);
    text-align: center;
    text-decoration: none;
    border-radius: 0px 4px 4px 0px;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    transition: all 0.5s ease 0s;
    user-select: none;
}

.range input[type="range"] {
    outline: 0px;
}

.range.range-success input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(39, 199, 129);
}

.range.range-success output {
    background-color: rgb(39, 199, 129);
}

.range.range-success input[type="range"] {
    outline-color: rgb(39, 199, 129);
}

.range.range-info input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(13, 171, 183);
}

.range.range-info output {
    background-color: rgb(13, 171, 183);
}

.range.range-info input[type="range"] {
    outline-color: rgb(13, 171, 183);
}

.range.range-warning input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(255, 162, 43);
}

.range.range-warning output {
    background-color: rgb(255, 162, 43);
}

.range.range-warning input[type="range"] {
    outline-color: rgb(255, 162, 43);
}

.range.range-danger input[type="range"]::-webkit-slider-thumb {
    background-color: rgb(255, 56, 43);
}

.range.range-danger output {
    background-color: rgb(255, 56, 43);
}

.range.range-danger input[type="range"] {
    outline-color: rgb(255, 56, 43);
}

.list.d-flex img {
    width: 60px;
}

#popup {
    position: absolute;
    width: auto;
    height: 30px;
    background: rgb(254, 107, 31);
    display: none;
    color: rgb(255, 255, 255);
    border-radius: 5px;
}

#copy {
    background: 0px 0px;
    color: rgb(255, 255, 255);
    font-weight: 700;
    padding: 8px 25px;
    border: 0px;
}

.nav-item1 {
    padding: 10px;
    min-width: 2rem;
    transition: color 0.3s ease 0s;
    user-select: none;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.nav1 {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0px;
    margin-bottom: 0px;
    list-style: none;
    background: rgb(233, 236, 243);
}

.nav-item1:hover:not(.disabled) {
    color: rgb(255, 255, 255);
}

.nav-item1.active {
    color: rgb(255, 255, 255);
}

.nav-item1 .nav-link.disabled {
    opacity: 6;
    cursor: default;
    pointer-events: none;
}

.nav1.bg-primary .nav-item1 .nav-link.disabled {
    color: rgba(255, 255, 255, 0.5);
}

.nav-tabs .nav-item1 {
    margin-bottom: -1px;
}

.nav-tabs .nav-item1.nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.nav-tabs .nav-item1 .nav-link {
    border: 0px;
    margin-bottom: -1px;
    color: rgb(167, 180, 201);
    transition: border-color 0.3s ease 0s;
    font-weight: 400;
    padding: 1rem 10px;
}

.nav-tabs .nav-item1 .nav-link:hover:not(.disabled) {
    color: rgb(255, 255, 255);
}

.nav-tabs .nav-item1 .nav-link.active {
    color: rgb(255, 255, 255);
}

.nav-tabs .nav-item1 .nav-link.disabled {
    opacity: 0.6;
    cursor: default;
    pointer-events: none;
}

.nav-tabs .nav-item1 {
    margin-bottom: 0px;
    position: relative;
}

.nav-tabs .nav-item1 i {
    line-height: 1;
    font-size: 0rem;
    width: 0.875rem;
    vertical-align: baseline;
    display: inline-block;
    margin-right: 10px;
}

.nav-tabs .nav-item1:hover .nav-submenu {
    display: block;
}

.nav-tabs .nav-submenu {
    display: none;
    position: absolute;
    background: rgb(0, 0, 0);
    border-right: 1px solid rgb(232, 235, 243);
    border-bottom: 1px solid rgb(232, 235, 243);
    border-left: 1px solid rgb(232, 235, 243);
    border-image: initial;
    border-top: none;
    z-index: 10;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    min-width: 10rem;
    border-radius: 0px 0px 3px 3px;
}

.nav-tabs .nav-submenu .nav-item1 {
    display: block;
    padding: 0.5rem 1rem;
    color: rgb(167, 180, 201);
    cursor: pointer;
    transition: background 0.3s ease 0s;
    margin: 0px !important;
}

.nav-tabs .nav-submenu .nav-item1.active {
    color: rgb(70, 127, 207);
}

.nav-tabs .nav-submenu .nav-item1:hover {
    color: rgb(95, 104, 119);
    text-decoration: none;
    background: rgba(0, 0, 0, 0.024);
}

.bd-example {
    position: relative;
    padding: 1rem;
    margin: 1rem -1rem;
    border-width: 0.2rem 0px 0px;
}

.bd-example-tooltip-static .tooltip {
    position: relative;
    display: inline-block;
    margin: 10px 20px;
    opacity: 1;
}

.tooltip.bs-tether-element-attached-bottom, .tooltip.tooltip-top {
    padding: 5px 0px;
    margin-top: -3px;
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: 0.875rem;
    overflow-wrap: break-word;
    opacity: 0;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: rgb(255, 255, 255);
    text-align: center;
    background-color: rgb(0, 0, 0);
    border-radius: 0.25rem;
}

.tooltip.bs-tether-element-attached-left, .tooltip.tooltip-right {
    padding: 0px 5px;
    margin-left: 3px;
}

.tooltip.bs-tether-element-attached-bottom .tooltip-inner::before, .tooltip.tooltip-top .tooltip-inner::before {
    bottom: 0px;
    left: 50%;
    margin-left: -5px;
    content: "";
    border-width: 5px 5px 0px;
    border-top-color: rgb(0, 0, 0);
}

.tooltip.bs-tether-element-attached-left .tooltip-inner::before, .tooltip.tooltip-right .tooltip-inner::before {
    top: 50%;
    left: 0px;
    margin-top: -5px;
    content: "";
    border-width: 5px 5px 5px 0px;
    border-right-color: rgb(0, 0, 0);
}

.tooltip.bs-tether-element-attached-top, .tooltip.tooltip-bottom {
    padding: 5px 0px;
    margin-top: 3px;
}

.tooltip.bs-tether-element-attached-top .tooltip-inner::before, .tooltip.tooltip-bottom .tooltip-inner::before {
    top: 0px;
    left: 50%;
    margin-left: -5px;
    content: "";
    border-width: 0px 5px 5px;
    border-bottom-color: rgb(0, 0, 0);
}

.tooltip.bs-tether-element-attached-right, .tooltip.tooltip-left {
    padding: 0px 5px;
    margin-left: -3px;
}

.tooltip.bs-tether-element-attached-right .tooltip-inner::before, .tooltip.tooltip-left .tooltip-inner::before {
    top: 50%;
    right: 0px;
    margin-top: -5px;
    content: "";
    border-width: 5px 0px 5px 5px;
    border-left-color: rgb(0, 0, 0);
}

.tooltip-inner::before {
    position: absolute;
    width: 0px;
    height: 0px;
    border-color: transparent;
    border-style: solid;
}

.pop-primary {
    color: rgb(77, 157, 255);
}

.popsecondary {
    color: rgb(98, 141, 234);
}

.popinfo {
    color: rgb(136, 200, 247);
}

.popsuccess {
    color: rgb(191, 255, 128);
}

.popdanger {
    color: rgb(234, 98, 98);
}

.popwarning {
    color: rgb(247, 219, 110);
}

.pricing {
    border-radius: 20px;
    box-shadow: rgba(62, 57, 107, 0.1) 0px 10px 40px 0px, rgba(62, 57, 107, 0.1) 0px 2px 9px 0px;
}

.pricing1 {
    color: rgb(31, 37, 45);
    border-radius: 7px;
}

.pricing .card-category {
    padding: 10px 0px;
    border-radius: 4px;
    background: rgb(233, 236, 243);
    color: rgb(255, 255, 255);
}

.horizontal-line {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 80%;
}

.pricing .btn {
    border-radius: 100px;
    font-size: 16px;
    color: rgb(255, 255, 255) !important;
    border-width: 5px !important;
    font-weight: 700 !important;
}

.pricing .price {
    font-weight: 600;
    font-size: 50px;
    color: rgb(67, 66, 88) !important;
}

.pricing .list-unstyled li {
    border-bottom: 1px solid rgba(232, 235, 243, 0.7);
    padding: 7px 0px;
}

.pricing1 .list-unstyled li {
    border-bottom: 1px solid rgb(232, 235, 243);
    padding: 7px 0px;
}

.pricing1 .card-category {
    background: rgba(255, 255, 255, 0.3);
    padding: 20px 0px;
    color: rgb(255, 255, 255);
}

.pricing-table {
    width: 100%;
    margin: 0px auto;
    transition: all 0.3s ease 0s;
    border-radius: 0px;
}

.pricing-table:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 30px;
}

.pricing-table:hover > .panel-footer-landing {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 30px inset;
    transition: all 0.3s ease 0s;
}

.pricing-table:hover > .panel > .panel-body-landing {
    background: rgb(238, 242, 249);
    transition: all 0.3s ease 0s;
}

.pricing-table:hover > .panel > .panel-heading-landing-box {
    transition: all 0.3s ease 0s;
    background: rgb(255, 255, 255) !important;
    color: rgb(51, 51, 51) !important;
}

.pricing-table:hover > .panel > .controle-header {
    transition: all 0.3s ease 0s;
    background: rgb(238, 242, 249) !important;
}

.pricing-table:hover > .panel > .panel-footer {
    transition: all 0.3s ease 0s;
    text-align: center;
    background: rgb(238, 242, 249) !important;
}

.pricing-table:hover > .panel > .panel-footer > .btn {
    transition: all 0.3s ease 0s;
    border: 1px solid rgb(255, 255, 255) !important;
}

.btn-price:hover {
    transition: all 0.3s ease 0s;
    background: rgb(255, 255, 255) !important;
    color: rgb(238, 242, 249) !important;
}

.pricing-table:hover > .panel > .controle-header > .panel-title-landing {
    transition: all 0.3s ease 0s;
    font-size: 35px;
    color: rgb(255, 255, 255) !important;
}

.pricing-table > .panel > .controle-header > .panel-title-landing {
    font-size: 35px;
    color: rgb(0, 0, 0) !important;
}

.pricing-table:hover > .panel > .panel-body-landing > .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    font-weight: 500;
    transition: all 0.3s ease 0s;
}

.panel-body-landing:hover > .table > tbody > tr > td {
    transition: all 0.3s ease 0s;
    color: rgb(255, 255, 255) !important;
}

.panel-heading-landing {
    text-align: center;
    margin-top: 20px;
    background: rgb(247, 247, 247) !important;
    padding: 20px !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-top: 2px solid rgb(238, 242, 249) !important;
    border-right: 2px solid rgb(238, 242, 249) !important;
    border-left: 2px solid rgb(238, 242, 249) !important;
    border-image: initial !important;
    border-bottom: none !important;
}

.col-sm-4 .pricing-table .table td {
    padding: 0.75rem;
    vertical-align: top;
    text-align: left;
}

.panel-heading-landing-box {
    text-align: center;
    background: rgb(238, 242, 249) !important;
    color: rgb(255, 255, 255) !important;
    font-size: 16px !important;
    border-top: none !important;
}

.panel-title-landing {
    font-size: 35px;
    font-weight: 700;
    color: rgb(238, 242, 249) !important;
}

.panel-body-landing {
    text-align: center;
    background: rgb(255, 255, 255);
    border-right: 2px solid rgb(238, 242, 249) !important;
    border-left: 2px solid rgb(238, 242, 249) !important;
    border-image: initial !important;
    border-top: none !important;
    border-bottom: none !important;
}

.panel-footer-landing {
    text-align: center;
    background: rgb(247, 247, 247);
    border-right: 2px solid rgb(238, 242, 249) !important;
    border-bottom: 2px solid rgb(238, 242, 249) !important;
    border-left: 2px solid rgb(238, 242, 249) !important;
    border-image: initial !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border-top: none !important;
}

.panel.price, .panel.price > .panel-heading {
    transition: all 0.3s ease 0s;
}

.panel.price h3 {
    margin-bottom: 0px;
    padding: 20px 0px;
}

.panel-heading {
    padding: 10px 15px;
    background: rgb(255, 255, 255);
}

.panel.price > .panel-heading {
    padding: 0px;
    position: relative;
}

.price .list-group-item {
    border-bottom: 1px solid rgba(250, 250, 250, 0.5);
}

.panel.price .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.panel.price .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.panel.price {
    margin-bottom: 1.5rem;
}

.price .panel-footer {
    border-bottom: 0px;
    background-color: rgb(255, 255, 255);
}

.price.panel-color > .panel-body {
    background-color: rgb(255, 255, 255);
}

.panel-body {
    padding: 15px;
}

.panel-body .lead strong {
    font-size: 40px;
    margin-bottom: 0px;
    font-weight: 400;
}

.panel-body .lead {
    font-size: 20px;
    margin-bottom: 0px;
    padding: 10px 0px;
}

.panel-footer {
    padding: 10px 15px;
    background-color: rgb(247, 247, 247);
    border-top: 1px solid rgb(232, 235, 243);
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel.price .btn {
    box-shadow: rgba(50, 50, 50, 0.2) 0px -1px 0px inset;
    border: 0px;
}

.heading-inverse {
    background-color: rgb(51, 51, 51);
    color: rgb(255, 255, 255);
    padding: 5px;
}

.heading-primary {
    color: rgb(255, 255, 255);
    padding: 5px;
}

.heading-success {
    background-color: rgb(39, 199, 129);
    color: rgb(255, 255, 255);
    padding: 5px;
}

.heading-info {
    background-color: rgb(13, 171, 183);
    color: rgb(255, 255, 255);
    padding: 5px;
}

.heading-warning {
    background-color: rgb(255, 162, 43);
    color: rgb(255, 255, 255);
    padding: 5px;
}

.heading-danger {
    background-color: rgb(255, 56, 43);
    color: rgb(255, 255, 255);
    padding: 5px;
}

.chart-visitors {
    min-height: 18rem;
}

.chart-tasks {
    height: 15rem;
}

.chart-donut {
    height: 21rem;
}

.chart-pie {
    height: 21rem;
}

.chartsh {
    height: 16rem;
}

.chartwidget {
    height: 17rem;
}

.chartmorris {
    height: 19rem;
}

.dropshadow {
    filter: drop-shadow(rgb(227, 232, 239) 0px -6px 4px);
}

.media {
    display: flex;
    align-items: flex-start;
}

.mediaicon {
    font-size: 18px;
    color: rgb(255, 255, 255);
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 5px 0px;
    border-radius: 20px;
}

.media-body {
    flex: 1 1 0%;
}

.mediafont {
    font-size: 16px;
    font-weight: 600;
}

.media {
    margin-top: 15px;
}

.media, .media-body {
    zoom: 1;overflow: hidden;
}

.media-object {
    display: block;
}

.media img {
    width: 75px;
    height: 75px;
    border: 5px solid rgb(238, 238, 238);
}

.media.meida-md img {
    width: 65px;
    height: 65px;
}

.media.meida-lg img {
    width: 80px;
    height: 80px;
}

.media-right, .media > .pull-right {
    padding-left: 10px;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}

.media-left, .media > .pull-left {
    padding-right: 10px;
}

.media-heading {
    margin-top: 0px;
    margin-bottom: 5px;
}

.media-body h4 {
    font-weight: 500;
    font-size: 18px;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-left, .media > .pull-left {
    padding-right: 10px;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    border-radius: 3px;
    left: 0px;
    bottom: 0px;
    font-size: 12px;
    text-align: center;
    align-items: center;
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px !important;
    padding: 0px !important;
    background-color: transparent !important;
}

.page-header .breadcrumb-item + .breadcrumb-item::before {
    color: rgb(7, 5, 16);
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.3rem;
    padding-left: 0rem;
    content: "/";
}

@media (max-width: 480px) {
    .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: 0.2rem;
        padding-left: 0.2rem;
        color: rgb(7, 5, 16);
        content: "/";
    }

    .breadcrumb-item + .breadcrumb-item {
        padding-left: 0px;
    }

    .page-header {
        display: block !important;
        padding: 10px 0px !important;
    }

    .users-list .page-header {
        padding: 15px !important;
    }

    .users-list .page-header .page-select {
        margin-bottom: 10px;
        width: 100% !important;
    }

    .page-header .page-title {
        margin-bottom: 5px;
    }
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline;
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none;
}

.breadcrumb1 {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: rgb(233, 236, 243);
    border-radius: 0.25rem;
}

.breadcrumb-item1 a {
    color: rgb(123, 131, 143);
}

.breadcrumb-item1 a:hover {
    text-decoration: underline;
}

.breadcrumb-item1 + .breadcrumb-item1::before {
    display: inline-block;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    content: "/";
}

.breadcrumb-item1 + .breadcrumb-item1:hover::before {
    text-decoration: underline;
}

.breadcrumb-item1 + .breadcrumb-item1:hover::before {
    text-decoration: none;
}

.breadcrumb-item1.active {
    color: rgb(167, 180, 201);
}

.breadcrumb-1 ol {
    position: relative;
    display: block;
    width: 100%;
    text-align: right;
}

.breadcrumb-1 li {
    text-align: right;
    display: contents;
}

.breadcrumb-2 ol {
    position: relative;
    display: block;
    width: 100%;
    text-align: right;
}

.breadcrumb-2 li {
    text-align: right;
    display: contents;
}

.breadcrumb-3 ol {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}

.breadcrumb-3 li {
    display: contents;
    text-align: center;
}

.breadcrumb-4 ol {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}

.breadcrumb-4 li {
    display: contents;
    text-align: center;
}

.panel-group .panel {
    border-radius: 0px;
    box-shadow: none;
    border-color: rgb(232, 235, 243);
}

.panel-default > .panel-heading {
    padding: 0px;
    border-radius: 0px;
    background-color: rgb(233, 236, 243);
    border-color: rgb(232, 235, 243);
}

.panel-title {
    font-size: 14px;
    margin-bottom: 0px;
}

.panel-title > a {
    display: block;
    padding: 15px;
    text-decoration: none;
}

.more-less {
    float: right;
    color: rgb(33, 33, 33);
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: 1px solid rgb(232, 235, 243);
}

a:active, a:focus, a:hover {
    outline: 0px;
    text-decoration: none;
}

.panel1 {
    border-width: 0px 0px 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    background: 0px 0px;
    box-shadow: none;
}

.panel1:last-child {
    border-bottom: none;
}

.panel-group1 > .panel1:first-child .panel-heading1 {
    border-radius: 4px 4px 0px 0px;
}

.panel-group1 .panel1 {
    border-radius: 0px;
}

.panel-body1 {
    padding: 10px;
}

.panel-title1 {
    font-size: 14px;
    margin-bottom: 0px;
}

.panel-group1 .panel1 + .panel1 {
    margin-top: 0px;
}

.panel-heading1 {
    background-color: rgb(255, 255, 255);
    border-radius: 0px;
    border: none;
    color: rgb(7, 5, 16);
    padding: 0px;
}

.panel-group1 .panel-body {
    border-top: 1px solid rgb(232, 235, 243);
}

.panel-title1 a {
    display: block;
    padding: 15px;
    position: relative;
    font-size: 16px;
    font-weight: 400;
}

.panel-title1 a.collapsed {
    color: rgb(7, 5, 16);
}

.panel-body1 {
    background: rgb(255, 255, 255);
}

.panel1:last-child .panel-body1 {
    border-radius: 0px 0px 4px 4px;
}

.panel1:last-child .panel-heading1 {
    border-radius: 0px 0px 4px 4px;
    transition: border-radius 0.3s linear 0.2s;
}

.panel1:last-child .panel-heading1.active {
    border-radius: 0px;
    transition: border-radius 0s linear 0s;
}

.panel-title a.accordion-toggle::before {
    content: "";
    font-size: 24px;
    position: absolute;
    font-family: FontAwesome;
    right: 5px;
    top: 10px;
    transform: rotate(180deg);
    transition: all 0.5s ease 0s;
}

#accordion .panel-heading1.active a::before {
    transform: rotate(0deg);
    transition: all 0.5s ease 0s;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 3px;
}

.alert:first-child {
    margin-bottom: 1rem !important;
}

.alert:last-child {
    margin-bottom: 0px;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 500;
}

.alert-link:hover {
    text-decoration: underline;
}

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

.alert-dismissible {
    padding-right: 3.90625rem;
}

hr.message-inner-separator {
    clear: both;
    margin-top: 10px;
    margin-bottom: 13px;
    border: 0px;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
}

.alert-dismissible .close {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0.75rem 1.25rem;
    color: inherit;
}

.alert-secondary {
    color: rgb(123, 131, 143);
    background-color: rgb(223, 233, 249);
    border-color: rgb(223, 233, 249);
}

.alert-secondary hr {
    border-top-color: rgb(207, 210, 214);
}

.alert-secondary .alert-link {
    color: rgb(46, 49, 51);
}

.alert-success {
    color: rgb(252, 253, 255);
    background-color: rgb(39, 199, 129);
    border-color: rgb(39, 199, 129);
}

.alert-success hr {
    border-top-color: rgb(197, 231, 164);
}

.alert-success .alert-link {
    color: rgb(23, 46, 0);
}

.alert-info {
    color: rgb(252, 253, 255);
    background-color: rgb(13, 171, 183);
    border-color: rgb(13, 171, 183);
}

.alert-info hr {
    border-top-color: rgb(179, 220, 249);
}

.alert-info .alert-link {
    color: rgb(25, 60, 86);
}

.alert-warning {
    color: rgb(252, 253, 255);
    background-color: rgb(255, 162, 43);
    border-color: rgb(255, 162, 43);
}

.alert-warning hr {
    border-top-color: rgb(250, 232, 164);
}

.alert-warning .alert-link {
    color: rgb(77, 63, 5);
}

.alert-danger {
    color: rgb(252, 253, 255);
    background-color: rgb(255, 56, 43);
    border-color: rgb(255, 56, 43);
}

.alert-danger hr {
    border-top-color: rgb(236, 172, 171);
}

.alert-danger .alert-link {
    color: rgb(63, 10, 9);
}

.alert-light {
    color: rgb(129, 129, 130);
    background-color: rgb(254, 254, 254);
    border-color: rgb(253, 253, 254);
}

.alert-light hr {
    border-top-color: rgb(236, 236, 246);
}

.alert-light .alert-link {
    color: rgb(104, 104, 104);
}

.alert-dark {
    color: rgb(27, 30, 33);
    background-color: rgb(214, 216, 217);
    border-color: rgb(198, 200, 202);
}

.alert-dark hr {
    border-top-color: rgb(185, 187, 190);
}

.alert-dark .alert-link {
    color: rgb(4, 5, 5);
}

@-webkit-keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0px;
    }

    100% {
        background-position: 0px 0px;
    }
}

@keyframes progress-bar-stripes {
    0% {
        background-position: 1rem 0px;
    }

    100% {
        background-position: 0px 0px;
    }
}

btn.dropdown-toggle ~ .dropdown-menu, ul.dropdown-menu li.dropdown ul.dropdown-menu {
    background-color: rgb(255, 255, 255) !important;
    border: 0px solid rgb(66, 133, 244) !important;
    box-shadow: rgba(25, 25, 25, 0.3) 0px 0px 3px !important;
    top: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
}

ul.dropdown-menu li.dropdown ul.dropdown-menu {
    position: absolute !important;
    width: 100% !important;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 9999;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0px;
    margin: 2px 0px 0px;
    list-style: none;
    font-size: 14px;
    background-color: rgb(255, 255, 255);
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px;
    background-clip: padding-box;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857;
    color: rgb(51, 51, 51);
    white-space: nowrap;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    text-decoration: none;
    color: rgb(167, 180, 201);
    background-color: rgb(233, 236, 243);
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0px;
    overflow: hidden;
    background-color: rgb(232, 235, 243);
}

.dropdown-menu .dropdown-plus-title {
    width: 100% !important;
    color: rgb(167, 180, 201) !important;
    padding: 6px 12px !important;
    font-weight: 500 !important;
    border-width: 0px 0px 1px !important;
    border-style: solid !important;
    border-color: rgb(232, 235, 243) !important;
    border-image: initial !important;
    cursor: pointer !important;
}

ul.dropdown-menu li.dropdown ul.dropdown-menu .dropdown-plus-title {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    line-height: 20px !important;
}

.btn.dropdown-toggle.btn-primary ~ .dropdown-menu .dropdown-plus-title {
    border-color: rgb(5, 117, 230) !important;
}

.btn.dropdown-toggle.btn-success ~ .dropdown-menu .dropdown-plus-title {
    border-color: rgb(76, 174, 76) !important;
}

.btn.dropdown-toggle.btn-info ~ .dropdown-menu .dropdown-plus-title {
    border-color: rgb(70, 184, 218) !important;
}

.btn.dropdown-toggle.btn-warning ~ .dropdown-menu .dropdown-plus-title {
    border-color: rgb(238, 162, 54) !important;
}

.btn.dropdown-toggle.btn-danger ~ .dropdown-menu .dropdown-plus-title {
    border-color: rgb(212, 63, 58) !important;
}

.dropdown-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    border-bottom: 1px solid rgb(232, 235, 243);
}

.dropdown-demo .dropdown-menu {
    position: static;
    float: none;
}

.dropdown-menu-header label {
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: rgb(167, 180, 201);
}

.dropdown-media-list .media:focus, .dropdown-media-list .media:hover {
    background-color: rgb(233, 236, 243);
}

.dropdown-media-list .media {
    padding: 12px 15px;
}

.media {
    display: flex;
    align-items: flex-start;
}

.dropdown-media-list img {
    border-radius: 100%;
}

.dropdown-media-list .media-body {
    margin-left: 15px;
}

.media-body {
    flex: 1 1 0%;
}

.dropdown-media-list .media-body > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dropdown-media-list .media-body > div p {
    margin-bottom: 0px;
    font-weight: 500;
    color: rgb(167, 180, 201);
    font-size: 14px;
}

.dropdown-media-list .media-body > div span {
    font-size: 12px;
}

.dropdown-media-list .media-body > p {
    font-size: 14px;
    margin-bottom: 0px;
}

.dropdown-list-footer {
    padding: 10px 15px;
    text-align: center;
    font-size: 12px;
    border-top: 1px solid rgb(232, 235, 243);
}

.label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

.dropdown-media-list {
    padding: 0px;
}

@media (min-width: 768px) {
    ul.dropdown-menu li.dropdown ul.dropdown-menu .dropdown-plus-title {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
}

@media (min-width: 768px) {
    ul.dropdown-menu li.dropdown ul.dropdown-menu {
        width: auto !important;
    }
}

.label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}

.label-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.label-info {
    background-color: rgb(13, 171, 183);
}

.label-danger {
    background-color: rgb(255, 56, 43);
}

.label-warning {
    background-color: rgb(255, 162, 43);
}

.label-success {
    background-color: rgb(39, 199, 129);
}

.label-purple {
    background-color: rgb(109, 51, 255);
}

.label-pink {
    background-color: rgb(255, 43, 136);
}

.label-secondary {
    background-color: rgb(233, 236, 243);
    color: rgb(7, 5, 16);
}

.label.arrowed, .label.arrowed-in {
    position: relative;
    margin-left: 9px;
}

.label.arrowed-in::before, .label.arrowed::before {
    display: inline-block;
    content: "";
    position: absolute;
    left: -14px;
    top: 0px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    border-width: 9px 7px;
}

.label.arrowed-in-right, .label.arrowed-right {
    position: relative;
    margin-right: 9px;
    border-radius: 0px 2px 2px 0px;
}

.label-info.arrowed::before {
    border-right-color: rgb(13, 171, 183);
}

.label-danger.arrowed::before {
    border-right-color: rgb(255, 56, 43);
}

.label-success.arrowed::before {
    border-right-color: rgb(39, 199, 129);
}

.label-warning.arrowed::before {
    border-right-color: rgb(255, 162, 43);
}

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

.badge-success {
    background-color: rgb(145 243 57);
    color: rgb(3, 99, 67);
}

.badge-success[href]:focus, .badge-success[href]:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(58, 223, 171);
}

.badge-info {
    color: rgb(255, 255, 255);
    background-color: rgb(13, 171, 183);
}

.badge-info[href]:focus, .badge-info[href]:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(21, 148, 239);
}

.badge-warning {
    color: rgb(255, 255, 255);
    background-color: rgb(255, 162, 43);
}

.badge-warning[href]:focus, .badge-warning[href]:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(255, 170, 51);
}

.badge-danger {
    color: rgb(255, 255, 255);
    background-color: rgb(255, 56, 43);
}

.badge-danger[href]:focus, .badge-danger[href]:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(251, 91, 80);
}

.badge-light {
    color: rgb(61, 78, 103);
    background-color: rgb(233, 236, 243);
}

.badge-light[href]:focus, .badge-light[href]:hover {
    color: rgb(61, 78, 103);
    text-decoration: none;
    background-color: rgb(218, 224, 229);
}

.badge-dark {
    color: rgb(255, 255, 255);
    background-color: rgb(52, 58, 64);
}

.badge-dark[href]:focus, .badge-dark[href]:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(29, 33, 36);
}

.badge-pink {
    color: rgb(255, 255, 255);
    background-color: rgb(237, 50, 132);
}

.badge-pink[href]:focus, .badge-pink[href]:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(237, 50, 132);
}

.badge {
    display: inline-block;
    padding: 0.3em 0.75em;
    font-size: 100%;
    font-weight: 300;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 3px;
}

.br-0 {
    border-radius: 0px;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badgetext {
    float: right;
}

.badge-default {
    background: rgba(230, 226, 238, 0.7);
    color: rgb(157, 146, 181);
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: rgb(233, 236, 243);
    border-radius: 3px;
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 2rem;
    }
}

.jumbotron-fluid {
    padding-right: 0px;
    padding-left: 0px;
    border-radius: 0px;
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.703125rem;
    background-color: rgba(241, 238, 247, 0.8);
    border-radius: 2px;
    box-shadow: rgba(105, 109, 131, 0.1) 0px 10px 20px 0px;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: rgb(255, 255, 255);
    text-align: center;
    white-space: nowrap;
    transition: width 0.6s ease 0s;
}

.current-progressbar {
    margin-top: 14.5px;
}

.progress-content {
    margin-bottom: 16.5px;
}

.progress-content:last-child {
    margin-bottom: 0px;
}

@media screen and (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none 0s ease 0s;
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.progress-bar-animated {
    animation: 1s linear 0s infinite normal none running progress-bar-stripes;
}

.media {
    display: flex;
    align-items: flex-start;
}

.media-body {
    flex: 1 1 0%;
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0px;
    margin-bottom: 0px;
}

.list-group-item-action {
    width: 100%;
    color: rgb(7, 5, 16);
    text-align: inherit;
}

.list-group-item-action:focus, .list-group-item-action:hover {
    color: rgb(7, 5, 16);
    text-decoration: none;
    background-color: rgb(233, 236, 243);
}

.list-group-item-action:active {
    color: rgb(167, 180, 201);
    background-color: rgb(232, 235, 243);
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(232, 235, 243);
}

.listorder {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(232, 235, 243);
    list-style-type: decimal;
    list-style-position: inside;
}

.listorder1 {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(232, 235, 243);
    list-style-type: upper-alpha;
    list-style-position: inside;
}

.listunorder {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(232, 235, 243);
    list-style-type: circle;
    list-style-position: inside;
}

.listunorder1 {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(232, 235, 243);
    list-style-type: square;
    list-style-position: inside;
}

.list-group-item:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.list-group-item:last-child {
    margin-bottom: 0px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.list-group-item:focus, .list-group-item:hover {
    z-index: 1;
    text-decoration: none;
}

.list-group-item.disabled, .list-group-item:disabled {
    color: rgb(124, 144, 177);
    background-color: rgb(255, 255, 255);
}

.list-group-item.active {
    z-index: 2;
    background-color: rgb(238, 240, 249);
    border: 1px solid rgb(232, 235, 243);
    color: rgb(7, 5, 16);
}

.list-group-flush .list-group-item {
    border-right: 0px;
    border-left: 0px;
    border-radius: 0px;
}

.list-group-flush:first-child .list-group-item:first-child {
    border-top: 0px;
}

.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 0px;
}

.list-group-item-primary {
    color: rgb(36, 66, 108);
    background-color: rgb(203, 219, 242);
}

.list-group-flush .list-group-item:hover {
    border: 1px solid rgb(232, 235, 243);
}

.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
    color: rgb(36, 66, 108);
    background-color: rgb(183, 205, 237);
}

.list-group-item-primary.list-group-item-action.active {
    color: rgb(255, 255, 255);
    background-color: rgb(36, 66, 108);
    border-color: rgb(36, 66, 108);
}

.list-group-item-secondary {
    color: rgb(70, 74, 78);
    background-color: rgb(221, 223, 226);
}

.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
    color: rgb(70, 74, 78);
    background-color: rgb(207, 210, 214);
}

.list-group-item-secondary.list-group-item-action.active {
    color: rgb(255, 255, 255);
    background-color: rgb(70, 74, 78);
    border-color: rgb(70, 74, 78);
}

.list-group-item-success {
    color: rgb(0, 128, 72);
    background-color: rgb(204, 255, 233);
}

.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
    color: rgb(49, 97, 0);
    background-color: rgb(197, 231, 164);
}

.list-group-item-success.list-group-item-action.active {
    color: rgb(255, 255, 255);
    background-color: rgb(49, 97, 0);
    border-color: rgb(49, 97, 0);
}

.list-group-item-info {
    color: rgb(59, 162, 255);
    background-color: rgb(230, 241, 255);
}

.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
    color: rgb(59, 162, 255);
    background-color: rgb(179, 220, 249);
}

.list-group-item-info.list-group-item-action.active {
    color: rgb(255, 255, 255);
    background-color: rgb(59, 162, 255);
    border-color: rgb(59, 162, 255);
}

.list-group-item-warning {
    color: rgb(255, 162, 43);
    background-color: rgb(255, 233, 204);
}

.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
    color: rgb(255, 162, 43);
    background-color: rgb(255, 233, 204);
}

.list-group-item-warning.list-group-item-action.active {
    color: rgb(255, 255, 255);
    background-color: rgb(255, 162, 43);
    border-color: rgb(255, 162, 43);
}

.list-group-item-danger {
    color: rgb(255, 56, 43);
    background-color: rgb(255, 207, 204);
}

.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
    color: rgb(255, 56, 43);
    background-color: rgb(255, 207, 204);
}

.list-group-item-danger.list-group-item-action.active {
    color: rgb(255, 255, 255);
    background-color: rgb(255, 56, 43);
    border-color: rgb(255, 56, 43);
}

.list-group-item-light {
    color: rgb(129, 129, 130);
    background-color: rgb(253, 253, 254);
}

.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
    color: rgb(129, 129, 130);
    background-color: rgb(236, 236, 246);
}

.list-group-item-light.list-group-item-action.active {
    color: rgb(255, 255, 255);
    background-color: rgb(129, 129, 130);
    border-color: rgb(129, 129, 130);
}

.list-group-item-dark {
    color: rgb(27, 30, 33);
    background-color: rgb(198, 200, 202);
}

.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
    color: rgb(27, 30, 33);
    background-color: rgb(185, 187, 190);
}

.list-group-item-dark.list-group-item-action.active {
    color: rgb(255, 255, 255);
    background-color: rgb(27, 30, 33);
    border-color: rgb(27, 30, 33);
}

.close {
    float: right;
    font-size: 1.40625rem;
    font-weight: 700;
    line-height: 1;
    color: rgb(160, 175, 199);
    text-shadow: rgb(255, 255, 255) 0px 1px 0px;
    opacity: 0.7;
}

.close:focus, .close:hover {
    color: rgb(160, 175, 199);
    text-decoration: none;
    opacity: 0.75;
}

.close:not(:disabled):not(.disabled) {
    cursor: pointer;
}

button.close {
    padding: 0px;
    background-color: transparent;
    border: 0px;
    appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    inset: 0px;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0px;
    text-align: center;
    padding: 0px !important;
    margin: 0px !important;
}

.modal-backdrop.fade.show, .modal-open {
    padding-right: 0px !important;
}

.modal-open {
    display: block;
    padding: 0px !important;
}

.modal-open .modal {
    overflow: hidden auto;
}

.modal-open #homeVideo.modal {
    background: rgba(25, 36, 79, 0.8);
}

.modal-open #homeVideo.modal .modal-content {
    border: 10px solid rgb(232, 235, 243);
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal {
    text-align: center;
    padding: 0px !important;
}

.modal::before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-xl {
    width: 850px !important;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out 0s, -webkit-transform 0.3s ease-out 0s;
    transform: translate(0px, -25%);
}

@media screen and (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none 0s ease 0s;
    }
}

.modal.show .modal-dialog {
    transform: translate(0px, 0px);
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: rgb(255, 255, 255);
    background-clip: padding-box;
    border: 1px solid rgb(232, 235, 243);
    border-radius: 3px;
    outline: 0px;
}

.modal-backdrop {
    position: fixed;
    inset: 0px;
    z-index: 1040;
    background-color: rgb(0, 0, 0);
}

.modal-backdrop.fade {
    opacity: 0;
}

.modal-backdrop.show {
    opacity: 0.5;
}

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid rgb(232, 235, 243);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}

.modal-header .close.btn {
    padding: 0.2rem 1rem;
    margin: 0px;
    font-size: 12px;
    color: rgb(255, 255, 255);
    text-shadow: none;
    float: right;
    display: block;
    right: 15px;
    position: absolute;
    opacity: 7;
}

.modal-header .close.btn:hover {
    color: rgb(255, 255, 255);
    opacity: 7;
    background-color: rgb(58, 11, 178);
}

.modal-title {
    margin-bottom: 0px;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-body p:last-child {
    margin-bottom: 0px;
}

.modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid rgb(232, 235, 243);
}

.modal-footer > :not(:first-child) {
    margin-left: 0.25rem;
}

.modal-footer > :not(:last-child) {
    margin-right: 0.25rem;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        width: 380px;
        margin: 1.75rem auto;
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

    .modal-sm {
        max-width: 300px;
    }
}

@media (max-width: 568px) {
    .modal-dialog {
        margin: 10px auto 0px;
        width: 90%;
    }

    .modal {
        padding: 0px !important;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px;
    }
}

.widget-info i {
    width: 100px;
    height: 100px;
    padding: 27px 0px;
    text-align: center;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 50%;
}

.widget-info a {
    border-bottom: 1px solid rgb(255, 255, 255);
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    overflow-wrap: break-word;
    opacity: 0;
}

.tooltip.show {
    opacity: 0.9;
}

.tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem;
}

.tooltip .arrow::before {
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-tooltip-auto[x-placement^="top"], .bs-tooltip-top {
    padding: 0.4rem 0px;
}

.bs-tooltip-auto[x-placement^="top"] .arrow, .bs-tooltip-top .arrow {
    bottom: 0px;
}

.bs-tooltip-auto[x-placement^="top"] .arrow::before, .bs-tooltip-top .arrow::before {
    top: 0px;
    border-width: 0.4rem 0.4rem 0px;
    border-top-color: rgb(0, 0, 0);
}

.bs-tooltip-auto[x-placement^="right"], .bs-tooltip-right {
    padding: 0px 0.4rem;
}

.bs-tooltip-auto[x-placement^="right"] .arrow, .bs-tooltip-right .arrow {
    left: 0px;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-auto[x-placement^="right"] .arrow::before, .bs-tooltip-right .arrow::before {
    right: 0px;
    border-width: 0.4rem 0.4rem 0.4rem 0px;
    border-right-color: rgb(0, 0, 0);
}

.bs-tooltip-auto[x-placement^="bottom"], .bs-tooltip-bottom {
    padding: 0.4rem 0px;
}

.bs-tooltip-auto[x-placement^="bottom"] .arrow, .bs-tooltip-bottom .arrow {
    top: 0px;
}

.bs-tooltip-auto[x-placement^="bottom"] .arrow::before, .bs-tooltip-bottom .arrow::before {
    bottom: 0px;
    border-width: 0px 0.4rem 0.4rem;
    border-bottom-color: rgb(0, 0, 0);
}

.bs-tooltip-auto[x-placement^="left"], .bs-tooltip-left {
    padding: 0px 0.4rem;
}

.bs-tooltip-auto[x-placement^="left"] .arrow, .bs-tooltip-left .arrow {
    right: 0px;
    width: 0.4rem;
    height: 0.8rem;
}

.bs-tooltip-auto[x-placement^="left"] .arrow::before, .bs-tooltip-left .arrow::before {
    left: 0px;
    border-width: 0.4rem 0px 0.4rem 0.4rem;
    border-left-color: rgb(0, 0, 0);
}

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: rgb(255, 255, 255);
    text-align: center;
    background-color: rgb(0, 0, 0);
    border-radius: 3px;
}

.popover {
    top: 0px;
    left: 0px;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    overflow-wrap: break-word;
    background-color: rgb(255, 255, 255);
    background-clip: padding-box;
    border: 1px solid rgb(222, 227, 235);
    border-radius: 3px;
}

.popover .arrow {
    position: absolute;
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    margin: 0px 3px;
}

.popover .arrow::after, .popover .arrow::before {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
}

.bs-popover-auto[x-placement^="top"], .bs-popover-top {
    margin-bottom: 0.5rem;
}

.bs-popover-auto[x-placement^="top"] .arrow, .bs-popover-top .arrow {
    bottom: calc((0.5rem + 1px) * -1);
}

.bs-popover-auto[x-placement^="top"] .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::after, .bs-popover-top .arrow::before {
    border-width: 0.5rem 0.25rem 0px;
}

.bs-popover-auto[x-placement^="top"] .arrow::before, .bs-popover-top .arrow::before {
    bottom: 0px;
    border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-auto[x-placement^="top"] .arrow::after, .bs-popover-top .arrow::after {
    bottom: 1px;
    border-top-color: rgb(255, 255, 255);
}

.bs-popover-auto[x-placement^="right"], .bs-popover-right {
    margin-left: 0.5rem;
}

.bs-popover-auto[x-placement^="right"] .arrow, .bs-popover-right .arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 0.5rem;
    margin: 3px 0px;
}

.bs-popover-auto[x-placement^="right"] .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::after, .bs-popover-right .arrow::before {
    border-width: 0.25rem 0.5rem 0.25rem 0px;
}

.bs-popover-auto[x-placement^="right"] .arrow::before, .bs-popover-right .arrow::before {
    left: 0px;
    border-right-color: rgb(222, 227, 235);
}

.bs-popover-auto[x-placement^="right"] .arrow::after, .bs-popover-right .arrow::after {
    left: 1px;
    border-right-color: rgb(255, 255, 255);
}

.bs-popover-auto[x-placement^="bottom"], .bs-popover-bottom {
    margin-top: 0.5rem;
}

.bs-popover-auto[x-placement^="bottom"] .arrow, .bs-popover-bottom .arrow {
    top: calc((0.5rem + 1px) * -1);
}

.bs-popover-auto[x-placement^="bottom"] .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::after, .bs-popover-bottom .arrow::before {
    border-width: 0px 0.25rem 0.5rem;
}

.bs-popover-auto[x-placement^="bottom"] .arrow::before, .bs-popover-bottom .arrow::before {
    top: 0px;
    border-bottom-color: rgb(222, 227, 235);
}

.bs-popover-auto[x-placement^="bottom"] .arrow::after, .bs-popover-bottom .arrow::after {
    top: 1px;
    border-bottom-color: rgb(255, 255, 255);
}

.bs-popover-auto[x-placement^="bottom"] .popover-header::before, .bs-popover-bottom .popover-header::before {
    position: absolute;
    top: 0px;
    left: 50%;
    display: block;
    width: 0.5rem;
    margin-left: -0.25rem;
    content: "";
    border-bottom: 1px solid rgb(255, 255, 255);
}

.bs-popover-auto[x-placement^="left"], .bs-popover-left {
    margin-right: 0.5rem;
}

.bs-popover-auto[x-placement^="left"] .arrow, .bs-popover-left .arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 0.5rem;
    margin: 3px 0px;
}

.bs-popover-auto[x-placement^="left"] .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::after, .bs-popover-left .arrow::before {
    border-width: 0.25rem 0px 0.25rem 0.5rem;
}

.bs-popover-auto[x-placement^="left"] .arrow::before, .bs-popover-left .arrow::before {
    right: 0px;
    border-left-color: rgb(222, 227, 235);
}

.bs-popover-auto[x-placement^="left"] .arrow::after, .bs-popover-left .arrow::after {
    right: 1px;
    border-left-color: rgb(255, 255, 255);
}

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0px;
    font-size: 0.9375rem;
    color: inherit;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(235, 235, 235);
    border-top-left-radius: calc(2px);
    border-top-right-radius: calc(2px);
}

.popover-header:empty {
    display: none;
}

.popover-body {
    padding: 0.75rem 1rem;
    color: rgb(95, 104, 119);
}

.carousel {
    position: relative;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden auto;
    max-height: 485px;
    border-radius: 10px;
}

.carousel-item {
    position: relative;
    display: none;
    align-items: center;
    width: 100%;
    transition: transform 0.6s ease 0s, -webkit-transform 0.6s ease 0s;
    backface-visibility: hidden;
    perspective: 1000px;
}

@media screen and (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none 0s ease 0s;
    }
}

.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: block;
}

.carousel-item-next, .carousel-item-prev {
    position: absolute;
    top: 0px;
}

.carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
    transform: translateX(0px);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-item-next.carousel-item-left, .carousel-item-prev.carousel-item-right {
        transform: translate3d(0px, 0px, 0px);
    }
}

.active.carousel-item-right, .carousel-item-next {
    transform: translateX(100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-right, .carousel-item-next {
        transform: translate3d(100%, 0px, 0px);
    }
}

.active.carousel-item-left, .carousel-item-prev {
    transform: translateX(-100%);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
    .active.carousel-item-left, .carousel-item-prev {
        transform: translate3d(-100%, 0px, 0px);
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: 0.6s;
    transition-property: opacity;
}

.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
    opacity: 1;
}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
    opacity: 0;
}

.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active {
    transform: translateX(0px);
}

@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev, .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active {
        transform: translate3d(0px, 0px, 0px);
    }
}

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: rgb(255, 255, 255);
    text-align: center;
    opacity: 0.6;
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
    outline: 0px;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0px;
}

.carousel-control-next {
    right: 0px;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: center center / 100% 100% no-repeat transparent;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-indicators {
    position: absolute;
    right: 0px;
    bottom: 10px;
    left: 0px;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0px;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators li {
    position: relative;
    flex: 0 1 auto;
    width: 7px;
    height: 7px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
}

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0px;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0px;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators .active {
    background-color: rgb(255, 255, 255);
}

.carousel-indicators1 {
    position: absolute;
    right: 0px;
    top: 10px;
    left: 0px;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0px;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

.carousel-indicators1 li {
    position: relative;
    flex: 0 1 auto;
    width: 7px;
    height: 7px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

.carousel-indicators1 li::before {
    position: absolute;
    top: -10px;
    left: 0px;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators1 li::after {
    position: absolute;
    bottom: -10px;
    left: 0px;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators1 .active {
    background-color: rgb(255, 255, 255);
}

.carousel-indicators2 {
    position: absolute;
    right: 10px;
    top: 0px;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0px;
    margin-top: 10px;
    list-style: none;
}

.carousel-indicators2 li {
    position: relative;
    flex: 0 1 auto;
    width: 7px;
    height: 7px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

.carousel-indicators2 li::before {
    position: absolute;
    top: -10px;
    left: 0px;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators2 li::after {
    position: absolute;
    bottom: -10px;
    left: 0px;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators2 .active {
    background-color: rgb(255, 255, 255);
}

.carousel-indicators3 {
    position: absolute;
    left: 10px;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0px;
    margin-top: 10px;
    list-style: none;
}

.carousel-indicators3 li {
    position: relative;
    flex: 0 1 auto;
    width: 7px;
    height: 7px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

.carousel-indicators3 li::before {
    position: absolute;
    top: -10px;
    left: 0px;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators3 li::after {
    position: absolute;
    bottom: -10px;
    left: 0px;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators3 .active {
    background-color: rgb(255, 255, 255);
}

.carousel-indicators4 {
    position: absolute;
    right: 10px;
    bottom: 0px;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0px;
    margin-top: 10%;
    list-style: none;
}

.carousel-indicators4 li {
    position: relative;
    flex: 0 1 auto;
    width: 7px;
    height: 7px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

.carousel-indicators4 li::before {
    position: absolute;
    top: -10px;
    left: 0px;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators4 li::after {
    position: absolute;
    bottom: -10px;
    left: 0px;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators4 .active {
    background-color: rgb(255, 255, 255);
}

.carousel-indicators5 {
    position: absolute;
    bottom: 0px;
    left: 10px;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0px;
    list-style: none;
}

.carousel-indicators5 li {
    position: relative;
    flex: 0 1 auto;
    width: 7px;
    height: 7px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
}

.carousel-indicators5 li::before {
    position: absolute;
    top: -10px;
    left: 0px;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators5 li::after {
    position: absolute;
    bottom: -10px;
    left: 0px;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: "";
}

.carousel-indicators5 .active {
    background-color: rgb(255, 255, 255);
}

.carousel-caption {
    position: absolute;
    right: 15%;
    top: 30%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: rgb(255, 255, 255);
    text-align: center;
}

.carousel-item-background {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    inset: 0px;
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.bg-success {
    background-color: rgb(39, 199, 129) !important;
}

a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {
    background-color: rgb(58, 223, 171) !important;
}

.bg-info {
    background-color: rgb(13, 171, 183) !important;
}

a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {
    background-color: rgb(21, 148, 239) !important;
}

.bg-warning {
    color: rgb(255, 255, 255);
    background-color: rgb(255, 162, 43) !important;
}

a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {
    background-color: rgb(255, 170, 51) !important;
}

.bg-danger {
    background-color: rgb(255, 56, 43) !important;
}

a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {
    background-color: rgb(251, 91, 80) !important;
}

.bg-light {
    background-color: rgba(242, 243, 248, 0.17) !important;
}

a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {
    background-color: rgb(218, 224, 229) !important;
}

.bg-dark {
    background-color: rgb(22, 3, 70) !important;
}

a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {
    background-color: rgb(15, 5, 24) !important;
}

.bg-white {
    background-color: rgb(255, 255, 255) !important;
}

.bg-dark-purple {
    background-color: rgb(65, 53, 88) !important;
}

a.bg-dark-purple:focus, a.bg-dark-purple:hover, button.bg-dark-purple:focus, button.bg-dark-purple:hover {
    background-color: rgb(49, 48, 49) !important;
}

.bg-white {
    background-color: rgb(255, 255, 255) !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.border {
    border: 1px solid rgb(232, 235, 243) !important;
}

.border-top {
    border-top: 1px solid rgb(232, 235, 243) !important;
}

.border-right {
    border-right: 1px solid rgb(232, 235, 243) !important;
}

.border-bottom {
    border-bottom: 1px solid rgb(232, 235, 243) !important;
}

.border-left {
    border-left: 1px solid rgb(232, 235, 243) !important;
}

.border-0 {
    border: 0px !important;
}

.border-top-0 {
    border-top: 0px !important;
}

.border-right-0 {
    border-right: 0px !important;
}

.border-bottom-0 {
    border-bottom: 0px !important;
}

.border-left-0 {
    border-left: 0px !important;
}

.border-secondary {
    border-color: rgb(134, 142, 150) !important;
}

.border-success {
    border-color: rgb(39, 199, 129) !important;
}

.border-info {
    border-color: rgb(13, 171, 183) !important;
}

.border-warning {
    border-color: rgb(255, 162, 43) !important;
}

.border-danger {
    border-color: rgb(255, 56, 43) !important;
}

.border-light {
    border-color: rgb(248, 249, 250) !important;
}

.border-dark {
    border-color: rgb(52, 58, 64) !important;
}

.border-white {
    border-color: rgb(255, 255, 255) !important;
}

.rounded {
    border-radius: 4px !important;
}

.rounded7 {
    border-radius: 7px !important;
}

.rounded-top {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}

.rounded-right {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.rounded-bottom {
    border-bottom-right-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

.rounded-left {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-0 {
    border-radius: 0px !important;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1280px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }

    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: flex !important;
    }

    .d-print-inline-flex {
        display: inline-flex !important;
    }
}

@media (max-width: 576px) {
    .header-text h1 {
        font-size: 2rem;
    }

    .classified-video h1 {
        font-size: 1.2rem;
    }

    .section-title h2 {
        font-size: 1.5rem;
    }

    .content-text .display-5 {
        font-size: 1.8rem;
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0px;
    overflow: hidden;
}

.embed-responsive::before {
    display: block;
    content: "";
}

.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: 0px;
}

.embed-responsive-21by9::before {
    padding-top: 42.8571%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-sm-fill {
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-md-fill {
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-lg-fill {
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 1280px) {
    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-xl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }
}

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

    .float-lg-right {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1280px) {
    .float-xl-left {
        float: left !important;
    }

    .float-xl-right {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

.fixed-top {
    position: fixed;
    top: 0px;
    right: 0px;
    left: 0px;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position: sticky;
        top: 0px;
        z-index: 1020;
    }
}

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

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

.shadow-sm {
    box-shadow: rgba(0, 0, 0, 0.075) 0px 0.125rem 0.25rem !important;
}

.shadow {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important;
}

.shadow-lg {
    box-shadow: rgba(0, 0, 0, 0.176) 0px 1rem 3rem !important;
}

.shadow-none {
    box-shadow: none !important;
}

.text-monospace {
    font-family: Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.text-justify {
    text-align: justify !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1280px) {
    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-semibold {
    font-weight: 500 !important;
}

.font-weight-bold {
    font-weight: 500 !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: rgb(255, 255, 255) !important;
}

.text-success {
    color: rgb(136 241 14) !important;
}

a.text-success:focus, a.text-success:hover {
    color: rgb(58, 223, 171) !important;
}

.text-info {
    color: rgb(13, 171, 183) !important;
}

a.text-info:focus, a.text-info:hover {
    color: rgb(21, 148, 239) !important;
}

.text-warning {
    color: rgb(255, 162, 43) !important;
}

a.text-warning:focus, a.text-warning:hover {
    color: rgb(255, 170, 51) !important;
}

.text-danger {
    color: rgb(255, 56, 43) !important;
}

a.text-danger:focus, a.text-danger:hover {
    color: rgb(251, 91, 80) !important;
}

.text-light {
    color: rgb(168, 170, 173) !important;
}

a.text-light:focus, a.text-light:hover {
    color: rgb(218, 224, 229) !important;
}

.text-dark {
    color: rgb(0, 0, 0) !important;
}

.text-body {
    color: rgb(61, 78, 103) !important;
}

.text-muted {
    color: rgb(40, 43, 45) !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-white-80 {
    color: rgba(255, 255, 255, 0.8) !important;
}

.text-hide {
    font: 0px / 0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0px;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media print {
    *, ::after, ::before {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    a:not(.btn) {
        text-decoration: underline;
    }

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

    pre {
        white-space: pre-wrap !important;
    }

    blockquote, pre {
        border: 1px solid rgb(173, 181, 189);
        break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    img, tr {
        break-inside: avoid;
    }

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

    h2, h3 {
        break-after: avoid;
    }

    body {
        min-width: 992px !important;
    }

    .container {
        min-width: 992px !important;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid rgb(0, 0, 0);
    }

    .table, .text-wrap table {
        border-collapse: collapse !important;
    }

    .table td, .table th, .text-wrap table td, .text-wrap table th {
        background-color: rgb(255, 255, 255) !important;
    }

    .table-bordered td, .table-bordered th, .text-wrap table td, .text-wrap table th {
        border: 1px solid rgb(232, 235, 243) !important;
    }
}

.lead {
    line-height: 1.4;
}

blockquote {
    color: rgb(7, 5, 16);
    padding-left: 2rem;
    border-left: 3px solid rgba(227, 237, 252, 0.5);
}

.blockquote-reverse, blockquote.float-right {
    padding-right: 15px;
    padding-left: 0px;
    text-align: right;
    border-right: 3px solid rgba(227, 237, 252, 0.5);
    border-left: 0px;
}

blockquote p {
    margin-bottom: 1rem;
}

blockquote cite {
    display: block;
    text-align: right;
}

blockquote cite::before {
    content: "";
    margin-left: -2px;
    margin-right: 3px;
}

.list-separated-item {
    padding: 1rem 0px;
}

.list-separated-item:first-child {
    padding-top: 0px;
}

.list-group-item.active .icon {
    color: inherit !important;
}

.list-group-item .icon {
    color: rgb(167, 180, 201) !important;
}

.list-group-transparent .list-group-item {
    background: 0px 0px;
    border: 0px;
    padding: 0.5rem 1rem;
}

.list-group-transparent .list-group-item.active {
    background: rgb(71, 113, 219);
    font-weight: 600;
}

.visitor-list p {
    font-size: 12px;
}

.visitor-list i {
    font-size: 20px;
}

.sales-relative {
    position: relative;
}

.icon-absolute {
    position: absolute;
    display: block;
    bottom: 10px;
    right: 10px;
    padding: 20px 0px;
    text-align: center;
    border-radius: 50%;
    width: 70px;
    height: 70px;
}

@media (min-width: 991px) and (max-width: 1024px) {
    .icon-absolute {
        display: none;
    }
}

.country-selector .avatar {
    width: 1.4rem;
    height: 1rem;
    line-height: 1rem;
}

.avatar {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    display: inline-block;
    position: relative;
    text-align: center;
    color: rgb(255, 255, 255);
    font-weight: 600;
    vertical-align: bottom;
    font-size: 0.875rem;
    user-select: none;
}

.noborder {
    border-radius: 0px;
}

.brround {
    border-radius: 100%;
}

.bradius {
    border-radius: 25%;
}

.avatar i {
    font-size: 125%;
    vertical-align: sub;
}

.avatar-status {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 0.75rem;
    height: 0.75rem;
    border: 2px solid rgb(255, 255, 255);
    background: rgb(134, 142, 150);
    border-radius: 50%;
}

.avatar-sm {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.75rem;
}

.avatar-md {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 1rem;
}

.avatar-lg {
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1.25rem;
}

.avatar-xl {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    font-size: 1.75rem;
}

.avatar-xxl {
    width: 8rem;
    height: 8rem;
    line-height: 5rem;
    font-size: 2rem;
    margin-bottom: 1rem;
    text-align: center;
    border: 0.75rem solid rgb(233, 236, 243);
}

.avatar-placeholder {
    background: url("data:image/svg+xml;charset=utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"134\" height=\"134\" viewBox=\"0 0 134 134\"><path fill=\"#868e96\" d=\"M65.92 66.34h2.16c14.802.42 30.928 6.062 29.283 20.35l-1.618 13.32c-.844 6.815-5.208 7.828-13.972 7.866H52.23c-8.764-.038-13.13-1.05-13.973-7.865l-1.62-13.32C34.994 72.4 51.12 66.76 65.92 66.34zM49.432 43.934c0-9.82 7.99-17.81 17.807-17.81 9.82 0 17.81 7.99 17.81 17.81 0 9.82-7.99 17.807-17.81 17.807-9.82 0-17.808-7.987-17.808-17.806z\"/></svg>") center center / 80% no-repeat rgb(206, 212, 218);
}

.avatar-list {
    margin: 0px 0px -0.5rem;
    padding: 0px;
    font-size: 0px;
}

.avatar-list .avatar {
    margin-bottom: 0.5rem;
}

.avatar-list .avatar:not(:last-child) {
    margin-right: 0.5rem;
}

.avatar-list-stacked .avatar {
    margin-right: -0.8em !important;
}

.avatar-list-stacked .avatar {
    box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px;
}

.avatar-blue {
    background-color: rgb(200, 217, 241);
    color: rgb(70, 127, 207);
}

.avatar-indigo {
    background-color: rgb(209, 213, 240);
    color: rgb(101, 116, 205);
}

.avatar-purple {
    background-color: rgb(228, 207, 249);
    color: rgb(99, 93, 250);
}

.avatar-pink {
    background-color: rgb(252, 211, 225);
    color: rgb(255, 43, 136);
}

.avatar-red {
    background-color: rgb(240, 188, 188);
    color: rgb(255, 56, 43);
}

.avatar-orange {
    background-color: rgb(254, 224, 199);
    color: rgb(230, 118, 5);
}

.avatar-yellow {
    background-color: rgb(251, 237, 183);
    color: rgb(255, 162, 43);
}

.avatar-green {
    background-color: rgb(207, 234, 179);
    color: rgb(39, 199, 129);
}

.avatar-teal {
    background-color: rgb(191, 239, 234);
    color: rgb(5, 230, 230);
}

.avatar-cyan {
    background-color: rgb(185, 227, 234);
    color: rgb(23, 162, 184);
}

.avatar-white {
    background-color: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}

.avatar-gray {
    background-color: rgb(219, 221, 224);
    color: rgb(134, 142, 150);
}

.avatar-gray-dark {
    background-color: rgb(194, 196, 198);
    color: rgb(52, 58, 64);
}

.avatar-azure {
    background-color: rgb(199, 230, 251);
    color: rgb(13, 171, 183);
}

.avatar-lime {
    background-color: rgb(215, 242, 194);
    color: rgb(99, 230, 0);
}

.product-price {
    font-size: 1rem;
}

.product-price strong {
    font-size: 1.5rem;
}

@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    100%, 60% {
        left: 100%;
        right: -90%;
    }
}

@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }

    100%, 60% {
        left: 100%;
        right: -90%;
    }
}

@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    100%, 60% {
        left: 107%;
        right: -8%;
    }
}

@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }

    100%, 60% {
        left: 107%;
        right: -8%;
    }
}

.progress {
    position: relative;
}

.progress-xs, .progress-xs .progress-bar {
    height: 0.25rem;
}

.progress-sm, .progress-sm .progress-bar {
    height: 0.5rem;
}

.progress-lg, .progress-lg .progress-bar {
    height: 1.25rem;
}

.progress-bar-indeterminate::after, .progress-bar-indeterminate::before {
    content: "";
    position: absolute;
    background-color: inherit;
    left: 0px;
    will-change: left, right;
    top: 0px;
    bottom: 0px;
}

.progress-bar-indeterminate::before {
    animation: 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) 0s infinite normal none running indeterminate;
}

.progress-bar-indeterminate::after {
    animation: 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite normal none running indeterminate-short;
}

@-webkit-keyframes loader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes loader {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.mail-chats {
    height: 100%;
    min-height: 0px;
    border-top: 1px solid rgb(232, 235, 243);
    margin-top: 10px;
    padding: 10px 50px 10px 0px;
    width: 100%;
    list-style-type: none;
    flex-direction: column !important;
    display: flex !important;
}

.mail-chats li.chat-persons {
    padding: 10px;
    display: block;
}

li.chat-persons a {
    text-decoration: none;
}

.mail-chats li.chat-persons a span.pro-pic img {
    max-width: 100%;
    width: 100%;
    border-radius: 100%;
    flex-direction: column !important;
}

.mail-chats li.chat-persons a span.pro-pic {
    display: inline-block;
    padding: 0px;
    width: 20%;
    max-width: 40px;
    float: left;
    margin-right: 20px;
}

.mail-chats li.chat-persons a div.user {
    flex-direction: column !important;
}

ul.mail-chats li.chat-persons a div.user {
    display: flex !important;
}

.mail-chats li.chat-persons.user {
    width: 80%;
    padding: 5px 10px 0px 15px;
    flex-direction: column !important;
    display: flex !important;
}

.user p.u-name {
    margin: 0px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: rgb(167, 180, 201);
}

.user p.u-designation {
    margin: 0px;
    font-size: 11px;
    color: rgb(167, 180, 201);
}

div.online-status .status.online {
    background: rgba(0, 128, 0, 0.68);
}

.online-status .status.offline {
    background: rgba(255, 0, 0, 0.7);
}

.online-status .status {
    height: 10px;
    width: 10px;
    border-radius: 100%;
    display: inline-flex;
    justify-content: flex-start;
    transform: translateX(-60px) translateY(2px);
}

.online {
    margin-left: 20px;
    margin-top: -3px;
}

.icons-list {
    list-style: none;
    margin: 0px -1px -1px 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
}

.icons-list > li {
    flex: 1 0 4rem;
}

.icons-list-wrap {
    overflow: hidden;
}

.icons-list-item {
    text-align: center;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(232, 235, 243);
}

.icons-list-item i {
    font-size: 1.25rem;
    color: rgb(103, 106, 128);
}

.img-gallery {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
    margin-bottom: -0.5rem;
}

.img-gallery > .col, .img-gallery > [class*="col-"] {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-bottom: 0.5rem;
}

.link-overlay {
    position: relative;
}

.link-overlay:hover .link-overlay-bg {
    opacity: 1;
}

.link-overlay-bg {
    position: absolute;
    inset: 0px;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    color: rgb(255, 255, 255);
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    opacity: 0;
    transition: opacity 0.3s ease 0s;
}

.media-icon {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    border-radius: 100%;
}

.media-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

textarea[cols] {
    height: auto;
}

.form-group {
    display: block;
}

.form-label {
    display: block;
    margin-bottom: 0.375rem;
    font-weight: 500;
    font-size: 0.875rem;
}

.form-label-small {
    float: right;
    font-weight: 400;
    font-size: 87.5%;
}

.form-footer {
    margin-top: 2rem;
}

.custom-control {
    user-select: none;
}

.custom-controls-stacked .custom-control {
    margin-bottom: 0.25rem;
}

.custom-control-label {
    vertical-align: middle;
}

.custom-control-label::before {
    border: 1px solid rgba(167, 180, 201, 0.5);
    background-color: rgb(255, 255, 255);
    background-size: 0.5rem;
}

.custom-control-description {
    line-height: 1.5rem;
}

.input-group-append, .input-group-btn, .input-group-prepend {
    font-size: 0.9375rem;
}

.input-group-append > .btn, .input-group-btn > .btn, .input-group-prepend > .btn {
    height: 100%;
    border-color: rgba(0, 40, 100, 0.12);
}

.input-group-prepend > .input-group-text {
    border-right: 0px;
}

.input-group-append > .input-group-text {
    border-left: 0px;
}

.widgets {
    font-size: 35px;
    padding: 20px;
}

.widgetstext {
    top: 0px;
    bottom: 0px;
    padding: 20px 40px;
}

.widget-line h4 {
    font-size: 24px;
    font-weight: 600;
}

.fs {
    font-size: 25px;
}

.widget-line p {
    font-size: 16px;
}

.widget-line-list li {
    display: inline-block;
    font-size: 16px;
    line-height: 27px;
    padding: 5px 20px 0px 15px;
}

.widget-line-list li {
    list-style-type: none;
}

.searching1 i {
    position: absolute;
    top: 21px;
    margin-left: 15px;
    font-size: 16px;
    color: rgb(252, 253, 255);
}

.search-inline {
    width: 100%;
    left: 0px;
    padding-top: 1.5rem;
    padding-bottom: 0.75rem;
    top: 0px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(243, 247, 253, 0.12) 0px 0px 0px 1px, rgba(243, 247, 253, 0.24) 0px 8px 16px 0px;
    z-index: 9;
    transition: all 0.1s ease-in-out 0s;
}

.search-inline.search-visible {
    opacity: 1;
    visibility: visible;
    padding-top: 3rem;
    right: 0px;
    padding-bottom: 0.5rem;
    border: 1px solid rgb(232, 235, 243);
    animation: 0.1s ease-in-out 0s 1 normal none running fadeInDown;
}

.search-inline button[type="submit"] {
    position: absolute;
    border: 0px;
    top: 0px;
    right: 80px;
    padding: 0px;
    cursor: pointer;
    width: 80px;
    height: 99%;
    background: rgb(255, 255, 255);
    color: rgb(167, 180, 201);
}

.search-inline .form-control {
    border: 0px;
    font-size: 15px;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 99%;
    font-weight: 700;
    outline: 0px;
}

.search-inline .search-close {
    position: absolute;
    top: 21px;
    right: 0px;
    color: rgb(167, 180, 201);
    width: 80px;
    height: 100%;
    text-align: center;
    display: table;
    background: rgb(255, 255, 255);
    text-decoration: none;
}

.search-inline .search-close i {
    display: table-cell;
    vertical-align: middle;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0px, -20%, 0px);
    }

    100% {
        opacity: 1;
        transform: translate3d(0px, 0px, 0px);
    }
}

.form-control.header-search {
    background: rgba(255, 255, 255, 0.1);
    color: rgb(255, 255, 255);
    width: 100%;
    border-radius: 12em;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.form-control.header-search::placeholder {
    color: rgb(255, 255, 255);
}

.form-control.header-search:focus, .form-control.header-search:hover {
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-image: initial;
    box-shadow: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.input-icon {
    position: relative;
}

.input-icon .form-control:not(:last-child) {
    padding-left: 2.5rem;
}

.input-icon .form-control:not(:first-child) {
    padding-left: 2.5rem;
}

.input-icon-addon {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    pointer-events: none;
}

.input-icon-addon:last-child {
    left: auto;
    right: 0px;
}

.form-fieldset {
    background: rgb(248, 249, 250);
    border: 1px solid rgb(232, 235, 243);
    padding: 1rem;
    border-radius: 3px;
    margin-bottom: 1rem;
}

.form-required {
    color: rgb(255, 56, 43);
}

.form-required::before {
    content: " ";
}

.state-valid {
    padding-right: 2rem;
    background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235eba00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'><polyline points='20 6 9 17 4 12'></polyline></svg>") right 0.5rem center / 1rem no-repeat;
}

.state-invalid {
    padding-right: 2rem;
    background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23cd201f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-x'><line x1='18' y1='6' x2='6' y2='18'></line><line x1='6' y1='6' x2='18' y2='18'></line></svg>") right 0.5rem center / 1rem no-repeat;
}

.form-help {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    color: rgb(167, 180, 201);
    background: rgb(248, 249, 250);
    border-radius: 50%;
    font-size: 0.75rem;
    transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
}

.form-help:hover, .form-help[aria-describedby] {
    background: rgb(70, 127, 207);
    color: rgb(255, 255, 255);
}

.sparkline {
    display: inline-block;
    height: 2rem;
}

.jqstooltip {
    box-sizing: content-box;
    border-radius: 3px;
    font-family: inherit !important;
    background: rgb(51, 51, 51) !important;
    border: none !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    padding: 6px !important;
}

.jqstooltip .jqsfield {
    font: inherit !important;
}

.social-links li a {
    background: rgb(248, 248, 248);
    border-radius: 50%;
    color: rgb(167, 180, 201);
    display: inline-block;
    height: 1.75rem;
    width: 1.75rem;
    line-height: 1.75rem;
    text-align: center;
}

.chart, .map {
    position: relative;
    padding-top: 56.25%;
}

.chart-square, .map-square {
    padding-top: 100%;
}

.chart-content, .map-content {
    position: absolute;
    inset: 0px;
}

.map-header {
    height: 15rem;
    position: relative;
    margin-bottom: -1.5rem;
}

.map-header::before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 10rem;
    background: linear-gradient(rgba(245, 247, 251, 0) 5%, rgb(233, 236, 243) 95%);
    pointer-events: none;
}

.map-header-layer {
    height: 100%;
}

.map1 {
    height: 100%;
    position: relative;
    margin-bottom: 1.5rem;
}

.map-static {
    height: 120px;
    width: 100%;
    max-width: 640px;
    background-position: center center;
    background-size: 640px 120px;
}

@-webkit-keyframes status-pulse {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.32;
    }
}

@keyframes status-pulse {
    0%, 100% {
        opacity: 1;
    }

    50% {
        opacity: 0.32;
    }
}

.status-icon {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    display: inline-block;
    background: currentcolor;
    border-radius: 50%;
    transform: translateY(-1px);
    margin-right: 0.375rem;
    vertical-align: middle;
}

.status-animated {
    animation: 1s ease 0s infinite normal none running status-pulse;
}

.chart-circle {
    display: block;
    height: 8rem;
    width: 8rem;
    position: relative;
    margin: 0px auto;
}

.chart-circle canvas {
    margin: 0px auto;
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.chart-circle-xs {
    height: 2.5rem;
    width: 2.5rem;
    font-size: 0.8rem;
}

.chart-circle-xs1 {
    height: 110px;
    width: 110px;
    font-size: 0.8rem;
}

.chart-circle-sm {
    height: 4rem;
    width: 4rem;
    font-size: 0.8rem;
}

.chart-circle-lg {
    height: 10rem;
    width: 10rem;
    font-size: 0.8rem;
}

.chart-circle-value {
    position: absolute;
    inset: 0px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    line-height: 1;
}

.chart-circle-value small {
    display: block;
    color: rgb(167, 180, 201);
    font-size: 0.9375rem;
}

.sparkgraph {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 43px;
}

.sparkgraph canvas {
    width: 100% !important;
}

.chips {
    margin: 0px 0px -0.5rem;
}

.team i {
    margin-left: 10px;
    float: right;
    margin-top: 10px;
    color: rgb(49, 49, 72);
}

.chips .chip {
    margin: 0px 0.5rem 0.5rem 0px;
}

.chip {
    display: inline-block;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: rgb(7, 5, 16);
    margin: 2px;
    padding: 0px 0.75rem;
    border-radius: 1rem;
    background-color: rgb(246, 247, 251);
    transition: background 0.3s ease 0s;
}

.chip .avatar {
    float: left;
    margin: 0px 0.5rem 0px -0.75rem;
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
}

a.chip:hover {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.emp-tab table {
    margin-bottom: 0px;
    border: 0px;
}

.stamp {
    color: rgb(255, 255, 255);
    background: rgb(134, 142, 150);
    display: inline-block;
    min-width: 2rem;
    height: 2rem;
    padding: 0px 0.25rem;
    line-height: 2rem;
    text-align: center;
    border-radius: 3px;
    font-weight: 600;
}

.stamp-md {
    min-width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
}

.stamp-lg {
    min-width: 3rem;
    height: 3rem;
    line-height: 3rem;
}

.chat {
    outline: 0px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 100%;
}

.chat-line {
    padding: 0px;
    text-align: right;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
}

.chat-line + .chat-line {
    padding-top: 1rem;
}

.chat-message {
    position: relative;
    display: inline-block;
    background-color: rgb(70, 127, 207);
    color: rgb(255, 255, 255);
    font-size: 0.875rem;
    padding: 0.375rem 0.5rem;
    border-radius: 3px;
    white-space: normal;
    text-align: left;
    margin: 0px 0.5rem 0px 2.5rem;
    line-height: 1.4;
}

.chat-message > :last-child {
    margin-bottom: 0px !important;
}

.chat-message::after {
    content: "";
    position: absolute;
    right: -5px;
    top: 7px;
    border-bottom: 6px solid transparent;
    border-left: 6px solid rgb(70, 127, 207);
    border-top: 6px solid transparent;
}

.chat-message img {
    max-width: 100%;
}

.chat-message p {
    margin-bottom: 1em;
}

.chat-line-friend {
    flex-direction: row;
}

.chat-line-friend + .chat-line-friend {
    margin-top: -0.5rem;
}

.chat-line-friend + .chat-line-friend .chat-author {
    visibility: hidden;
}

.chat-line-friend + .chat-line-friend .chat-message::after {
    display: none;
}

.chat-line-friend .chat-message {
    background-color: rgb(233, 236, 243);
    color: rgb(61, 78, 103);
    margin-left: 0.5rem;
    margin-right: 2.5rem;
}

.chat-line-friend .chat-message::after {
    right: auto;
    left: -5px;
    border-left-width: 0px;
    border-right: 5px solid rgb(233, 236, 243);
}

.example {
    padding: 1.5rem;
    border: 1px solid rgb(232, 235, 243);
    border-radius: 3px 3px 0px 0px;
    font-size: 0.9375rem;
}

.example-bg {
    background: rgb(233, 236, 243);
}

.example + .highlight {
    border-top: none;
    margin-top: 0px;
    border-radius: 0px 0px 3px 3px;
}

.highlight {
    margin: 1rem 0px 2rem;
    border: 1px solid rgb(232, 235, 243);
    border-radius: 3px;
    font-size: 0.9375rem;
    max-height: 40rem;
    overflow: auto;
    background: rgb(233, 236, 243);
}

.highlight pre {
    margin-bottom: 0px;
    background-color: rgba(5, 117, 230, 0.1);
}

.example-column {
    margin: 0px auto;
}

.example-column > .card:last-of-type {
    margin-bottom: 0px;
}

.example-column-1 {
    max-width: 20rem;
}

.example-column-2 {
    max-width: 40rem;
}

.tag {
    font-size: 0.75rem;
    color: rgb(0, 0, 0);
    background-color: rgb(233, 236, 243);
    border-radius: 3px;
    padding: 0px 0.5rem;
    line-height: 2em;
    display: inline-flex;
    cursor: default;
    font-weight: 400;
    user-select: none;
}

a.tag {
    text-decoration: none;
    cursor: pointer;
    transition: color 0.3s ease 0s, background 0.3s ease 0s;
}

a.tag:hover {
    background-color: rgba(110, 118, 135, 0.2);
    color: inherit;
}

.tag-addon {
    display: inline-block;
    padding: 0px 0.5rem;
    color: inherit;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.06);
    margin: 0px -0.5rem 0px 0.5rem;
    text-align: center;
    min-width: 1.5rem;
}

.tag-addon:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.tag-addon i {
    vertical-align: middle;
    margin: 0px -0.25rem;
}

a.tag-addon {
    text-decoration: none;
    cursor: pointer;
    transition: color 0.3s ease 0s, background 0.3s ease 0s;
}

a.tag-addon:hover {
    background: rgba(0, 0, 0, 0.16);
    color: inherit;
}

.tag-avatar {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 3px 0px 0px 3px;
    margin: 0px 0.5rem 0px -0.5rem;
}

.tag-blue {
    background-color: rgb(70, 127, 207);
    color: rgb(255, 255, 255);
}

.tag-indigo {
    background-color: rgb(101, 116, 205);
    color: rgb(255, 255, 255);
}

.tag-purple {
    background-color: rgb(99, 93, 250);
    color: rgb(255, 255, 255);
}

.tag-pink {
    background-color: rgb(255, 43, 136);
    color: rgb(255, 255, 255);
}

.tag-red {
    background-color: rgb(255, 56, 43);
    color: rgb(255, 255, 255);
}

.tag-orange {
    background-color: rgb(230, 118, 5);
    color: rgb(255, 255, 255);
}

.tag-yellow {
    background-color: rgb(255, 162, 43);
    color: rgb(255, 255, 255);
}

.tag-green {
    background-color: rgb(39, 199, 129);
    color: rgb(255, 255, 255);
}

.tag-teal {
    background-color: rgb(5, 230, 230);
    color: rgb(255, 255, 255);
}

.tag-cyan {
    background-color: rgb(23, 162, 184);
    color: rgb(255, 255, 255);
}

.tag-white {
    background-color: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}

.tag-gray {
    background-color: rgb(134, 142, 150);
    color: rgb(255, 255, 255);
}

.tag-gray-dark {
    background-color: rgb(52, 58, 64);
    color: rgb(255, 255, 255);
}

.tag-azure {
    background-color: rgb(13, 171, 183);
    color: rgb(255, 255, 255);
}

.tag-lime {
    background-color: rgb(99, 230, 0);
    color: rgb(255, 255, 255);
}

.tag-primary {
    background-color: rgb(70, 127, 207);
    color: rgb(255, 255, 255);
}

.tag-secondary {
    background-color: rgb(134, 142, 150);
    color: rgb(255, 255, 255);
}

.tag-success {
    background-color: rgb(39, 199, 129);
    color: rgb(255, 255, 255);
}

.tag-info {
    background-color: rgb(13, 171, 183);
    color: rgb(255, 255, 255);
}

.tag-warning {
    background-color: rgb(255, 162, 43);
    color: rgb(255, 255, 255);
}

.tag-danger {
    background-color: rgb(255, 56, 43);
    color: rgb(255, 255, 255);
}

.tag-light {
    background-color: rgb(248, 249, 250);
    color: rgb(255, 255, 255);
}

.tag-dark {
    background-color: rgb(52, 58, 64);
    color: rgb(255, 255, 255);
}

.tag-rounded {
    border-radius: 50px;
}

.tag-rounded .tag-avatar {
    border-radius: 50px;
}

.tags {
    margin-bottom: -0.5rem;
    font-size: 0px;
}

.tags > .tag {
    margin-bottom: 0.5rem;
}

.tags > .tag:not(:last-child) {
    margin-right: 0.5rem;
}

.highlight .hll {
    background-color: rgb(255, 255, 204);
}

.highlight .c {
    color: rgb(153, 153, 153);
}

.highlight .k {
    color: rgb(0, 102, 153);
}

.highlight .o {
    color: rgb(85, 85, 85);
}

.highlight .cm {
    color: rgb(153, 153, 153);
}

.highlight .cp {
    color: rgb(0, 153, 153);
}

.highlight .c1 {
    color: rgb(153, 153, 153);
}

.highlight .cs {
    color: rgb(153, 153, 153);
}

.highlight .gd {
    background-color: rgb(255, 204, 204);
    border: 1px solid rgb(204, 0, 0);
}

.highlight .ge {
    font-style: italic;
}

.highlight .gr {
    color: red;
}

.highlight .gh {
    color: rgb(0, 51, 0);
}

.highlight .gi {
    background-color: rgb(204, 255, 204);
    border: 1px solid rgb(0, 204, 0);
}

.highlight .go {
    color: rgb(170, 170, 170);
}

.highlight .gp {
    color: rgb(0, 0, 153);
}

.highlight .gu {
    color: rgb(0, 51, 0);
}

.highlight .gt {
    color: rgb(153, 204, 102);
}

.highlight .kc {
    color: rgb(0, 102, 153);
}

.highlight .kd {
    color: rgb(0, 102, 153);
}

.highlight .kn {
    color: rgb(0, 102, 153);
}

.highlight .kp {
    color: rgb(0, 102, 153);
}

.highlight .kr {
    color: rgb(0, 102, 153);
}

.highlight .kt {
    color: rgb(0, 119, 136);
}

.highlight .m {
    color: rgb(255, 102, 0);
}

.highlight .na {
    color: rgb(255, 162, 43);
}

.highlight .nb {
    color: rgb(51, 102, 102);
}

.highlight .nc {
    color: rgb(0, 170, 136);
}

.highlight .no {
    color: rgb(51, 102, 0);
}

.highlight .nd {
    color: rgb(153, 153, 255);
}

.highlight .ni {
    color: rgb(153, 153, 153);
}

.highlight .ne {
    color: rgb(204, 0, 0);
}

.highlight .nf {
    color: rgb(204, 0, 255);
}

.highlight .nl {
    color: rgb(153, 153, 255);
}

.highlight .nn {
    color: rgb(0, 204, 255);
}

.highlight .nt {
    color: rgb(255, 56, 43);
}

.highlight .nv {
    color: rgb(0, 51, 51);
}

.highlight .ow {
    color: rgb(0, 0, 0);
}

.highlight .w {
    color: rgb(187, 187, 187);
}

.highlight .mf {
    color: rgb(255, 102, 0);
}

.highlight .mh {
    color: rgb(255, 102, 0);
}

.highlight .mi {
    color: rgb(255, 102, 0);
}

.highlight .mo {
    color: rgb(255, 102, 0);
}

.highlight .sb {
    color: rgb(204, 51, 0);
}

.highlight .sc {
    color: rgb(204, 51, 0);
}

.highlight .sd {
    font-style: italic;
    color: rgb(204, 51, 0);
}

.highlight .s2 {
    color: rgb(204, 51, 0);
}

.highlight .se {
    color: rgb(204, 51, 0);
}

.highlight .sh {
    color: rgb(204, 51, 0);
}

.highlight .si {
    color: rgb(170, 0, 0);
}

.highlight .sx {
    color: rgb(204, 51, 0);
}

.highlight .sr {
    color: rgb(51, 170, 170);
}

.highlight .s1 {
    color: rgb(204, 51, 0);
}

.highlight .ss {
    color: rgb(255, 204, 51);
}

.highlight .bp {
    color: rgb(51, 102, 102);
}

.highlight .vc {
    color: rgb(0, 51, 51);
}

.highlight .vg {
    color: rgb(0, 51, 51);
}

.highlight .vi {
    color: rgb(0, 51, 51);
}

.highlight .il {
    color: rgb(255, 102, 0);
}

.highlight .css .nt + .nt, .highlight .css .o, .highlight .css .o + .nt {
    color: rgb(153, 153, 153);
}

.highlight .language-bash::before, .highlight .language-sh::before {
    color: rgb(0, 0, 153);
    content: "$ ";
    user-select: none;
}

.highlight .language-powershell::before {
    color: rgb(0, 0, 153);
    content: "PM> ";
    user-select: none;
}

.custom-range {
    align-items: center;
    appearance: none;
    background: 0px 0px;
    cursor: pointer;
    display: flex;
    height: 100%;
    min-height: 2.375rem;
    overflow: hidden;
    padding: 0px;
    border: 0px;
}

.custom-range:focus {
    box-shadow: none;
    outline: 0px;
}

.custom-range:focus::-webkit-slider-thumb {
    border-color: rgb(70, 127, 207);
    background-color: rgb(70, 127, 207);
}

.custom-range::-webkit-slider-runnable-track {
    background: rgb(70, 127, 207);
    content: "";
    height: 2px;
    pointer-events: none;
}

.custom-range::-webkit-slider-thumb {
    width: 14px;
    height: 14px;
    appearance: none;
    background: rgb(255, 255, 255);
    border-radius: 50px;
    box-shadow: rgba(0, 50, 126, 0.12) 1px 0px 0px -6px, rgba(0, 50, 126, 0.12) 6px 0px 0px -6px, rgba(0, 50, 126, 0.12) 7px 0px 0px -6px, rgba(0, 50, 126, 0.12) 8px 0px 0px -6px, rgba(0, 50, 126, 0.12) 9px 0px 0px -6px, rgba(0, 50, 126, 0.12) 10px 0px 0px -6px, rgba(0, 50, 126, 0.12) 11px 0px 0px -6px, rgba(0, 50, 126, 0.12) 12px 0px 0px -6px, rgba(0, 50, 126, 0.12) 13px 0px 0px -6px, rgba(0, 50, 126, 0.12) 14px 0px 0px -6px, rgba(0, 50, 126, 0.12) 15px 0px 0px -6px, rgba(0, 50, 126, 0.12) 16px 0px 0px -6px, rgba(0, 50, 126, 0.12) 17px 0px 0px -6px, rgba(0, 50, 126, 0.12) 18px 0px 0px -6px, rgba(0, 50, 126, 0.12) 19px 0px 0px -6px, rgba(0, 50, 126, 0.12) 20px 0px 0px -6px, rgba(0, 50, 126, 0.12) 21px 0px 0px -6px, rgba(0, 50, 126, 0.12) 22px 0px 0px -6px, rgba(0, 50, 126, 0.12) 23px 0px 0px -6px, rgba(0, 50, 126, 0.12) 24px 0px 0px -6px, rgba(0, 50, 126, 0.12) 25px 0px 0px -6px, rgba(0, 50, 126, 0.12) 26px 0px 0px -6px, rgba(0, 50, 126, 0.12) 27px 0px 0px -6px, rgba(0, 50, 126, 0.12) 28px 0px 0px -6px, rgba(0, 50, 126, 0.12) 29px 0px 0px -6px, rgba(0, 50, 126, 0.12) 30px 0px 0px -6px, rgba(0, 50, 126, 0.12) 31px 0px 0px -6px, rgba(0, 50, 126, 0.12) 32px 0px 0px -6px, rgba(0, 50, 126, 0.12) 33px 0px 0px -6px, rgba(0, 50, 126, 0.12) 34px 0px 0px -6px, rgba(0, 50, 126, 0.12) 35px 0px 0px -6px, rgba(0, 50, 126, 0.12) 36px 0px 0px -6px, rgba(0, 50, 126, 0.12) 37px 0px 0px -6px, rgba(0, 50, 126, 0.12) 38px 0px 0px -6px, rgba(0, 50, 126, 0.12) 39px 0px 0px -6px, rgba(0, 50, 126, 0.12) 40px 0px 0px -6px, rgba(0, 50, 126, 0.12) 41px 0px 0px -6px, rgba(0, 50, 126, 0.12) 42px 0px 0px -6px, rgba(0, 50, 126, 0.12) 43px 0px 0px -6px, rgba(0, 50, 126, 0.12) 44px 0px 0px -6px, rgba(0, 50, 126, 0.12) 45px 0px 0px -6px, rgba(0, 50, 126, 0.12) 46px 0px 0px -6px, rgba(0, 50, 126, 0.12) 47px 0px 0px -6px, rgba(0, 50, 126, 0.12) 48px 0px 0px -6px, rgba(0, 50, 126, 0.12) 49px 0px 0px -6px, rgba(0, 50, 126, 0.12) 50px 0px 0px -6px, rgba(0, 50, 126, 0.12) 51px 0px 0px -6px, rgba(0, 50, 126, 0.12) 52px 0px 0px -6px, rgba(0, 50, 126, 0.12) 53px 0px 0px -6px, rgba(0, 50, 126, 0.12) 54px 0px 0px -6px, rgba(0, 50, 126, 0.12) 55px 0px 0px -6px, rgba(0, 50, 126, 0.12) 56px 0px 0px -6px, rgba(0, 50, 126, 0.12) 57px 0px 0px -6px, rgba(0, 50, 126, 0.12) 58px 0px 0px -6px, rgba(0, 50, 126, 0.12) 59px 0px 0px -6px, rgba(0, 50, 126, 0.12) 60px 0px 0px -6px, rgba(0, 50, 126, 0.12) 61px 0px 0px -6px, rgba(0, 50, 126, 0.12) 62px 0px 0px -6px, rgba(0, 50, 126, 0.12) 63px 0px 0px -6px, rgba(0, 50, 126, 0.12) 64px 0px 0px -6px, rgba(0, 50, 126, 0.12) 65px 0px 0px -6px, rgba(0, 50, 126, 0.12) 66px 0px 0px -6px, rgba(0, 50, 126, 0.12) 67px 0px 0px -6px, rgba(0, 50, 126, 0.12) 68px 0px 0px -6px, rgba(0, 50, 126, 0.12) 69px 0px 0px -6px, rgba(0, 50, 126, 0.12) 70px 0px 0px -6px, rgba(0, 50, 126, 0.12) 71px 0px 0px -6px, rgba(0, 50, 126, 0.12) 72px 0px 0px -6px, rgba(0, 50, 126, 0.12) 73px 0px 0px -6px, rgba(0, 50, 126, 0.12) 74px 0px 0px -6px, rgba(0, 50, 126, 0.12) 75px 0px 0px -6px, rgba(0, 50, 126, 0.12) 76px 0px 0px -6px, rgba(0, 50, 126, 0.12) 77px 0px 0px -6px, rgba(0, 50, 126, 0.12) 78px 0px 0px -6px, rgba(0, 50, 126, 0.12) 79px 0px 0px -6px, rgba(0, 50, 126, 0.12) 80px 0px 0px -6px, rgba(0, 50, 126, 0.12) 81px 0px 0px -6px, rgba(0, 50, 126, 0.12) 82px 0px 0px -6px, rgba(0, 50, 126, 0.12) 83px 0px 0px -6px, rgba(0, 50, 126, 0.12) 84px 0px 0px -6px, rgba(0, 50, 126, 0.12) 85px 0px 0px -6px, rgba(0, 50, 126, 0.12) 86px 0px 0px -6px, rgba(0, 50, 126, 0.12) 87px 0px 0px -6px, rgba(0, 50, 126, 0.12) 88px 0px 0px -6px, rgba(0, 50, 126, 0.12) 89px 0px 0px -6px, rgba(0, 50, 126, 0.12) 90px 0px 0px -6px, rgba(0, 50, 126, 0.12) 91px 0px 0px -6px, rgba(0, 50, 126, 0.12) 92px 0px 0px -6px, rgba(0, 50, 126, 0.12) 93px 0px 0px -6px, rgba(0, 50, 126, 0.12) 94px 0px 0px -6px, rgba(0, 50, 126, 0.12) 95px 0px 0px -6px, rgba(0, 50, 126, 0.12) 96px 0px 0px -6px, rgba(0, 50, 126, 0.12) 97px 0px 0px -6px, rgba(0, 50, 126, 0.12) 98px 0px 0px -6px, rgba(0, 50, 126, 0.12) 99px 0px 0px -6px, rgba(0, 50, 126, 0.12) 100px 0px 0px -6px, rgba(0, 50, 126, 0.12) 101px 0px 0px -6px, rgba(0, 50, 126, 0.12) 102px 0px 0px -6px, rgba(0, 50, 126, 0.12) 103px 0px 0px -6px, rgba(0, 50, 126, 0.12) 104px 0px 0px -6px, rgba(0, 50, 126, 0.12) 105px 0px 0px -6px, rgba(0, 50, 126, 0.12) 106px 0px 0px -6px, rgba(0, 50, 126, 0.12) 107px 0px 0px -6px, rgba(0, 50, 126, 0.12) 108px 0px 0px -6px, rgba(0, 50, 126, 0.12) 109px 0px 0px -6px, rgba(0, 50, 126, 0.12) 110px 0px 0px -6px, rgba(0, 50, 126, 0.12) 111px 0px 0px -6px, rgba(0, 50, 126, 0.12) 112px 0px 0px -6px, rgba(0, 50, 126, 0.12) 113px 0px 0px -6px, rgba(0, 50, 126, 0.12) 114px 0px 0px -6px, rgba(0, 50, 126, 0.12) 115px 0px 0px -6px, rgba(0, 50, 126, 0.12) 116px 0px 0px -6px, rgba(0, 50, 126, 0.12) 117px 0px 0px -6px, rgba(0, 50, 126, 0.12) 118px 0px 0px -6px, rgba(0, 50, 126, 0.12) 119px 0px 0px -6px, rgba(0, 50, 126, 0.12) 120px 0px 0px -6px, rgba(0, 50, 126, 0.12) 121px 0px 0px -6px, rgba(0, 50, 126, 0.12) 122px 0px 0px -6px, rgba(0, 50, 126, 0.12) 123px 0px 0px -6px, rgba(0, 50, 126, 0.12) 124px 0px 0px -6px, rgba(0, 50, 126, 0.12) 125px 0px 0px -6px, rgba(0, 50, 126, 0.12) 126px 0px 0px -6px, rgba(0, 50, 126, 0.12) 127px 0px 0px -6px, rgba(0, 50, 126, 0.12) 128px 0px 0px -6px, rgba(0, 50, 126, 0.12) 129px 0px 0px -6px, rgba(0, 50, 126, 0.12) 130px 0px 0px -6px, rgba(0, 50, 126, 0.12) 131px 0px 0px -6px, rgba(0, 50, 126, 0.12) 132px 0px 0px -6px, rgba(0, 50, 126, 0.12) 133px 0px 0px -6px, rgba(0, 50, 126, 0.12) 134px 0px 0px -6px, rgba(0, 50, 126, 0.12) 135px 0px 0px -6px, rgba(0, 50, 126, 0.12) 136px 0px 0px -6px, rgba(0, 50, 126, 0.12) 137px 0px 0px -6px, rgba(0, 50, 126, 0.12) 138px 0px 0px -6px, rgba(0, 50, 126, 0.12) 139px 0px 0px -6px, rgba(0, 50, 126, 0.12) 140px 0px 0px -6px, rgba(0, 50, 126, 0.12) 141px 0px 0px -6px, rgba(0, 50, 126, 0.12) 142px 0px 0px -6px, rgba(0, 50, 126, 0.12) 143px 0px 0px -6px, rgba(0, 50, 126, 0.12) 144px 0px 0px -6px, rgba(0, 50, 126, 0.12) 145px 0px 0px -6px, rgba(0, 50, 126, 0.12) 146px 0px 0px -6px, rgba(0, 50, 126, 0.12) 147px 0px 0px -6px, rgba(0, 50, 126, 0.12) 148px 0px 0px -6px, rgba(0, 50, 126, 0.12) 149px 0px 0px -6px, rgba(0, 50, 126, 0.12) 150px 0px 0px -6px, rgba(0, 50, 126, 0.12) 151px 0px 0px -6px, rgba(0, 50, 126, 0.12) 152px 0px 0px -6px, rgba(0, 50, 126, 0.12) 153px 0px 0px -6px, rgba(0, 50, 126, 0.12) 154px 0px 0px -6px, rgba(0, 50, 126, 0.12) 155px 0px 0px -6px, rgba(0, 50, 126, 0.12) 156px 0px 0px -6px, rgba(0, 50, 126, 0.12) 157px 0px 0px -6px, rgba(0, 50, 126, 0.12) 158px 0px 0px -6px, rgba(0, 50, 126, 0.12) 159px 0px 0px -6px, rgba(0, 50, 126, 0.12) 160px 0px 0px -6px, rgba(0, 50, 126, 0.12) 161px 0px 0px -6px, rgba(0, 50, 126, 0.12) 162px 0px 0px -6px, rgba(0, 50, 126, 0.12) 163px 0px 0px -6px, rgba(0, 50, 126, 0.12) 164px 0px 0px -6px, rgba(0, 50, 126, 0.12) 165px 0px 0px -6px, rgba(0, 50, 126, 0.12) 166px 0px 0px -6px, rgba(0, 50, 126, 0.12) 167px 0px 0px -6px, rgba(0, 50, 126, 0.12) 168px 0px 0px -6px, rgba(0, 50, 126, 0.12) 169px 0px 0px -6px, rgba(0, 50, 126, 0.12) 170px 0px 0px -6px, rgba(0, 50, 126, 0.12) 171px 0px 0px -6px, rgba(0, 50, 126, 0.12) 172px 0px 0px -6px, rgba(0, 50, 126, 0.12) 173px 0px 0px -6px, rgba(0, 50, 126, 0.12) 174px 0px 0px -6px, rgba(0, 50, 126, 0.12) 175px 0px 0px -6px, rgba(0, 50, 126, 0.12) 176px 0px 0px -6px, rgba(0, 50, 126, 0.12) 177px 0px 0px -6px, rgba(0, 50, 126, 0.12) 178px 0px 0px -6px, rgba(0, 50, 126, 0.12) 179px 0px 0px -6px, rgba(0, 50, 126, 0.12) 180px 0px 0px -6px, rgba(0, 50, 126, 0.12) 181px 0px 0px -6px, rgba(0, 50, 126, 0.12) 182px 0px 0px -6px, rgba(0, 50, 126, 0.12) 183px 0px 0px -6px, rgba(0, 50, 126, 0.12) 184px 0px 0px -6px, rgba(0, 50, 126, 0.12) 185px 0px 0px -6px, rgba(0, 50, 126, 0.12) 186px 0px 0px -6px, rgba(0, 50, 126, 0.12) 187px 0px 0px -6px, rgba(0, 50, 126, 0.12) 188px 0px 0px -6px, rgba(0, 50, 126, 0.12) 189px 0px 0px -6px, rgba(0, 50, 126, 0.12) 190px 0px 0px -6px, rgba(0, 50, 126, 0.12) 191px 0px 0px -6px, rgba(0, 50, 126, 0.12) 192px 0px 0px -6px, rgba(0, 50, 126, 0.12) 193px 0px 0px -6px, rgba(0, 50, 126, 0.12) 194px 0px 0px -6px, rgba(0, 50, 126, 0.12) 195px 0px 0px -6px, rgba(0, 50, 126, 0.12) 196px 0px 0px -6px, rgba(0, 50, 126, 0.12) 197px 0px 0px -6px, rgba(0, 50, 126, 0.12) 198px 0px 0px -6px, rgba(0, 50, 126, 0.12) 199px 0px 0px -6px, rgba(0, 50, 126, 0.12) 200px 0px 0px -6px, rgba(0, 50, 126, 0.12) 201px 0px 0px -6px, rgba(0, 50, 126, 0.12) 202px 0px 0px -6px, rgba(0, 50, 126, 0.12) 203px 0px 0px -6px, rgba(0, 50, 126, 0.12) 204px 0px 0px -6px, rgba(0, 50, 126, 0.12) 205px 0px 0px -6px, rgba(0, 50, 126, 0.12) 206px 0px 0px -6px, rgba(0, 50, 126, 0.12) 207px 0px 0px -6px, rgba(0, 50, 126, 0.12) 208px 0px 0px -6px, rgba(0, 50, 126, 0.12) 209px 0px 0px -6px, rgba(0, 50, 126, 0.12) 210px 0px 0px -6px, rgba(0, 50, 126, 0.12) 211px 0px 0px -6px, rgba(0, 50, 126, 0.12) 212px 0px 0px -6px, rgba(0, 50, 126, 0.12) 213px 0px 0px -6px, rgba(0, 50, 126, 0.12) 214px 0px 0px -6px, rgba(0, 50, 126, 0.12) 215px 0px 0px -6px, rgba(0, 50, 126, 0.12) 216px 0px 0px -6px, rgba(0, 50, 126, 0.12) 217px 0px 0px -6px, rgba(0, 50, 126, 0.12) 218px 0px 0px -6px, rgba(0, 50, 126, 0.12) 219px 0px 0px -6px, rgba(0, 50, 126, 0.12) 220px 0px 0px -6px, rgba(0, 50, 126, 0.12) 221px 0px 0px -6px, rgba(0, 50, 126, 0.12) 222px 0px 0px -6px, rgba(0, 50, 126, 0.12) 223px 0px 0px -6px, rgba(0, 50, 126, 0.12) 224px 0px 0px -6px, rgba(0, 50, 126, 0.12) 225px 0px 0px -6px, rgba(0, 50, 126, 0.12) 226px 0px 0px -6px, rgba(0, 50, 126, 0.12) 227px 0px 0px -6px, rgba(0, 50, 126, 0.12) 228px 0px 0px -6px, rgba(0, 50, 126, 0.12) 229px 0px 0px -6px, rgba(0, 50, 126, 0.12) 230px 0px 0px -6px, rgba(0, 50, 126, 0.12) 231px 0px 0px -6px, rgba(0, 50, 126, 0.12) 232px 0px 0px -6px, rgba(0, 50, 126, 0.12) 233px 0px 0px -6px, rgba(0, 50, 126, 0.12) 234px 0px 0px -6px, rgba(0, 50, 126, 0.12) 235px 0px 0px -6px, rgba(0, 50, 126, 0.12) 236px 0px 0px -6px, rgba(0, 50, 126, 0.12) 237px 0px 0px -6px, rgba(0, 50, 126, 0.12) 238px 0px 0px -6px, rgba(0, 50, 126, 0.12) 239px 0px 0px -6px, rgba(0, 50, 126, 0.12) 240px 0px 0px -6px;
    margin-top: -6px;
    border: 1px solid rgba(0, 30, 75, 0.12);
    transition: border-color 0.3s ease 0s, background-color 0.3s ease 0s;
}

.selectgroup {
    display: inline-flex;
}

.selectgroup-item {
    flex-grow: 1;
    position: relative;
}

.selectgroup-item + .selectgroup-item {
    margin-left: -1px;
}

.selectgroup-item:not(:first-child) .selectgroup-button {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.selectgroup-item:not(:last-child) .selectgroup-button {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.selectgroup-input {
    opacity: 0;
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
}

.selectgroup-button {
    display: block;
    border: 1px solid rgb(232, 235, 243);
    text-align: center;
    padding: 0.375rem 1rem;
    position: relative;
    cursor: pointer;
    border-radius: 3px;
    color: rgb(167, 180, 201);
    user-select: none;
    font-size: 0.9375rem;
    line-height: 1.5rem;
    min-width: 2.375rem;
}

.selectgroup-button-icon {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 1rem;
}

.selectgroup-pills {
    flex-wrap: wrap;
    align-items: flex-start;
}

.selectgroup-pills .selectgroup-item {
    margin-right: 0.5rem;
    flex-grow: 0;
}

.selectgroup-pills .selectgroup-button {
    border-radius: 50px !important;
}

.custom-switch {
    user-select: none;
    cursor: default;
    display: inline-flex;
    align-items: center;
    margin: 0px;
}

.custom-switch-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-switches-stacked {
    display: flex;
    flex-direction: column;
}

.custom-switches-stacked .custom-switch {
    margin-bottom: 0.5rem;
}

.custom-switch-indicator {
    display: inline-block;
    height: 1.25rem;
    width: 2.25rem;
    background: rgb(232, 235, 243);
    border-radius: 50px;
    position: relative;
    vertical-align: bottom;
    border: 1px solid rgb(232, 235, 243);
    transition: border-color 0.3s ease 0s, background-color 0.3s ease 0s;
}

.custom-switch-indicator::before {
    content: "";
    position: absolute;
    height: calc(1.25rem - 4px);
    width: calc(1.25rem - 4px);
    top: 1px;
    left: 1px;
    background: rgb(255, 255, 255);
    border-radius: 50%;
    transition: left 0.3s ease 0s;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px 0px;
}

.custom-switch-input:checked ~ .custom-switch-indicator::before {
    left: calc(1rem + 1px);
}

.custom-switch-description {
    margin-left: 0.5rem;
    color: rgb(95, 104, 119);
    transition: color 0.3s ease 0s;
}

.custom-switch-input:checked ~ .custom-switch-description {
    color: rgb(61, 78, 103);
}

.imagecheck {
    margin: 0px;
    position: relative;
    cursor: pointer;
}

.imagecheck-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.imagecheck-figure {
    border: 1px solid rgb(232, 235, 243);
    border-radius: 3px;
    margin: 0px;
    position: relative;
}

.imagecheck-input:checked ~ .imagecheck-figure {
    border-color: rgba(0, 40, 100, 0.24);
}

.imagecheck-figure::before {
    content: "";
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    user-select: none;
    z-index: 1;
    border-radius: 3px;
    opacity: 0;
    transition: opacity 0.3s ease 0s;
}

.imagecheck-input:checked ~ .imagecheck-figure::before {
    opacity: 1;
}

.imagecheck-image {
    max-width: 100%;
    opacity: 0.64;
    transition: opacity 0.3s ease 0s;
}

.imagecheck-image:first-child {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.imagecheck-image:last-child {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.imagecheck-input:checked ~ .imagecheck-figure .imagecheck-image, .imagecheck-input:focus ~ .imagecheck-figure .imagecheck-image, .imagecheck:hover .imagecheck-image {
    opacity: 1;
}

.imagecheck-caption {
    text-align: center;
    padding: 0.25rem;
    color: rgb(167, 180, 201);
    font-size: 0.875rem;
    transition: color 0.3s ease 0s;
}

.imagecheck-input:checked ~ .imagecheck-figure .imagecheck-caption, .imagecheck-input:focus ~ .imagecheck-figure .imagecheck-caption, .imagecheck:hover .imagecheck-caption {
    color: rgb(61, 78, 103);
}

.colorinput {
    margin: 0px;
    position: relative;
    cursor: pointer;
}

.colorinput-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.colorinput-color {
    display: inline-block;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 3px;
    border: 1px solid rgb(232, 235, 243);
    color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

.colorinput-color::before {
    content: "";
    opacity: 0;
    position: absolute;
    top: 0.25rem;
    left: 0.25rem;
    height: 1.25rem;
    width: 1.25rem;
    transition: opacity 0.3s ease 0s;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") center center / 50% 50% no-repeat;
}

.colorinput-input:checked ~ .colorinput-color::before {
    opacity: 1;
}

.timeline {
    position: relative;
    margin: 0px 0px 2rem;
    padding: 0px;
    list-style: none;
}

.timeline::before {
    background-color: rgb(232, 235, 243);
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    top: 0px;
    bottom: 0px;
    left: 4px;
}

.timeline-item {
    position: relative;
    display: flex;
    padding-left: 2rem;
    margin: 0.5rem 0px;
}

.timeline-item:first-child::before, .timeline-item:last-child::before {
    content: "";
    position: absolute;
    background: rgb(255, 255, 255);
    width: 1px;
    left: 0.25rem;
}

.timeline-item:first-child {
    margin-top: 0px;
}

.timeline-item:first-child::before {
    top: 0px;
    height: 0.5rem;
}

.timeline-item:last-child {
    margin-bottom: 0px;
}

.timeline-item:last-child::before {
    top: 0.5rem;
    bottom: 0px;
}

.timeline-badge {
    position: absolute;
    display: block;
    width: 0.4375rem;
    height: 0.4375rem;
    left: 1px;
    top: 0.5rem;
    border-radius: 100%;
    border: 1px solid rgb(255, 255, 255);
    background: rgb(173, 181, 189);
}

.timeline-time {
    white-space: nowrap;
    margin-left: auto;
    color: rgb(167, 180, 201);
    font-size: 87.5%;
}

svg {
    touch-action: none;
}

.jvectormap-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    touch-action: none;
}

.jvectormap-tip {
    position: absolute;
    display: none;
    border-radius: 3px;
    background: rgb(167, 180, 201);
    color: rgb(255, 255, 255);
    padding: 6px;
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
}

.jvectormap-tip small {
    font-size: inherit;
    font-weight: 400;
}

.jvectormap-goback, .jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    left: 10px;
    border-radius: 3px;
    background: rgb(41, 41, 41);
    padding: 3px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    line-height: 10px;
    text-align: center;
    box-sizing: content-box;
}

.jvectormap-zoomin, .jvectormap-zoomout {
    width: 10px;
    height: 10px;
}

.jvectormap-zoomin {
    top: 10px;
}

.jvectormap-zoomout {
    top: 30px;
}

.jvectormap-goback {
    bottom: 10px;
    z-index: 1000;
    padding: 6px;
}

.jvectormap-spinner {
    position: absolute;
    inset: 0px;
    background: url("data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==") center center no-repeat;
}

.jvectormap-legend-title {
    font-weight: 700;
    font-size: 14px;
    text-align: center;
}

.jvectormap-legend-cnt {
    position: absolute;
}

.jvectormap-legend-cnt-h {
    bottom: 0px;
    right: 0px;
}

.jvectormap-legend-cnt-v {
    top: 0px;
    right: 0px;
}

.jvectormap-legend {
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    border-radius: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend {
    float: left;
    margin: 0px 10px 10px 0px;
    padding: 3px 3px 1px;
}

.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
    float: left;
}

.jvectormap-legend-cnt-v .jvectormap-legend {
    margin: 10px 10px 0px 0px;
    padding: 3px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick {
    width: 40px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
    height: 15px;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
}

.jvectormap-legend-tick-text {
    font-size: 12px;
}

.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
    text-align: center;
}

.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 3px;
}

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
    box-shadow: rgb(255, 255, 255) 0px 0px 12px 4px inset;
    visibility: visible !important;
    background: rgba(0, 0, 0, 0.06) !important;
    border: 0px none !important;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: "!";
    visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px;
}

.selectize-dropdown-header {
    position: relative;
    padding: 5px 8px;
    border-bottom: 1px solid rgb(208, 208, 208);
    background: rgb(248, 248, 248);
    border-radius: 3px 3px 0px 0px;
}

.selectize-dropdown-header-close {
    position: absolute;
    right: 8px;
    top: 50%;
    color: rgb(61, 78, 103);
    opacity: 0.4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px !important;
}

.selectize-dropdown-header-close:hover {
    color: rgb(0, 0, 0);
}

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid rgb(242, 242, 242);
    border-top: 0px none;
    float: left;
    box-sizing: border-box;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
    border-right: 0px none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup::before {
    display: none;
}

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0px none;
}

.selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px !important;
}

.selectize-control.plugin-remove_button [data-value] .remove {
    z-index: 1;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 17px;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    color: inherit;
    text-decoration: none;
    vertical-align: middle;
    display: inline-block;
    padding: 2px 0px 0px;
    border-left: 1px solid rgb(208, 208, 208);
    border-radius: 0px 2px 2px 0px;
    box-sizing: border-box;
}

.selectize-control.plugin-remove_button [data-value] .remove:hover {
    background: rgba(0, 0, 0, 0.05);
}

.selectize-control.plugin-remove_button [data-value].active .remove {
    border-left-color: rgb(202, 202, 202);
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: 0px 0px;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: rgb(255, 255, 255);
}

.selectize-control.plugin-remove_button .remove-single {
    position: absolute;
    right: 28px;
    top: 6px;
    font-size: 23px;
}

.selectize-control {
    position: relative;
    padding: 0px;
    border: 0px;
}

.selectize-dropdown, .selectize-input, .selectize-input input {
    color: rgb(61, 78, 103);
    font-family: inherit;
    font-size: 15px;
    line-height: 18px;
    -webkit-font-smoothing: inherit;
}

.selectize-control.single .selectize-input.input-active, .selectize-input {
    background: rgb(255, 255, 255);
    cursor: text;
    display: inline-block;
}

.selectize-input {
    border: 1px solid rgb(232, 235, 243);
    padding: 0.5625rem 0.75rem;
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    border-radius: 3px;
    transition: border-color 0.3s ease 0s, box-shadow 0.3s ease 0s;
}

.selectize-control.multi .selectize-input.has-items {
    padding: 7px 0.75rem 4px 7px;
}

.selectize-input.full {
    background-color: rgb(255, 255, 255);
}

.selectize-input.disabled, .selectize-input.disabled * {
    cursor: default !important;
}

.selectize-input.dropdown-active {
    border-radius: 3px 3px 0px 0px;
}

.selectize-input > * {
    vertical-align: baseline;
    display: inline-block;
    zoom: 1;}

.selectize-control.multi .selectize-input > div {
    cursor: pointer;
    margin: 0px 3px 3px 0px;
    padding: 2px 6px;
    background: rgb(232, 235, 243);
    color: rgb(61, 78, 103);
    font-size: 13px;
    border: 0px solid rgba(0, 40, 100, 0.12);
    border-radius: 3px;
    font-weight: 400;
}

.selectize-control.multi .selectize-input > div.active {
    background: rgb(232, 232, 232);
    color: rgb(48, 48, 48);
    border: 0px solid rgb(202, 202, 202);
}

.selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active {
    color: rgb(125, 125, 125);
    background: rgb(255, 255, 255);
    border: 0px solid rgb(255, 255, 255);
}

.selectize-input > input {
    display: inline-block !important;
    padding: 0px !important;
    min-height: 0px !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0px 2px 0px 0px !important;
    text-indent: 0px !important;
    border: 0px none !important;
    background: 0px 0px !important;
    line-height: inherit !important;
    box-shadow: none !important;
}

.selectize-input > input:focus {
    outline: 0px !important;
}

.selectize-input::after {
    content: " ";
    display: block;
    clear: left;
}

.selectize-input.dropdown-active::before {
    content: " ";
    display: block;
    position: absolute;
    background: rgb(240, 240, 240);
    height: 1px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.selectize-dropdown {
    position: absolute;
    z-index: 10;
    border-width: 0px 1px 1px;
    border-style: none solid solid;
    border-right-color: rgb(232, 235, 243);
    border-bottom-color: rgb(232, 235, 243);
    border-left-color: rgb(232, 235, 243);
    border-image: initial;
    background: rgb(255, 255, 255);
    margin: -1px 0px 0px;
    border-top-color: initial;
    box-sizing: border-box;
    border-radius: 0px 0px 3px 3px;
    height: auto;
    padding: 0px;
}

.selectize-dropdown [data-selectable] {
    cursor: pointer;
    overflow: hidden;
}

.selectize-dropdown [data-selectable] .highlight {
    background: rgba(125, 168, 208, 0.2);
    border-radius: 1px;
}

.selectize-dropdown .optgroup-header, .selectize-dropdown [data-selectable] {
    padding: 6px 0.75rem;
}

.selectize-dropdown .optgroup:first-child .optgroup-header {
    border-top: 0px none;
}

.selectize-dropdown .optgroup-header {
    color: rgb(61, 78, 103);
    background: rgb(255, 255, 255);
    cursor: default;
}

.selectize-dropdown .active {
    background-color: rgb(241, 244, 248);
    color: rgb(70, 127, 207);
}

.selectize-dropdown .active.create {
    color: rgb(61, 78, 103);
}

.selectize-dropdown .create {
    color: rgba(48, 48, 48, 0.5);
}

.selectize-dropdown-content {
    overflow: hidden auto;
    max-height: 200px;
}

.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
    cursor: pointer;
}

.selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input {
    cursor: text;
}

.selectize-control.single .selectize-input::after {
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    right: 12px;
    width: 8px;
    height: 10px;
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath fill='#999' d='M0 0L10 0L5 5L0 0'/%3E%3C/svg%3E") center center / 8px 10px no-repeat rgb(255, 255, 255);
    transition: transform 0.3s ease 0s;
}

.selectize-control.single .selectize-input.dropdown-active::after {
    transform: rotate(180deg);
}

.selectize-control .selectize-input.disabled {
    opacity: 0.5;
    background-color: rgb(250, 250, 250);
}

.selectize-dropdown .image, .selectize-input .image {
    width: 1.25rem;
    height: 1.25rem;
    background-size: contain;
    margin: -1px 0.5rem -1px -4px;
    line-height: 1.25rem;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.selectize-dropdown .image img, .selectize-input .image img {
    max-width: 100%;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px 0px;
    border-radius: 2px;
}

.selectize-input .image {
    width: 1.5rem;
    height: 1.5rem;
    margin: -3px 0.75rem -3px -5px;
}

.demo-gallery > ul {
    margin-bottom: 0px;
}

.demo-gallery > ul > li {
    float: left;
    margin-bottom: 15px;
    width: 200px;
    border: 0px;
}

.demo-gallery > ul > li a {
    border: 3px solid rgb(255, 255, 255);
    border-radius: 3px;
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
}

.demo-gallery > ul > li a > img {
    transition: transform 0.15s ease 0s;
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.demo-gallery > ul > li a:hover > img {
    transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery > ul > li a:hover .demo-gallery-poster > img {
    opacity: 1;
}

.demo-gallery > ul > li a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    inset: 0px;
    position: absolute;
    transition: background-color 0.15s ease 0s;
}

.demo-gallery > ul > li a .demo-gallery-poster > img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: opacity 0.3s ease 0s;
}

.demo-gallery > ul > li a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .justified-gallery > a > img {
    transition: transform 0.15s ease 0s;
    transform: scale3d(1, 1, 1);
    height: 100%;
    width: 100%;
}

.demo-gallery .justified-gallery > a:hover > img {
    transform: scale3d(1.1, 1.1, 1.1);
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster > img {
    opacity: 1;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.1);
    inset: 0px;
    position: absolute;
    transition: background-color 0.15s ease 0s;
}

.demo-gallery .justified-gallery > a .demo-gallery-poster > img {
    left: 50%;
    margin-left: -10px;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: opacity 0.3s ease 0s;
}

.demo-gallery .justified-gallery > a:hover .demo-gallery-poster {
    background-color: rgba(0, 0, 0, 0.5);
}

.demo-gallery .video .demo-gallery-poster img {
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    opacity: 0.8;
    width: 48px;
}

.demo-gallery.dark > ul > li a {
    border: 3px solid rgb(4, 7, 10);
}

.home .demo-gallery {
    padding-bottom: 80px;
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    width: 100%;
}

.gallery {
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: rgb(230, 230, 230) 1px 1px 2px;
    cursor: default;
}

.gallery .content, .gallery .mask {
    position: absolute;
    width: 100%;
    overflow: hidden;
    top: 0px;
    left: 0px;
}

.gallery img {
    display: block;
    position: relative;
}

.gallery .tools {
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 3px;
    background: rgba(0, 0, 0, 0.35);
    margin: 43px 0px 0px;
}

.mask.no-caption .tools {
    margin: 90px 0px 0px;
}

.gallery .tools a {
    display: inline-block;
    color: rgb(255, 255, 255);
    font-size: 18px;
    font-weight: 400;
    padding: 0px 4px;
}

.gallery p {
    font-family: Roboto, sans-serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: rgb(255, 255, 255);
    padding: 10px 20px 20px;
    text-align: center;
}

.gallery a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    box-shadow: rgb(0, 0, 0) 0px 0px 1px;
}

.gallery-first img {
    transition: all 0.2s linear 0s;
}

.gallery-first .mask {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.4s ease-in-out 0s;
}

.gallery-first .tools {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out 0s;
}

.gallery-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear 0s;
}

.gallery-first:hover img {
    transform: scale(1.1);
}

.gallery-first:hover .mask {
    opacity: 1;
}

.gallery-first:hover .tools, .gallery-first:hover p {
    opacity: 1;
    transform: translateY(0px);
}

.gallery-first:hover p {
    transition-delay: 0.1s;
}

.form-group.has-feedback span {
    display: block !important;
}

.ui-datepicker {
    background-color: rgb(233, 236, 243);
    border: 1px solid rgb(232, 235, 243);
    font-family: inherit;
    font-size: inherit;
    padding: 10px;
    margin: 1px 0px 0px;
    display: none;
    width: auto !important;
    z-index: 999 !important;
}

.ui-datepicker .ui-datepicker-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    font-weight: 500;
    font-size: 12px;
    text-transform: uppercase;
    color: rgb(71, 59, 82);
    padding: 0px 0px 5px;
    letter-spacing: 1px;
    border: 0px;
    background-color: transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    text-indent: -99999px;
    color: rgb(7, 5, 16);
    top: 1px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev::before {
    font-size: 16px;
    font-family: FontAwesome;
    position: absolute;
    top: -4px;
    text-indent: 0px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:focus::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:focus::before, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover::before {
    color: rgb(52, 58, 64);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    order: 3;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next::before {
    right: 5px;
    content: "";
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
    color: rgb(61, 78, 103);
    cursor: pointer;
    top: 1px;
    border: 0px;
    background-color: transparent;
}

.ui-datepicker .ui-datepicker-title {
    font-weight: 700;
}

.ui-datepicker .ui-datepicker-calendar {
    margin: 0px;
    background-color: transparent;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.ui-datepicker .ui-datepicker-calendar th {
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 6px 10px;
    color: rgb(163, 167, 183);
}

@media (max-width: 320px) {
    .ui-datepicker .ui-datepicker-calendar th {
        padding: 4px 0px;
        letter-spacing: normal;
    }
}

.ui-datepicker .ui-datepicker-calendar td {
    border: 1px solid rgb(246, 247, 251);
    padding: 0px;
    background-color: rgb(246, 247, 251);
    text-align: right;
}

.ui-datepicker .ui-datepicker-calendar td:last-child {
    border-right: 0px;
}

.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month .ui-state-default {
    color: rgb(204, 204, 204);
}

.ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker .ui-datepicker-calendar td span {
    transition: all 0.2s ease-in-out 0s;
    background-color: rgb(255, 255, 255);
    color: rgb(71, 59, 82);
    padding: 6px 10px;
    display: block;
    font-weight: 400;
    font-size: 12px;
    border: 0px;
    border-radius: 1px;
}

.ui-datepicker .ui-datepicker-calendar td a:hover {
    background-color: rgb(240, 242, 247);
    color: rgb(71, 59, 82);
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today a {
    background-color: rgb(248, 249, 250);
    color: rgb(71, 59, 82);
}

.ui-datepicker-multi .ui-datepicker-group {
    padding-right: 15px;
    width: auto;
    float: left;
}

.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-title {
    margin: auto;
}

.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-prev::before {
    left: 10px;
}

.ui-datepicker-multi .ui-datepicker-group .ui-datepicker-next::before {
    right: 10px;
}

.ui-datepicker-multi .ui-datepicker-group table {
    margin: 0px;
}

.ui-datepicker-multi .ui-datepicker-group-last {
    padding-right: 0px;
}

.ui-datepicker-inline {
    max-width: 270px;
    border-radius: 12px;
}

.model-wrapper-demo {
    padding: 50px 0px;
    background: rgba(5, 117, 230, 0.1);
}

.timeline__item::after {
    background: rgb(255, 255, 255) !important;
}

.timeline--horizontal .timeline-divider {
    background: rgb(223, 251, 255) !important;
}

.timeline__content {
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    display: block;
    padding: 1.25rem;
    position: relative;
}

#back-to-top {
    color: rgb(255, 255, 255);
    background: rgb(39 199 129);
    position: fixed;
    bottom: 100px;
    right: 20px;
    display: none;
    text-align: center;
    border-radius: 3px;
    z-index: 10000;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    transition: background-color 0.1s linear 0s;
}

#back-to-top i {
    padding-top: 20px;
    font-size: 16px;
    transform: rotate(-45deg);
    margin-left: -16px;
}

#chat-message {
    color: rgb(255, 255, 255);
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    text-align: center;
    border-radius: 50px;
    z-index: 10000;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    transition: background-color 0.1s linear 0s;
}

#chat-message i {
    padding-top: 15px;
    font-size: 16px;
}

#chat-message:hover {
    background: rgb(255, 255, 255);
    color: rgb(76, 138, 236);
    border: 2px solid rgb(15, 117, 255);
}

.tabs-menu ul li a {
    padding: 10px 20px 11px;
}

.tabs-menu ul li .active {
    color: rgb(255, 255, 255);
    border-radius: 25px;
}

.tabs-menu1 ul li a {
    padding: 10px 20px 11px;
}

.tabs-menu1 ul li .active {
    border-radius: 2px;
}

.wideget-user-tab .tabs-menu1 ul li .active {
    border: 0px;
    border-radius: 0px;
}

.tabs-menu-body {
    padding: 15px;
    border: 1px solid rgb(232, 235, 243);
}

.tabs-menu-body p:last-child {
    margin-bottom: 0px;
}

.tab-menu-heading {
    padding: 20px;
    border-width: 1px 1px 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: rgb(232, 235, 243);
    border-right-color: rgb(232, 235, 243);
    border-left-color: rgb(232, 235, 243);
    border-image: initial;
    border-bottom-style: initial;
    border-bottom-color: initial;
}

.tab_wrapper .content_wrapper .tab_content.active p:last-child {
    margin-bottom: 0px;
}

.item-card .cardbody {
    position: relative;
    padding: 30px 15px;
    border-radius: 0px 0px 0.2rem 0.2rem;
}

.ribbone {
    width: 100%;
    position: relative;
    background-size: cover;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
}

@media (max-width: 500px) {
    .ribbone {
        width: 100%;
    }
}

.ribbon1 {
    position: absolute;
    top: -6.1px;
    left: 10px;
    z-index: 1;
}

.ribbon1::after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-left: 20px solid transparent;
    border-right: 24px solid transparent;
    border-top: 13px solid rgb(248, 70, 63);
}

.ribbon1 span {
    position: relative;
    display: block;
    text-align: center;
    background: rgb(248, 70, 63);
    font-size: 14px;
    line-height: 1;
    padding: 12px 8px 10px;
    border-top-right-radius: 8px;
}

.ribbon1 span::after, .ribbon1 span::before {
    position: absolute;
    content: "";
}

.ribbon1 span::before {
    height: 6px;
    width: 6px;
    left: -6px;
    top: 0px;
    background: rgb(248, 70, 63);
}

.ribbon1 span::after {
    height: 6px;
    width: 8px;
    left: -8px;
    top: 0px;
    border-radius: 8px 8px 0px 0px;
    background: rgb(192, 32, 49);
}

.arrow-ribbon {
    color: rgb(255, 255, 255);
    padding: 2px 8px;
    position: absolute;
    top: 15px;
    left: 8px;
    z-index: 98;
    font-size: 13px;
    font-weight: 800;
}

.arrow-ribbon.bg-purple::before {
    position: absolute;
    top: 0px;
    bottom: 0px;
    content: "";
    right: -15px;
    border-top: 15px solid transparent;
    border-left: 15px solid rgb(109, 51, 255);
    border-bottom: 15px solid transparent;
    width: 0px;
}

.arrow-ribbon.bg-danger::before {
    position: absolute;
    top: 0px;
    bottom: 0px;
    content: "";
    right: -15px;
    border-top: 15px solid transparent;
    border-left: 15px solid rgb(255, 56, 43);
    border-bottom: 15px solid transparent;
    width: 0px;
}

.arrow-ribbon.bg-primary::before {
    position: absolute;
    top: 0px;
    bottom: 0px;
    content: "";
    right: -15px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    width: 0px;
}

.arrow-ribbon.bg-secondary::before {
    position: absolute;
    top: 0px;
    bottom: 0px;
    content: "";
    right: -15px;
    border-top: 11px solid transparent;
    border-bottom: 12px solid transparent;
    width: 0px;
}

.arrow-ribbon.bg-success::before {
    position: absolute;
    top: 0px;
    bottom: 0px;
    content: "";
    right: -15px;
    border-top: 15px solid transparent;
    border-left: 15px solid rgb(9, 211, 123);
    border-bottom: 15px solid transparent;
    width: 0px;
}

.arrow-ribbon.bg-info::before {
    position: absolute;
    top: 0px;
    bottom: 0px;
    content: "";
    right: -15px;
    border-top: 15px solid transparent;
    border-left: 15px solid rgb(13, 171, 183);
    border-bottom: 15px solid transparent;
    width: 0px;
}

.arrow-ribbon.bg-warning::before {
    position: absolute;
    top: 0px;
    bottom: 0px;
    content: "";
    right: -15px;
    border-top: 15px solid transparent;
    border-left: 15px solid rgb(255, 162, 43);
    border-bottom: 15px solid transparent;
    width: 0px;
}

.arrow-ribbon.bg-pink::before {
    position: absolute;
    top: 0px;
    bottom: 0px;
    content: "";
    right: -15px;
    border-top: 15px solid transparent;
    border-left: 15px solid rgb(255, 43, 136);
    border-bottom: 15px solid transparent;
    width: 0px;
}

.arrow-ribbon2 {
    color: rgb(255, 255, 255);
    padding: 3px 8px;
    position: absolute;
    top: 10px;
    left: -1px;
    z-index: 98;
    font-size: 30px;
}

.arrow-ribbon2::before {
    position: absolute;
    top: 0px;
    bottom: 0px;
    content: "";
    right: -24px;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    width: 0px;
}

.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
    z-index: 10;
}

.power-ribbon {
    width: 56px;
    height: 56px;
    overflow: hidden;
    position: absolute;
    z-index: 10;
}

.power-ribbon span {
    position: absolute;
    display: block;
    width: 82px;
    padding: 8px 0px;
    color: rgb(255, 255, 255);
    font: 500 16px / 1 Lato, sans-serif;
    text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
    text-transform: capitalize;
    text-align: center;
}

.power-ribbon-top-left span {
    right: -5px;
    top: 1px;
    transform: rotate(-45deg);
}

.power-ribbon-top-left span i {
    transform: rotate(45deg);
    padding-top: 2px;
    padding-left: 7px;
}

.power-ribbon-top-left {
    top: -6px;
    left: -9px;
}

.ribbon::after, .ribbon::before {
    position: absolute;
    z-index: -1;
    content: "";
    display: block;
    border: 5px solid;
}

.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 8px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px;
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.2) 0px 1px 1px;
    text-transform: capitalize;
    text-align: center;
}

.ribbon-top-left {
    top: -10px;
    left: -10px;
}

.ribbon-top-left::after, .ribbon-top-left::before {
    border-top-color: transparent;
    border-left-color: transparent;
}

.ribbon-top-left::before {
    top: 0px;
    right: 50px;
}

.ribbon-top-left::after {
    bottom: 50px;
    left: 0px;
}

.ribbon-top-left span {
    right: -8px;
    top: 30px;
    transform: rotate(-45deg);
}

.ribbon-top-right {
    top: -10px;
    right: -10px;
}

.ribbon-top-right::after, .ribbon-top-right::before {
    border-top-color: transparent;
    border-right-color: transparent;
}

.ribbon-top-right::before {
    top: 0px;
    left: 36px;
}

.ribbon-top-right::after {
    bottom: 36px;
    right: 0px;
}

.ribbon-top-right span {
    left: -8px;
    top: 30px;
    transform: rotate(45deg);
}

.badge-offer {
    position: absolute;
    top: 0px;
    left: 15px;
    z-index: 2;
    padding: 5px;
    font-weight: 400;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 16px;
    height: 33px;
    width: 50px;
    margin-bottom: 0px;
}

.badge-offer.bg-danger::after {
    border-top: 12px solid rgb(255, 56, 43);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    content: "";
    height: 0px;
    left: 0px;
    position: absolute;
    top: 33px;
    width: 0px;
}

.badge-offer.bg-primary::after {
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    content: "";
    height: 0px;
    left: 0px;
    position: absolute;
    top: 33px;
    width: 0px;
}

.badge-offer.bg-secondary::after {
    border-top: 12px solid rgb(246, 247, 251);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    content: "";
    height: 0px;
    left: 0px;
    position: absolute;
    top: 33px;
    width: 0px;
}

.badge-offer.bg-success::after {
    border-top: 12px solid rgb(39, 199, 129);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    content: "";
    height: 0px;
    left: 0px;
    position: absolute;
    top: 33px;
    width: 0px;
}

.badge-offer.bg-info::after {
    border-top: 12px solid rgb(13, 171, 183);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    content: "";
    height: 0px;
    left: 0px;
    position: absolute;
    top: 33px;
    width: 0px;
}

.badge-offer.bg-warning::after {
    border-top: 12px solid rgb(255, 162, 43);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    content: "";
    height: 0px;
    left: 0px;
    position: absolute;
    top: 33px;
    width: 0px;
}

.badge-offer.bg-purple::after {
    border-top: 12px solid rgb(109, 51, 255);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    content: "";
    height: 0px;
    left: 0px;
    position: absolute;
    top: 33px;
    width: 0px;
}

.badge-offer.bg-pink::after {
    border-top: 12px solid rgb(255, 43, 136);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    content: "";
    height: 0px;
    left: 0px;
    position: absolute;
    top: 33px;
    width: 0px;
}

.badge-offer1 {
    position: absolute;
    top: 0px;
    right: 15px;
    z-index: 2;
    padding: 5px;
    font-weight: 400;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 16px;
    height: 33px;
    width: 50px;
    margin-bottom: 0px;
}

.badge-offer1.bg-danger::after {
    border-top: 12px solid rgb(255, 56, 43);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    content: "";
    height: 0px;
    left: 0px;
    position: absolute;
    top: 33px;
    width: 0px;
}

.badge-offer1.bg-primary::after {
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    content: "";
    height: 0px;
    left: 0px;
    position: absolute;
    top: 33px;
    width: 0px;
}

.badge-offer1.bg-secondary::after {
    border-top: 12px solid rgb(246, 247, 251);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    content: "";
    height: 0px;
    left: 0px;
    position: absolute;
    top: 33px;
    width: 0px;
}

.badge-offer1.bg-success::after {
    border-top: 12px solid rgb(39, 199, 129);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    content: "";
    height: 0px;
    left: 0px;
    position: absolute;
    top: 33px;
    width: 0px;
}

.badge-offer1.bg-info::after {
    border-top: 12px solid rgb(13, 171, 183);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    content: "";
    height: 0px;
    left: 0px;
    position: absolute;
    top: 33px;
    width: 0px;
}

.badge-offer1.bg-warning::after {
    border-top: 12px solid rgb(255, 162, 43);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    content: "";
    height: 0px;
    left: 0px;
    position: absolute;
    top: 33px;
    width: 0px;
}

.badge-offer1.bg-purple::after {
    border-top: 12px solid rgb(109, 51, 255);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    content: "";
    height: 0px;
    left: 0px;
    position: absolute;
    top: 33px;
    width: 0px;
}

.badge-offer1.bg-pink::after {
    border-top: 12px solid rgb(255, 43, 136);
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    content: "";
    height: 0px;
    left: 0px;
    position: absolute;
    top: 33px;
    width: 0px;
}

.item-card .cardtitle span {
    display: block;
    font-size: 0.75rem;
}

.item-card .cardtitle a {
    color: rgb(31, 37, 45);
    font-weight: 500;
    text-decoration: none;
}

.item-card .cardprice {
    position: absolute;
    top: 30px;
    right: 15px;
}

.item-card .cardprice span.type--strikethrough {
    opacity: 0.7;
    text-decoration: line-through;
}

.item-card .cardprice span {
    display: block;
    color: rgb(31, 37, 45);
}

.features {
    overflow: hidden;
}

.features h2 {
    font-weight: 600;
    margin-bottom: 12px;
    text-align: center;
    font-size: 2.2em;
}

.features h3 {
    font-size: 20px;
    font-weight: 500;
}

.features span {
    color: rgb(67, 65, 78);
    display: block;
    font-weight: 400;
    text-align: center;
}

.feature .feature-svg {
    width: 25%;
}

.feature .feature-svg3 {
    width: 12%;
}

.col-sm-2 .feature {
    padding: 0px;
    border: 0px;
    box-shadow: none;
}

.feature .fea-icon {
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 3rem;
    vertical-align: middle;
    padding-top: 8px;
    border-radius: 50%;
    color: rgb(255, 255, 255);
}

.feature .fea-icon i {
    font-size: 1.5rem;
}

.feature p {
    margin-bottom: 0px;
}

.box-shadow-0 {
    box-shadow: none !important;
}

.rating-stars .rating-stars-container {
    font-size: 0px;
}

.rating-stars .rating-stars-container .rating-star {
    display: inline-block;
    font-size: 32px;
    cursor: pointer;
    padding: 5px 8px;
    color: rgb(235, 238, 251);
}

.rating-stars .rating-stars-container .rating-star.sm {
    display: inline-block;
    font-size: 14px;
    color: rgb(131, 130, 156);
    cursor: pointer;
    padding: 1px;
}

.rating-stars .rating-stars-container .rating-star.is--active, .rating-stars .rating-stars-container .rating-star.is--hover {
    color: rgb(241, 196, 15);
}

.rating-stars .rating-stars-container .rating-star.is--no-hover {
    color: rgb(62, 75, 91);
}

.rating-stars .rating-stars-container .rating-star .fa-heart .is--no-hover {
    color: rgb(62, 75, 91);
}

.rating-stars input {
    display: none;
    margin: 0px auto;
    text-align: center;
    padding: 0.375rem 0.75rem;
    font-size: 0.9375rem;
    line-height: 1.6;
    color: rgb(61, 78, 103);
    background-color: rgb(255, 255, 255);
    background-clip: padding-box;
    border: 1px solid rgb(232, 235, 243);
    border-radius: 3px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.rating-stars.star input {
    display: none;
}

#messages-main {
    position: relative;
    margin: 0px auto;
}

#messages-main::after, #messages-main::before {
    content: " ";
    display: table;
}

#messages-main .ms-menu {
    position: absolute;
    left: 0px;
    top: 0px;
    border-right: 1px solid rgb(232, 235, 243);
    padding-bottom: 50px;
    height: 100%;
    width: 240px;
    background: rgb(255, 255, 255);
}

#messages-main .ms-menu.toggled {
    display: block;
}

#messages-main .ms-body {
    overflow: hidden;
}

#messages-main .ms-user > div {
    overflow: hidden;
    padding: 3px 5px 0px 15px;
    font-size: 11px;
}

#messages-main #ms-compose {
    position: fixed;
    bottom: 120px;
    z-index: 1;
    right: 30px;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 0px 4px, rgba(0, 0, 0, 0.28) 0px 4px 8px;
}

#ms-menu-trigger {
    user-select: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50px;
    height: 100%;
    padding-right: 10px;
    padding-top: 19px;
}

#ms-menu-trigger i {
    font-size: 21px;
}

#ms-menu-trigger.toggled i::before {
    content: "";
}

.fc-toolbar::before, .login-content::after {
    content: "";
}

.message-feed {
    padding: 10px;
}

#footer, .fc-toolbar .ui-button, .fileinput .thumbnail, .four-zero, .four-zero footer > a, .ie-warning, .login-content, .login-navigation, .pt-inner, .pt-inner .pti-footer > a {
    text-align: center;
}

.message-feed.right > .pull-right {
    margin-left: 15px;
}

.message-feed.right .mf-content {
    background: rgb(233, 236, 243);
}

.mf-content {
    padding: 9px;
    border-radius: 2px;
    display: inline-block;
    max-width: 80%;
    position: relative;
}

.message-feed:not(.right) .mf-content::before {
    content: "";
    display: block;
    position: absolute;
    border: 10px solid transparent;
    left: -20px;
    top: 11px;
}

.message-feed.right .mf-content::before {
    content: "";
    display: block;
    position: absolute;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent transparent rgb(233, 236, 243);
    border-image: initial;
    right: -20px;
    top: 11px;
}

.mf-date {
    display: block;
    margin-top: 7px;
}

.mf-date > i {
    font-size: 14px;
    line-height: 100%;
    position: relative;
    top: 1px;
}

.msb-reply {
    position: relative;
    margin-top: 3px;
    background: rgb(255, 255, 255);
    padding: 10px;
    border-radius: 0px 7px 7px;
}

.four-zero, .lc-block {
    box-shadow: rgba(0, 0, 0, 0.27) 0px 1px 11px;
}

.msb-reply textarea {
    width: 100%;
    font-size: 13px;
    border: 0px;
    padding: 10px 15px;
    resize: none;
    background: 0px 0px;
}

.msb-reply button {
    top: 0px;
    right: 0px;
    border: 0px;
    height: 100%;
    width: 60px;
    font-size: 20px;
    color: rgb(255, 255, 255);
    border-radius: 0px 3px 3px 0px;
    line-height: 36px;
}

.img-avatar {
    height: 37px;
    border-radius: 2px;
    width: 37px;
}

.list-group.lg-alt .list-group-item {
    border: 0px;
}

.p-15 {
    padding: 15px !important;
}

.action-header {
    position: relative;
    background: rgb(248, 248, 248);
    padding: 15px 13px 15px 17px;
}

.ah-actions {
    z-index: 3;
    float: right;
    margin-top: 7px;
    position: relative;
}

.actions {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.actions > li {
    display: inline-block;
}

.actions:not(.a-alt) > li > a > i {
    color: rgb(147, 147, 147);
}

.actions > li > a > i {
    font-size: 20px;
}

.actions > li > a {
    display: block;
    padding: 0px 10px;
}

.ms-body {
    background: rgb(255, 255, 255);
    border-radius: 7px;
}

#ms-menu-trigger {
    user-select: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50px;
    height: 100%;
    padding-right: 10px;
    padding-top: 19px;
    cursor: pointer;
}

#ms-menu-trigger, .message-feed.right {
    text-align: right;
}

#ms-menu-trigger, .toggle-switch {
    user-select: none;
}

.message-feed.media .media-body {
    overflow: visible;
}

.message-feed.right .media-body {
    overflow: visible;
}

.amcharts-chart-div a {
    display: none !important;
}

.canvasjs-chart-container a {
    display: none !important;
}

.rotation {
    animation: 2s linear 0s infinite normal none running rotation;
}

@-webkit-keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

.amChartsLegend.amcharts-legend-div {
    display: none;
}

.input-icon .form-group.is-empty .form-control {
    margin-bottom: 0px;
}

.input-icon .form-group.is-empty {
    margin-bottom: 0px;
}

.wizard-card .moving-tab {
    margin-top: 5px;
}

.wizard-card.form-group .form-control {
    background-image: linear-gradient(rgb(196, 196, 196), rgb(196, 196, 196));
}

.wizard-card .choice .icon {
    border: 4px solid rgb(232, 235, 243) !important;
}

.wizard-container .wizard-navigation {
    background: rgb(232, 235, 243);
}

.richText .richText-toolbar ul li a {
    border-right: 1px solid rgb(232, 235, 243);
}

.richText .richText-toolbar {
    border-bottom: 1px solid rgb(233, 236, 243);
}

.richText {
    border: 1px solid rgb(229, 240, 255);
    background-color: rgb(233, 236, 243);
}

.richText .richText-toolbar ul {
    background: rgb(246, 247, 251);
    border-bottom: 1px solid rgb(229, 240, 255);
}

.richText .richText-toolbar {
    background: rgb(246, 247, 251);
    border-top: 1px solid rgb(229, 240, 255);
}

.cal1 .clndr .clndr-table .header-days .header-day {
    border-left: 1px solid rgba(5, 117, 230, 0.1);
    border-top: 1px solid rgb(232, 235, 243);
}

.cal1 .clndr .clndr-table tr .adjacent-month, .cal1 .clndr .clndr-table tr .empty, .cal1 .clndr .clndr-table tr .my-adjacent-month, .cal1 .clndr .clndr-table tr .my-empty {
    border-left: 1px solid rgb(121, 194, 178);
    border-top: 1px solid rgb(121, 194, 178);
    background: rgb(233, 236, 243);
}

.cal1 .clndr .clndr-table tr .day.event, .cal1 .clndr .clndr-table tr .day.my-event {
    background: rgb(246, 247, 251);
}

.cal1 .clndr .clndr-table tr .day.event:hover, .cal1 .clndr .clndr-table tr .day.my-event:hover {
    background: rgb(21, 224, 253);
}

.cal1 {
    font-size: 14px;
    border: 1px solid rgb(232, 235, 243);
}

.cal1 .clndr .clndr-table tr .day {
    border-left: 1px solid rgb(232, 235, 243);
    border-top: 1px solid rgb(232, 235, 243);
}

.cal1 .clndr .clndr-table tr .day:last-child {
    border-right: 1px solid rgb(232, 235, 243);
}

.cal1 .clndr .clndr-table tr .day:hover {
    background: rgb(230, 242, 254);
}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: rgb(227, 237, 252);
}

.fc-event {
    border: 1px solid rgb(232, 235, 243);
}

.fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header {
    background: rgb(233, 236, 243);
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
    background: rgb(9, 172, 202);
}

.fc-today-button fc-button fc-state-default fc-corner-left fc-corner-right fc-state-disabled:focus {
    border: none !important;
    box-shadow: none !important;
}

.fc-unthemed .fc-list-item:hover td {
    background-color: rgb(233, 236, 243);
}

.conv-form-wrapper div#messages div.message.to {
    background: rgb(240, 237, 247);
}

#sidebar .accordion-toggle i {
    color: rgb(255, 255, 255);
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    width: 30px !important;
}

#sidebar ul li.active > a:hover {
    background: rgba(0, 0, 0, 0.01);
    border-radius: 7px;
}

.overflow-hidden {
    overflow: hidden;
}

.kategori-ilan-liste:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 10px;
}

#sidebar ul li a {
    color: rgb(190, 200, 214);
    font-weight: 300;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

#sidebar ul li a .fa {
    width: 26px;
    opacity: 0.99;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    -webkit-font-smoothing: antialiased;
    text-shadow: none;
}

#sidebar li a[aria-expanded="true"] {
    background: rgb(13, 16, 44);
    color: rgb(255, 255, 255);
    box-shadow: rgb(158, 202, 237) 0px 0px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

#sidebar li a[aria-expanded="true"].active::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 5px;
    height: 100%;
    display: block;
    box-shadow: rgb(15, 117, 255) 0px 0px 14px 0px;
}

#sidebar .collapse li a:hover {
    background: rgba(0, 0, 0, 0.01);
    border-radius: 7px;
}

.timeline__content {
    background-color: rgb(234, 240, 249);
}

.tab_wrapper > ul li {
    border-width: 3px 1px 1px;
    border-style: solid;
    border-color: rgb(232, 235, 243);
    border-image: initial;
}

.tab_wrapper > ul {
    border-bottom: 1px solid rgb(232, 235, 243);
}

.tab_wrapper.right_side .content_wrapper {
    border: 1px solid rgb(232, 235, 243);
}

.tab_wrapper.right_side > ul li.active {
    border-color: rgb(232, 235, 243);
}

.tab_wrapper.right_side > ul {
    border-bottom: 1px solid rgb(232, 235, 243);
}

.tab_wrapper.right_side > ul li::after {
    background: rgb(232, 235, 243);
}

.job-box-filter label {
    width: 100%;
}

.job-box-filter select.input-sm {
    display: inline-block;
    max-width: 120px;
    margin: 0px 5px;
    border: 1px solid rgb(232, 235, 243);
    border-radius: 2px;
    height: 34px;
    font-size: 15px;
}

.job-box-filter label input.form-control {
    max-width: 200px;
    display: inline-block;
    border: 1px solid rgb(232, 235, 243);
    border-radius: 2px;
    margin-left: 5px;
    font-size: 15px;
}

.text-right {
    text-align: right;
}

.job-box-filter {
    padding: 12px 15px;
    border-bottom: 1px solid rgb(232, 235, 243);
}

.job-box {
    display: inline-block;
    width: 100%;
    padding: 0px;
}

.job-box-filter a.filtsec {
    margin-top: 8px;
    display: inline-block;
    margin-right: 15px;
    padding: 4px 10px;
    font-family: Roboto, sans-serif;
    transition: all 0.4s ease 0s;
    background: rgb(237, 240, 243);
    border-radius: 50px;
    font-size: 13px;
    color: rgb(129, 160, 177);
    border: 1px solid rgb(226, 232, 239);
}

.job-box-filter a.filtsec.active {
    color: rgb(255, 255, 255);
    background: rgb(22, 38, 44);
    border-color: rgb(22, 38, 44);
}

.job-box-filter a.filtsec i {
    color: rgb(3, 169, 244);
    margin-right: 5px;
}

.job-box-filter a.filtsec:focus, .job-box-filter a.filtsec:hover {
    color: rgb(255, 255, 255);
    background: rgb(7, 177, 7);
    border-color: rgb(7, 177, 7);
}

.job-box-filter a.filtsec:focus i, .job-box-filter a.filtsec:hover i {
    color: rgb(255, 255, 255);
}

.job-box-filter h4 i {
    margin-right: 10px;
}

.inbox-message ul {
    padding: 0px;
    margin: 0px;
}

.inbox-message ul li {
    list-style: none;
    position: relative;
    padding: 15px 20px;
    border-bottom: 1px solid rgb(232, 235, 243);
}

.inbox-message ul li:focus, .inbox-message ul li:hover {
    background: rgb(233, 236, 243);
}

.inbox-message .message-avatar {
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
}

.message-avatar img {
    display: inline-block;
    width: 54px;
    height: 54px;
    border-radius: 50%;
}

.inbox-message .message-body {
    margin-left: 85px;
    font-size: 15px;
    color: rgb(167, 180, 201);
}

.message-body-heading h5 {
    font-weight: 600;
    display: inline-block;
    color: rgb(167, 180, 201);
    margin: 0px 0px 7px;
    padding: 0px;
}

.message-body h5 span {
    border-radius: 50px;
    line-height: 14px;
    font-size: 12px;
    color: rgb(255, 255, 255);
    font-style: normal;
    padding: 4px 10px;
    margin-left: 5px;
    margin-top: -5px;
}

.message-body h5 span.unread {
    background: rgb(7, 177, 7);
}

.message-body h5 span.important {
    background: rgb(221, 32, 39);
}

.message-body h5 span.pending {
    background: rgb(33, 150, 243);
}

.message-body-heading span {
    float: right;
    font-size: 14px;
}

.messages-inbox .message-body p {
    margin: 0px;
    padding: 0px;
    line-height: 27px;
    font-size: 15px;
}

@media (max-width: 320px) {
    .perfect-datetimepicker {
        font-size: 12px !important;
    }
}

@media (max-width: 600px) {
    .job-box-filter label {
        width: 100%;
        text-align: center;
    }

    .message-body h5 span.pending, .message-body h5 span.unread {
        display: none;
    }
}

#index-video .index-video-container {
    position: relative;
    overflow: hidden;
}

#index-video .index-video-container::after {
    inset: 0px;
    content: "";
    opacity: 0.7;
    position: absolute;
    z-index: 1;
}

#index-video .index-video-container .videocaption {
    left: 1%;
    position: absolute;
    right: 1%;
    text-align: center;
    top: 30%;
    z-index: 2;
}

@media (min-width: 569px) and (max-width: 992px) {
    #index-video .index-video-container .videocaption {
        top: 33%;
    }

    .item-card-img h3.text-white {
        font-size: 1rem;
    }

    .item-card2 h4.bg-light.p-3 {
        font-size: 0.8rem;
    }
}

@media (max-width: 448px) {
    #index-video .index-video-container .videocaption {
        top: 12%;
    }
}

#index-video .index-video-container .videocaption h2 {
    font-size: 4.5em;
    font-weight: 900;
    box-sizing: content-box;
    border: none;
    color: rgb(255, 255, 255);
    text-align: center;
    text-overflow: clip;
    text-shadow: rgb(204, 204, 204) 0px 1px 0px, rgb(201, 201, 201) 0px 2px 0px, rgb(187, 187, 187) 0px 3px 0px, rgb(185, 185, 185) 0px 4px 0px, rgb(170, 170, 170) 0px 5px 0px, rgba(0, 0, 0, 0.098) 0px 6px 1px, rgba(0, 0, 0, 0.098) 0px 0px 5px, rgba(0, 0, 0, 0.298) 0px 1px 3px, rgba(0, 0, 0, 0.2) 0px 3px 5px, rgba(0, 0, 0, 0.247) 0px 5px 10px, rgba(0, 0, 0, 0.2) 0px 10px 10px, rgba(0, 0, 0, 0.15) 0px 20px 20px;
    transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0s;
}

#index-video .index-video-container .videocaption h4 {
    color: rgb(255, 255, 255);
    font-size: 2em;
    margin-top: 25px;
}

#index-video .index-video-container .videocaption .btn-slide {
    background: rgb(246, 36, 89);
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 300;
    margin: 25px auto 10px;
    padding: 20px 50px;
    border-radius: 0px;
    text-transform: uppercase;
}

#index-video .index-video-container .videocaption .btn-slide:hover {
    background: rgb(255, 255, 255);
    color: rgb(51, 51, 51);
}

#index-video video {
    width: 100%;
    background-size: cover;
    position: absolute;
    top: 0px;
    left: 0px;
}

.video-list-thumbs > li {
    margin-bottom: 12px;
}

.video-list-thumbs > li > a {
    display: block;
    position: relative;
    color: rgb(107, 111, 128);
    padding: 8px;
    transition: all 0.5s ease-in-out 0s;
    border-radius: 4px;
}

.video-list-thumbs h2 {
    bottom: 0px;
    font-size: 14px;
    height: 33px;
    margin: 8px 0px 0px;
}

.video-list-thumbs span {
    font-size: 50px;
    opacity: 0.8;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 42%;
    margin: 0px auto;
    text-align: center;
    transition: all 0.5s ease-in-out 0s;
}

@media (max-width: 768px) {
    .video-list-thumbs span {
        top: 29%;
    }

    .detay-ust {
        margin-top: 20px !important;
    }
}

.video-list-thumbs > li > a:hover .fa {
    color: rgb(255, 255, 255);
    opacity: 1;
    text-shadow: rgba(0, 0, 0, 0.8) 0px 1px 3px;
}

.video-list-thumbs .duration {
    background-color: rgb(0, 0, 0);
    border-radius: 0px;
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: 700;
    left: 12px;
    line-height: 9px;
    padding: 5px 8px;
    position: absolute;
    bottom: 12px;
    transition: all 0.5s ease 0s;
}

.video-list-thumbs > li > a:hover .duration {
    background-color: rgb(0, 0, 0);
}

@media (min-width: 320px) and (max-width: 480px) {
    .video-list-thumbs .fa {
        font-size: 35px;
    }

    .video-list-thumbs h2 {
        bottom: 0px;
        font-size: 12px;
        height: 22px;
        margin: 8px 0px 0px;
    }
}

@media (min-width: 993px) and (max-width: 1024px) {
    .item-card2 .icons.text-muted.mr-4, .item-card9 .icons.text-muted.mr-4 {
        margin-right: 0.5rem !important;
    }
}

@media (max-width: 1024px) {
    .item-card2 p.leading-tight, .item-card9 p.leading-tight {
        -webkit-line-clamp: 1 !important;
    }
}

@media (max-width: 992px) {
    .navtab-wizard li a {
        padding: 1rem !important;
    }

    .search-background {
        background: 0px 0px;
        border-radius: 0px;
    }

    .search-background .form-group {
        margin-bottom: 10px !important;
    }

    .filter-product-info .table td {
        display: -webkit-box;
        padding: 3px !important;
    }

    .product-singleinfo .border-left {
        border-left: 0px !important;
    }

    .support .border-right {
        border-right: 0px !important;
    }

    .support-service.bg-dark {
        margin-bottom: 10px;
    }

    .wideget-user-info .wideget-user-warap .wideget-user-warap-r {
        margin-left: 5rem !important;
    }

    .wideget-user-desc .user-wrap {
        margin-top: 0px !important;
        margin-left: 10px !important;
    }

    .product-singleinfo .product-item2-align dt {
        width: 0px !important;
        float: none !important;
    }

    .product-singleinfo .product-item2-align dt, dd {
        display: -webkit-box !important;
    }

    .product-singleinfo .product-item2-align dd {
        margin-left: 0px !important;
    }

    .item-single .item-single-desc .item-single-desc1 {
        display: block !important;
    }

    .product-5-desc a {
        float: right;
    }

    .get-contact a:last-child {
        margin-right: 0px;
    }

    .header-search .header-nav .nav-cart .icon-cart span {
        display: none;
    }

    .header-nav .header-search-logo .header-logo .header-brand-img {
        height: auto;
        line-height: 2rem;
        vertical-align: bottom;
        margin-right: 0.5rem;
        width: auto;
    }

    .header-search .header-search-logo {
        text-align: center;
    }

    .wideget-user .wideget-user-desc .user-wrap a.btn {
        margin-bottom: 5px;
    }

    .product-single .product-thumbimg {
        margin-bottom: 10px;
    }

    .product-single .product-info a {
        margin-bottom: 10px;
    }

    .item-single .item-single-desc .input-group {
        margin-bottom: 10px;
    }

    .product-item2-desc .label-rating {
        margin-right: 4px !important;
    }

    .card-blogs .card-item-desc.p-0 {
        margin-left: 15px;
    }

    .license-card-price.text-center {
        text-align: left !important;
    }

    .product-details td a.btn {
        margin-bottom: 5px;
    }

    .wideget-user-info .wideget-user-warap {
        margin-top: 15px;
    }

    .product-singleinfo .product-item2-desc {
        margin-bottom: 10px;
    }

    .header-search .header-inputs .input-group-prepend {
        width: 100%;
        margin-bottom: 10px;
    }

    .header-search .header-inputs .input-group > .form-control {
        width: 100%;
        margin-bottom: 10px;
    }

    .header-search .header-inputs .input-group-append {
        width: 100%;
        margin-bottom: 15px;
    }

    .header-search .header-inputs .input-group-append > .btn {
        width: 100%;
        display: block;
    }

    .header-main .get-contact a {
        border-left: 0px !important;
        padding-left: 0px !important;
    }

    .header-main .get-contact {
        margin-bottom: 15px;
    }

    .header-main .social-icons {
        text-align: center;
        float: none !important;
    }

    .header-main .social-icons li:last-child {
        margin-right: 0px;
    }

    .header-search .header-icons .header-icons-link li {
        margin: 0px auto !important;
    }

    .header-search .header-icons {
        float: none !important;
        text-align: center !important;
    }

    .top-bar {
        text-align: center;
    }

    .top-bar .top-bar-left .contact {
        border-left: 0px !important;
        margin-left: 0px !important;
        padding-left: 0px !important;
    }

    .top-bar .top-bar-left .contact li {
        margin: 0px !important;
    }

    .item-search-menu ul li {
        text-align: center;
        border-radius: 3px;
    }

    .item-search-menu ul li a {
        border-radius: 3px !important;
    }

    .item-search-tabs .form-group:last-child {
        margin-bottom: 0px !important;
    }

    .item-search-tabs .form-group {
        margin-bottom: 10px !important;
    }

    .item-search-tabs .bg-white {
        background: 0px 0px !important;
    }

    .item-search-tabs .tab-content {
        background: 0px 0px !important;
        border: 0px !important;
    }

    .item1-card .item1-card-btn {
        margin-top: 15px;
    }

    .item1-card .item1-card-info {
        margin-top: 15px;
    }

    .items-blog-tab-heading .items-blog-tab-menu li {
        text-align: center;
        margin-bottom: 10px;
    }

    .items-blog-tab-heading .items-blog-tab-menu li a {
        display: block;
    }

    .item2-gl .item2-gl-nav select {
        text-align: center;
    }

    .item2-gl-nav h6 {
        text-align: center;
    }

    .item-card .item-card-img img {
        width: 100%;
    }

    .item-card2-img img {
        width: 100%;
    }

    .item-card9-img img {
        width: 100%;
    }

    .product-info .product-info-img img {
        width: 100%;
    }

    .item-card4-img img {
        width: 100%;
    }

    .item-card5-img img {
        width: 100%;
    }

    .item-card7-img img {
        width: 100%;
    }

    .item-card8-img img {
        width: 100%;
    }

    .overview .overview-img img {
        width: 100%;
    }

    .video-list-thumbs img {
        width: 100%;
    }

    .search1 {
        background: 0px 0px !important;
    }

    .search1 .form-group {
        margin-bottom: 15px !important;
    }

    .search2 a.btn {
        margin-top: 15px;
    }

    .search3 {
        background: 0px 0px !important;
    }

    .search3 .form-group {
        margin-bottom: 15px !important;
    }

    .item-user-icons {
        margin-left: 10px;
    }

    .item1-card-tab .item1-tabs-menu ul li {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .item1-card-tab .item1-tabs-menu ul li:last-child {
        margin-bottom: 0px;
    }

    .user-wideget h6 {
        margin-top: 5px;
    }

    .header-main .top-bar.p-3 .contact {
        display: none;
    }

    .bannerimg .header-text h1 {
        display: block;
        margin-bottom: 0.5rem;
        font-size: 2rem;
    }

    .all-categories .row .card-body {
        border-bottom: 0px !important;
    }

    .ace-responsive-menu {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .item-card9-desc a {
        font-size: 12px;
    }

    .item-card2-footer a {
        font-size: 12px;
    }

    .item7-card-desc a {
        font-size: 12px;
    }

    .map-header1 {
        margin-bottom: 1.5rem !important;
    }

    .carousel-control-next {
        right: 0px !important;
    }

    .carousel-control-prev {
        left: 0px !important;
    }

    .app-btn a {
        width: 100%;
        margin-bottom: 1rem;
    }

    .app-btn a:last-child {
        margin-bottom: 0px;
    }

    .sub-newsletter {
        margin-bottom: 1rem;
        text-align: center;
        display: block !important;
    }

    .fea-ad .card {
        margin-bottom: 1.5rem !important;
    }

    .cat-slide .card {
        margin-bottom: 1.5rem !important;
    }

    .product-slider #thumbcarousel .carousel-item .thumb {
        max-width: 85px !important;
    }

    .advertisment-block img {
        width: 100%;
    }

    .usertab-list li {
        width: 100% !important;
    }

    .userprof-tab .media {
        display: block !important;
    }

    .userprof-tab .media-body {
        display: contents;
        width: 100%;
    }

    .userprof-tab .media-body .card-item-desc {
        margin-left: 0px !important;
    }

    .userprof-tab .btn {
        margin-bottom: 0.3rem;
    }

    .page-header .page-select {
        width: 35% !important;
    }

    .customerpage .card {
        margin-bottom: 1.5rem !important;
    }

    .ads-tabs .tabs-menus ul li a {
        text-align: center;
        padding: 8px 10px !important;
    }

    .ads-tabs .tabs-menus ul {
        text-align: center;
    }

    .ads-tabs .tabs-menus ul li {
        display: -webkit-box;
        text-align: center;
        margin-bottom: 1.5rem;
    }

    .ads-tabs .tabs-menus ul li:last-child {
        margin-bottom: 0px;
    }

    .settings-tab .tabs-menu li a {
        border-bottom: 1px solid rgba(167, 180, 201, 0.2);
        border-right: 0px !important;
    }
}

@media (max-width: 320px) {
    .product-item2-desc .label-rating {
        float: none !important;
        margin-top: 4px !important;
    }
}

@media (min-width: 569px) and (max-width: 767px) {
    .product-item2-desc .label-rating {
        float: none !important;
        margin-top: 4px !important;
    }
}

@media (max-width: 400px) {
    .item-search-menu ul li a {
        width: 100%;
        display: block;
        margin: 0px 0px 8px !important;
    }
}

@media (max-width: 767px) {
    .item2-gl-nav {
        display: block !important;
    }

    .item2-gl-nav .item2-gl-menu li {
        text-align: center;
        margin: 0px auto;
        padding: 10px 0px;
    }

    .item2-gl-nav label {
        display: block;
        float: none;
        text-align: center;
        width: 30%;
    }

    .item2-gl-nav .d-flex {
        text-align: center;
        width: 100%;
    }

    .item2-gl-nav .form-control.select-sm.w-70 {
        width: 70% !important;
    }
}

@media (max-width: 568px) {
    .items-blog-tab-heading .items-blog-tab-menu li {
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .header-main .top-bar-right .custom {
        text-align: right;
        float: right;
        margin-bottom: 0px !important;
    }

    .settings-tab .tabs-menu li {
        width: 100% !important;
    }

    .top-bar .top-bar-right {
        text-align: center;
        margin: 0px auto;
        float: none !important;
        display: block !important;
    }

    .header-main .top-bar-right .custom li {
        margin-bottom: 0.5rem;
    }

    .item2-gl-nav {
        display: block !important;
    }

    .item2-gl-nav .item2-gl-menu li {
        text-align: center;
        margin: 0px auto;
        padding: 10px 0px;
    }

    .item2-gl-nav label {
        display: block;
        float: none;
        text-align: center;
    }

    .header-main .top-bar-right .custom li a span {
        display: none;
    }

    .top-bar .top-bar-left .socials li {
        float: left !important;
        margin: 9px 11px !important;
    }

    .item2-gl .item2-gl-nav select {
        width: 100% !important;
    }
}

@media (min-width: 992px) and (max-width: 1300px) {
    .product-slider #thumbcarousel .carousel-item .thumb {
        max-width: 85px !important;
    }
}

@media (min-width: 569px) and (max-width: 992px) {
    .top-bar .top-bar-left .socials li {
        margin: 9px 12px !important;
    }
}

@media (min-width: 481px) and (max-width: 992px) {
    .owl-product .owl-productimg {
        margin: 0px auto;
        width: 100% !important;
        height: 100% !important;
    }

    .art-wideget .art-details {
        margin-top: 10px;
    }

    .header-search .header-icons .header-icons-link1 .main-badge1 {
        top: -11px !important;
    }

    .user-wideget .widget-image {
        top: 50% !important;
    }

    .banner1 .header-text h2 span {
        padding: 0px !important;
    }

    .banner1 .header-text h3 span {
        padding: 0px !important;
    }

    .banner1 .header-text {
        top: 20% !important;
    }

    .item-card:hover .item-card-btn {
        left: 42%;
    }

    .product-img {
        margin: 0px auto;
        text-align: center;
    }

    .banner-2 .header-text {
        top: 0.5rem !important;
    }

    .banner-2 img {
        height: 33rem;
    }

    .item-search-tabs {
        margin-top: 1rem !important;
    }

    .userprof-tab .media {
        display: block !important;
    }

    .userprof-tab .media-body {
        display: contents;
        width: 100%;
    }

    .userprof-tab .media-body .card-item-desc {
        margin-left: 0px !important;
    }

    .userprof-tab .btn {
        margin-bottom: 0.3rem;
    }

    .wideget-user-tab .tabs-menu1 ul li a {
        padding: 5px !important;
    }

    .wideget-user-tab .tab-menu-heading .nav li a {
        font-size: 14px !important;
    }

    .header-search .header-search-logo {
        margin-top: 5px;
    }

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

@media (min-width: 992px) and (max-width: 1024px) {
    .item-card .item-card-img img {
        width: 100%;
    }

    .item-card2-img img {
        width: 100%;
    }

    .item-card9-img img {
        width: 100%;
    }

    .product-info .product-info-img img {
        width: 100%;
    }

    .item-card4-img img {
        width: 100%;
    }

    .item-card5-img img {
        width: 100%;
    }

    .item-card7-img img {
        width: 100%;
    }

    .item-card8-img img {
        width: 100%;
    }

    .overview .overview-img img {
        width: 100%;
    }

    .video-list-thumbs img {
        width: 100%;
    }

    .header-main .get-contact a {
        border-left: 0px !important;
        padding-left: 0px !important;
    }

    .header-main .get-contact {
        margin-bottom: 15px;
    }

    .header-search .header-inputs {
        margin-bottom: 15px;
    }

    .header-main .social-icons {
        text-align: center;
        float: none !important;
    }

    .header-main .social-icons li:last-child {
        margin-right: 0px;
    }

    .header-search .header-icons .header-icons-link {
        float: right;
    }

    .header-search .header-icons {
        float: none !important;
        text-align: center !important;
    }

    .top-bar {
        text-align: center;
    }

    .top-bar .top-bar-left {
        text-align: center;
    }

    .top-bar .top-bar-left .contact {
        border-left: 0px !important;
        padding-left: 0px !important;
        margin: 12px 0px !important;
    }

    .top-bar .top-bar-left .socials li {
        margin: 12px 15px !important;
    }

    .top-bar .top-bar-right {
        text-align: center;
        margin: 0px auto;
        float: none !important;
        display: block !important;
    }

    .top-bar .top-bar-left .contact li:first-child {
        margin-right: 1.5rem !important;
    }

    .product-multiinfo .product-ship p a:first-child {
        margin-bottom: 5px;
    }

    .product-singleinfo .product-ship p a:first-child {
        margin-bottom: 5px;
    }

    .banner-2 img {
        height: 27rem;
    }

    .items-blog-tab-heading .items-blog-tab-menu li {
        text-align: center;
        margin-bottom: 10px;
    }

    .ace-responsive-menu {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .header-main .top-bar-right .custom {
        display: -webkit-inline-box !important;
        margin-bottom: 0.8rem !important;
        margin-top: 0.8rem !important;
    }

    .icon-card li {
        font-size: 10px;
    }

    .support-service.bg-dark {
        margin-bottom: 10px;
    }

    .cat-slide .card {
        margin-bottom: 1.5rem !important;
    }

    .fea-ad .card {
        margin-bottom: 1.5rem !important;
    }

    .advertisment-block img {
        width: 100%;
    }

    .header-main .post-btn {
        margin-top: 5px;
    }

    .customerpage .card {
        margin-bottom: 1.5rem !important;
    }

    .ads-tabs .tabs-menus ul li a {
        padding: 8px 10px !important;
    }
}

@media (max-width: 480px) {
    .item-all-card img.imag-service {
        width: 20% !important;
    }

    .section-title h1 {
        font-size: 2rem;
    }

    .item-all-cat .category-type .item-all-card img {
        width: 4rem !important;
        height: 4rem !important;
        padding: 1rem 0px !important;
    }

    .banner1 .header-text h2 span {
        padding: 0px !important;
    }

    .banner1 .header-text h2 {
        font-size: 18px !important;
    }

    .banner1 .header-text h3 {
        font-size: 14px !important;
    }

    .banner1 .header-text h3 span {
        padding: 0px !important;
    }

    .card-blogs .card-item-desc.p-0 .card-item-wrap .footer-wrap-price del {
        display: none;
    }

    .card-blogs .card-item-desc.p-0 .card-item-wrap .footer-wrap-price span.h5 {
        font-size: 12px !important;
    }

    .card-pay .tabs-menu li {
        width: 100% !important;
    }

    .header-search .header-icons .header-icons-link1 .main-badge1 {
        top: -19px !important;
    }

    .product-details .card-item-desc {
        display: none !important;
    }

    .art-wideget .art-details {
        margin-top: 10px;
    }

    .support .support-service i {
        margin-bottom: 20px;
        float: none !important;
        margin-right: 0px !important;
    }

    .support .support-service {
        text-align: center;
    }

    .banner-1.sptb-2 {
        padding-top: 0px !important;
        padding-bottom: 12rem !important;
    }

    .item-card7-desc ul li {
        font-size: 12px;
    }

    .item-card2-desc ul li {
        font-size: 12px;
    }

    .banner-2 .header-text {
        top: 0.5rem !important;
    }

    .banner-2 img {
        height: 33rem;
    }

    .item-search-tabs {
        margin-top: 1rem !important;
    }

    .bannerimg .header-text {
        font-size: 1.5rem;
    }

    .bannerimg .header-text .breadcrumb-item {
        font-size: 14px;
    }

    .icons a {
        margin-bottom: 0.5rem;
    }

    .item-det ul li {
        font-size: 11px;
        margin-right: 0.5rem !important;
    }

    .product-slider #thumbcarousel .carousel-item .thumb {
        max-width: 60px !important;
    }

    .userprof-tab .media {
        display: block !important;
    }

    .userprof-tab .media-body {
        display: contents;
        width: 100%;
    }

    .userprof-tab .media-body .card-item-desc {
        margin-left: 0px !important;
    }

    .userprof-tab .btn {
        margin-bottom: 0.3rem;
    }
}

@media (max-width: 992px) {
    .horizontal-header .container {
        position: relative;
    }
}

@media (max-width: 320px) {
    .item-card7-desc ul li {
        font-size: 11px;
    }

    .item-card2-desc ul li {
        font-size: 11px;
    }

    .item-card .item-card-desc .item-card-text {
        top: 5.5rem !important;
    }

    .item7-card-desc a {
        font-size: 11px;
    }
}

@media (max-width: 375px) {
    .product-slider #thumbcarousel .carousel-item .thumb {
        max-width: 49px !important;
    }
}

@media (max-width: 320px) {
    .product-slider #thumbcarousel .carousel-item .thumb {
        max-width: 40px !important;
    }
}

@media (max-width: 1336px) {
    .filter-product-info .table td {
        display: -webkit-box;
        padding: 3px !important;
    }
}

.all-categories .row .card-body {
    border-bottom: 1px solid rgb(232, 235, 243);
}

.all-categories .row:last-child .card-body {
    border-bottom: 0px !important;
}

.clear, .current, .ok {
    background: rgb(233, 236, 251);
    border-radius: 20px;
}

.today {
    background: rgb(233, 236, 251);
}

.graph canvas {
    width: 100% !important;
}

.trend i {
    vertical-align: middle;
    font-size: 10px !important;
}

.trend .media-body {
    margin-left: 10px;
}

.widgetdate {
    float: right;
    border-radius: 4px;
    background: rgb(255, 255, 255);
    padding: 0px 15px;
}

.widgetdate p {
    margin-bottom: 0px;
    margin-top: 5px;
}

.widgetdate h6 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 5px;
}

.footerimg img {
    width: 35px;
    height: 35px;
}

.card-img-overlay1 {
    inset: 0px;
    width: 100%;
    height: 100%;
    padding: 1.25rem;
}

.card-img-overlay1 .card-trans {
    position: absolute;
    bottom: 20px;
    left: 15px;
    right: 15px;
    background: rgb(13, 16, 44);
    padding: 20px;
    border-radius: 7px;
}

.card-img-overlay1 .widgetbox {
    top: 0px;
    left: 0px;
    border-radius: 7px;
    background: rgb(255, 255, 255);
    padding: 0px 15px;
}

.user-wideget-text {
    position: relative;
    margin-bottom: -38px;
}

.widget-image img {
    width: 50px;
    height: 50px;
    border: 5px solid rgb(255, 255, 255);
}

.wideget-img {
    inset: 0px;
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 1.25rem;
}

.datebox {
    top: 0px;
    left: 0px;
    border-radius: 7px;
    background: rgb(255, 255, 255);
    padding: 0px 15px;
}

.iconbage .badge {
    position: absolute;
    top: 14px;
    right: 13px;
    padding: 0.2rem 0.25rem;
    min-width: 1rem;
    font-size: 13px;
}

.single-product .product-desc .product-icons .socialicons a {
    width: 2em;
    height: 2em;
    line-height: 2em;
    border-radius: 50%;
    font-size: 1em;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid rgb(238, 242, 249);
    color: rgb(7, 5, 16);
    margin: 0px auto;
    text-align: center;
}

.card-blog-overlay6 {
    background: url("../images/banners/subscribe.jpg") 0% 0% / cover;
}

.card-blog-overlay6::before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(107, 34, 251, 0.6);
    width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
}

.card-aside-column1 {
    min-width: 8rem;
    width: 40%;
    flex: 0 0 40%;
    background: center center / cover no-repeat;
}

.blogimg {
    width: 100px;
}

.subnews img {
    width: 25%;
    height: 25%;
}

.task-img img {
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.status-img img {
    width: 70px;
    height: 70px;
    margin: 0px auto;
}

.product-hover {
    position: relative;
}

.product-hover .product-info-buttons {
    position: absolute;
    display: none;
    text-align: center;
    top: 45%;
    margin: 0px auto;
    left: 0px;
    width: 100%;
    height: 100%;
    right: 0px;
}

.product-hover:hover.product-hover::before {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    position: absolute;
    inset: 0px;
    z-index: 100;
}

.product-hover:hover .product-info-buttons {
    display: block;
    z-index: 1000;
}

.spacing {
    padding: 1.5rem;
}

.search-background {
    background: rgb(255, 255, 255);
    border-radius: 3px;
    overflow: hidden;
}

.search1 {
    background: rgb(255, 255, 255);
    border-radius: 2px;
    overflow: hidden;
}

.search2 {
    background: rgb(255, 255, 255);
    padding: 30px;
    border-radius: 2px;
    overflow: hidden;
}

.search3 {
    background: rgb(255, 255, 255);
    border-radius: 2px;
}

.search3 a.btn {
    font-size: 0.8625rem;
}

.card-blog-img {
    background: url("../images/other/about.jpg") 0% 0% / cover;
}

.card-blog-img::before {
    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(-225deg, rgba(11, 12, 25, 0.6) 0px, rgba(11, 12, 25, 0.6) 48%, rgba(11, 12, 25, 0.6) 100%);
    width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
}

.product-single .product-thumbimg img {
    width: 130px;
    height: 130px;
}

.page-header .page-select {
    width: 20%;
}

.footer-main .social li {
    float: left;
    margin-right: 15px;
    display: inline-block;
    list-style: none;
    font-size: 20px;
}

.footer-main .social li a {
    color: rgb(167, 180, 201);
    line-height: 0;
}

.social li {
    margin-right: 15px;
    display: inline-block;
    list-style: none;
    font-size: 15px;
    float: right;
}

.social-icons li a {
    color: rgb(255, 255, 255);
}

.social-icons li {
    display: inline-block;
    list-style: none;
    font-size: 15px;
    width: 40px;
    height: 40px;
    margin: 1px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 40px;
}

.social li a {
    color: rgba(255, 255, 255, 0.6);
    line-height: 0;
}

.footer-main .payments li {
    float: left;
    margin-right: 15px;
    display: inline-block;
    list-style: none;
    font-size: 20px;
}

.footer-main .payments li a {
    color: rgba(255, 255, 255, 0.6);
    line-height: 0;
}

.footer-main h6 {
    font-size: 18px;
    margin-bottom: 1.2rem;
}

footer .border-bottom {
    border-bottom: 1px solid rgba(167, 180, 201, 0.1) !important;
}

.footer-main p {
    color: rgb(246, 246, 246);
    font-size: 16px;
}

.footer-main a {
    line-height: 2;
    transition: opacity 0.2s ease 0s;
    font-size: 13px;
    color: rgb(246, 246, 246) !important;
}

.footer-main.footer-main1 a {
    color: rgb(7, 5, 16);
}

.footer-main.footer-main1 .form-control {
    border: 1px solid rgb(232, 235, 243) !important;
}

.footer-links a {
    color: rgba(255, 255, 255, 0.8);
}

.footer-links a:hover {
    text-decoration: none;
}

@media (max-width: 992px) {
    .footer-main h6 {
        margin-top: 2rem;
    }

    footer.bg-dark .text-left {
        text-align: center !important;
    }

    footer.bg-dark .social li {
        float: none;
        text-align: center;
    }

    footer.bg-dark .social {
        text-align: center;
    }

    .footer-main .row div:first-child h6 {
        margin-top: 0px;
    }
}

.list-catergory ul li {
    line-height: 2;
}

.product-tags a {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px 10px;
    border-radius: 2px;
    color: rgb(166, 163, 186);
    font-size: 12px;
    border: 1px solid rgb(232, 235, 243);
}

.product-tags li a:hover {
    border-radius: 2px;
    color: rgb(255, 255, 255) !important;
}

.media-posts {
    width: 100%;
    height: 233px;
    overflow: hidden;
}

.media-posts:hover {
    overflow: scroll;
}

.icon-bg i {
    font-size: 2.5rem;
}

.icon-service {
    display: inline-flex;
    width: 120px;
    height: 120px;
    text-align: center;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
}

.bg-success-transparent {
    background-color: rgba(0, 230, 130, 0.1);
}

.bg-success-transparent:hover {
    background-color: rgb(0, 230, 130);
}

.bg-info-transparent {
    background-color: rgba(0, 214, 230, 0.3);
}

.bg-warning-transparent {
    background-color: rgba(255, 162, 43, 0.3);
}

.bg-danger-transparent {
    background-color: rgba(255, 56, 43, 0.1);
}

.bg-pink-transparent {
    background-color: rgba(255, 43, 136, 0.1);
}

.bg-purple-transparent {
    background-color: rgba(96, 77, 216, 0.1);
}

.bg-dark-transparent {
    background-color: rgba(0, 0, 0, 0.3);
}

.box-shadow {
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 6px 0px !important;
}

.support-service {
    padding: 1.5rem;
    border: 1px solid rgb(232, 235, 243);
    background: rgb(242, 243, 248);
}

.support-service i {
    float: left;
    margin-right: 15px;
    font-size: 1.5rem;
    line-height: 40px;
    width: 45px;
    text-align: center;
    height: 45px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.support-service h6 {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0px;
}

.support-service p {
    margin-bottom: 0px;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.5);
}

.counter-icon {
    margin-bottom: 1rem;
    display: inline-flex;
    width: 4rem;
    height: 4rem;
    padding: 1.3rem 1.4rem;
    border-radius: 50%;
    text-align: center;
}

.counter-icon i {
    font-size: 1.2rem;
}

.get-contact a {
    color: rgb(33, 37, 41);
    margin-right: 15px;
    font-size: 16px;
    display: inline-block;
}

.get-contact i {
    font-size: 18px;
}

.filter-product-social .social-icon2 li {
    color: rgb(33, 37, 41);
    margin-right: 35px;
    display: inline-block;
    list-style: none;
    font-size: 20px;
}

.filter-product-social .social-icons li a {
    color: rgb(33, 37, 41);
}

.header-main .social-icons {
    float: right;
}

.header-main .social-icons li {
    color: rgb(33, 37, 41);
    margin-right: 35px;
    display: inline-block;
    list-style: none;
    font-size: 20px;
}

.header-main .social-icons li a {
    color: rgb(33, 37, 41);
}

.header-search {
    padding: 1.5rem;
    background: rgb(255, 255, 255);
}

.header-search .header-icons .header-icons-link {
    display: flex;
    margin-bottom: 0px;
}

.header-search .header-icons .header-icons-link li {
    background: rgb(233, 236, 243);
    width: 40px;
    height: 40px;
    border-radius: 50px;
    text-align: center;
    line-height: 2.5;
    margin-right: 5px;
}

.header-search .header-icons .header-icons-link .header-icons-link1, .header-search .header-icons .header-icons-link .header-icons-link2 {
    width: 2.5rem;
    text-align: center;
    height: 2.5rem;
    font-size: 16px;
    position: relative;
}

.header-search .header-icons .header-icons-link1 .main-badge1 {
    position: absolute;
    top: -9px;
    right: -15px;
    text-align: center;
    font-size: 10px;
}

.header-search .header-icons .header-icons-link.icons li {
    background: rgb(255, 255, 255);
}

.top-bar {
    border-bottom: 1px solid rgb(232, 235, 243);
    background: rgb(255, 255, 255);
}

.top-bar, .top-bar a, .top-bar i {
    color: rgb(74, 74, 74) !important;
}

.top-bar-left ul {
    margin-bottom: 0px;
}

.top-bar .top-bar-right {
    float: right;
}

.top-bar .top-bar-left {
    display: flex;
}

.top-bar .top-bar-left .socials li {
    float: left;
    font-size: 15px;
    height: 37px;
    align-items: center;
    display: inline-flex;
}

.top-bar .top-bar-left .contact li {
    margin: 10px 5px;
    display: inline-block;
    color: rgb(7, 5, 16);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgb(54, 65, 84) !important;
}

.select-country .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: rgb(80, 78, 112) !important;
}

.top-bar .top-bar-right {
    display: flex;
}

.header-search .header-inputs .input-group-append.searchicon {
    top: 10px;
    right: 25px;
    position: relative;
}

.header-search .header-search-logo {
    margin-right: 1rem;
}

.header-search .header-nav .nav-cart .icon-cart i {
    font-size: 18px;
    color: rgb(167, 180, 201);
}

.header-search .header-nav .nav-cart .icon-cart a {
    color: rgb(167, 180, 201);
}

.header-nav {
    display: flex;
}

.header-links {
    padding: 3px;
}

.header-links li {
    margin: 5px;
}

.header-links li a {
    padding: 9px 18px;
    border-radius: 3px;
}

.rated-products .media {
    padding-bottom: 15px;
    border-bottom: 1px solid rgb(232, 235, 243);
}

.rated-products .media:last-child {
    padding-bottom: 0px;
    border-bottom: 0px;
}

.rated-products .media img {
    width: 80px;
    height: 80px;
}

.rated-products img {
    border: 1px solid rgb(232, 235, 243);
    padding: 5px;
    background: rgb(246, 247, 251);
}

.product-info-img a {
    position: absolute;
    top: 35px;
    right: 30px;
}

.product-filter {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    margin-bottom: 15px;
}

.product-filter .product-filter-img {
    width: 60px;
    height: 60px;
}

.product-filter-desc .product-filter-icons a {
    width: 2.5em;
    height: 2.5em;
    line-height: 2.4em;
    border-radius: 50%;
    font-size: 1em;
    display: inline-block;
    vertical-align: middle;
}

.product-filter-desc .product-filter-icons a:hover {
    color: rgb(255, 255, 255);
}

.facebook-bg {
    background: rgb(59, 89, 152);
    color: rgb(255, 255, 255);
}

.twitter-bg {
    background: rgb(12, 133, 208);
    color: rgb(255, 255, 255);
}

.google-bg {
    background: rgb(198, 50, 36);
    color: rgb(255, 255, 255);
}

.dribbble-bg {
    background: rgb(230, 42, 114);
    color: rgb(255, 255, 255);
}

.pinterest-bg {
    background: rgb(140, 6, 21);
    color: rgb(255, 255, 255);
}

.share-bg {
    background: rgb(21, 148, 239);
    color: rgb(255, 255, 255);
}

.wideget-user-desc .wideget-user-img img {
    border-radius: 100%;
}

.wideget-user-desc .user-wrap {
    margin-top: 1.5rem;
}

.wideget-user .wideget-user-icons a {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    text-align: center;
    border-radius: 100px;
    line-height: 2rem;
    margin-top: 0.3rem;
}

.wideget-user .wideget-user-icons a:hover {
    color: rgb(255, 255, 255);
}

.wideget-user-info .wideget-user-warap {
    display: flex;
}

.wideget-user-info .wideget-user-warap h4 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 0.4rem;
}

.wideget-user-info .wideget-user-warap .wideget-user-warap-r {
    margin-left: 10rem;
}

.wideget-user-info .wideget-user-rating a {
    font-size: 18px;
}

.wideget-user-tab .tab-menu-heading {
    padding: 0px;
    border: 0px;
}

.wideget-user-tab .tab-menu-heading .nav li a {
    color: rgb(7, 5, 16);
    font-size: 15px;
    font-weight: 400;
}

.usertab-list {
    display: inline-block;
}

.usertab-list li {
    width: 50%;
    margin-bottom: 0.6rem;
    float: left;
}

.wideget-user-tab .tabs-menu1 ul li a {
    padding: 17px 20px;
}

.item-box .item-box-wrap {
    margin-top: 15px;
}

.item-box .stamp i {
    font-size: 25px;
    line-height: 2;
}

.item-box .item-box-wrap h5 {
    font-size: 20px;
    font-weight: 600;
}

.widgets-cards .widgets-cards-data {
    margin-top: 8px;
}

.widgets-cards .widgets-cards-data .wrp p:first-child {
    font-size: 20px;
    font-weight: 600;
}

.card-item {
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
}

.card-aside-img img {
    width: 80px;
    height: 80px;
    vertical-align: middle;
}

.card-aside-img.wrap-border img {
    border: 1px solid rgb(232, 235, 243);
    padding: 3px;
}

.card-aside-img {
    position: relative;
}

.card-aside-img a {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.card-item-desc {
    padding: 15px;
}

.card-item-desc h6 {
    margin-top: 5px;
}

.card-blogs .card {
    border: none;
    box-shadow: none;
}

.card-blogs1 .card {
    box-shadow: none;
    border-bottom: 1px solid rgb(232, 235, 243);
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.card-blogs1 .card:last-child {
    box-shadow: none;
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.card-blogs1 .card-item-desc .card-item-price .newprice {
    font-weight: 600;
}

.card-blogs1 .card-item-desc .card-item-price .oldprice {
    font-size: 14px;
}

.card-blogs2 .card {
    border: none;
    box-shadow: none;
}

.info-box small {
    font-size: 14px;
}

.info-box-icon {
    display: block;
    float: left;
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    background: rgba(0, 0, 0, 0.2);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.info-box {
    display: block;
    min-height: 90px;
    background: rgb(255, 255, 255);
    width: 100%;
    border-radius: 2px;
    margin-bottom: 15px;
    box-shadow: rgb(220, 227, 236) 0px 0px 0px 1px, rgb(220, 227, 236) 0px 8px 16px 0px;
}

.info-box-icon > img {
    max-width: 100%;
}

.info-box-content {
    padding: 1.5rem;
    margin-left: 90px;
}

.info-box-number {
    display: block;
}

.info-box-text {
    display: block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-box-text {
    text-transform: uppercase;
}

.info-box-more {
    display: block;
}

.product-item img {
    height: 180px;
    width: 180px;
}

.product-item span {
    top: 15px;
    left: 15px;
    position: absolute;
}

.product-item-wrap .product-item-price .newprice {
    font-size: 18px;
    font-weight: 600;
}

.product-item-wrap .product-item-price .oldprice {
    margin-left: 5px;
    font-size: 18px;
    font-weight: 600;
}

.product-item1 {
    position: relative;
}

.product-item1 .item-overlay {
    border-radius: 0.2rem 0.2rem 0px 0px;
    overflow: hidden;
    padding: 15px;
    text-align: center;
}

.product-item1 .item-overlay img {
    height: 200px;
    width: 200px;
}

.product-item1 .btn-overlay {
    position: absolute;
    display: none;
    text-align: center;
    top: 45%;
    margin: 0px auto;
    left: 0px;
    width: 100%;
    height: 100%;
    right: 0px;
    z-index: 1;
}

.product-item1:hover.product-item1::before {
    content: "";
    background-color: rgba(255, 255, 255, 0.8);
    height: 100%;
    width: 100%;
    position: absolute;
    inset: 0px;
    z-index: 1;
}

.btn-overlay span {
    display: block;
    margin: 0.5rem;
    font-size: 16px;
    font-weight: 600;
}

.icon-card {
    display: inline-block;
}

.icon-card li {
    float: left;
    font-size: 13px;
    width: 50%;
    margin-bottom: 0.5rem;
}

.product-item1:hover .btn-overlay {
    display: block;
    z-index: 1;
}

.product-item1:hover .btn-overlay {
    opacity: 1;
}

.product-item2 .product-item2-img img {
    height: 200px;
    width: 200px;
}

.product-item2 .product-item2-img {
    padding: 1.5rem;
}

.product-item2 {
    border-bottom: 1px solid rgb(232, 235, 243);
}

.product-item2-rating {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    clear: both;
}

.product-item2 {
    border-bottom: 1px solid rgb(232, 235, 243);
    background: rgb(231, 233, 241);
}

.owl-productimg img {
    background: rgb(231, 233, 241);
    padding: 20px;
}

.product-item2-desc .label-rating {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.card-item-desc .card-item-desc-1 dt, dd {
    display: inline-block;
}

.card-item-desc .card-item-desc-1 dd {
    margin-bottom: 0px;
}

.card-item-desc dl {
    margin-bottom: 0px;
}

.product-details .media {
    margin-top: 0px;
}

.product-details .card-item-desc {
    padding: 0px;
    margin-left: 15px;
    margin-top: 8px;
}

.product-singleinfo .product-item2-align dt, dd {
    display: inline-block;
}

.product-singleinfo .product-item2-align dd {
    margin-left: 2rem;
    margin-bottom: 0px;
    vertical-align: baseline;
}

.product-singleinfo .product-item2-align dt {
    width: 100px;
    float: left;
}

.product-singleinfo dl {
    margin-bottom: 5px;
}

.oldprice, .product-singleinfo .product-ship .product-item-price .newprice {
    font-size: 25px;
    font-weight: 600;
}

.product-singleinfo .product-ship .product-item-price .oldprice {
    margin-left: 5px;
}

.product-multiinfo .card {
    box-shadow: none;
    margin-bottom: 0px;
    border-bottom: 1px solid rgb(232, 235, 243);
}

.product-multiinfo .product-item img {
    width: 120px;
    height: 120px;
}

.card-pay .tabs-menu {
    margin-bottom: 25px;
}

.card-pay .tabs-menu li {
    width: 33.3%;
    display: block;
}

.card-pay .tabs-menu li a {
    padding: 0.5rem 1rem;
    background: rgb(242, 243, 248);
    color: rgb(0, 0, 0);
    display: block;
    text-align: center;
    border-right: 1px solid rgb(243, 243, 243);
}

.card-pay .tabs-menu li a.active {
    color: rgb(255, 255, 255);
    border-radius: 2px;
    text-align: center;
}

.single-productslide .product-gallery .product-item {
    margin-bottom: 10px;
    overflow: hidden;
    background-color: rgb(255, 255, 255);
}

.product-gallery .product-item img {
    height: 350px;
    width: auto;
    display: inline-block;
    cursor: zoom-in;
}

.product-gallery .product-sm-gallery {
    text-align: center;
}

.product-gallery .product-sm-gallery .item-gallery img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    border-radius: 2px;
    cursor: zoom-in;
}

.product-gallery .product-sm-gallery .item-gallery {
    width: 80px;
    height: 80px;
    border: 1px solid rgb(232, 235, 243);
    padding: 5px;
    display: inline-block;
    overflow: hidden;
    line-height: 4.5;
}

.single-productslide .product-gallery-data {
    padding: 30px;
}

.product-gallery-data .product-gallery-data1 dt, dd {
    display: inline-block;
}

.product-gallery-data dl {
    margin-bottom: 5px;
}

.product-gallery-data .product-gallery-data1 dt {
    width: 100px;
    float: left;
}

.product-gallery-data .product-gallery-data1 dd {
    margin-left: 2rem;
    margin-bottom: 0px;
    vertical-align: baseline;
}

.product-gallery-rating {
    display: inline-block;
    vertical-align: middle;
    list-style: none;
    margin: 0px;
    font-size: 18px;
    padding: 0px;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    clear: both;
}

.product-gallery-rats {
    margin-top: 20px;
}

.product-gallery-data .label-rating {
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.product-gallery-data .product-gallery-quty dt, dd {
    display: inline-block;
}

.product-gallery-data .product-gallery-size dt, dd {
    display: inline-block;
}

.product-gallery-data .product-gallery-size .product-gallery-checks label {
    display: inline-block;
    margin-left: 10px;
}

.product-card-img img {
    height: 180px;
    width: 180px;
}

.product-card-icons {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    display: inline-block;
}

.product-card-footer .product-footer-wrap .footer-wrap-price {
    font-size: 16px;
    font-weight: 600;
}

.product-card-footer .product-footer-wrap .footer-wrap-price del {
    margin-left: 5px;
}

.product-card4-footer .product-card4-wrap .product-card4-price h6 {
    font-size: 25px;
    font-weight: 600;
}

.product-card5-footer .product-card5-price h6 {
    font-size: 25px;
    font-weight: 600;
}

.product-card6-footer .product-card6-price h6 {
    font-size: 25px;
    font-weight: 600;
}

.product-card6-footer .product-card6-info del {
    margin-right: 5px;
}

.product-card7-footer .product-card7-price h6 {
    font-size: 25px;
    font-weight: 600;
}

.product-card7-footer .product-card7-price del {
    margin-left: 5px;
}

.product-card7-footer .product-card7-price span {
    margin-left: 5px;
}

.team-section .team-img img {
    max-width: 150px;
    box-shadow: rgb(220, 227, 236) 0px 0px 0px 1px, rgb(220, 227, 236) 0px 8px 16px 0px;
}

.item-single .item-single-desc .item-single-desc-list .listunorder {
    border: 0px;
    padding: 5px;
    margin-bottom: 0px;
    font-size: 15px;
}

.card-over {
    position: relative;
}

.card-over img {
    vertical-align: middle;
}

.card-over .content {
    position: absolute;
    bottom: 0px;
    background: rgb(55, 66, 84);
    opacity: 0.9;
    color: rgb(255, 255, 255);
    width: 100%;
    padding: 20px;
}

.checklist-task .checklist-desc .check-data span {
    font-size: 13px;
}

.checklist-task .checklist-desc .check-data .check-icon {
    margin-top: 0px;
}

.carousel-bg .prev-icon {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 5px 15px;
    border-radius: 100px;
    font-size: 20px;
}

.carousel-bg .next-icon {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 5px 15px;
    border-radius: 100px;
    font-size: 20px;
}

.banner1 .carousel-inner img {
    width: 100%;
    max-height: 460px;
}

.banner1 .carousel-item::before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
}

.banner1 .carousel-control {
    width: 0px;
}

.banner1 .carousel-control.left, .banner1 .carousel-control.right {
    opacity: 1;
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
}

.banner1 .carousel-control.left span {
    padding: 15px;
}

.banner1 .carousel-control.right span {
    padding: 15px;
}

.banner1 .carousel-control .glyphicon-chevron-left, .banner1 .carousel-control .glyphicon-chevron-right, .banner1 .carousel-control .icon-next, .banner1 .carousel-control .icon-prev {
    position: absolute;
    top: 45%;
    z-index: 5;
    display: inline-block;
}

.banner1 .carousel-control .glyphicon-chevron-left, .banner1 .carousel-control .icon-prev {
    left: 0px;
}

.banner1 .carousel-control .glyphicon-chevron-right, .banner1 .carousel-control .icon-next {
    right: 0px;
}

.banner1 .carousel-control.left span, .banner1 .carousel-control.right span {
    background: rgba(255, 255, 255, 0.1);
    color: rgb(255, 255, 255);
}

.banner1 .carousel-control.left span:hover, .banner1 .carousel-control.right span:hover {
    background: rgba(255, 255, 255, 0.3);
}

.banner1 .header-text {
    position: absolute;
    left: 0px;
    right: 0px;
    color: rgb(255, 255, 255);
}

.banner1 .slider .header-text {
    top: 29%;
}

@media (max-width: 480px) {
    .banner1 .slider .header-text {
        top: 30% !important;
    }

    .banner1 .slider img {
        height: 600px;
    }

    .banner1.slider-images .header-text {
        top: 15% !important;
    }

    .sptb-2 {
        padding-top: 0px !important;
        padding-bottom: 3rem !important;
    }

    .sptb-tab.sptb-2.pt-10 {
        padding-top: 6.5rem !important;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .banner1 .slider .header-text {
        top: 35% !important;
    }

    .banner1 .slider img {
        height: 500px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .banner1 .slider .header-text {
        top: 32% !important;
    }
}

@media (min-width: 993px) and (max-width: 1240px) {
    .banner1 .slider .header-text {
        top: 23% !important;
    }
}

.banner1 .header-text h2 {
    font-size: 40px;
}

.banner1 .header-text h3 {
    font-size: 25px;
}

.banner1 .header-text h2 span {
    padding: 10px;
}

.banner1 .header-text h3 span {
    padding: 15px;
}

.input-indec .quantity-left-minus.btn {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 0px;
}

.input-indec .quantity-right-plus.btn {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: 0px;
}

.cat-item {
    position: relative;
}

.cat-item a {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.cat-item .cat-img img {
    width: 60px;
    height: 60px;
    margin: 0px auto;
}

.cat-item .cat-desc {
    margin-top: 15px;
    color: rgb(33, 37, 41);
}

.about img {
    width: 60px;
    height: 60px;
    text-align: center;
}

.item-card .item-card-desc::before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(42, 16, 25, 0.5);
    width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
    z-index: 1;
    border-radius: 3px;
}

.item-card {
    overflow: hidden;
    border-radius: 2px;
    position: relative;
    clear: both;
    margin: 0px;
    max-width: 1000px;
    list-style: none;
    text-align: center;
}

.item-card-desc {
    position: relative;
}

.item-card-desc a {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.item-card .item-card-desc .item-card-text {
    position: absolute;
    top: -13px;
    left: 0px;
    text-align: center;
    width: 100%;
    height: 100%;
}

.item-card .item-card-desc .item-card-text h4 {
    position: relative;
    top: 28%;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
    color: rgb(255, 255, 255);
    z-index: 2;
    max-width: 80%;
    font-weight: 600;
    font-size: 17px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.item-card .item-card-desc .item-card-text span.badge {
    position: absolute;
    top: 60%;
    left: 0px;
    right: 0px;
    text-align: center;
    color: rgb(255, 255, 255);
    z-index: 2;
    height: auto;
    margin: 0px auto;
    width: 50% !important;
}

.business-item .item-card .item-card-desc .item-card-text {
    top: 40%;
}

.item-card-text span {
    font-size: 13px;
    margin: 0.5rem;
    font-weight: 400;
    display: block;
}

.item-card-text h4 {
    font-size: 25px;
    font-weight: 400;
}

.item-card .item-card-btn {
    padding: 0px;
    margin: 0px;
    opacity: 0;
    left: 37.7%;
    text-align: center;
    position: absolute;
    bottom: -30px;
    z-index: 1;
    transition: all 0.5s ease 0s;
}

.item-card:hover .item-card-btn {
    opacity: 1;
    bottom: 25%;
}

.item-card:hover .data1 .item-card-img img {
    transform: scale(1);
}

.item-card .item-card-btn a {
    display: block;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
}

.item-card .item-card-btn a::after, .item-card .item-card-btn a::before {
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: -30px;
}

.item-card .item-card-btn a::after {
    content: "";
    height: 15px;
    width: 15px;
    border-radius: 0px;
    transform: translateX(-50%) rotate(45deg);
    top: -20px;
    z-index: -1;
}

.item-card2-icons {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 98;
}

.item-card2-icons a {
    width: 2rem;
    display: inline-block;
    height: 1.8rem;
    text-align: center;
    line-height: 2.1rem;
    border-radius: 3px;
    color: rgb(255, 255, 255);
    padding: 8px 0px;
}

.item-list .list-group-item {
    border-width: 0px 0px 1px;
    border-top-style: initial;
    border-right-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    border-image: initial;
    margin-bottom: 0px;
    border-bottom-style: solid;
    border-bottom-color: rgb(232, 235, 243);
}

.item-card2-icons a:hover {
    color: rgb(255, 255, 255) !important;
}

.item-list .list-group-item i {
    margin-right: 5px;
    width: 25px;
    height: 25px;
    border-radius: 2px;
    font-size: 12px;
    text-align: center;
    line-height: 25px;
    color: rgb(255, 255, 255) !important;
}

.item-user .item-user-icons a {
    display: inline-block;
    width: 2rem;
    height: 2.3rem;
    text-align: center;
    border-radius: 100px;
    line-height: 1rem;
    padding: 0.6rem 0px;
}

.item-user .item-user-icons a:hover {
    color: rgb(255, 255, 255);
}

.item-card3-img img {
    width: 100%;
    height: 100%;
    max-height: 200px;
    margin: 0px auto -35px;
    position: relative;
}

.item-card3-desc img {
    border: 3px solid rgb(255, 255, 255);
}

.item-card3-desc h4 {
    position: relative;
    top: 5px;
}

.item-card4-img a {
    position: absolute;
    top: 35px;
    left: 30px;
}

#count-down1 .clock-presenter {
    padding: 0px;
    text-align: center;
}

#count-down1 .clock-presenter .digit {
    font-size: 20px;
    line-height: 40px;
    height: 40px;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    position: relative;
    cursor: default;
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    border-radius: 3px;
}

#count-down1 .clock-presenter .note {
    position: relative;
    margin-bottom: 0px;
    cursor: default;
    font-size: 14px;
    opacity: 0.7;
}

@media (max-width: 992px) {
    #count-down1 .clock-presenter .digit {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    #count-down1 .clock-presenter {
        width: 50%;
        float: left;
    }

    #count-down1 .clock-presenter .digit {
        font-size: 18px;
    }

    #count-down1 .hours_dash {
        border-right: none;
    }

    .banner1 .slide-header-text {
        top: 5% !important;
    }
}

.item-card5-img a {
    position: absolute;
    right: 12px;
    top: 15px;
}

.item-card5-icon a {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    text-align: center;
    line-height: 2rem;
    border-radius: 50px;
    background: rgb(233, 236, 243);
    color: rgb(33, 37, 41);
}

.item-card6-img img {
    width: 100%;
    height: 100%;
    max-height: 200px;
    margin: 0px auto;
}

.item-card6-footer .item-card6-body {
    padding: 10px;
}

.item-search-tabs {
    margin-top: 2rem;
}

.item-search-tabs .item-search-menu ul {
    padding: 5px 15px;
}

.item-search-menu ul li .active {
    background: rgba(0, 0, 0, 0.2);
    color: rgb(255, 255, 255);
    border-radius: 3px 3px 0px 0px;
}

.item-search-menu ul li a {
    padding: 8px 15px;
    color: rgb(255, 255, 255);
    text-align: center;
    letter-spacing: 0.5px;
    background: 0px 0px;
    margin: 0px 5px;
    border-radius: 3px 3px 0px 0px;
}

.item-search-tabs .tab-content {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.4);
    padding: 15px;
    margin: 1px 5px 0px 0px;
    border-radius: 2px;
}

.item-search-tabs.travel-content .select2-container {
    width: 100% !important;
}

.item-search-tabs.travel-content .form-control {
    border: 1px solid rgb(232, 235, 243);
}

.item-search-tabs .form-control {
    border: 1px solid rgb(167, 180, 201);
}

.item-search-tabs .form-control.border {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.item-search-tabs a.btn {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    font-size: 0.8525rem;
    right: -2px;
    position: relative;
    line-height: 1.94615;
}

@media (max-width: 1300px) and (min-width: 1024px) {
    .item-search-tabs a.btn {
        line-height: 1.94615;
    }
}

@media (max-width: 1300px) and (min-width: 400px) {
    .classifieds-content .item-search-menu ul li a {
        display: block;
        margin: 3px;
        border-radius: 3px;
    }

    .item-search-menu ul li a {
        display: block;
        margin: 3px;
        border-radius: 3px;
    }
}

.accent-2 {
    width: 60px;
}

.item-all-cat .item-all-card {
    position: relative;
    padding: 1.5rem;
    border-radius: 4px;
    margin-bottom: 1.5rem;
    color: rgb(255, 255, 255);
}

.item-all-cat .category-type .item-all-card img {
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    padding: 2.3rem 0px;
}

.item-all-cat .row .item-all-card {
    margin-bottom: 1.5rem;
    box-shadow: rgba(62, 57, 107, 0.1) 0px 10px 40px 0px, rgba(62, 57, 107, 0.1) 0px 2px 9px 0px;
}

.item-all-cat .item-all-card a {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.iteam-all-icon i {
    font-size: 1.5rem;
}

.item-all-card img.imag-service {
    width: 40%;
}

.item-card7-overlaytext {
    position: relative;
}

.item-card7-imgs .bdir {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 3px 7px;
    z-index: 2;
}

.item-card7-overlaytext a span {
    padding: 4px 10px;
    display: inline-block;
}

.item-card7-overlaytext a {
    position: absolute;
    bottom: 12px;
    left: 12px;
    z-index: 2;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    padding: 5px;
}

.item-card7-overlaytext span {
    position: absolute;
    bottom: 12px;
    right: 12px;
    color: rgb(255, 255, 255);
    width: 2rem;
    display: inline-block;
    height: 2rem;
    text-align: center;
    line-height: 2.1rem;
    border-radius: 50%;
    padding: 0.59rem 0px;
    background: rgba(51, 51, 51, 0.72) !important;
}

span.mb-0.fs-13.active {
    background: red !important;
}

.item-card7-overlaytext h4 {
    position: absolute;
    bottom: 12px;
    right: 12px;
    color: rgb(255, 255, 255);
    padding: 5px;
    text-align: center;
    border-radius: 3px;
    background: rgb(237, 81, 81);
}

.item-card7-imgs {
    position: relative;
    overflow: hidden;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    height: 250px;
}

.item-card7-imgs::before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(42, 16, 25, 0.1);
    width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
    z-index: 1;
}

.item-card8-img {
    height: 100%;
    position: relative;
    overflow: hidden;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

.item-card7-img {
    height: 100%;
}

.item-card9-img {
    height: 100%;
}

.item-card8-imgs {
    position: relative;
    overflow: hidden;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

.item-card8-imgs img {
    transform: scale(1.1);
    transition: all 0.3s ease-in-out 0s;
}

.item-card8-imgs::before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(25, 36, 79, 0.3);
    width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
    z-index: 1;
}

.item-card8-overlaytext {
    position: relative;
}

.item-card8-overlaytext h6 {
    position: absolute;
    bottom: 21px;
    left: 21px;
    z-index: 2;
    padding: 8px;
    color: rgb(255, 255, 255);
    border-radius: 5px;
}

.item-card2-img::before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(25, 36, 79, 0.1);
    width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
    z-index: 1;
}

.Marketplace .item-card7-imgs::before {
    background: rgba(25, 36, 79, 0.1);
}

.Marketplace .item-card7-overlaytext h4 {
    font-size: 18px;
    border-radius: 3px;
    padding: 7px 12px;
    text-align: center;
    bottom: 5px;
    right: 5px;
    background: rgba(0, 0, 0, 0.8);
}

.item-card7-imgs a {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.item-card7-imgs a i {
    margin: 0px auto;
    top: 35%;
    font-size: 40px;
    text-align: center;
    left: 0px;
    right: 0px;
    display: block;
    color: rgb(255, 255, 255);
    position: absolute;
}

@media (min-width: 569px) and (max-width: 767px) {
    .item-card7-imgs a i {
        top: 29%;
    }
}

.item-card9-img .item-card9-imgs a {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.item-card9-img .item-card9-imgs a i {
    margin: 0px auto;
    top: 35%;
    font-size: 40px;
    text-align: center;
    left: 0px;
    right: 0px;
    display: block;
    color: rgb(255, 255, 255);
    position: absolute;
}

.item-card2-img a {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.item-card2-img a i {
    margin: 0px auto;
    top: 35%;
    font-size: 40px;
    text-align: center;
    left: 0px;
    right: 0px;
    display: block;
    color: rgb(255, 255, 255);
    position: absolute;
}

.item-card7-desc ul li {
    margin-right: 1rem;
    font-size: 13px;
}

.item-card7-desc ul li:last-child {
    margin-right: 0px;
}

.item1-card-img img {
    border: 1px solid rgb(232, 235, 243);
    margin: 0px auto;
    padding: 5px;
}

.item1-card .item1-card-info .item1-card-icons li {
    display: inline-block;
    margin-right: 15px;
}

.item1-card .item1-card-info .item1-card-icons li a {
    color: rgb(167, 180, 201);
}

.item1-card-tab {
    text-align: center;
}

.item1-card-tab .tab-content .tab-pane {
    border: 1px solid rgb(232, 235, 243);
}

.item1-tab-heading {
    padding: 15px;
    border: 1px solid rgb(232, 235, 243);
    text-align: center;
    border-radius: 50px;
    margin: 0px auto;
    display: inline-table;
}

.item1-tabs-menu ul li a {
    padding: 10px 20px 11px;
}

.item1-tabs-menu ul li .active {
    color: rgb(255, 255, 255);
    border-radius: 25px;
}

.item1-card-tab .tab-content {
    padding: 15px;
    text-align: initial;
}

.card-video {
    background: url("../images/products/b5.html") 0% 0% / cover;
}

.card-video::before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
}

.item-video a {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    text-align: center;
    border-radius: 100px;
    line-height: 2rem;
    background: rgb(255, 255, 255);
    color: rgb(33, 37, 41);
    font-size: 25px;
    align-items: center;
    margin: 0px auto;
    justify-content: center;
}

.item-video i {
    margin-left: 5px;
}

.item2-card .item2-card-img {
    border: 1px solid rgb(232, 235, 243);
    padding: 5px;
}

.item2-card .item2-card-img img {
    width: 200px;
    height: 100px;
    text-align: center;
    margin: 0px auto;
}

.item2-card-info {
    padding-top: 15px;
}

.item2-btn {
    padding-top: 40px;
}

.media-list .media-icons {
    font-size: 18px;
    color: rgb(0, 0, 0);
}

.items-gallery .items-blog-tab-heading {
    text-align: center;
    border-radius: 50px;
    margin: 0px auto 30px;
    display: inline-table;
    padding: 15px;
}

.items-blog-tab-heading .items-blog-tab-menu li a {
    padding: 10px 20px 11px;
    color: rgb(7, 5, 16);
    background: rgb(215, 213, 229);
    margin: 0px 10px;
    border-radius: 3px;
}

.items-gallery .tab-content {
    padding: 15px;
    text-align: initial;
}

.item2-gl .item2-gl-nav select {
    width: 20%;
}

.item2-gl-nav {
    padding: 15px;
    border: 1px solid rgb(232, 235, 243);
    text-align: right;
    border-radius: 3px;
    background: rgb(255, 255, 255) !important;
}

.item2-gl-nav .item2-gl-menu {
    margin-right: 10px;
}

.item2-gl-nav .item2-gl-menu li a {
    padding: 10px 10px 11px;
    color: rgb(7, 5, 16);
    font-size: 20px;
}

.item2-gl .tab-content {
    padding-top: 0.5rem;
    text-align: initial;
}

.item-card9-img {
    position: relative;
    height: 100%;
}

@media (min-width: 767px) {
    .tab-content #tab-11 .item-card9-img {
        width: 300px;
    }

    .tab-content #tab-11 .item-card9-imgs img {
        height: 100%;
        width: inherit;
        position: absolute;
        inset: 0px;
        margin: auto;
    }

    .tab-content #tab-11 .item-card2-img img {
        height: 197px;
    }

    .h-197 {
        height: 197px;
    }
}

.item-card9-icons {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 98;
}

.item-card9-icons a {
    width: 2rem;
    display: inline-block;
    height: 2rem;
    text-align: center;
    line-height: 2.2rem;
    border-radius: 50px;
    color: rgb(255, 255, 255);
    margin: 2px;
}

.item-card9-icons a:hover {
    color: rgb(255, 255, 255);
}

.item-card9-cost h3 {
    margin-top: 5px;
}

.item-card9-imgs {
    position: relative;
}

.item-card9-imgs a {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.item-card9-desc ul {
    display: inline-flex;
    margin-bottom: 0px;
}

.item-card9-desc ul li {
    width: 50%;
    float: left;
}

.item3-medias .item3-lists li a {
    padding: 5px 4px 5px 0px;
    font-size: 12px;
}

.item3-medias .item3-lists li i {
    margin-right: 5px;
}

.item3-medias .item3-lists li {
    margin-right: 5px;
}

.product-slider #carousel {
    margin: 0px;
}

.product-slider #thumbcarousel {
    margin: 10px 0px 0px;
    padding: 0px;
}

.product-slider #thumbcarousel .carousel-item {
    text-align: center;
}

.product-slider #thumbcarousel .carousel-item .thumb {
    width: 100%;
    margin: 0px 2px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    max-width: 100px;
    height: 80px;
    position: relative;
    overflow: hidden;
    background: rgb(238, 238, 238);
    border: 1px solid rgb(221, 221, 221);
    transition: all 0.2s ease 0s;
    opacity: 0.8;
    border-radius: 8px;
}

.product-slider #thumbcarousel .carousel-item .thumb:hover {
    transform: translateY(-2px);
    opacity: 1;
}

.product-slider #thumbcarousel .carousel-item .thumb:hover {
    border-color: rgb(232, 235, 243);
}

.product-slider .carousel-item img {
    width: initial;
    height: 100%;
    position: absolute;
    inset: 0px;
    margin: auto;
}

.carousel-control:active, .carousel-control:focus, .carousel-control:hover {
    color: rgb(51, 51, 51);
}

#thumbcarousel .carousel-control-prev {
    left: 0px;
    background: rgba(0, 0, 0, 0.5);
}

#thumbcarousel .carousel-control-next {
    right: 0px;
    background: rgba(0, 0, 0, 0.5);
}

.header-main .top-bar .contact {
    margin: 9px 0px;
    padding-left: 15px;
}

.header-main .top-bar .contact li {
    margin: 0px;
}

.header-main .top-bar-right .custom {
    display: flex;
    margin: 10px 0px;
}

.header-main .top-bar-right .custom li {
    margin-right: 15px;
}

.header-main .top-bar-right .custom li:last-child {
    margin-right: 0px;
}

.ace-responsive-menu {
    margin-right: 1rem;
}

.header-main .ace-responsive-menu li a {
    color: rgb(7, 5, 16);
}

.header-main .ace-responsive-menu li a:hover {
    color: rgb(255, 255, 255);
}

.header-main .ace-responsive-menu li a:focus {
    color: rgb(0, 0, 0);
}

.header-main .post-btn {
    float: right;
    margin-left: auto;
}

.footer-main {
    padding-top: 3rem;
    padding-bottom: 1rem;
    border-top: 1px solid rgba(167, 180, 201, 0.1);
    border-bottom: 1px solid rgba(167, 180, 201, 0.1);
    background: rgb(136, 140, 141);
    color: rgb(255, 255, 255);
}

footer .border-top {
    border-top: 1px solid rgba(167, 180, 201, 0.1) !important;
}

.footer-main .form-control {
    border: 0px !important;
}

.footer-payments {
    padding-left: 0px;
    list-style: none;
    margin: 0px;
    line-height: 1.25rem;
}

.footer-payments li {
    display: inline-block;
    padding: 0px 11px;
    font-size: 20px;
}

.footer-main img {
    width: 80px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 2px;
}

.sptb {
    padding-top: 1rem;
    padding-bottom: 0rem;
}

.sptb-1 {
    padding-top: 8.5rem;
    padding-bottom: 4.5rem;
}

.sptb-2 {
    padding-top: 0rem;
    padding-bottom: 15rem;
}

.sptb-3 {
    padding-top: 6.2rem;
    padding-bottom: 11rem;
}

.sptb-4 {
    padding-top: 6.2rem;
    padding-bottom: 11rem;
}

.sptb-8 {
    padding-top: 7rem;
    padding-bottom: 12rem;
}

.categories {
    margin-top: 30px;
}

.categories-1 {
    margin-top: -120px;
}

.section-title p {
    text-align: center;
    font-size: 16px;
    margin-bottom: 0px;
}

.section-title {
    padding-bottom: 1.3rem;
}

.section-title h1 {
    margin-bottom: 0.5rem;
    color: rgb(80, 78, 112);
    font-size: 36px;
    font-weight: 400;
    z-index: 1;
}

.item-all-cat .item-all-card {
    border: 1px solid rgb(232, 235, 243);
}

.item-all-cat .item-all-card a:hover .item-all-text h5 {
    color: rgb(7, 5, 16) !important;
}

.item-all-cat .category-type .item-all-card:hover {
    background: rgb(246, 247, 251);
}

.index-search-select .select2 {
    width: 100% !important;
}

@media (min-width: 992px) {
    .select2-container .select2-selection--single {
        border-radius: 0px !important;
    }

    .slider-images img {
        left: 0px;
        right: 0px;
        height: 400px !important;
        width: 100% !important;
    }

    .banner1 .slider .header-text {
        top: 29%;
    }

    .input-field {
        margin-top: 7.55rem !important;
    }

    .classified-video {
        margin-top: 2.1rem;
    }
}

@media (min-width: 768px) and (max-width: 800px) {
    .banner1 .slide-header-text {
        top: 17% !important;
    }
}

@media (min-width: 800px) and (max-width: 992px) {
    .banner1 .slide-header-text {
        top: 20% !important;
    }
}

@media (max-width: 991px) {
    .select2-container .select2-selection--single {
        border-radius: 0px !important;
    }

    #main section {
        height: 600px !important;
    }

    .sptb-4 {
        padding-top: 0rem;
        padding-bottom: 8rem;
    }

    .sptb-3 {
        padding-top: 0rem;
        padding-bottom: 10rem;
    }

    .banner-1 .item-search-tabs .search-background .form-control {
        border-radius: 3px !important;
        border-bottom: 1px !important;
    }

    .item-card9-img {
        height: auto !important;
    }

    .blog-list-1 {
        height: 100% !important;
    }

    .banner-1 .search-background .form-control {
        border-radius: 0px !important;
    }

    .banner-1 .search-background .form1 {
        border-radius: 0px;
        border-left: 1px solid rgb(232, 235, 243) !important;
    }

    .item-search-tabs a.btn {
        right: 0px;
        border-radius: 0px !important;
    }

    .content-text .display-5 {
        font-size: 1.8rem;
    }

    .counter-status.status {
        margin-top: 1.5rem;
    }

    .margin-top {
        margin-top: 4.5rem !important;
    }

    .desktoplogo-1 {
        display: none;
    }

    .sptb-1 {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }

    .search-background {
        border-radius: 0px;
        background: 0px 0px !important;
    }

    .padding-bottom {
        padding-bottom: 0px !important;
    }

    .banner-2 .form-control {
        border-radius: 3px !important;
    }

    .item-search-tabs .form-control.border {
        border-radius: 0px !important;
    }

    .banner-1 .search-background .btn-lg {
        border-radius: 3px !important;
        right: 0px !important;
    }

    .sptb-2 {
        padding-top: 0px;
        padding-bottom: 14rem;
    }

    .banner-1.sptb-2 {
        padding-top: 0px;
        padding-bottom: 12rem;
    }

    .sticky-wrapper.is-sticky .horizontal-main {
        background: 0px 0px;
    }

    .sticky-wrapper.is-sticky .desktoplogo-1 {
        display: none !important;
    }

    .bannerimg {
        background-size: cover;
        padding: 1rem 0px !important;
    }

    .sticky-wrapper {
        height: 0px !important;
    }

    .select2.select2-container.select2-container--default.select2-container--focus {
        overflow: hidden;
        width: 100% !important;
    }

    .horizontalMenu > .horizontalMenu-list > li > a.active {
        color: rgb(255, 255, 255);
    }
}

.select2.select2-container.select2-container--default.select2-container--below.select2-container--open {
    width: 100% !important;
}

.banners-image .horizontalMenu > .horizontalMenu-list > li > a {
    color: rgb(7, 5, 16) !important;
}

.sticky-wrapper.absolute.banners .horizontal-main {
    background: rgb(255, 255, 255);
}

.sticky-wrapper.absolute.banners .horizontal-main .horizontalMenu > .horizontalMenu-list > li > a {
    color: rgb(7, 5, 16);
}

.sticky-wrapper.absolute.banners .horizontal-main .horizontalMenu > .horizontalMenu-list > li > a > .fa {
    color: rgb(7, 5, 16);
}

.sticky-wrapper.absolute.banners .horizontal-main::after {
    content: "";
    position: absolute;
    height: 3px;
    border-top: 0px;
    border-radius: 5px;
    z-index: 3;
    width: 100%;
    bottom: 0px;
}

.sticky-wrapper.absolute.banners .horizontalMenu > .horizontalMenu-list > li:hover > a .fa {
    color: rgb(255, 255, 255) !important;
}

.sticky-wrapper.absolute.banners .horizontalMenu > .horizontalMenu-list > li > a.active .fa {
    color: rgb(255, 255, 255) !important;
}

.banner-1 .item-search-tabs .search-background .form-control {
    border-radius: 0px;
    border-bottom: 0px !important;
}

.banner-1 .search-background .form-control {
    border-radius: 0px;
    border-right: 0px;
}

.banner-1 .search-background .form1 {
    border-radius: 0px;
    border-left: 1px solid rgb(232, 235, 243) !important;
}

.banner-1 .search-background .btn-lg {
    border-radius: 0px;
    position: relative;
}

.banner-1 .search-background .select2-container--default .select2-selection--single {
    border-radius: 0px;
    border-right: 0px !important;
}

.banner-1 .header-text {
    left: 0px;
    right: 0px;
    color: rgb(255, 255, 255);
}

.banner-1 .header-text1 {
    left: 0px;
    right: 0px;
    color: rgb(255, 255, 255);
}

.banner-1 .header-text h1 {
    margin-bottom: 0.1rem;
    font-weight: 400;
    font-size: 46px;
    text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
}

.banner-1 .header-text p {
    margin-bottom: 1.5rem;
    font-size: 20px;
    text-shadow: rgb(0, 0, 0) 0px 0px 5px;
}

.banner-2 .form-control {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border: 0px !important;
}

.banner-2 .header-text {
    left: 0px;
    right: 0px;
    color: rgb(255, 255, 255);
}

.banner-2 .header-text p {
    margin-bottom: 0px;
    font-size: 16px;
}

.bannerimg {
    padding: 6.5rem 0px 3rem;
    background-size: cover;
    margin-bottom: 25px;
}

.bannerimg .header-text h1 {
    margin-bottom: 0.75rem;
}

.about-1 {
    position: relative;
}

.about-1 .header-text {
    left: 0px;
    right: 0px;
    color: rgb(255, 255, 255);
}

.country .dropdown-menu {
    height: 233px;
    overflow: scroll;
}

.item-card2-img {
    position: relative;
    overflow: hidden;
    height: 230px;
}

.item-card2-desc ul li {
    margin-right: 1.5rem;
    font-size: 13px;
}

.item-card2-desc ul li:last-child {
    margin-right: 0px;
}

.map-header1 {
    height: 23.2rem;
    position: relative;
    margin-bottom: -1.5rem;
    border: 1px solid rgb(232, 235, 243);
}

.item7-card-desc a:first-child {
    margin-right: 1rem;
}

.carousel .carousel-indicators {
    bottom: -1rem;
}

.carousel-indicators li, .carousel-indicators li.active {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin: 1px 2px;
}

.carousel-indicators li {
    background: rgb(226, 226, 226);
    border: 4px solid rgb(255, 255, 255);
}

.carousel-indicators li.active {
    border: 5px double;
}

.carousel .carousel-control {
    height: 40px;
    width: 40px;
    margin: auto 0px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999;
}

.carousel .carousel-control i {
    font-size: 32px;
    position: absolute;
    top: 1.6rem;
    display: inline-block;
    margin: -18px 0px 0px;
    left: 0px;
    right: 0px;
    color: rgba(255, 255, 255, 0.9);
    text-shadow: none;
    font-weight: 700;
    z-index: 999;
}

.carousel-control-next {
    right: 0rem;
    z-index: 7;
    background: linear-gradient(270deg, #00000080, transparent);
    border-radius: 10px;
}

.carousel-control-prev {
    left: 0rem;
    z-index: 7;
    background: linear-gradient(90deg, #00000080, transparent);
    border-radius: 10px;
}

.liste-slide.carousel-control-prev {
    visibility: hidden;
    border-radius: 10px;
}

.liste-slide:hover .carousel-control-prev, .liste-slide:hover .carousel-control-next {
    visibility: visible;
}

.product-slider .carousel-control-next i {
    font-size: 2rem;
    padding: 0.2rem 0.8rem;
    background: rgb(102, 112, 123);
    border-radius: 5px;
}

.product-slider .carousel-control-prev i {
    font-size: 2rem;
    padding: 0.2rem 0.8rem;
    background: rgb(102, 112, 123);
    border-radius: 5px;
}

.test-carousel .carousel-control-next i {
    font-size: 2rem;
    color: rgb(0, 0, 0);
    padding: 0.5rem;
}

.test-carousel .carousel-control-prev i {
    font-size: 2rem;
    color: rgb(0, 0, 0);
    padding: 0.5rem;
}

.item7-card-img {
    position: relative;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    height: 200px;
    overflow: hidden;
}

.item7-card-img a {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.item-cards7-ic {
    display: inline-block;
}

.item-cards7-ic.realestate-list li a i {
    width: 1rem;
}

.item-cards7-ic.realestate-list li a {
    color: rgb(61, 78, 103);
}

.item-cards7-ic.realestate-list li {
    width: 50%;
}

.item-cards7-ic li {
    float: left;
    width: 50%;
    margin-bottom: 0.5rem;
    margin-right: 0px !important;
}

.item7-card-text span {
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.item-card-img {
    overflow: hidden;
    height: 230px;
}

.item-card-desc img {
    opacity: 0.95;
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
    transform: scale3d(1.05, 1.05, 1);
    width: 100%;
    height: 230px;
}

.item-card-desc:hover img {
    transform: scale3d(1, 1, 1);
}

.item-card-desc:hover .item-card-text::before {
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, 100%, 0px);
}

.item-card-desc .item-card-text::before {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(255, 255, 255, 0.5);
    overflow: hidden;
    transition: transform 0.6s ease 0s;
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0px, -100%, 0px);
}

.item-card7-imgs img {
    transform: scale(1);
    transition: all 0.3s ease-in-out 0s;
    position: absolute;
    inset: 0px;
    margin: auto;
    height: 100%;
    width: inherit;
}

.item-card7-imgs:hover img {
    transform: scale(1.1);
}

.item-card9-imgs {
    height: 215px;
    overflow: hidden;
    position: relative;
    border-bottom: 0px solid rgb(238, 238, 238);
    background: rgb(255, 255, 255);
    width: 265px;
    border-radius: 10px;
    margin: 10px;
}

.item-card9-imgs img {
    transform: scale(1);
    transition: all 0.2s ease-in-out 0s !important;
    height: 100%;
    text-align: center;
    position: absolute;
    inset: 0px;
    margin: auto;
    object-fit: cover;
}

.item-card2 p.leading-tight, .item-card9 p.leading-tight {
    display: -webkit-box;
    max-width: 100%;
    margin: 0px auto;
    font-size: 14px;
    line-height: 1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#tab-11 .item-card2-img:hover a {
    background: 0px 0px;
}

#tab-12 .item-card2-img:hover a {
    background: 0px 0px;
}

.kategori-ilan-liste:hover img {
    transform: scale(1.1);
}

.item-card2-img img {
    transform: scale(1.2);
    transition: all 0.3s ease-in-out 0s;
    position: absolute;
    inset: 0px;
    margin: auto;
}

.item-card2-img:hover img {
    transform: scale(1.2);
}

.widget-spec li {
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    display: flex;
}

.widget-spec1 li {
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.support-list li a {
    margin-bottom: 0.5rem;
    display: flex;
}

.support-list li i {
    margin-right: 0.7rem;
    margin-top: 4px;
}

.widget-spec li.icon::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    font-family: fontawesome;
}

.widget-spec li i {
    margin-right: 0.5rem;
    margin-top: 3px;
}

.profile-pic-img {
    position: relative;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    font-size: 2rem;
    text-align: center;
    margin: 0px auto;
}

.profile-pic-img span {
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-radius: 50px;
    right: -1px;
    top: 0.5rem;
    border: 2px solid rgb(255, 255, 255);
}

.sub-newsletter {
    display: inline-block;
}

.item1-links a {
    padding: 0.75rem 1.25rem;
    font-weight: 400;
    font-size: 0.875rem;
    color: rgb(7, 5, 16);
}

.item1-links a.active {
    font-weight: 400;
    font-size: 0.875rem;
}

.user-tabel span {
    margin: 0px auto;
}

.settings-tab .tabs-menu {
    margin-bottom: 25px;
}

.settings-tab .tabs-menu li {
    width: 33.3%;
    display: block;
}

.settings-tab .tabs-menu li a {
    padding: 0.5rem 1rem;
    background: rgb(242, 243, 248);
    color: rgb(0, 0, 0);
    display: block;
    text-align: center;
    border-right: 1px solid rgba(167, 180, 201, 0.2);
}

.settings-tab .tabs-menu li a.active {
    color: rgb(255, 255, 255);
    border-radius: 2px;
    text-align: center;
}

.ads-tabs .tabs-menus {
    margin-bottom: 2rem;
}

.ads-tabs .tabs-menus ul li a {
    border: 1px solid rgb(232, 235, 243);
    color: rgb(7, 5, 16);
}

.ads-tabs .tabs-menus ul li {
    margin-right: 1rem;
}

.ads-tabs .tabs-menus ul li:last-child {
    margin-right: 0px;
}

.ads-tabs .tabs-menus ul li a {
    padding: 10px 20px 11px;
}

.select-languages {
    color: rgb(7, 5, 16);
    border-radius: 3px;
}

.select-languages:focus {
    color: rgb(61, 78, 103);
    background-color: rgb(255, 255, 255);
}

.img-flag {
    width: 25px;
    height: 12px;
    margin-top: -4px;
}

.select-languages .select2-container .select2-selection--single {
    border-radius: 2px;
    height: 1.4rem !important;
    color: rgb(167, 180, 201) !important;
    background: 0px 0px !important;
    border: 0px !important;
}

.select-languages .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20.5px !important;
}

.select-languages .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -2px !important;
}

.select-languages .select2-container {
    width: 138px !important;
}

.select-languages .select2-results {
    color: rgb(167, 180, 201) !important;
}

.select-currency .select2-container .select2-selection--single {
    border-radius: 2px;
    height: 1.4rem !important;
    color: rgb(167, 180, 201) !important;
    background: 0px 0px !important;
    border: 0px !important;
}

.select-currency .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20.5px !important;
}

.select-currency .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -2px !important;
}

.select-currency .select2-container {
    width: 138px !important;
}

.select-currency .select2-results {
    color: rgb(167, 180, 201) !important;
}

.select-country .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 3px;
}

.select-country .select2-container {
    width: 150px !important;
}

.select-country .select2-container .select2-selection--single {
    border-radius: 2px;
    height: 1.4rem !important;
    color: rgb(167, 180, 201) !important;
    background: 0px 0px !important;
    border: 0px !important;
}

.select-country .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 21px !important;
}

.select-country .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -3px !important;
}

.select-country .select2-results {
    color: rgb(167, 180, 201) !important;
}

.select-country .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 3px;
}

.select2-results__option {
    font-size: 13px;
}

#price {
    border: 0px;
    font-weight: 500;
    font-size: 18px;
}

.showmore-button {
    text-align: center;
}

.showmore-button-inner {
    display: inline-block;
    padding: 10px 19px;
    line-height: 14px;
    font-size: 14px;
    border-radius: 25px;
    text-decoration: none;
    cursor: pointer;
    margin-top: 20px;
}

.showmore-button1 {
    text-align: center;
}

.showmore-button1 .showmore-button1-inner {
    display: inline-block;
    line-height: 14px;
    font-size: 14px;
    color: rgb(167, 180, 201);
    text-decoration: none;
    cursor: pointer;
    margin-top: 8px;
    margin-bottom: 20px;
}

.fea-ad .card {
    margin-bottom: 0px;
}

.cat-slide .card {
    margin-bottom: 0px;
}

.fade.in {
    opacity: 1;
}

.owl-carousel {
    position: relative;
}

.owl-carousel .owl-item {
    position: relative;
    cursor: url("../images/other/cursor.png"), move;
    overflow: hidden;
}

.owl-nav {
    display: block;
}

#small-categories .owl-nav .owl-next, #small-categories .owl-nav .owl-prev {
    top: 58%;
}

.slider .owl-nav .owl-prev {
    left: 15px;
}

.slider .owl-nav .owl-next {
    right: 15px;
}

.owl-nav .owl-prev {
    position: absolute;
    top: 40%;
    left: 25px;
    right: -1.5em;
    margin-top: -1.65em;
}

.owl-nav .owl-next {
    position: absolute;
    top: 40%;
    right: 25px;
    margin-top: -1.65em;
}

@media (max-width: 480px) {
    .owl-nav .owl-prev {
        left: 15px;
    }

    .owl-nav .owl-next {
        right: 15px;
    }

    .countdown-timer-wrapper .timer .timer-wrapper .time {
        width: 70px;
        height: 70px;
        margin-bottom: -25px;
        font-size: 1.3rem !important;
    }

    .countdown-timer-wrapper {
        margin: 39px auto 15px !important;
    }

    .categories-1 .banner-1 .header-text p {
        margin-bottom: 0.5rem;
        font-size: 14px;
    }
}

.owl-nav button {
    display: block;
    line-height: 2em;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    text-align: center;
    z-index: 99;
    font-size: 1.3rem !important;
    background: rgb(255, 255, 255) !important;
}

.owl-nav button::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0px;
    background: rgb(32, 152, 209);
    transform: scaleY(0);
    transform-origin: 50% 0px;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
}

.owl-carousel:hover .owl-nav button {
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    animation: 1.3s ease-out 75ms 1 normal none running sonarEffect;
    background: rgb(255, 255, 255) !important;
}

.owl-nav > div i {
    margin: 0px;
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    bottom: 0.65em;
    left: 0px;
    right: 0px;
    z-index: 99;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;}

.owl-theme .owl-dots .owl-dot span {
    width: 1em;
    height: 1em;
    margin: 5px 7px;
    background: rgba(0, 0, 0, 0.3);
    display: block;
    backface-visibility: visible;
    transition: opacity 0.2s ease 0s;
    border-radius: 30px;
}

.testimonial-owl-carousel img {
    margin: 0px auto;
    text-align: center;
}

.center-block {
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.owl-carousel.owl-drag .owl-item {
    right: 0px;
    left: 0px !important;
}

.wishlist {
    background: rgb(7, 5, 16);
}

.wishlist.active {
    background: rgb(230, 42, 114);
}

.constuction-logo {
    border-bottom: 3px solid;
    border-radius: 3px;
}

.coupon-code .coupon {
    background: rgba(242, 187, 26, 0.1);
    border: 2px dashed rgb(242, 187, 26);
    text-align: center;
    border-radius: 2px;
}

.construction-image {
    background: url("../images/photos/construction.png") center center / cover fixed;
}

.construction-image::before {
    position: fixed;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
    left: 0px;
    right: 0px;
    background: linear-gradient(-225deg, rgba(74, 61, 184, 0.8) 48%, rgba(50, 228, 179, 0.8) 100%);
}

.error-image {
    background: url("../images/photos/error.jpg") center center / cover fixed;
}

.error-image::before {
    position: fixed;
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
    left: 0px;
    right: 0px;
    background: linear-gradient(-225deg, rgba(74, 61, 184, 0.8) 48%, rgba(50, 228, 179, 0.8) 100%);
}

.construction {
    z-index: 1;
}

.construction .btn.btn-icon {
    border: 1px solid rgba(255, 255, 255, 0.7);
    text-align: center;
    padding: 0px;
    background: 0px 0px;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.9);
    margin: 0px 5px;
    border-radius: 50%;
}

.construction .btn {
    border-radius: 3px;
}

.construction .form-control {
    border: 1px solid rgb(196, 197, 201);
    border-radius: 3px;
    padding-left: 3px;
    width: 60%;
}

.construction .input-group-1 {
    margin: 0px auto;
}

.construction h3 {
    color: rgb(255, 255, 255);
    font-size: 3rem;
    letter-spacing: 0px;
    padding-bottom: 0px;
    line-height: 1.2;
    font-weight: 400 !important;
    margin-bottom: 0.4em !important;
}

.construction p {
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 0.9375em;
    letter-spacing: 0.06667em;
    color: rgba(255, 255, 255, 0.7);
}

.construction-image .card {
    background: rgb(255, 255, 255);
}

.eductaional-tabs.nav {
    display: flex;
    justify-content: center;
    flex-direction: row;
}

.tabs-menu ul.eductaional-tabs li a {
    padding: 10px 20px 11px;
    background: rgb(255, 43, 136);
    border-radius: 23px;
    margin: 10px;
    color: rgb(255, 255, 255);
}

@media (max-width: 480px) {
    .tabs-menu ul.eductaional-tabs li a {
        margin: 0px;
    }

    .tabs-menu ul.eductaional-tabs li {
        width: 100% !important;
    }

    .tab-content .tab-pane .card-body a {
        margin: 9px 0px;
    }

    .tab-content .tab-pane .card-body a.float-right {
        float: none !important;
    }
}

@media (max-width: 767px) {
    .tabs-menu ul.eductaional-tabs li {
        width: 50%;
        text-align: center;
    }

    .icon-card li.mb-0:last-child {
        margin-bottom: 0px !important;
    }

    .icon-card li.mb-0 {
        margin-bottom: 0.5rem !important;
    }

    .icon-card li {
        width: 100% !important;
    }

    .item-cards7-ic li {
        width: 100% !important;
    }

    .item-card7-desc ul.d-flex li {
        margin-bottom: 10px;
        width: 100% !important;
    }

    .counter-status.status-1 {
        margin-top: 1.5rem;
    }

    .item-card7-desc ul.d-flex {
        display: block !important;
    }

    .tabs-menu ul.eductaional-tabs li a {
        display: block;
    }

    .item-card2-desc ul.d-flex li {
        margin-bottom: 10px;
    }

    .item7-card-desc.d-flex {
        display: block !important;
    }

    .item-card2-desc ul.d-flex {
        display: block !important;
    }
}

.horizontalMenu > .horizontalMenu-list > li > a.btn:hover {
    background: rgb(251, 149, 18);
}

.my-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
}

.item-user span i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgb(242, 243, 248);
    text-align: center;
    line-height: 30px;
    font-size: 12px;
}

@media (max-width: 767px) {
    .item-user .profile-pic .d-md-flex .ml-4 {
        margin-top: 15px;
        margin-left: 0px !important;
    }
}

@media (max-width: 768px) {
    .tabs-menu1 ul li a {
        display: block;
        width: 100%;
        border: 1px solid rgb(232, 235, 243);
        margin: 1px;
        border-radius: 2px;
    }
}

.profile-pic .d-md-flex {
    text-align: left;
}

@media (max-width: 480px) {
    .d-flex.ad-post-details {
        display: block !important;
    }

    .tabs-menu1 ul li a {
        margin: 2px;
    }

    .list-id .col {
        display: block;
        width: 100%;
    }

    .ads-tabs .tabs-menus ul li a {
        width: 100%;
        display: block;
    }

    .ads-tabs .tabs-menus ul li {
        margin-bottom: 10px;
        margin-right: 0px;
        width: 100%;
    }

    .zoom-container .arrow-ribbon2 {
        font-size: 20px;
    }

    .zoom-container .arrow-ribbon2::before {
        right: -17px;
    }
}

@media (min-width: 561px) and (max-width: 767px) {
    .navtab-wizard.nav-tabs li {
        width: 50%;
        display: contents;
    }

    .tabs-menu1 ul li {
        display: block;
        width: 49%;
        margin: 1px;
    }

    .navtab-wizard.nav-tabs .nav-link:first-child {
        border-top: 0px;
    }

    .navtab-wizard.nav-tabs .nav-link {
        border-left: 0px;
        border-top: 1px solid rgb(232, 235, 243);
    }
}

.item-card7-img {
    position: relative;
}

.item-card7-img::before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
}

.item-card7-img a {
    position: absolute;
}

.item-card7-img h4 {
    position: absolute;
    bottom: 20px;
    right: 15px;
    font-size: 25px;
    color: rgb(255, 255, 255);
}

.owl-carousel .owl-dots {
    margin: 0px auto;
    text-align: center;
}

.owl-carousel button.owl-dot {
    margin: 10px 10px 0px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    text-align: center;
    display: inline-block;
    border: none;
}

.owl-carousel-icons5 .owl-nav .owl-prev {
    position: absolute;
    top: 42%;
    left: auto;
    right: -24px;
    margin-top: -1.65em;
}

.owl-carousel-icons5 .owl-nav .owl-next {
    position: absolute;
    top: 58%;
    left: auto;
    right: -24px;
    margin-top: -1.65em;
}

.owl-carousel-icons4.owl-carousel .owl-item img {
    margin: 0px auto;
}

#carousel-controls.owl-carousel .owl-item img {
    width: 100%;
}

#exzoom {
    width: 100%;
}

:focus {
    outline: 0px !important;
}

.marketplace-or {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 56px;
    text-align: center;
    margin: 0px auto;
    border: 3px solid rgba(255, 162, 43, 0.1);
    background: rgba(255, 162, 43, 0.3);
}

.marketplace-alignment .text-center {
    margin: 0px auto;
    text-align: center;
    display: block;
}

.marketplace-alignment {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
}

.ecommerce-menu {
    float: none !important;
}

.header-menu1 {
    float: none !important;
}

@media (max-width: 340px) {
    .auction-content .product-item2-desc .product-item2-rating {
        display: block;
    }
}

@media (max-width: 767px) and (min-width: 569px) {
    .auction-content .product-item2-desc .product-item2-rating {
        display: block;
    }
}

@media (max-width: 1024px) and (min-width: 992px) {
    .auction-content .product-item2-desc .product-item2-rating {
        display: block;
    }

    .owl-carousel-icons6 .product-item2-desc .product-item2-rating {
        display: block;
    }
}

.ecommerce-menu.horizontalMenu > .horizontalMenu-list > li > a {
    padding: 9px 30px;
}

.ecommerce-menu.horizontalMenu > .horizontalMenu-list > li > a .fa {
    margin-right: 9px;
}

@media (min-width: 992px) and (max-width: 1350px) {
    .ecommerce-menu.horizontalMenu > .horizontalMenu-list > li > a {
        padding: 9px 15px;
    }
}

@media (min-width: 992px) and (max-width: 1350px) {
    .header-menu1 .input-group {
        width: 140px;
    }
}

@media (min-width: 568px) and (max-width: 767px) {
    #container1 {
        min-height: 460px !important;
    }
}

@media (max-width: 567px) {
    #container1 {
        min-height: 515px !important;
    }
}

@media (max-width: 992px) {
    .header-menu1 .input-group {
        padding: 10px !important;
    }

    .header-menu1 a.btn {
        width: 220px;
        text-align: center !important;
        margin: 0px auto !important;
        float: none !important;
    }

    .testimonial-owl-carousel .owl-nav .owl-prev {
        top: 20% !important;
    }

    .testimonial-owl-carousel .owl-nav .owl-next {
        top: 20% !important;
    }
}

.register-right .nav-tabs .nav-link {
    padding: 12px 25px;
    margin: 1px;
    text-align: center;
    display: block;
    border-radius: 3px;
}

.register-right .nav-tabs {
    background: rgb(255, 255, 255);
    margin: 0px auto;
    border-radius: 3px;
    box-shadow: rgba(62, 57, 107, 0.1) 0px 10px 40px 0px, rgba(62, 57, 107, 0.1) 0px 2px 9px 0px;
}

.register-right .nav-tabs .nav-item {
    display: block;
    text-align: center;
}

.gradient-icon {
    -webkit-text-fill-color: transparent;
}

.bg-background::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    display: block;
    z-index: 1;
    top: 0px;
}

.bg-background2::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    display: block;
    z-index: 0;
    top: 0px;
}

.bg-background-6::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    display: block;
    z-index: 1;
    top: 0px;
}

.bg-background-5::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    display: block;
    z-index: 0;
    top: 0px;
}

.bg-background-color::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    display: block;
    z-index: 1;
    top: 0px;
}

.bg-background3::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    display: block;
    z-index: 1;
    top: 0px;
}

.bg-background9::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    display: block;
    z-index: 1;
    top: 0px;
}

.bg-background3 .header-text {
    position: relative;
    z-index: 10;
}

.bg-background9 .header-text {
    position: relative;
    z-index: 10;
    top: 20px;
}

.bg-background-color .content-text {
    position: relative;
    z-index: 10;
}

.bg-background .header-text1 {
    position: relative;
    z-index: 10;
}

.bg-background2 .header-text {
    position: relative;
    z-index: 10;
    top: 70px;
    bottom: 70px;
}

@media (max-width: 320px) {
    .Marketplace .tab-pane .card-footer .footerimg-r {
        display: none;
    }
}

#homeVideo button.btn.btn-default {
    background: rgba(34, 40, 74, 0.7);
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 25px;
    padding: 6px 3px;
    line-height: 25px;
    z-index: 5;
    color: rgb(255, 255, 255);
}

#homeVideo button.btn.btn-default:hover {
    background: rgb(34, 40, 74);
}

.vertical-scroll .news-item {
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid rgb(232, 235, 243) !important;
}

.vertical-scroll .news-item td:last-child {
    width: 76%;
}

.vertical-scroll .item {
    margin-bottom: 5px;
    margin-top: 5px;
    border: 1px solid rgb(232, 235, 243) !important;
}

.vertical-scroll .item .p-5 {
    padding: 1rem !important;
}

.vertical-scroll {
    margin-bottom: 0px;
}

.vertical-scroll1 .item {
    margin-bottom: 15px;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(232, 235, 243) !important;
}

.vertical-scroll1 .item a {
}

.vertical-scroll .item2 {
    padding: 12px 25px;
    border-bottom: 1px solid rgb(232, 235, 243) !important;
}

.header-main-banner {
    position: absolute;
    top: 0px;
    display: block;
    width: 100%;
    z-index: 99;
}

.header-main-banner .horizontal-main, .header-main-banner .horizontalMenu > .horizontalMenu-list {
    background: 0px 0px;
}

@media (max-width: 480px) {
    .employers-details {
        display: none;
    }

    .hide-details {
        height: 128px !important;
    }
}

@media (max-width: 400px) {
    .employers-btn {
        display: none;
    }

    .distracted {
        display: none;
    }
}

@media (min-width: 992px) {
    .header-main-banner .horizontalMenu > .horizontalMenu-list > li > a, .header-main-banner .horizontalMenu > .horizontalMenu-list > li > a > .fa {
        color: rgba(255, 255, 255, 0.8);
    }
}

.pt-10 {
    padding-top: 8rem !important;
}

.axgmap {
    position: relative;
    width: 100%;
    height: 500px;
}

.axgmap-img {
    width: 30px;
    height: 30px;
    text-align: center;
    background: rgb(255, 255, 255);
}

.gm-style .gm-style-iw {
    padding: 20px 20px 0px;
    overflow: hidden;
    display: block;
    margin: 0px auto;
    text-align: center;
    width: 250px !important;
}

.gm-style .gm-style-iw h4 {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.gm-ui-hover-effect {
    opacity: 0.6;
    top: 0px !important;
    right: 0px !important;
}

.gm-style .gm-style-iw a.btn {
    margin-bottom: 6px;
}

@media (min-width: 992px) and (max-width: 1359px) {
    .map-content-width {
        width: 45%;
    }

    .map-width {
        width: 55%;
    }
}

@media (min-width: 1360px) {
    .map-content-width {
        width: 45%;
    }

    .map-width {
        width: 55%;
    }
}

.map-content-width .mCSB_inside > .mCSB_container {
    margin-right: 0px;
}

.map-content-width .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    float: right;
}

.map-content-width .mCSB_scrollTools .mCSB_draggerRail {
    display: none !important;
}

.map-content-width .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: rgba(0, 0, 0, 0.3) !important;
}

.map-content-width .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
    background: rgba(0, 0, 0, 0.5) !important;
}

.mh-500 {
    max-height: 500px;
}

.widget-info-right {
    text-align: right;
    float: right;
}

@media (max-width: 992px) {
    .widget-info-right {
        text-align: left;
        float: left;
    }
}

@media (max-width: 480px) {
    .reviews-categories .widget-spec1 li {
        margin-bottom: 0.5rem;
        font-size: 0.9rem;
        display: flow-root;
    }

    .reviews-categories .widget-spec1 li span {
        margin: 0px;
    }
}

@media (max-width: 767px) {
    .books-categories.item-all-cat .row .item-all-card {
        margin-bottom: 0.5rem;
    }

    .doctor-categories.item-all-cat .row .item-all-card {
        margin-bottom: 0.5rem;
    }

    .rating-stars .rating-stars-container .rating-star.sm {
        font-size: 13px;
    }
}

@media (max-width: 568px) {
    .items-gallery .items-blog-tab-heading {
        padding: 15px 0px;
    }

    .items-blog-tab-heading .items-blog-tab-menu li a {
        margin-left: 0px;
        margin-right: 0px;
    }

    .items-gallery .items-blog-tab-heading {
        display: block;
    }

    .books-categories.item-all-cat .row .item-all-card {
        margin-bottom: 0.5rem;
    }
}

.horizontalMenu > .horizontalMenu-list {
    background-color: transparent;
}

.horizontal-header {
    background-color: transparent;
}

.horizontalMenu > .horizontalMenu-list > li > a {
    color: rgb(17, 17, 17);
}

.horizontalMenu > .horizontalMenu-list > li > a.btn {
    color: rgb(255, 255, 255);
    font-size: 0.85rem;
}

.horizontalMenu > .horizontalMenu-list > li > a > .fa {
    color: rgb(34, 45, 56);
}

.horizontalMenu > .horizontalMenu-list > li > a.active .fa {
    color: rgb(34, 45, 56);
}

.horizontalMenu > .horizontalMenu-list > li:hover > a > .fa {
}

.horizontalMenu > .horizontalMenu-list > li > a:hover .fa {
}

.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li a i {
    color: rgb(51, 51, 51);
}

.horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li:hover > a i {
    color: rgb(34, 45, 56);
}

.highlight {
    background: rgba(255, 215, 0, 0.114);
}

code {
    font-size: 16px;
    background: rgb(247, 247, 247);
    padding: 3px 5px;
    border-radius: 3px;
    border: 1px solid rgb(235, 235, 235);
}

button#ihavecookiesBtn {
    margin-left: 0px !important;
}

#gdpr-cookie-message {
    position: fixed;
    z-index: 999;
    left: 0px;
    bottom: 30px;
    max-width: 375px;
    background-color: rgba(255, 255, 255, 0.95);
    padding: 20px;
    border-radius: 5px;
    border: 1px solid rgb(232, 235, 243);
    box-shadow: rgba(40, 37, 89, 0.6) 0px 8px 20px 0px;
    margin-left: 30px;
    text-align: center;
    display: block;
}

#gdpr-cookie-message h4 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

#gdpr-cookie-message h5 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}

#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: rgb(7, 5, 16);
    font-size: 15px;
    line-height: 1.5em;
}

#gdpr-cookie-message p:last-child {
    margin-bottom: 0px;
    text-align: center;
}

#gdpr-cookie-message li {
    width: 49%;
    display: -webkit-inline-box;
}

#gdpr-cookie-message a {
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    transition: all 0.3s ease-in 0s;
}

#gdpr-cookie-message button, button#ihavecookiesBtn {
    border: none;
    color: rgb(255, 255, 255);
    font-size: 15px;
    padding: 7px 18px;
    border-radius: 3px;
    margin-top: 4px;
    cursor: pointer;
    transition: all 0.3s ease-in 0s;
}

@media (max-width: 390px) {
    button#gdpr-cookie-advanced {
        margin-left: 0px !important;
    }

    #gdpr-cookie-message p button {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .item2-gl-nav .item2-gl-menu {
        display: none;
    }

    .item2-gl-nav h6 {
        margin-bottom: 20px !important;
    }
}

@media (max-width: 480px) {
    #gdpr-cookie-message {
        margin: 0px 15px;
        right: 0px;
        box-shadow: rgba(40, 37, 89, 0.9) 0px 0px 20px 0px;
        display: none !important;
    }
}

button#gdpr-cookie-advanced {
    margin-left: 4px;
}

#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}

#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0px;
    margin-right: 5px;
}

.marketplace-section img {
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    padding: 2.3rem 0px;
}

.ui-widget-header {
    border: 1px solid rgb(44, 67, 89);
    color: rgb(225, 228, 99);
    font-weight: 700;
}

.ui-widget-header a {
    color: rgb(225, 228, 99);
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid rgb(232, 235, 243);
    font-weight: 700;
    color: rgb(51, 51, 51);
}

@media (max-width: 992px) and (min-width: 767px) {
    .map-width {
        display: contents;
    }
}

#particles-js {
    position: absolute;
    height: 100%;
    inset: 0px;
    width: 100%;
}

.relative {
    position: relative !important;
}

.zindex1 {
    z-index: 1 !important;
}

.zindex2 {
    z-index: 2 !important;
}

.map-absolute {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 30px;
    border-bottom: 0px !important;
}

h1.animated-text {
    font-family: monospace;
    overflow: hidden;
    border-right: 0.15em solid orange;
    white-space: nowrap;
    margin: 0px auto;
    letter-spacing: 0.15em;
    animation: 3.5s steps(30) 0s 1 normal none running typing, 0.5s step-end 0s infinite normal none running blinking-cursor;
}

@keyframes typing {
    0% {
        width: 0px;
    }

    100% {
        width: 100%;
    }
}

@keyframes blinking-cursor {
    0%, 100% {
        border-color: transparent;
    }

    50% {
        border-color: orange;
    }
}

.banner1 .slide-header-text {
    top: 9%;
    z-index: 98 !important;
}

.slider-header .item::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    display: block;
    z-index: 1;
    top: 0px;
}

a.typewrite {
    font-size: 2.5rem;
    color: rgb(255, 255, 255) !important;
}

.btn-floating.btn-sm i {
    font-size: 0.96154rem;
    line-height: 36.1538px;
}

.btn-floating i {
    display: inline-block;
    width: inherit;
    text-align: center;
}

.btn-floating {
    width: 35px;
    height: 35px;
    line-height: 1.7;
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    transition: all 0.2s ease-in-out 0s;
    border-radius: 50%;
    padding: 0px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 11px 0px, rgba(0, 0, 0, 0.1) 0px 4px 15px 0px;
}

.pattern {
    background: url("../images/banners/banner4.jpg");
}

.pattern::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    display: block;
    z-index: 0;
    top: 0px;
}

.pattern::before {
    background: rgba(44, 53, 85, 0.76);
}

.pattern-1 {
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)) 0% 0% / cover, url("../images/banners/banners.jpg") center center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.pattern-2 {
    background: linear-gradient(-225deg, rgba(74, 61, 184, 0.8) 48%, rgba(50, 228, 179, 0.8) 100%), url("../images/products/products/subscribe.html");
}

.card-img img {
    border-radius: 5px;
}

.ribbon-1 {
    position: absolute;
    top: -6.1px;
    right: 10px;
    color: rgb(255, 255, 255);
}

.ribbon-1::after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-left: 20px solid transparent;
    border-right: 24px solid transparent;
    z-index: 99;
}

.ribbon-1 span {
    position: relative;
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 1;
    padding: 12px 8px 10px;
    border-top-right-radius: 8px;
    z-index: 99;
}

.ribbon-1 span::after, .ribbon-1 span::before {
    position: absolute;
    content: "";
}

.ribbon-1 span::before {
    height: 6px;
    width: 6px;
    left: -6px;
    top: 0px;
}

.ribbon-1 span::after {
    height: 6px;
    width: 8px;
    left: -8px;
    top: 0px;
    border-radius: 8px 8px 0px 0px;
}

.ribbon-1 i {
    color: rgb(255, 255, 255);
    font-size: 16px;
    padding-left: 7px;
    padding-right: 7px;
}

.ribbon-2 {
    position: absolute;
    top: -6.1px;
    right: 10px;
    color: rgb(255, 255, 255);
}

.ribbon-2::after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-left: 20px solid transparent;
    border-right: 24px solid transparent;
    z-index: 99;
}

.ribbon-2 span {
    position: relative;
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 1;
    padding: 12px 8px 10px;
    border-top-right-radius: 8px;
    z-index: 99;
}

.ribbon-2 span::after, .ribbon-2 span::before {
    position: absolute;
    content: "";
}

.ribbon-2 span::before {
    height: 6px;
    width: 6px;
    left: -6px;
    top: 0px;
}

.ribbon-2 span::after {
    height: 6px;
    width: 8px;
    left: -8px;
    top: 0px;
    border-radius: 8px 8px 0px 0px;
}

.ribbon-2 i {
    color: rgb(255, 255, 255);
    font-size: 16px;
    padding-left: 7px;
    padding-right: 7px;
}

.ribbon-3 {
    position: absolute;
    top: -6.1px;
    right: 10px;
    color: rgb(255, 255, 255);
}

.ribbon-3::after {
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-left: 20px solid transparent;
    border-right: 24px solid transparent;
    border-top: 13px solid rgb(12, 202, 216);
    z-index: 99;
}

.ribbon-3 span {
    position: relative;
    display: block;
    text-align: center;
    background: rgb(12, 202, 216);
    font-size: 14px;
    line-height: 1;
    padding: 12px 8px 10px;
    border-top-right-radius: 8px;
    z-index: 99;
}

.ribbon-1 span::after, .ribbon-3 span::before {
    position: absolute;
    content: "";
}

.ribbon-3 span::before {
    height: 6px;
    width: 6px;
    left: -6px;
    top: 0px;
    background: rgb(12, 202, 216);
}

.ribbon-3 span::after {
    height: 6px;
    width: 8px;
    left: -8px;
    top: 0px;
    border-radius: 8px 8px 0px 0px;
    background: rgb(12, 202, 216);
}

.ribbon-3 i {
    color: rgb(255, 255, 255);
    font-size: 16px;
    padding-left: 7px;
    padding-right: 7px;
}

.single-page button.dark {
    border-color: rgb(255, 73, 49);
    background: rgb(255, 73, 49);
}

.single-page .move button.dark {
    border-color: rgb(224, 183, 34);
    background: rgb(224, 183, 34);
}

.single-page .splits p {
    font-size: 18px;
}

.single-page button:active {
    box-shadow: none;
}

.single-page button:focus {
    outline: 0px;
}

.single-page .wrapper.wrapper2 {
    top: -37%;
    left: 4%;
}

.single-page > .wrapper3 {
    width: 100%;
    padding-top: 8rem;
}

.single-page .wrapper.wrapper2 {
    width: 100%;
    background: rgb(255, 255, 255);
    transition: all 0.5s ease 0s;
    color: rgb(255, 255, 255);
    overflow: hidden;
    border-radius: 4px;
    text-align: center;
}

.single-page .wrapper {
    background: rgb(255, 255, 255);
    box-shadow: rgba(62, 57, 107, 0.1) 0px 10px 40px 0px, rgba(62, 57, 107, 0.1) 0px 2px 9px 0px;
    transition: all 0.5s ease 0s;
    color: rgb(131, 138, 182);
    overflow: hidden;
    border-radius: 7px;
}

.single-page .wrapper > form {
    transition: all 0.5s ease 0s;
    background: rgb(255, 255, 255);
    width: 100%;
}

.single-page .wrapper .card-body {
    padding: 30px;
}

.single-page .wrapper > form:focus {
    outline: 0px;
}

.single-page .wrapper #login {
    visibility: visible;
}

.single-page .wrapper #register {
    transform: translateY(-80%) translateX(100%);
    visibility: hidden;
}

.single-page .wrapper.move #register {
    transform: translateY(-80%) translateX(0px);
    visibility: visible;
}

.single-page .wrapper.move #login {
    transform: translateX(-100%);
    visibility: hidden;
}

.single-page .wrapper > form > div {
    position: relative;
    margin-bottom: 15px;
}

.single-page .wrapper label {
    position: absolute;
    top: -7px;
    font-size: 12px;
    white-space: nowrap;
    background: rgb(255, 255, 255);
    text-align: left;
    left: 15px;
    padding: 0px 5px;
    color: rgb(7, 5, 16);
    pointer-events: none;
}

.single-page .wrapper h3, .single-page .wrapper h4 {
    margin-bottom: 25px;
    font-size: 22px;
    color: rgb(7, 5, 16);
}

.single-page .wrapper input {
    height: 40px;
    padding: 5px 15px;
    width: 100%;
    border: 1px solid rgb(232, 235, 243);
}

.single-page .wrapper input:focus {
    outline: 0px;
    border-color: rgb(232, 235, 243);
}

.single-page > .wrapper.move {
    left: 45%;
}

.single-page > .wrapper.move input:focus {
    border-color: rgb(224, 183, 34);
}

.single-page {
    width: 100%;
    margin: 0px auto;
    display: table;
    position: relative;
    border-radius: 7px;
}

.single-page.single-pageimage {
    min-height: 387px;
}

.single-page.single-pageimage::before {
    content: "";
    background: rgba(255, 255, 255, 0.5);
}

@media (min-width: 1024px) {
    .single-pageimage .log-wrapper {
        margin-top: 100px;
    }
}

.single-page > .log-wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    color: rgb(255, 255, 255);
}

.pricingTable {
    padding: 25px 0px;
    border: 1px solid rgba(0, 40, 100, 0.12);
    text-align: center;
}

.pricingTable .price-value {
    font-size: 50px;
    font-weight: 800;
    color: rgb(13, 59, 102);
    letter-spacing: 3px;
    margin-bottom: 30px;
}

.pricingTable .month {
    display: block;
    font-size: 17px;
    font-weight: 400;
    color: rgb(13, 59, 102);
    letter-spacing: 2px;
    line-height: 10px;
    text-transform: uppercase;
}

.pricingTable .title {
    display: inline-block;
    padding: 15px 40px;
    margin: 0px 0px 20px;
    background: rgba(233, 30, 99, 0.1);
    font-size: 20px;
    text-transform: capitalize;
    letter-spacing: 1px;
    position: relative;
    transition: all 0.3s ease 0s;
}

.pricingTable:hover .title {
    color: rgb(255, 255, 255);
    box-shadow: rgba(62, 57, 107, 0.2) 0px 10px 40px 0px, rgba(62, 57, 107, 0.2) 0px 2px 9px 0px;
}

.pricingTable .title::after, .pricingTable .title::before {
    content: "";
    border-right: 26px solid rgba(233, 30, 99, 0.1);
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent;
    position: absolute;
    top: 0px;
    left: -26px;
    transition: all 0.3s ease 0s;
}

.pricingTable .title::after {
    border-right: none;
    border-left: 26px solid rgba(233, 30, 99, 0.1);
    left: auto;
    right: -26px;
}

.pricingTable .pricing-content {
    padding: 0px;
    margin: 0px 0px 25px;
    list-style: none;
}

.pricingTable .pricing-content li {
    font-size: 17px;
    line-height: 40px;
}

.pricingTable .pricingTable-signup {
    display: inline-block;
    padding: 7px 30px;
    background: rgba(233, 30, 99, 0.1);
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    transition: all 0.3s ease 0s;
}

.pricingTable .pricingTable-signup::after, .pricingTable .pricingTable-signup::before {
    content: "";
    position: absolute;
    inset: 0px;
    transition: all 0.5s ease 0s;
}

.pricingTable .pricingTable-signup:hover::before {
    background: rgba(255, 255, 255, 0.7);
    left: 60%;
    right: 60%;
    z-index: 1;
}

.pricingTable .pricingTable-signup:hover::after {
    background: rgba(255, 255, 255, 0.7);
    top: 60%;
    bottom: 60%;
}

@media only screen and (max-width: 990px) {
    .pricingTable {
        margin-bottom: 30px;
    }
}

.pricingTable2 {
    text-align: center;
    transition: all 0.4s ease-in-out 0s;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 40, 100, 0.12);
}

.pricingTable2-header {
    padding: 25px 10px;
    background-color: rgb(255, 255, 255);
}

.pricingTable2 .pricingTable2-header h3 {
    font-size: 21px;
    letter-spacing: 2px;
    color: rgb(0, 0, 0);
    text-transform: uppercase;
    margin-top: 10px;
}

.pricingTable2-header span {
    display: block;
    font-size: 12px;
}

.pricing-plans {
    padding: 25px 0px;
}

.price-value1 {
    font-size: 25px;
    line-height: 35px;
    color: rgb(255, 255, 255);
    display: inline-block;
    position: relative;
}

.price-value1 i {
    position: absolute;
    top: 3px;
    font-size: 22px;
}

.price-value1 span {
    font-size: 40px;
    color: rgb(255, 255, 255);
    margin-left: 17px;
}

.pricing-plans .month {
    color: rgb(255, 255, 255);
    display: inline-block;
    font-size: 15px;
    margin-top: 15px;
    font-weight: 100;
}

.pricingContent2 ul {
    padding: 0px 15px;
    margin-bottom: 0px;
    list-style: none;
}

.pricingContent2 ul li {
    padding: 15px 0px;
    text-transform: capitalize;
}

.pricingTable2 .pricingTable2-sign-up {
    padding: 25px 0px;
    border-top: 1px solid rgba(0, 40, 100, 0.12);
}

.pricingTable2 .btn-block {
    width: 50%;
    margin: 0px auto;
    padding: 10px 0px;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    border-radius: 50px;
    transition: all 0.3s ease 0s;
}

.pricingTable2.green .pricing-plans {
    background-color: rgb(39, 199, 129);
}

.pricingTable2.info .pricing-plans {
    background-color: rgb(10, 178, 230);
}

.customerpage .btn-icon {
    border: 1px solid rgba(96, 94, 126, 0.2);
}

.imagecheck-figure {
    height: 100%;
}

.feature .icons {
    position: relative;
    display: inline-block;
    width: 3em;
    height: 3em;
    line-height: 3em;
    vertical-align: middle;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.form .btn {
    position: relative;
    right: 0px;
    border-radius: 5px;
    height: 63px;
    line-height: 15px;
    font-size: 14px;
    font-weight: 600;
}

.location-gps {
    cursor: pointer;
    height: 20px;
    line-height: 33px;
    position: absolute;
    right: 12px;
    text-align: right;
    top: 14.5px;
    background: rgb(255, 255, 255);
    width: 15px;
    color: rgb(167, 180, 201);
}

.header-style .horizontalMenu {
    float: inherit !important;
}

.top-bar .select2-dropdown.select2-dropdown--below {
    width: 180px !important;
}

.top-bar .select-country .select2-container {
    width: 150px !important;
}

.loader-img .floating {
    animation: 3s ease 0s infinite normal none running floating;
    will-change: transform;
}

@keyframes floating {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0px);
    }
}

.activity {
    position: relative;
    border-left: 1px solid rgb(234, 242, 249);
    margin-left: 16px;
}

.activity .img-activity {
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 34px;
    border-radius: 50%;
    position: absolute;
    left: -18px;
    box-shadow: rgb(248, 249, 250) 0px 0px 0px 0.5px;
}

.activity .item-activity {
    margin-left: 40px;
    margin-bottom: 19px;
}

.bg-card-light {
    background: rgb(233, 236, 243);
    text-align: center;
    transition: all 0.4s ease 0s;
    transform: scale(1);
    width: 100%;
    border-radius: 3px 5px;
}

.bg-card-light:hover {
    box-shadow: rgba(152, 154, 158, 0.5) 0px 0px 40px 0px;
    background: rgb(255, 255, 255);
}

.status-border {
    border: 1px solid rgb(232, 235, 243) !important;
}

.horizontal-main-1 {
    background: transparent;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.bg-background9::before {
    background: rgba(236, 41, 107, 0.7);
}

.fa-1 {
    font-size: 1.5em;
}

.bg-card {
    background: rgb(233, 236, 243);
}

.bg-card:hover {
    box-shadow: rgba(152, 154, 158, 0.5) 0px 0px 40px 0px;
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}

body .modal-open {
    overflow: hidden;
    padding-right: 0px !important;
}

.info .counter-icon {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.9) !important;
}

@media (min-width: 411px) and (max-width: 414px) {
    .banner-1 {
        height: 576px !important;
    }
}

.blog-list .item7-card-img {
    height: 196px !important;
}

.blog-list-1 {
    height: 196px;
}

@media screen and (max-width: 1279px) {
    .blog-list .item7-card-img {
        height: 100% !important;
    }
}

.icon-service1 {
    display: inline-flex;
    width: 70px;
    height: 70px;
    text-align: center;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
}

.icon-service1 i {
    font-size: 2rem;
}

.item-card2-list li {
    width: 50%;
    float: left;
    margin-bottom: 0.5rem;
}

.item-card2-list li:nth-last-child(2) {
    margin-bottom: 0px;
}

.item-card2-list li:last-child {
    margin-bottom: 0px;
}

.tag-text {
    position: absolute;
    bottom: 12px;
    z-index: 1;
    right: 6px;
}

.tag-text .tag-option {
    color: rgb(255, 255, 255);
    margin: 5px;
    padding: 3px 5px;
    font-size: 12px;
    border-radius: 3px;
}

.navresponsive-toggler {
    font-size: 14px;
    line-height: 2.6;
    color: rgb(167, 180, 201);
}

.navresponsive-toggler span {
    float: left;
}

.navbar-togglericon {
    line-height: 2.6;
    position: absolute;
    right: 12px;
    text-align: right;
}

.advanced-search {
    padding: 1.5rem;
    color: rgb(7, 5, 16);
    border: 1px solid rgb(234, 238, 249);
}

.responsive-background {
    position: absolute;
    display: flex;
    margin: 0px auto;
    width: 97.4%;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: rgba(234, 238, 249, 0.5) 1px 0px;
}

.item-tags {
    position: absolute;
    bottom: 12px;
    left: 10px;
    z-index: 98;
}

.item-tags .tag-option {
    margin: 5px;
    padding: 3px 5px;
    font-size: 12px;
    border-radius: 3px;
    color: rgb(255, 255, 255);
    float: left;
    cursor: pointer;
}

.item-trans-rating {
    position: absolute;
    bottom: 12px;
    right: 10px;
    z-index: 98;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    padding: 5px;
}

.item-trans-rating .rating-stars .rating-stars-container .rating-star.sm {
    color: rgba(255, 255, 255, 0.5);
}

.item-trans-rating .rating-stars .rating-stars-container .rating-star.is--active, .rating-stars .rating-stars-container .rating-star.is--hover {
    color: rgb(241, 196, 15);
}

.search-background .form-control:first-child {
    border-right: 0px;
}

.item-card-btn-hover .item-card-btn {
    padding: 0px;
    margin: 0px;
    opacity: 0;
    position: absolute;
    z-index: 100;
    transition: all 0.5s ease 0s;
}

.item-card-btn-hover .item-card-btn a {
    display: block;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
}

.item-card-btn-hover .item-card-btn a::after {
    content: "";
    height: 100%;
    width: 100%;
    border-radius: 0px;
    transform: translateX(-50%) rotate(45deg);
    z-index: -1;
}

.item-card-btn-hover .item-card-btn a::after, .item-card-btn-hover .item-card-btn a::before {
    transform: translateX(-50%);
    position: absolute;
}

.item-card-btn-hover:hover .item-card-btn {
    opacity: 1;
    bottom: 8px;
    width: 100%;
    padding: 0px 5px;
}

.item-card-btn-hover .card-footer {
    position: relative;
}

.item-card-btn-hover:hover .card-footer::before {
    content: "";
    position: absolute;
    inset: 0px;
    z-index: 99;
    background: rgba(0, 0, 0, 0.5);
}

.sold-out .card {
    pointer-events: none;
    opacity: 0.5;
}

.sold-ribbon {
    display: none !important;
}

.sold-out .sold-ribbon {
    display: block !important;
    opacity: 1 !important;
}

.sold-out .arrow-ribbon, .sold-out .power-ribbon {
    display: none !important;
}

.sold-out1 {
    position: relative;
    overflow: hidden;
}

.sold-out1 .card {
    pointer-events: none;
    opacity: 0.5;
}

.sold-out1 .sold-ribbon {
    display: block !important;
    opacity: 1 !important;
}

.sold-out1 .arrow-ribbon, .sold-out .power-ribbon {
    display: none !important;
}

.footer-links a::before {
    content: "";
    margin-right: 5px;
    position: relative;
    opacity: 0.5;
    font-family: typicons !important;
}

.advnaced-slider.ui-slider-horizontal {
    height: 0.1em;
}

.advnaced-slider.ui-slider .ui-slider-handle {
    width: 0.6em;
    height: 0.6em;
}

.advnaced-slider.ui-widget-content {
    border: 1px solid rgb(61, 78, 103);
}

.item-card8-img a {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.header-text1 .text-property {
    position: relative;
    top: -15px;
}

.property-slide a.carousel-control-next {
    position: absolute;
    height: auto;
    top: 0px;
    bottom: 0px;
    left: auto;
    width: 20% !important;
    right: -1rem !important;
}

.property-slide a.carousel-control-prev {
    position: absolute;
    height: auto;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: -1rem !important;
    width: 20% !important;
}

.btn-store {
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255) !important;
}

.btn-store:focus, .btn-store:hover {
    opacity: 0.8;
    color: rgb(255, 255, 255) !important;
}

.op1 {
    opacity: 0.1;
}

.op2 {
    opacity: 0.2;
}

.op3 {
    opacity: 0.3;
}

.op4 {
    opacity: 0.4;
}

.op5 {
    opacity: 0.5;
}

.sticky-wrapper.is-sticky .horizontalMenu > .horizontalMenu-list > li > .horizontal-megamenu {
    top: 75px;
}

.sticky-wrapper.is-sticky .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu {
    top: 65px;
}

* {
    /* transition: none 0s ease 0s !important; */
}

#gb-widget-7439 {
    bottom: 130px !important;
}

#gb-widget-1713 {
    bottom: 140px !important;
}

.wrap_da4b {
    bottom: 170px !important;
}

.sliderIcerik {
    position: absolute;
    left: 0;
    right: 0;
    max-width: 800px;
    top: 30px;
    bottom: 0;
    margin: auto;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 15px #333;
    z-index: 1;
}

.sliderIcerik h1 {
    position: relative !important;
}

.property-title {
    height: 15px;
    overflow: hidden;
    font-weight: 400;
}

a.gflag {
    vertical-align: middle;
    font-size: 13px;
    float: left;
    background-repeat: no-repeat;
    background-image: none;
    display: block;
    width: 100%;
    border-top: 1px solid rgba(238, 238, 238, 0.933);
    padding: 8px 18px !important;
    color: rgb(51, 51, 51) !important;
}

a.gflag img {
    border: 0px;
}

a.gflag:hover {
    background-image: none;
}

#goog-gt-tt {
    display: none !important;
}

.goog-te-banner-frame {
    display: none !important;
}

.goog-te-menu-value:hover {
    text-decoration: none !important;
}

body {
    overflow-x: hidden;
    top: 0px !important;
}

#google_translate_element2 {
    display: none !important;
}

.title-list {
    font-size: 13px;
    line-height: 18px;
    color: rgb(0, 0, 0);
    overflow: hidden;
    height: 50px;
}

.detay-resim .carousel-item {
    height: 485px;
    overflow: hidden;
    position: relative;
    background: 0% 0% / cover rgb(29, 29, 29);
}

.detay-resim img {
    position: absolute;
    inset: 0px;
    margin: auto;
    height: 100% !important;
    width: initial !important;
}

.pb-8 {
    padding-bottom: 8rem;
}

.pb-12 {
    padding-bottom: 12rem;
}

.pb-15 {
    padding-bottom: 15rem;
}

.pt-8 {
    padding-bottom: 8rem;
}

.hizli-menu a {
    margin: 0px 5px;
    display: block;
}

.grid-title-1 {
    height: 20px;
    overflow: hidden;
    line-height: 20px;
    color: rgb(68, 68, 68);
}

.main-search-top {
    z-index: 2147483647;
    position: relative;
    margin: 0px -12px;
    border-radius: 5px;
}

.main-search-top .input--style-4 {
    border: none;
    font-size: 15px;
    font-weight: 300;
    padding: 0px 25px;
    height: 50px;
    border-radius: 5px;
}

.main-search-top .select2-selection__rendered {
    height: 50px;
    border: none !important;
    font-weight: 300 !important;
    padding: 0px 20px !important;
}

.p-18 {
    padding: 17px !important;
}

.form-beni-ara input {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.57);
    color: rgba(255, 255, 255, 0.57);
}

.form-beni-ara input::placeholder {
    color: rgba(255, 255, 255, 0.57);
    font-weight: 700;
}

.uye_foto {
    height: 145px;
    overflow: hidden;
    position: relative;
    width: 100%;
    border: 5px solid rgb(255, 255, 255);
    background: rgb(255, 255, 255);
}

.uye_foto img {
    position: absolute;
    inset: 0px;
    margin: auto;
    height: 100%;
}

.danisman-liste-sidebar {
    max-height: 350px;
    overflow: auto;
}

.box-1 {
    padding: 30px;
    border-radius: 3px;
    margin: 20px 0px;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 15px 0px;
    display: flex;
    height: 250px;
    align-items: center;
    justify-content: center;
}

.intro-text-p {
    font-size: 12px;
    line-height: 12px;
    padding-top: 8px;
    font-weight: 300 !important;
}

.intro-text-a {
    font-size: 12px;
    line-height: 12px;
    margin-top: 7px;
    display: block;
    color: rgb(13, 171, 183);
}

.f-17 {
    font-size: 15px !important;
}

.one-cikan {
    position: absolute;
    top: 15px;
    left: -70px;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    line-height: 20px;
    transform: rotate(-45deg);
    width: 200px;
    /* z-index: 777; */
}

.one-cikan-ust {
    top: 230px;
}

.ilanD-wrapper {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 3px 1px;
}

.ilanD-ust {
    border-bottom: 1px solid rgb(221, 221, 221);
}

.ilanD-ic {
    padding: 25px 25px 0px;
}

.ilanD-alt {
    display: block;
    clear: both;
}

.ilanDtabTitle {
    margin-bottom: -1px;
}

.ilanDtabTitle li {
    border-left: 1px solid rgb(221, 221, 221);
    margin-left: -1px;
    border-bottom: 2px solid rgb(236, 236, 236);
}

.ilanDtabTitle li a {
    font-size: 15px;
    color: rgb(125, 132, 138);
    font-weight: 400;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 56px;
}

.ilanDtabTitle li a i {
    position: relative;
    top: 5px;
    color: rgba(12, 12, 12, 0.24);
    margin-right: 15px;
}

.ilanDtabTitle li a.active i {
    color: rgb(49, 160, 255);
}

.ilanDtabTitle li a.active {
    background: rgb(251, 251, 251);
    color: rgb(49, 160, 255);
}

.buyuk-resim {
    display: block;
    height: 400px;
    position: relative;
    border: 1px solid rgba(134, 134, 134, 0.57);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.buyuk-resim:hover .tum-resim-goster {
    visibility: visible;
}

.kucuk-resim {
    display: block;
    height: 85px;
    border: 1px solid rgba(134, 134, 134, 0.57);
    margin-bottom: 20px;
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.kucuk-resim:hover .resimD-icon, .buyuk-resim:hover .resimD-icon {
    visibility: visible;
}

.resimD-icon {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    text-align: center;
    background: rgba(51, 51, 51, 0.63);
    visibility: hidden;
}

.resimD-icon i {
    margin: auto;
    color: rgb(255, 255, 255);
    opacity: 0.4;
}

.tum-resim-goster {
    background: rgb(115, 137, 155);
    color: rgb(255, 255, 255);
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 5px 35px;
    font-weight: 600;
    text-transform: uppercase;
    visibility: hidden;
}

.tum-resim-goster:hover {
    background: rgb(52, 58, 64);
}

.minidetay {
    margin-right: -2px;
}

.minidetay li.nav-item {
    padding: 0.65rem 12px 0.8rem 24px;
    display: block !important;
}

.minidetay li {
    padding: 8px;
    border-right: 1px solid rgb(221, 221, 221);
    border-top: 1px solid rgb(221, 221, 221);
    text-align: left !important;
}

.minidetay li p {
    padding: 0px;
    margin: 0px;
    font-size: 17px;
}

@media only screen and (max-width: 600px) {
    .rs-select2.js-select-simple.se.lect--no-search {
        margin-bottom: 20px;
    }

    input.input--style-4.input-lg {
        /* margin-bottom: 20px; */
        border: 1px solid rgb(238, 238, 238) !important;
    }

    button.btn.btn-lg.btn-block.btn-success.pb-4.pt-4 {
        border-radius: 0px !important;
    }

    .p-sm-0 {
        padding: 12px !important;
    }

    .mobil-gizle {
        position: fixed;
        top: 0px;
        z-index: 777777;
        width: 100%;
        height: auto;
        left: 0px;
        overflow: auto;
    }

    .sptb {
        padding-top: 15px !important;
    }

    .item-card9-imgs {
        width: 100%;
        height: 250px;
        margin: 0px;
    }

    .item-card9-imgs img {
        border: 5px solid #fff;
        border-radius: 20px;
    }

    .ilanD-ic {
        padding: 0px;
    }

    .buyuk-resim {
        height: 250px;
    }

    .ilanD-wrapper {
        height: 400px;
    }

    .modal-xl {
        width: inherit !important;
    }

    .item2-gl-nav {
        display: none !important;
    }

    .card-body, .card-footer {
        padding: 1.5rem !important;
    }

    p {
        font-size: 12px;
    }

    .pl-3, .px-3 {
        padding-left: 0.5rem !important;
    }

    .pr-3, .px-3 {
        padding-right: 0.5rem !important;
    }

    .pt-7 {
        padding-top: 1rem !important;
    }

    .p-5 {
        padding: 0.3rem !important;
    }

    .top-menu-right {
        display: none !important;
    }

    .horizontalMenu > .horizontalMenu-list > li > ul.sub-menu > li {
        position: relative;
    }
}

@media (max-width: 425px) {
    .proje-title {
        height: 500px;
    }

    .hover-box img {
        height: 250px;
    }

    .banner-1 .header-text h1 {
        font-size: 30px;
    }

    .bg-transparent {
        box-shadow: none;
        background: transparent !important;
    }

    .horizontalMenu > .horizontalMenu-list > li > a {
        height: inherit !important;
    }

    .liste-baslik {
        font-size: 12px;
        white-space: inherit !important;
        padding-bottom: 12px;
    }

    .liste-baslik a {
        font-size: 20px;
        font-weight: 500;
    }

    .ana-menu li {
        display: inherit;
    }

    .detay-ust {
        margin-top: 20px !important;
    }
}

@media (min-width: 425px) {
    .gizle-425 {
        display: none !important;
    }
}

.check-control {
    display: block;
    float: left;
    width: 24px;
    position: relative;
    top: 2px;
}

.ozet {
    background: #fff;
    border-bottom: 1px solid #ededee;
    margin: -2px -2px 8px -2px;
}

.ozet .col {
    border-right: 1px solid #ededed !important;
    padding: 7px 0px 2px 0px !important;
    white-space: nowrap;
}

.ozet .col span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 40px;
    margin: auto;
    text-align: center;
    display: inline-block;
}

.ozet .col i {
    font-size: 14px !important;
    position: relative;
    top: -4px;
}

.ozet .col:last-child {
    border: 0 !important;
}

.ozet [class*="col-"] {
    position: relative;
}

.ozet [class*="col-"]::after {
    content: "";
    display: block;
    border-right: 1px solid rgb(208, 208, 208);
    position: absolute;
    right: 0px;
    top: 12px;
    bottom: 0px;
    margin: auto;
}

.ozet [class*="col-"]:last-child::after {
    border-right: transparent;
}

.emlak_tipi_kat {
    position: absolute;
    top: 165px;
    right: 15px;
    background: rgb(247, 247, 247);
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 10px;
    border: 1px solid rgb(0, 123, 255);
    color: rgb(0, 123, 255);
}

.hover-box {
    transition: all .2s !important;
}

.hover-box:hover {
}

.title-in {
    position: absolute;
    inset: 0px;
    margin: auto;
    width: 100%;
}

.proje-ikili-ortala {
    overflow: hidden;
    height: 400px;
    display: flex;
    justify-content: center;
}

.proje-alt-baslik {
    background: rgb(255, 255, 255);
    padding: 30px;
    box-shadow: rgba(86, 86, 86, 0.08) 0px 0px 3px;
}

.shadow-1 {
    box-shadow: rgba(50, 50, 50, 0.75) 0px 0px 10px 0px;
}

.lokasyon-resim {
    position: relative;
    height: 350px;
    background: rgb(51, 51, 51);
    overflow: hidden;
}

.lokasyon-resim img {
    object-fit: cover;
}

.sehir-con:hover .tip-con {
    opacity: 1;
}

.lokasyon-resim img {
    height: 100%;
}

.lokasyon-resim-icerik {
    display: flex;
    place-content: flex-end space-between;
    flex-wrap: wrap;
    padding: 8px 15px;
    border-radius: 200px;
    color: rgb(255, 255, 255);
    font-size: 20px;
    text-shadow: rgb(0, 0, 0) 0px 0px 5px;
    z-index: 7777;
    text-align: left !important;
    height: 350px !important;
    width: 100% !important;
}

.lokasyon-resim-icerik i {
    padding: 0px;
    color: rgb(255, 87, 34) !important;
    margin: 0px 0px 3px !important;
}

.lokasyon-resim-icerik h5 {
    font-size: 24px;
    margin: 0px;
    white-space: nowrap;
    overflow: hidden;
}

.lokasyon-resim-icerik h6 {
    font-size: 0.7rem;
}

.lokasyon-resim-icerik h6 strong {
    font-weight: 400;
}

.sehir-con {
    background: rgb(255, 255, 255);
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    padding: 0px !important;
}

.ilan_tarih {
    position: absolute;
    bottom: 20px;
    right: 20px;
    font-size: 11px;
    color: rgb(255, 255, 255);
    background: rgba(49, 206, 137, 0.67);
    padding: 3px 8px;
    border-radius: 3px;
}

.detay-ust {
    margin-top: 0px;
}

.arama-2-item .select2-container--default .select2-selection--single {
    border-radius: 0px 0px 0px 5px !important;
    background: rgb(248, 248, 248) !important;
}

.arama-2-item .select2-selection__rendered {
    border: none !important;
}

.arama-4-item .btn {
    border-radius: 0px 3px 3px 0px !important;
}

.arama-3-item .input--style-4 {
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-image: initial;
    border-left: 1px solid rgb(238, 238, 238);
    border-radius: 0px !important;
}

.height-62 {
    height: 62px !important;
}

.bg-footer-map {
    background: rgb(231, 231, 231);
    position: relative;
    bottom: -1px;
    padding: 30px 0px 20px;
}

.bg-footer-map .nav-tabs {
    border-bottom: 2px solid rgb(216, 216, 216);
    margin-bottom: 20px;
}

.bg-footer-map .card {
    background: rgb(231, 231, 231);
    border: none;
    box-shadow: none;
}

.bg-footer-map .card-body {
    box-shadow: none;
    border: none;
    padding: 0px 0px 40px !important;
}

.bg-footer-map a {
    color: rgb(97, 100, 101);
    font-size: 13px;
}

.bg-footer-map .nav-tabs .nav-link.active {
    background: transparent;
    border-bottom: 3px solid rgb(0, 123, 255);
}

.bg-footer-map .nav-tabs .nav-link {
    color: rgb(90, 89, 89);
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
}

.bg-footer-map .nav-tabs .nav-item {
    margin-bottom: -18px;
}

.bg-footer-map a:hover {
    color: rgb(170, 185, 197);
}

.tip-con {
    position: absolute;
    background: linear-gradient(black, transparent);
    width: 100%;
    height: 100%;
    margin: auto;
    inset: 0px;
    opacity: 0;
    transition: all 0.3s ease 0s;
    flex-wrap: wrap;
    z-index: 8888;
}

.tip-con a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    font-size: 0.7rem;
}

code {
    background: rgb(233, 236, 243);
    border: 1px solid rgb(233, 236, 243);
    border-radius: 3px;
    padding: 3px;
}

pre code {
    padding: 0px;
    border-radius: 0px;
    border: none;
    background: 0px 0px;
}

hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

pre {
    color: rgb(52, 58, 64);
    padding: 1rem;
    overflow: auto;
    font-size: 85%;
    line-height: 1.45;
    background-color: rgb(248, 250, 252);
    border-radius: 3px;
    tab-size: 4;
    text-shadow: rgb(255, 255, 255) 0px 1px;
    hyphens: none;
}

img {
    max-width: 100%;
}

.text-wrap {
    font-size: 14px;
    line-height: 1.66;
}

.text-wrap > :first-child {
    margin-top: 0px;
}

.text-wrap > :last-child {
    margin-bottom: 0px;
}

.text-wrap > h1, .text-wrap > h2, .text-wrap > h3, .text-wrap > h4, .text-wrap > h5, .text-wrap > h6 {
    margin-top: 1em;
}

.section-nav {
    background-color: rgb(248, 249, 250);
    margin: 1rem 0px;
    padding: 0.5rem 1rem;
    border: 1px solid rgb(232, 235, 243);
    border-radius: 3px;
    list-style: none;
}

.section-nav::before {
    content: "Table of contents:";
    display: block;
    font-weight: 600;
}

@media print {
    .container {
        max-width: none;
    }
}

.row-cards > .col, .row-cards > [class*="col-"] {
    display: flex;
    flex-direction: column;
}

.row-deck > .col, .row-deck > [class*="col-"] {
    display: flex;
    align-items: stretch;
}

.row-deck > .col .card, .row-deck > [class*="col-"] .card {
    flex: 1 1 auto;
}

.col-text {
    max-width: 48rem;
}

.col-login {
    max-width: 24rem;
}

.gutters-0 {
    margin-right: 0px;
    margin-left: 0px;
}

.gutters-0 > .col, .gutters-0 > [class*="col-"] {
    padding-right: 0px;
    padding-left: 0px;
}

.gutters-0 .card {
    margin-bottom: 0px;
}

.gutters-xs {
    margin-right: -0.25rem;
    margin-left: -0.25rem;
}

.gutters-xs > .col, .gutters-xs > [class*="col-"] {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
}

.gutters-xs .card {
    margin-bottom: 0.5rem;
}

.gutters-sm {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}

.gutters-sm > .col, .gutters-sm > [class*="col-"] {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.gutters-sm .card {
    margin-bottom: 1rem;
}

.gutters-lg {
    margin-right: -1rem;
    margin-left: -1rem;
}

.gutters-lg > .col, .gutters-lg > [class*="col-"] {
    padding-right: 1rem;
    padding-left: 1rem;
}

.gutters-lg .card {
    margin-bottom: 2rem;
}

.gutters-xl {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
}

.gutters-xl > .col, .gutters-xl > [class*="col-"] {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.gutters-xl .card {
    margin-bottom: 3rem;
}

html {
    font-size: 16px;
    height: 100%;
    direction: ltr;
}

body {
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    text-size-adjust: none;
    touch-action: manipulation;
    font-feature-settings: "liga" 0;
    height: 100%;
    overflow-y: scroll;
    position: relative;
    background: #f3f3f3;
}

.page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
}

body.fixed-header .page {
    padding-top: 4.5rem;
}

@media (min-width: 1600px) {
    body.aside-opened .page {
        margin-right: 22rem;
    }
}

.page-main {
    flex: 1 1 auto;
}

.page-content {
    margin: 0.75rem 0px;
}

@media (min-width: 768px) {
    .page-content {
        margin: 1.5rem 0px !important;
    }
}

@media (max-width: 768px) {
    .item-det ul.d-flex {
        display: block !important;
    }

    .item-det .d-flex {
        display: block !important;
    }

    .item-det .rating-stars.d-flex {
        display: flex !important;
    }
}

.page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px;
    position: relative;
    min-height: 12px;
    background: rgb(255, 255, 255);
}

.users-list .page-header {
    background: 0px 0px;
    padding: 0px;
    border: 0px;
}

.bannerimg .breadcrumb {
    display: inline-flex;
}

.page-title {
    margin: 0px;
    font-size: 15px;
    font-weight: 500;
    line-height: 2.5rem;
}

.page-title-icon {
    color: rgb(167, 180, 201);
    font-size: 1.25rem;
}

.page-subtitle {
    font-size: 0.8125rem;
    color: rgb(95, 104, 119);
    position: relative;
    top: 19px;
    right: 59rem;
}

.page-subtitle a {
    color: inherit;
}

.page-options {
    margin-left: auto;
}

.page-breadcrumb {
    flex-basis: 100%;
}

.page-description {
    margin: 0.25rem 0px 0px;
    color: rgb(95, 104, 119);
}

.page-description a {
    color: inherit;
}

.page-single {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-heading {
    font-weight: 400;
    margin: 2rem 0px 1.5rem;
    font-size: 1.25rem;
    line-height: 1.25;
}

.content-heading:first-child {
    margin-top: 0px;
}

.aside {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 22rem;
    background: rgb(255, 255, 255);
    border-left: 1px solid rgb(232, 235, 243);
    display: flex;
    flex-direction: column;
    z-index: 100;
    visibility: hidden;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 20px;
}

@media (min-width: 1600px) {
    body.aside-opened .aside {
        visibility: visible;
    }
}

.aside-body {
    padding: 1.5rem;
    flex: 1 1 auto;
    overflow: auto;
}

.aside-footer {
    padding: 1rem 1.5rem;
    border-top: 1px solid rgb(232, 235, 243);
}

.aside-header {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid rgb(232, 235, 243);
}

.header {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    width: 100%;
    z-index: 100;
}

body.fixed-header .header {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 1030;
}

@media print {
    .header {
        display: none;
    }
}

.header .dropdown-menu {
    margin-top: 0px;
}

.header .mega-menu {
    width: 350px;
}

.nav-unread {
    position: absolute;
    top: 0.1rem;
    right: 0.4rem;
    background: rgb(241, 143, 19);
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
}

.nav-unread.badge {
    position: absolute;
    top: 0px;
    text-align: center;
    right: 0px;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
}

.nav-link.icon {
    margin: 5px;
    border-radius: 50%;
    padding: 12px;
    width: 2.5rem;
    text-align: center;
    height: 2.5rem;
    font-size: 15px;
    position: relative;
}

.nav-link.icon.full-screen-link {
    padding-bottom: 12px;
}

.nav-link.icon i {
    color: rgb(252, 253, 255);
}

.header-brand {
    color: inherit;
    margin-right: 1rem;
    font-size: 1.25rem;
    white-space: nowrap;
    font-weight: 600;
    padding: 0px;
    transition: opacity 0.3s ease 0s;
    line-height: 2.9rem;
}

.app-header .header-brand {
    color: inherit;
    margin-right: 0px;
    font-size: 1.25rem;
    white-space: nowrap;
    font-weight: 600;
    padding: 0px;
    transition: opacity 0.3s ease 0s;
    line-height: 2.9rem;
    min-width: 200px;
    text-align: center;
}

.app-header .header-brand .header-brand-img {
    margin-right: 0px;
}

.app-header1 .header-brand {
    color: inherit;
    margin-right: 0px;
    font-size: 1.25rem;
    white-space: nowrap;
    font-weight: 600;
    padding: 0px;
    transition: opacity 0.3s ease 0s;
    line-height: 2.9rem;
    min-width: 215px;
    text-align: center;
    margin-top: -1.5px;
}

.app-header1 .header-brand .header-brand-img {
    margin-right: 0px;
}

.header-brand:hover {
    color: inherit;
    text-decoration: none;
}

.header-brand-img {
    height: 2.5rem;
    line-height: 2rem;
    vertical-align: bottom;
    margin-right: 0.5rem;
    width: auto;
}

.header-avatar {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    vertical-align: bottom;
    border-radius: 50%;
}

.header-btn {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    font-size: 1rem;
}

.center-block {
    margin-right: auto;
    margin-left: auto;
    float: inherit !important;
}

.header-btn.has-new {
    position: relative;
}

.header-btn.has-new::before {
    content: "";
    width: 6px;
    height: 6px;
    background: rgb(255, 56, 43);
    position: absolute;
    top: 4px;
    right: 4px;
    border-radius: 50%;
}

.header-toggler {
    width: 2rem;
    height: 2rem;
    position: relative;
    color: rgb(255, 255, 255);
}

.header-toggler:hover {
    color: rgb(255, 255, 255);
}

.header-toggler-icon {
    position: absolute;
    width: 1rem;
    height: 2px;
    color: inherit;
    background: currentcolor;
    border-radius: 3px;
    top: 50%;
    left: 50%;
    margin: -2px 0px 0px -0.5rem;
    box-shadow: currentcolor 0px 5px, currentcolor 0px -5px;
}

.footer {
    background: rgb(255, 255, 255);
    border-top: 1px solid rgb(232, 235, 243);
    font-size: 0.875rem;
    padding: 1.25rem 0px;
    color: rgb(167, 180, 201);
}

.footer .social ul li {
    float: left;
    padding: 7px;
}

.footer .social ul li a {
    color: rgb(167, 180, 201);
}

.footer .social {
    margin: 0px auto;
}

.footer a:not(.btn) {
    color: rgb(31, 37, 45);
}

@media print {
    .footer {
        display: none;
    }
}

.bg-blue-lightest {
    background-color: rgb(246, 247, 251) !important;
}

a.bg-blue-lightest:focus, a.bg-blue-lightest:hover, button.bg-blue-lightest:focus, button.bg-blue-lightest:hover {
    background-color: rgb(197, 213, 239) !important;
}

.bg-blue-lighter {
    background-color: rgb(200, 217, 241) !important;
}

a.bg-blue-lighter:focus, a.bg-blue-lighter:hover, button.bg-blue-lighter:focus, button.bg-blue-lighter:hover {
    background-color: rgb(159, 189, 231) !important;
}

.bg-blue-light {
    background-color: rgb(126, 165, 221) !important;
}

a.bg-blue-light:focus, a.bg-blue-light:hover, button.bg-blue-light:focus, button.bg-blue-light:hover {
    background-color: rgb(86, 137, 210) !important;
}

.bg-blue-dark {
    background-color: rgb(56, 102, 166) !important;
}

a.bg-blue-dark:focus, a.bg-blue-dark:hover, button.bg-blue-dark:focus, button.bg-blue-dark:hover {
    background-color: rgb(43, 79, 128) !important;
}

.bg-blue-darker {
    background-color: rgb(28, 51, 83) !important;
}

a.bg-blue-darker:focus, a.bg-blue-darker:hover, button.bg-blue-darker:focus, button.bg-blue-darker:hover {
    background-color: rgb(15, 28, 45) !important;
}

.bg-blue-darkest {
    background-color: rgb(14, 25, 41) !important;
}

a.bg-blue-darkest:focus, a.bg-blue-darkest:hover, button.bg-blue-darkest:focus, button.bg-blue-darkest:hover {
    background-color: rgb(1, 2, 3) !important;
}

.bg-purssianblue {
    background-color: rgb(54, 47, 113);
}

a.bg-purssianblue-lightest:focus, a.bg-purssianblue-lightest:hover, button.bg-purssianblue-lightest:focus, button.bg-purssianblue-lightest:hover {
    background-color: rgb(63, 54, 136) !important;
}

.bg-indigo-lightest {
    background-color: rgb(240, 241, 250) !important;
}

a.bg-indigo-lightest:focus, a.bg-indigo-lightest:hover, button.bg-indigo-lightest:focus, button.bg-indigo-lightest:hover {
    background-color: rgb(202, 205, 237) !important;
}

.bg-indigo-lighter {
    background-color: rgb(209, 213, 240) !important;
}

a.bg-indigo-lighter:focus, a.bg-indigo-lighter:hover, button.bg-indigo-lighter:focus, button.bg-indigo-lighter:hover {
    background-color: rgb(171, 178, 227) !important;
}

.bg-indigo-light {
    background-color: rgb(147, 158, 220) !important;
}

a.bg-indigo-light:focus, a.bg-indigo-light:hover, button.bg-indigo-light:focus, button.bg-indigo-light:hover {
    background-color: rgb(108, 123, 208) !important;
}

.bg-indigo-dark {
    background-color: rgb(81, 93, 164) !important;
}

a.bg-indigo-dark:focus, a.bg-indigo-dark:hover, button.bg-indigo-dark:focus, button.bg-indigo-dark:hover {
    background-color: rgb(64, 74, 130) !important;
}

.bg-indigo-darker {
    background-color: rgb(40, 46, 82) !important;
}

a.bg-indigo-darker:focus, a.bg-indigo-darker:hover, button.bg-indigo-darker:focus, button.bg-indigo-darker:hover {
    background-color: rgb(23, 27, 48) !important;
}

.bg-indigo-darkest {
    background-color: rgb(20, 23, 41) !important;
}

a.bg-indigo-darkest:focus, a.bg-indigo-darkest:hover, button.bg-indigo-darkest:focus, button.bg-indigo-darkest:hover {
    background-color: rgb(3, 4, 7) !important;
}

.bg-purple-lightest {
    background-color: rgb(246, 239, 253) !important;
}

a.bg-purple-lightest:focus, a.bg-purple-lightest:hover, button.bg-purple-lightest:focus, button.bg-purple-lightest:hover {
    background-color: rgb(221, 194, 247) !important;
}

.bg-purple-lighter {
    background-color: rgb(228, 207, 249) !important;
}

a.bg-purple-lighter:focus, a.bg-purple-lighter:hover, button.bg-purple-lighter:focus, button.bg-purple-lighter:hover {
    background-color: rgb(203, 162, 243) !important;
}

.bg-purple-light {
    background-color: rgb(192, 142, 240) !important;
}

a.bg-purple-light:focus, a.bg-purple-light:hover, button.bg-purple-light:focus, button.bg-purple-light:hover {
    background-color: rgb(167, 97, 234) !important;
}

.bg-purple-dark {
    background-color: rgb(132, 75, 187) !important;
}

a.bg-purple-dark:focus, a.bg-purple-dark:hover, button.bg-purple-dark:focus, button.bg-purple-dark:hover {
    background-color: rgb(106, 58, 153) !important;
}

.bg-purple-darker {
    background-color: rgb(66, 38, 94) !important;
}

a.bg-purple-darker:focus, a.bg-purple-darker:hover, button.bg-purple-darker:focus, button.bg-purple-darker:hover {
    background-color: rgb(41, 23, 58) !important;
}

.bg-purple-darkest {
    background-color: rgb(33, 19, 47) !important;
}

a.bg-purple-darkest:focus, a.bg-purple-darkest:hover, button.bg-purple-darkest:focus, button.bg-purple-darkest:hover {
    background-color: rgb(8, 4, 11) !important;
}

.bg-pink-lightest {
    background-color: rgb(254, 240, 245) !important;
}

a.bg-pink-lightest:focus, a.bg-pink-lightest:hover, button.bg-pink-lightest:focus, button.bg-pink-lightest:hover {
    background-color: rgb(251, 192, 213) !important;
}

.bg-pink-lighter {
    background-color: rgb(252, 211, 225) !important;
}

a.bg-pink-lighter:focus, a.bg-pink-lighter:hover, button.bg-pink-lighter:focus, button.bg-pink-lighter:hover {
    background-color: rgb(249, 163, 192) !important;
}

.bg-pink-light {
    background-color: rgb(249, 153, 185) !important;
}

a.bg-pink-light:focus, a.bg-pink-light:hover, button.bg-pink-light:focus, button.bg-pink-light:hover {
    background-color: rgb(246, 105, 152) !important;
}

.bg-pink-dark {
    background-color: rgb(197, 87, 124) !important;
}

a.bg-pink-dark:focus, a.bg-pink-dark:hover, button.bg-pink-dark:focus, button.bg-pink-dark:hover {
    background-color: rgb(173, 60, 98) !important;
}

.bg-pink-darker {
    background-color: rgb(98, 44, 62) !important;
}

a.bg-pink-darker:focus, a.bg-pink-darker:hover, button.bg-pink-darker:focus, button.bg-pink-darker:hover {
    background-color: rgb(63, 28, 40) !important;
}

.bg-pink-darkest {
    background-color: rgb(49, 22, 31) !important;
}

a.bg-pink-darkest:focus, a.bg-pink-darkest:hover, button.bg-pink-darkest:focus, button.bg-pink-darkest:hover {
    background-color: rgb(14, 6, 9) !important;
}

.bg-red-lightest {
    background-color: rgb(250, 233, 233) !important;
}

a.bg-red-lightest:focus, a.bg-red-lightest:hover, button.bg-red-lightest:focus, button.bg-red-lightest:hover {
    background-color: rgb(241, 191, 191) !important;
}

.bg-red-lighter {
    background-color: rgb(240, 188, 188) !important;
}

a.bg-red-lighter:focus, a.bg-red-lighter:hover, button.bg-red-lighter:focus, button.bg-red-lighter:hover {
    background-color: rgb(231, 146, 146) !important;
}

.bg-red-light {
    background-color: rgb(220, 99, 98) !important;
}

a.bg-red-light:focus, a.bg-red-light:hover, button.bg-red-light:focus, button.bg-red-light:hover {
    background-color: rgb(211, 58, 56) !important;
}

.bg-red-dark {
    background-color: rgb(164, 26, 25) !important;
}

a.bg-red-dark:focus, a.bg-red-dark:hover, button.bg-red-dark:focus, button.bg-red-dark:hover {
    background-color: rgb(120, 19, 18) !important;
}

.bg-red-darker {
    background-color: rgb(82, 13, 12) !important;
}

a.bg-red-darker:focus, a.bg-red-darker:hover, button.bg-red-darker:focus, button.bg-red-darker:hover {
    background-color: rgb(38, 6, 5) !important;
}

.bg-red-darkest {
    background-color: rgb(41, 6, 6) !important;
}

a.bg-red-darkest:focus, a.bg-red-darkest:hover, button.bg-red-darkest:focus, button.bg-red-darkest:hover {
    background-color: rgb(0, 0, 0) !important;
}

.bg-orange-lightest {
    background-color: rgb(255, 245, 236) !important;
}

a.bg-orange-lightest:focus, a.bg-orange-lightest:hover, button.bg-orange-lightest:focus, button.bg-orange-lightest:hover {
    background-color: rgb(255, 218, 185) !important;
}

.bg-orange-lighter {
    background-color: rgb(254, 224, 199) !important;
}

a.bg-orange-lighter:focus, a.bg-orange-lighter:hover, button.bg-orange-lighter:focus, button.bg-orange-lighter:hover {
    background-color: rgb(253, 196, 149) !important;
}

.bg-orange-light {
    background-color: rgb(254, 182, 124) !important;
}

a.bg-orange-light:focus, a.bg-orange-light:hover, button.bg-orange-light:focus, button.bg-orange-light:hover {
    background-color: rgb(254, 154, 73) !important;
}

.bg-orange-dark {
    background-color: rgb(202, 120, 54) !important;
}

a.bg-orange-dark:focus, a.bg-orange-dark:hover, button.bg-orange-dark:focus, button.bg-orange-dark:hover {
    background-color: rgb(162, 96, 43) !important;
}

.bg-orange-darker {
    background-color: rgb(101, 60, 27) !important;
}

a.bg-orange-darker:focus, a.bg-orange-darker:hover, button.bg-orange-darker:focus, button.bg-orange-darker:hover {
    background-color: rgb(61, 36, 16) !important;
}

.bg-orange-darkest {
    background-color: rgb(51, 30, 14) !important;
}

a.bg-orange-darkest:focus, a.bg-orange-darkest:hover, button.bg-orange-darkest:focus, button.bg-orange-darkest:hover {
    background-color: rgb(11, 6, 3) !important;
}

.bg-yellow-lightest {
    background-color: rgb(254, 249, 231) !important;
}

a.bg-yellow-lightest:focus, a.bg-yellow-lightest:hover, button.bg-yellow-lightest:focus, button.bg-yellow-lightest:hover {
    background-color: rgb(252, 237, 182) !important;
}

.bg-yellow-lighter {
    background-color: rgb(251, 237, 183) !important;
}

a.bg-yellow-lighter:focus, a.bg-yellow-lighter:hover, button.bg-yellow-lighter:focus, button.bg-yellow-lighter:hover {
    background-color: rgb(248, 225, 135) !important;
}

.bg-yellow-light {
    background-color: rgb(245, 214, 87) !important;
}

a.bg-yellow-light:focus, a.bg-yellow-light:hover, button.bg-yellow-light:focus, button.bg-yellow-light:hover {
    background-color: rgb(242, 202, 39) !important;
}

.bg-yellow-dark {
    background-color: rgb(193, 157, 12) !important;
}

a.bg-yellow-dark:focus, a.bg-yellow-dark:hover, button.bg-yellow-dark:focus, button.bg-yellow-dark:hover {
    background-color: rgb(145, 118, 9) !important;
}

.bg-yellow-darker {
    background-color: rgb(96, 78, 6) !important;
}

a.bg-yellow-darker:focus, a.bg-yellow-darker:hover, button.bg-yellow-darker:focus, button.bg-yellow-darker:hover {
    background-color: rgb(48, 39, 3) !important;
}

.bg-yellow-darkest {
    background-color: rgb(48, 39, 3) !important;
}

a.bg-yellow-darkest:focus, a.bg-yellow-darkest:hover, button.bg-yellow-darkest:focus, button.bg-yellow-darkest:hover {
    background-color: rgb(0, 0, 0) !important;
}

.bg-green-lightest {
    background-color: rgb(239, 248, 230) !important;
}

a.bg-green-lightest:focus, a.bg-green-lightest:hover, button.bg-green-lightest:focus, button.bg-green-lightest:hover {
    background-color: rgb(214, 237, 190) !important;
}

.bg-green-lighter {
    background-color: rgb(207, 234, 179) !important;
}

a.bg-green-lighter:focus, a.bg-green-lighter:hover, button.bg-green-lighter:focus, button.bg-green-lighter:hover {
    background-color: rgb(182, 223, 139) !important;
}

.bg-green-light {
    background-color: rgb(142, 207, 77) !important;
}

a.bg-green-light:focus, a.bg-green-light:hover, button.bg-green-light:focus, button.bg-green-light:hover {
    background-color: rgb(117, 184, 49) !important;
}

.bg-green-dark {
    background-color: rgb(75, 149, 0) !important;
}

a.bg-green-dark:focus, a.bg-green-dark:hover, button.bg-green-dark:focus, button.bg-green-dark:hover {
    background-color: rgb(49, 98, 0) !important;
}

.bg-green-darker {
    background-color: rgb(38, 74, 0) !important;
}

a.bg-green-darker:focus, a.bg-green-darker:hover, button.bg-green-darker:focus, button.bg-green-darker:hover {
    background-color: rgb(12, 23, 0) !important;
}

.bg-green-darkest {
    background-color: rgb(19, 37, 0) !important;
}

a.bg-green-darkest:focus, a.bg-green-darkest:hover, button.bg-green-darkest:focus, button.bg-green-darkest:hover {
    background-color: rgb(0, 0, 0) !important;
}

.bg-teal-lightest {
    background-color: rgb(234, 250, 248) !important;
}

a.bg-teal-lightest:focus, a.bg-teal-lightest:hover, button.bg-teal-lightest:focus, button.bg-teal-lightest:hover {
    background-color: rgb(193, 240, 234) !important;
}

.bg-teal-lighter {
    background-color: rgb(191, 239, 234) !important;
}

a.bg-teal-lighter:focus, a.bg-teal-lighter:hover, button.bg-teal-lighter:focus, button.bg-teal-lighter:hover {
    background-color: rgb(150, 229, 221) !important;
}

.bg-teal-light {
    background-color: rgb(107, 219, 207) !important;
}

a.bg-teal-light:focus, a.bg-teal-light:hover, button.bg-teal-light:focus, button.bg-teal-light:hover {
    background-color: rgb(66, 209, 194) !important;
}

.bg-teal-dark {
    background-color: rgb(34, 162, 149) !important;
}

a.bg-teal-dark:focus, a.bg-teal-dark:hover, button.bg-teal-dark:focus, button.bg-teal-dark:hover {
    background-color: rgb(25, 120, 110) !important;
}

.bg-teal-darker {
    background-color: rgb(17, 81, 74) !important;
}

a.bg-teal-darker:focus, a.bg-teal-darker:hover, button.bg-teal-darker:focus, button.bg-teal-darker:hover {
    background-color: rgb(8, 39, 35) !important;
}

.bg-teal-darkest {
    background-color: rgb(9, 41, 37) !important;
}

a.bg-teal-darkest:focus, a.bg-teal-darkest:hover, button.bg-teal-darkest:focus, button.bg-teal-darkest:hover {
    background-color: rgb(0, 0, 0) !important;
}

.bg-cyan-lightest {
    background-color: rgb(232, 246, 248) !important;
}

a.bg-cyan-lightest:focus, a.bg-cyan-lightest:hover, button.bg-cyan-lightest:focus, button.bg-cyan-lightest:hover {
    background-color: rgb(193, 231, 236) !important;
}

.bg-cyan-lighter {
    background-color: rgb(185, 227, 234) !important;
}

a.bg-cyan-lighter:focus, a.bg-cyan-lighter:hover, button.bg-cyan-lighter:focus, button.bg-cyan-lighter:hover {
    background-color: rgb(146, 211, 222) !important;
}

.bg-cyan-light {
    background-color: rgb(93, 190, 205) !important;
}

a.bg-cyan-light:focus, a.bg-cyan-light:hover, button.bg-cyan-light:focus, button.bg-cyan-light:hover {
    background-color: rgb(58, 171, 189) !important;
}

.bg-cyan-dark {
    background-color: rgb(18, 130, 147) !important;
}

a.bg-cyan-dark:focus, a.bg-cyan-dark:hover, button.bg-cyan-dark:focus, button.bg-cyan-dark:hover {
    background-color: rgb(12, 90, 102) !important;
}

.bg-cyan-darker {
    background-color: rgb(9, 65, 74) !important;
}

a.bg-cyan-darker:focus, a.bg-cyan-darker:hover, button.bg-cyan-darker:focus, button.bg-cyan-darker:hover {
    background-color: rgb(3, 25, 29) !important;
}

.bg-cyan-darkest {
    background-color: rgb(5, 32, 37) !important;
}

a.bg-cyan-darkest:focus, a.bg-cyan-darkest:hover, button.bg-cyan-darkest:focus, button.bg-cyan-darkest:hover {
    background-color: rgb(0, 0, 0) !important;
}

.bg-white-lightest {
    background-color: rgb(255, 255, 255) !important;
}

a.bg-white-lightest:focus, a.bg-white-lightest:hover, button.bg-white-lightest:focus, button.bg-white-lightest:hover {
    background-color: rgb(230, 229, 229) !important;
}

.bg-white-lighter {
    background-color: rgb(255, 255, 255) !important;
}

a.bg-white-lighter:focus, a.bg-white-lighter:hover, button.bg-white-lighter:focus, button.bg-white-lighter:hover {
    background-color: rgb(230, 229, 229) !important;
}

.bg-white-light {
    background-color: rgb(255, 255, 255) !important;
}

a.bg-white-light:focus, a.bg-white-light:hover, button.bg-white-light:focus, button.bg-white-light:hover {
    background-color: rgb(230, 229, 229) !important;
}

.bg-white-dark {
    background-color: rgb(204, 204, 204) !important;
}

a.bg-white-dark:focus, a.bg-white-dark:hover, button.bg-white-dark:focus, button.bg-white-dark:hover {
    background-color: rgb(179, 178, 178) !important;
}

.bg-white-darker {
    background-color: rgb(102, 102, 102) !important;
}

a.bg-white-darker:focus, a.bg-white-darker:hover, button.bg-white-darker:focus, button.bg-white-darker:hover {
    background-color: rgb(77, 76, 76) !important;
}

.bg-white-darkest {
    background-color: rgb(51, 51, 51) !important;
}

a.bg-white-darkest:focus, a.bg-white-darkest:hover, button.bg-white-darkest:focus, button.bg-white-darkest:hover {
    background-color: rgb(26, 25, 25) !important;
}

.bg-gray-lightest {
    background-color: rgb(243, 244, 245) !important;
}

a.bg-gray-lightest:focus, a.bg-gray-lightest:hover, button.bg-gray-lightest:focus, button.bg-gray-lightest:hover {
    background-color: rgb(215, 219, 222) !important;
}

.bg-gray-lighter {
    background-color: rgb(219, 221, 224) !important;
}

a.bg-gray-lighter:focus, a.bg-gray-lighter:hover, button.bg-gray-lighter:focus, button.bg-gray-lighter:hover {
    background-color: rgb(192, 195, 200) !important;
}

.bg-gray-light {
    background-color: rgb(170, 176, 182) !important;
}

a.bg-gray-light:focus, a.bg-gray-light:hover, button.bg-gray-light:focus, button.bg-gray-light:hover {
    background-color: rgb(143, 151, 158) !important;
}

.bg-gray-dark {
    background-color: rgb(107, 114, 120) !important;
}

a.bg-gray-dark:focus, a.bg-gray-dark:hover, button.bg-gray-dark:focus, button.bg-gray-dark:hover {
    background-color: rgb(83, 88, 93) !important;
}

.bg-gray-darker {
    background-color: rgb(54, 57, 60) !important;
}

a.bg-gray-darker:focus, a.bg-gray-darker:hover, button.bg-gray-darker:focus, button.bg-gray-darker:hover {
    background-color: rgb(30, 32, 33) !important;
}

.bg-gray-darkest {
    background-color: rgb(27, 28, 30) !important;
}

a.bg-gray-darkest:focus, a.bg-gray-darkest:hover, button.bg-gray-darkest:focus, button.bg-gray-darkest:hover {
    background-color: rgb(3, 3, 3) !important;
}

.bg-gray-dark-lightest {
    background-color: rgb(235, 235, 236) !important;
}

a.bg-gray-dark-lightest:focus, a.bg-gray-dark-lightest:hover, button.bg-gray-dark-lightest:focus, button.bg-gray-dark-lightest:hover {
    background-color: rgb(209, 209, 211) !important;
}

.bg-gray-dark-lighter {
    background-color: rgb(194, 196, 198) !important;
}

a.bg-gray-dark-lighter:focus, a.bg-gray-dark-lighter:hover, button.bg-gray-dark-lighter:focus, button.bg-gray-dark-lighter:hover {
    background-color: rgb(168, 171, 173) !important;
}

.bg-gray-dark-light {
    background-color: rgb(113, 117, 121) !important;
}

a.bg-gray-dark-light:focus, a.bg-gray-dark-light:hover, button.bg-gray-dark-light:focus, button.bg-gray-dark-light:hover {
    background-color: rgb(88, 92, 95) !important;
}

.bg-gray-dark-dark {
    background-color: rgb(42, 46, 51) !important;
}

a.bg-gray-dark-dark:focus, a.bg-gray-dark-dark:hover, button.bg-gray-dark-dark:focus, button.bg-gray-dark-dark:hover {
    background-color: rgb(19, 21, 23) !important;
}

.bg-gray-dark-darker {
    background-color: rgb(21, 23, 26) !important;
}

a.bg-gray-dark-darker:focus, a.bg-gray-dark-darker:hover, button.bg-gray-dark-darker:focus, button.bg-gray-dark-darker:hover {
    background-color: rgb(0, 0, 0) !important;
}

.bg-gray-dark-darkest {
    background-color: rgb(10, 12, 13) !important;
}

a.bg-gray-dark-darkest:focus, a.bg-gray-dark-darkest:hover, button.bg-gray-dark-darkest:focus, button.bg-gray-dark-darkest:hover {
    background-color: rgb(0, 0, 0) !important;
}

.bg-azure-lightest {
    background-color: rgb(236, 247, 254) !important;
}

a.bg-azure-lightest:focus, a.bg-azure-lightest:hover, button.bg-azure-lightest:focus, button.bg-azure-lightest:hover {
    background-color: rgb(188, 227, 251) !important;
}

.bg-azure-lighter {
    background-color: rgb(199, 230, 251) !important;
}

a.bg-azure-lighter:focus, a.bg-azure-lighter:hover, button.bg-azure-lighter:focus, button.bg-azure-lighter:hover {
    background-color: rgb(151, 209, 248) !important;
}

.bg-azure-light {
    background-color: rgb(125, 196, 246) !important;
}

a.bg-azure-light:focus, a.bg-azure-light:hover, button.bg-azure-light:focus, button.bg-azure-light:hover {
    background-color: rgb(77, 174, 243) !important;
}

.bg-azure-dark {
    background-color: rgb(55, 136, 194) !important;
}

a.bg-azure-dark:focus, a.bg-azure-dark:hover, button.bg-azure-dark:focus, button.bg-azure-dark:hover {
    background-color: rgb(44, 108, 154) !important;
}

.bg-azure-darker {
    background-color: rgb(28, 68, 97) !important;
}

a.bg-azure-darker:focus, a.bg-azure-darker:hover, button.bg-azure-darker:focus, button.bg-azure-darker:hover {
    background-color: rgb(17, 40, 57) !important;
}

.bg-azure-darkest {
    background-color: rgb(14, 34, 48) !important;
}

a.bg-azure-darkest:focus, a.bg-azure-darkest:hover, button.bg-azure-darkest:focus, button.bg-azure-darkest:hover {
    background-color: rgb(2, 6, 9) !important;
}

.bg-lime-lightest {
    background-color: rgb(242, 251, 235) !important;
}

a.bg-lime-lightest:focus, a.bg-lime-lightest:hover, button.bg-lime-lightest:focus, button.bg-lime-lightest:hover {
    background-color: rgb(214, 243, 193) !important;
}

.bg-lime-lighter {
    background-color: rgb(215, 242, 194) !important;
}

a.bg-lime-lighter:focus, a.bg-lime-lighter:hover, button.bg-lime-lighter:focus, button.bg-lime-lighter:hover {
    background-color: rgb(187, 233, 152) !important;
}

.bg-lime-light {
    background-color: rgb(163, 224, 114) !important;
}

a.bg-lime-light:focus, a.bg-lime-light:hover, button.bg-lime-light:focus, button.bg-lime-light:hover {
    background-color: rgb(136, 215, 72) !important;
}

.bg-lime-dark {
    background-color: rgb(98, 168, 42) !important;
}

a.bg-lime-dark:focus, a.bg-lime-dark:hover, button.bg-lime-dark:focus, button.bg-lime-dark:hover {
    background-color: rgb(74, 127, 32) !important;
}

.bg-lime-darker {
    background-color: rgb(49, 84, 21) !important;
}

a.bg-lime-darker:focus, a.bg-lime-darker:hover, button.bg-lime-darker:focus, button.bg-lime-darker:hover {
    background-color: rgb(25, 43, 11) !important;
}

.bg-lime-darkest {
    background-color: rgb(25, 42, 11) !important;
}

a.bg-lime-darkest:focus, a.bg-lime-darkest:hover, button.bg-lime-darkest:focus, button.bg-lime-darkest:hover {
    background-color: rgb(1, 2, 0) !important;
}

.display-1 i, .display-2 i, .display-3 i, .display-4 i {
    vertical-align: baseline;
    font-size: 0.815em;
}

.text-inherit {
    color: inherit !important;
}

.text-default {
    color: rgb(7, 5, 16) !important;
}

.text-muted-dark {
    color: rgb(95, 104, 119) !important;
}

.tracking-tight {
    letter-spacing: -0.05em !important;
}

.tracking-normal {
    letter-spacing: 0px !important;
}

.tracking-wide {
    letter-spacing: 0.05em !important;
}

.leading-none {
    line-height: 1 !important;
}

.leading-tight {
    line-height: 1.3 !important;
}

.leading-normal {
    line-height: 1.5 !important;
}

.leading-loose {
    line-height: 2 !important;
}

.bg-blue {
    background-color: rgb(64, 73, 236) !important;
    color: rgb(255, 255, 255) !important;
}

a.bg-blue:focus, a.bg-blue:hover, button.bg-blue:focus, button.bg-blue:hover {
    background-color: rgb(36, 152, 126) !important;
}

.text-blue {
    color: rgb(59, 162, 255) !important;
}

.bg-indigo {
    background-color: rgb(101, 116, 205) !important;
    color: rgb(255, 255, 255) !important;
}

a.bg-indigo:focus, a.bg-indigo:hover, button.bg-indigo:focus, button.bg-indigo:hover {
    background-color: rgb(63, 81, 193) !important;
}

.text-indigo {
    color: rgb(101, 116, 205) !important;
}

.bg-purple {
    background-color: rgb(109, 51, 255) !important;
    color: rgb(255, 255, 255) !important;
}

a.bg-purple:focus, a.bg-purple:hover, button.bg-purple:focus, button.bg-purple:hover {
    background-color: rgb(140, 49, 228) !important;
}

.text-purple {
    color: rgb(109, 51, 255) !important;
}

.text-lightpink-red {
    color: rgb(255, 112, 136) !important;
}

.text-lightgreen {
    color: rgb(38, 237, 162) !important;
}

.bg-pink {
    background-color: rgb(255, 43, 136) !important;
    color: rgb(255, 255, 255) !important;
}

.bg-darkpink {
    background-color: rgb(252, 15, 121) !important;
    color: rgb(255, 255, 255) !important;
}

a.bg-pink:focus, a.bg-pink:hover, button.bg-pink:focus, button.bg-pink:hover {
    background-color: rgb(237, 50, 132) !important;
}

.text-pink {
    color: rgb(255, 43, 136) !important;
}

.bg-red {
    background-color: rgb(255, 56, 43) !important;
    color: rgb(255, 255, 255) !important;
}

a.bg-red:focus, a.bg-red:hover, button.bg-red:focus, button.bg-red:hover {
    background-color: rgb(251, 91, 80) !important;
}

.text-red {
    color: rgb(255, 56, 43) !important;
}

.bg-orange {
    background-color: rgb(230, 118, 5) !important;
    color: rgb(255, 255, 255) !important;
}

a.bg-orange:focus, a.bg-orange:hover, button.bg-orange:focus, button.bg-orange:hover {
    background-color: rgb(252, 122, 18) !important;
}

.text-orange {
    color: rgb(230, 118, 5) !important;
}

.bg-yellow {
    background-color: rgb(255, 162, 43) !important;
    color: rgb(255, 255, 255) !important;
}

a.bg-yellow:focus, a.bg-yellow:hover, button.bg-yellow:focus, button.bg-yellow:hover {
    background-color: rgb(255, 170, 51) !important;
}

.text-yellow {
    color: rgb(255, 162, 43) !important;
}

.bg-green {
    background-color: rgb(39, 199, 129) !important;
    color: rgb(0, 0, 0) !important;
}

a.bg-green:focus, a.bg-green:hover, button.bg-green:focus, button.bg-green:hover {
    background-color: rgb(58, 223, 171) !important;
}

.text-green {
    color: rgb(39, 199, 129) !important;
}

.bg-teal {
    background-color: rgb(5, 230, 230) !important;
}

a.bg-teal:focus, a.bg-teal:hover, button.bg-teal:focus, button.bg-teal:hover {
    background-color: rgb(5, 250, 250) !important;
}

.text-teal {
    color: rgb(5, 230, 230) !important;
}

.bg-cyan {
    background-color: rgb(23, 162, 184) !important;
    color: rgb(255, 255, 255) !important;
}

a.bg-cyan:focus, a.bg-cyan:hover, button.bg-cyan:focus, button.bg-cyan:hover {
    background-color: rgb(17, 122, 139) !important;
}

.text-cyan {
    color: rgb(23, 162, 184) !important;
}

.bg-transparent {
    background: 0px 0px;
}

.bg-white {
    background-color: rgb(255, 255, 255) !important;
}

a.bg-white:focus, a.bg-white:hover, button.bg-white:focus, button.bg-white:hover {
    background-color: rgb(230, 229, 229) !important;
}

.text-white {
    color: rgb(255, 255, 255) !important;
}

.bg-gray {
    background-color: rgb(134, 142, 150) !important;
}

a.bg-gray:focus, a.bg-gray:hover, button.bg-gray:focus, button.bg-gray:hover {
    background-color: rgb(7, 5, 16) !important;
}

.text-gray {
    color: rgb(133, 141, 151) !important;
}

.bg-gray-dark {
    background-color: rgb(133, 141, 151) !important;
}

.bg-lightpink-red {
    color: rgb(255, 112, 136) !important;
}

a.bg-gray-dark:focus, a.bg-gray-dark:hover, button.bg-gray-dark:focus, button.bg-gray-dark:hover {
    background-color: rgb(29, 33, 36) !important;
}

.text-gray-dark {
    color: rgb(52, 58, 64) !important;
}

.bg-azure {
    background-color: rgb(13, 171, 183) !important;
}

a.bg-azure:focus, a.bg-azure:hover, button.bg-azure:focus, button.bg-azure:hover {
    background-color: rgb(21, 148, 239) !important;
}

.text-azure {
    color: rgb(13, 171, 183) !important;
}

.bg-lime {
    background-color: rgb(99, 230, 0) !important;
}

a.bg-lime:focus, a.bg-lime:hover, button.bg-lime:focus, button.bg-lime:hover {
    background-color: rgb(99, 173, 39) !important;
}

.text-lime {
    color: rgb(99, 230, 0) !important;
}

.bg-purple1 {
    background: rgb(110, 38, 166);
}

.icon i {
    vertical-align: -1px;
}

a.icon {
    text-decoration: none;
    cursor: pointer;
}

a.icon:hover {
    color: rgb(26, 26, 26) !important;
}

.o-auto {
    overflow: auto !important;
}

.o-hidden {
    overflow: hidden !important;
}

.shadow {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px !important;
}

.shadow-none {
    box-shadow: none !important;
}

.nav-item, .nav-link {
    min-width: 2rem;
    transition: color 0.3s ease 0s;
    user-select: none;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.user-img {
    margin-top: 2px;
}

.header .nav-item .badge, .header .nav-link .badge {
    position: absolute;
    top: 0px;
    right: -1px;
    padding: 0.2rem 0.25rem;
    min-width: 1rem;
    font-size: 13px;
}

#headerMenuCollapse .nav-item .badge, #headerMenuCollapse .nav-link .badge {
    position: relative;
    min-width: 1rem;
    font-size: 10px;
    font-weight: 500;
}

.nav-tabs {
    user-select: none;
    color: rgb(0, 0, 0);
    margin: 0px -0.3rem;
    border-bottom: 0px;
}

.nav-tabs .nav-link {
    border: 0px;
    border-radius: 0px;
    color: rgb(7, 5, 16);
    transition: border-color 0.3s ease 0s;
    font-weight: 500;
    margin: 1rem;
    font-size: 15px;
    text-align: center;
    padding: 0px 0px 15px;
}

.navtab-wizard li:first-of-type a {
    border-left: none !important;
}

.navtab-wizard li:first-of-type a:active, .navtab-wizard li:first-of-type a:focus, .navtab-wizard li:first-of-type a:hover {
    border-left: none !important;
}

.navtab-wizard li:last-of-type a {
    border-right: none !important;
}

.navtab-wizard li:last-of-type a:active, .navtab-wizard li:last-of-type a:focus, .navtab-wizard li:last-of-type a:hover {
    border-right: none !important;
}

.navtab-wizard.nav-tabs .nav-link {
    width: 100%;
    text-align: center;
    display: block;
    border-radius: 0px;
    font-size: 16px;
    font-weight: 400;
    border-left: 1px solid rgb(232, 235, 243);
}

.navtab-wizard {
    border-bottom: 1px solid rgb(232, 235, 243) !important;
}

@media (max-width: 480px) {
    .tab-content.card-body .btn {
        min-width: 1.625rem;
    }

    .tab-content.card-body .progress-bar {
        display: none;
    }
}

@media (max-width: 560px) {
    .navtab-wizard.nav-tabs li {
        width: 100%;
        display: contents;
    }
}

.nav-tabs .nav-link.disabled {
    opacity: 0.4;
    cursor: default;
    pointer-events: none;
}

.nav-tabs .nav-item {
    margin-bottom: 0px;
    position: relative;
}

.nav-tabs .nav-item:hover .nav-submenu {
    display: block;
}

.nav-item:hover .dropdown-menu, .nav-link:hover .dropdown-menu {
    display: block;
}

.nav-link:hover .dropdown-menu.show {
    display: block;
}

.admin-navbar {
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 22px 68px -9px;
}

.admin-navbar .container {
    position: relative;
}

.admin-navbar .nav {
    padding: 0px;
    margin: 0px;
}

.admin-navbar .nav .nav-link {
    position: relative;
}

.nav-item .nav-link:hover .mega-dropdown .nav-item .nav-link .sub-item {
    display: block;
}

.nav-item:hover .sub-item, .nav-link:hover .sub-item {
    display: block;
}

.nav-link:hover .sub-item {
    display: block;
}

.admin-navbar .nav-item {
    text-align: center;
    position: static;
}

@media (min-width: 992px) {
    .admin-navbar .nav-item {
        position: relative;
    }
}

.admin-navbar .nav-item.active .nav-link {
    background-color: rgb(255, 255, 255);
    background-repeat: repeat-x;
    border-width: 0px;
}

.admin-navbar .nav-item.active + .nav-item .nav-link {
    border-left-width: 0px;
}

.admin-navbar .nav-item:last-child .nav-link {
    border-right-width: 1px;
}

.admin-navbar .nav-item.with-sub > a::after {
    content: "";
    font-family: FontAwesome;
    font-weight: 400;
    margin-left: 4px;
    margin-top: 0px;
    opacity: 0.7;
}

@media (min-width: 992px) {
    .admin-navbar .nav-item.with-sub > a::after {
        margin-left: 8px;
    }
}

.admin-navbar .nav-item.with-sub:focus > .sub-item, .admin-navbar .nav-item.with-sub:hover > .sub-item {
    display: block;
}

.admin-navbar .nav-link {
    border: 0px;
    color: rgb(167, 180, 201);
    transition: border-color 0.3s ease 0s;
    font-weight: 500;
    padding: 1rem 1.42rem;
    font-size: 13px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

.admin-navbar .nav-link .icon {
    font-size: 21px;
    line-height: 0;
}

.admin-navbar .nav-link i {
    margin-right: 8px;
}

.admin-navbar .nav-link .icon.ion-ios-analytics-outline {
    font-size: 20px;
    margin-top: -2px;
}

.admin-navbar .nav-link.active {
    font-weight: 600;
    border-bottom: 1px solid;
}

.admin-navbar .nav-link .square-8 {
    margin-left: 3px;
    background-color: rgb(255, 255, 255);
    border-radius: 100%;
}

@media (min-width: 992px) {
    .admin-navbar .nav-link .square-8 {
        margin-left: 5px;
    }
}

@media (min-width: 992px) {
    .admin-navbar .nav-link span :not(.square-8) {
        display: block;
    }
}

@media (max-width: 992px) {
    .admin-navbar .nav-link span :not(.square-8) {
        display: block;
    }

    .admin-navbar .nav-link {
        width: 100%;
        text-align: left;
        display: block;
    }

    .admin-navbar .nav-item {
        min-width: 100%;
    }

    .admin-navbar.collapse.show {
        display: block;
    }

    .admin-navbar {
        display: none;
    }

    .admin-navbar .mega-dropdown .sub-item .section-label {
        margin-top: 10px;
    }

    .admin-navbar .sub-item .sub-with-sub ul li a {
        padding-left: 20px;
    }

    .admin-navbar .nav .nav-item.with-sub .nav-link.active {
        position: relative !important;
    }

    .admin-navbar .nav .nav-link .sub-item {
        position: inherit !important;
    }

    .admin-navbar .container {
        background: rgb(255, 255, 255);
        z-index: 100;
    }

    .admin-navbar .sub-item {
        position: relative !important;
        top: 0px !important;
    }

    .nav-item.with-sub, .with-sub .nav-link {
        display: block !important;
    }

    .about-con {
        border-bottom: 1px solid rgb(232, 235, 243);
    }
}

.admin-navbar .mega-dropdown {
    position: static;
}

.admin-navbar .mega-dropdown .sub-item {
    padding: 25px;
    width: 100%;
}

.admin-navbar .mega-dropdown .sub-item a {
    padding: 5px 9px;
    margin: 0px;
}

.admin-navbar .mega-dropdown .sub-item .section-label {
    border-bottom: 1px solid rgba(137, 42, 226, 0.1);
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
    display: block;
    text-align: left;
    letter-spacing: 1px;
}

.admin-navbar .sub-item {
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 51px;
    left: 0px;
    border-top: 0px;
    padding: 10px 0px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 22px 68px -9px;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    z-index: 9999;
    display: none;
    color: rgb(17, 17, 17);
}

@media (min-width: 992px) {
    .admin-navbar .sub-item {
        width: 200px;
    }
}

@media (max-width: 1279px) and (min-width: 992px) {
    .admin-navbar .nav-link {
        padding: 1rem 0.57rem;
    }

    .pabout.p-8 {
        padding: 17px !important;
    }
}

.admin-navbar .sub-item ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

.admin-navbar .sub-item ul a {
    display: block;
    padding: 0.5rem 1.5rem;
    color: rgb(167, 180, 201);
}

.admin-navbar .sub-item ul a:active {
    color: rgb(255, 255, 255);
    text-decoration: none;
}

.admin-navbar .sub-item .sub-with-sub {
    position: relative;
}

.admin-navbar .sub-item .sub-with-sub::after {
    content: "";
    font-family: FontAwesome;
    font-size: 10px;
    position: absolute;
    top: 9px;
    right: 20px;
    color: rgb(167, 180, 201);
}

.admin-navbar .sub-item .sub-with-sub ul {
    display: none;
    padding-left: 15px;
}

@media (min-width: 992px) {
    .admin-navbar .sub-item .sub-with-sub ul {
        position: absolute;
        top: 0px;
        right: -200px;
        width: 200px;
        background-color: rgb(255, 255, 255);
        padding: 10px 0px;
        box-shadow: rgba(0, 0, 0, 0.15) 0px 22px 68px -9px;
    }
}

.admin-navbar .sub-item .sub-with-sub ul a {
    display: block;
    padding: 6px 10px;
}

.admin-navbar .sub-item .sub-with-sub:focus ul, .admin-navbar .sub-item .sub-with-sub:hover ul {
    display: block;
}

@media (max-width: 1279px) and (min-width: 992px) {
    .nav-tabs .nav-link {
        padding: 1rem 0.95rem;
        font-size: 13px;
    }
}

.nav-tabs .nav-item i {
    line-height: 1;
    font-size: 0rem;
    width: 0.875rem;
    vertical-align: baseline;
    display: inline-block;
    margin-right: 10px;
}

.nav-tabs .nav-submenu {
    display: none;
    position: absolute;
    background: rgb(255, 255, 255);
    border-right: 1px solid rgb(232, 235, 243);
    border-bottom: 1px solid rgb(232, 235, 243);
    border-left: 1px solid rgb(232, 235, 243);
    border-image: initial;
    border-top: none;
    z-index: 10;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    min-width: 10rem;
    border-radius: 0px 0px 3px 3px;
}

.nav-tabs .nav-submenu .nav-item {
    display: block;
    padding: 0.5rem 1rem;
    color: rgb(167, 180, 201);
    cursor: pointer;
    transition: background 0.3s ease 0s;
    margin: 0px !important;
}

.nav-tabs .nav-submenu .nav-item.active {
    color: rgb(70, 127, 207);
}

.nav-tabs .nav-submenu .nav-item:hover {
    color: rgb(95, 104, 119);
    text-decoration: none;
    background: rgba(0, 0, 0, 0.024);
}

@media (max-width: 480px) {
    .list-media .info .text-right {
        display: none;
    }

    .list-media .info {
        padding-bottom: 15px;
    }

    .tabs-menu ul li {
        width: 100%;
        margin: 5px 15px;
    }

    .tabs-menu ul li a {
        width: 100%;
    }

    .cal1 .clndr .clndr-table tr {
        height: 50px !important;
    }

    .tabs-menu1 ul li {
        width: 100%;
        margin: 2px;
    }

    .tabs-menu1 ul li a {
        width: 100%;
    }

    .wizard-card .nav-pills > li {
        text-align: center;
        padding: 9px !important;
    }

    .form-control.custom-select.w-auto {
        display: none;
    }

    .mail-inbox .badge {
        margin: 0px;
    }

    .construction .display-5 {
        font-size: 1.5rem;
    }

    .jumbotron .display-3 {
        font-size: 2.5rem;
    }

    .mail-option .hidden-phone {
        display: none;
    }
}

@media (max-width: 1080px) {
    .avatar {
        max-width: inherit;
    }
}

@media (max-width: 480px) {
    .app-header .header-brand {
        min-width: 2.8rem;
    }

    .app-header1 .header-brand {
        min-width: auto;
    }

    .menu-toggle-button {
        margin-top: 4px;
    }
}

@media (max-width: 767px) {
    .avatar {
        max-width: inherit;
    }

    .card-tabs {
        display: block !important;
    }

    .header-brand {
        line-height: 2.7rem;
    }

    .header .input-icon.mt-2 {
        margin-top: 5px !important;
    }

    .footer .privacy {
        text-align: center !important;
    }

    .shop-dec .col-md-6.pr-0 {
        padding-right: 0.75rem !important;
    }

    .shop-dec .col-md-6.pl-0 {
        padding-left: 0.75rem !important;
    }
}

@media (max-width: 375px) {
    .nav-link span {
        margin-top: 0.5rem;
    }

    .searching1 i {
        margin-top: 0.5rem;
    }

    .construction h3 {
        font-size: 2.8rem !important;
    }
}

@media (max-width: 411px) {
    .nav-link span {
        margin-top: 0.5rem;
    }

    .searching1 i {
        margin-top: 0.5rem;
    }
}

@media (max-width: 414px) {
    .nav-link span {
        margin-top: 0.6rem;
    }

    .searching1 i {
        margin-top: 0.5rem;
        top: 14px !important;
    }
}

@media (max-width: 768px) {
    .nav-tabs .nav-link {
        width: 100%;
    }

    .page-subtitle {
        display: none;
    }

    .richText .richText-toolbar ul li a {
        border: 1px solid rgba(0, 40, 100, 0.12);
    }

    .ticket-card .col-md-1 {
        width: 100%;
        display: block;
    }

    .ticket-card img {
        display: block;
        text-align: center;
        margin: 0px auto;
    }

    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        margin-top: 10px;
    }

    .page-title {
        line-height: 1.5rem;
    }

    .carousel-caption {
        display: none;
    }

    .demo-gallery > ul > li {
        width: 100% !important;
    }

    ul.inbox-pagination li span {
        display: none;
    }
}

@media (max-width: 990px) and (min-width: 767px) {
    .carousel-caption {
        top: 10%;
    }
}

@media (max-width: 568px) and (min-width: 480px) {
    .container-messages {
        position: absolute;
        top: 50px !important;
    }

    .messages-list {
        top: 24px !important;
        bottom: 73px !important;
    }

    .messages-right {
        top: 10px !important;
        bottom: 71px !important;
    }

    .messages-left-footer {
        display: none;
        bottom: 40px !important;
    }

    .messages-left .card-header {
        display: none;
    }

    .message-footer {
        height: 50px !important;
    }

    .message-header {
        height: 50px !important;
    }

    .message-body {
        top: 50px !important;
        bottom: 50px !important;
    }
}

@media (max-width: 990px) and (min-width: 569px) {
    .message-header {
        height: 50px !important;
    }

    .message-footer {
        height: 50px !important;
    }

    .messages-right {
        top: 10px !important;
        bottom: 80px !important;
    }

    .message-body {
        top: 50px !important;
        bottom: 50px !important;
    }

    .messages-left .card-header {
        display: none;
    }

    .messages-list {
        top: 24px !important;
    }
}

@media (max-width: 990px) {
    .header-toggler {
        margin: 6px;
    }

    .nav-tabs .nav-link {
        width: 100%;
    }

    form.convFormDynamic button.submit {
        margin: 4px !important;
    }

    .messages-list .media {
        padding: 9px !important;
    }

    .nav-tabs {
        z-index: 1000;
    }
}

.alert {
    font-size: 0.9375rem;
}

.alert-icon {
    padding-left: 3rem;
}

.alert-icon > i {
    font-size: 1rem;
    position: absolute;
    top: 1rem;
    left: 1rem;
    color: inherit !important;
}

.alert-avatar {
    padding-left: 3.75rem;
}

.alert-avatar .avatar {
    position: absolute;
    top: 0.5rem;
    left: 0.75rem;
}

.close {
    font-size: 1rem;
    line-height: 1.5;
    transition: color 0.3s ease 0s;
}

.expanel-default {
    border: rgb(221, 221, 221) !important;
}

.expanel-secondary {
    border: rgb(238, 242, 249) !important;
}

.expanel-success {
    border: rgb(39, 199, 129) !important;
}

.expanel-danger {
    border: rgb(255, 56, 43) !important;
}

.expanel-secondary > .expanel-heading {
    color: rgb(123, 131, 143) !important;
    background-color: rgb(233, 236, 243) !important;
    border-color: rgb(238, 242, 249) !important;
}

.expanel-success > .expanel-heading {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(39, 199, 129) !important;
    border-color: rgb(39, 199, 129) !important;
}

.expanel-danger > .expanel-heading {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(255, 56, 43) !important;
    border-color: rgb(255, 56, 43) !important;
}

.expanel-warning > .expanel-heading {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(236, 217, 56) !important;
    border-color: rgb(236, 217, 56) !important;
}

.expanel-title {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    font-size: 16px !important;
    color: inherit !important;
}

.expanel {
    margin-bottom: 20px !important;
    background-color: rgb(255, 255, 255) !important;
    border: 1px solid rgb(232, 235, 243) !important;
    border-radius: 4px !important;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px !important;
}

.expanel-default > .expanel-heading {
    background-color: rgb(233, 236, 243) !important;
}

.expanel-heading {
    border-bottom: 1px solid rgb(232, 235, 243);
    padding: 10px 15px !important;
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}

.expanel-footer {
    padding: 10px 15px !important;
    background-color: rgb(233, 236, 243) !important;
    border-top: 1px solid rgb(232, 235, 243) !important;
    border-bottom-right-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}

.expanel-body {
    padding: 15px !important;
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(232, 235, 243);
    border-radius: 4px;
    transition: border 0.2s ease-in-out 0s;
}

.thumbnail a > img, .thumbnail > img {
    margin-right: auto;
    margin-left: auto;
}

.thumbnail p:last-child {
    margin-bottom: 0px;
}

.thumbimg {
    height: 100%;
    width: 100%;
    display: block;
}

.thumbnail .caption {
    padding: 15px;
}

.about-img {
    background: url("../images/other/about.jpg") center center / cover;
    border-radius: 2px;
    margin-top: 1.5rem;
}

.login-img {
    background: url("../images/other/login.html") 0% 0% / cover;
    width: 100%;
    height: 100%;
}

.error-img {
    background: url("../images/other/about.jpg") 0% 0% / cover;
    width: 100%;
    height: 100%;
}

.error-img .card {
    background: rgba(255, 255, 255, 0.2);
    box-shadow: rgb(7, 98, 113) 0px 0.0625em 0.1875em 0px, rgba(255, 255, 255, 0.3) 0px 0.5em 0px -0.25em, rgb(8, 99, 114) 0px 0.5em 0.1875em -0.25em, rgba(255, 255, 255, 0.35) 0px 1em 0px -0.5em, rgb(9, 102, 117) 0px 1em 0.1875em -0.5em;
}

.error-img::before {
    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(to right, rgba(15, 117, 255, 0.8), rgba(45, 220, 211, 0.8));
    width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
}

hr.divider {
    padding: 0px;
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-image: initial;
    border-top: 1px solid rgb(232, 235, 243);
    color: rgb(51, 51, 51);
    text-align: center;
    margin: 0.5rem 0px;
}

hr.divider::after {
    content: "or";
    display: inline-block;
    position: relative;
    top: -0.9em;
    font-size: 1.2em;
    padding: 0px 0.25em;
    background: rgb(255, 255, 255);
}

.construction-img {
    background: url("../images/other/construction.html") 0% 0% / cover;
}

.z-index-10 {
    z-index: 10;
}

.page-breadcrumb {
    background: 0px 0px;
    padding: 0px;
    margin: 1rem 0px 0px;
    font-size: 0.875rem;
}

@media (min-width: 768px) {
    .page-breadcrumb {
        margin: -0.5rem 0px 0px;
    }
}

@media (max-width: 320px) {
    .fc-toolbar .fc-right {
        float: right;
        width: 100%;
        text-align: center;
        margin: 10px 0px;
    }

    .construction h3 {
        font-size: 2.3rem !important;
    }
}

.page-breadcrumb .breadcrumb-item {
    color: rgb(167, 180, 201);
}

.page-breadcrumb .breadcrumb-item.active {
    color: rgb(95, 104, 119);
}

.pagination-simple .page-item .page-link {
    background: 0px 0px;
    border: none;
}

.pagination-simple .page-item.active .page-link {
    color: rgb(61, 78, 103);
    font-weight: 700;
}

.pagination-pager .page-prev {
    margin-right: auto;
}

.pagination-pager .page-next {
    margin-left: auto;
}

.page-total-text {
    margin-right: 1rem;
    align-self: center;
    color: rgb(95, 104, 119);
}

.card {
    position: relative;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.2s ease 0s, box-shadow 0.2s ease 0s;
    border: 1px solid #eee;
}

.hover-box img {
    height: 250px;
    display: inherit;
    object-fit: cover;
    border-radius: 10px;
}

.hover-box:hover {
    box-shadow: rgb(234, 234, 234) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 13px 24px 0px !important;
    transform: scale(1.01);
    background: #fff;
    border: 0;
    z-index: 7;
}

.card .card {
    box-shadow: rgba(62, 57, 107, 0.1) 0px 10px 40px 0px, rgba(62, 57, 107, 0.1) 0px 2px 9px 0px;
}

@media print {
    .card {
        box-shadow: none;
        border: none;
    }
}

.card-body {
    flex: 1 1 auto;
    margin: 0px;
    padding: 1rem;
    position: relative;
}

.card-body.p-3.item-user {
    text-align: center;
    padding: 2rem !important;
}

.card-body.collapse > .form-group {
    max-height: 270px;
    overflow: hidden auto;
}

.card-body + .card-body {
    border-top: 1px solid rgb(232, 235, 243);
}

.tilebox-one i {
    font-size: 62px;
}

.card-body > :last-child {
    margin-bottom: 0px;
}

@media print {
    .card-body {
        padding: 0px;
    }
}

.card-body-scrollable {
    overflow: auto;
}

.card-bottom, .card-footer {
    padding: 1rem;
    background: 0px 0px;
}

.card-footer {
    border-top: 1px solid rgb(232, 235, 243);
    color: rgb(95, 104, 119);
}

.card-header {
    padding: 1.3rem;
    display: flex;
    min-height: 3rem;
    align-items: center;
    border-top: 4px solid rgb(225, 33, 27);
    border-radius: 0px !important;
}

.card-header .card-title {
    margin-bottom: 0px;
}

.card-header.border-0 + .card-body {
    padding-top: 0px;
}

@media print {
    .card-header {
        display: none;
    }
}

.card-img-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
}

.card-title {
    font-size: 15px;
    line-height: 1.2;
    font-weight: 500;
}

.reg {
    text-align: center;
    font-size: 50px;
    color: rgb(46, 17, 112);
    float: right;
}

.card-title a {
    color: inherit;
}

.card-title:only-child {
    margin-bottom: 0px;
}

.card-subtitle, .card-title small {
    color: rgb(167, 180, 201);
    font-size: 0.875rem;
    display: block;
    margin: -0.75rem 0px 1rem;
    line-height: 1.1;
    font-weight: 400;
}

.card-table {
    margin-bottom: 0px;
}

.card-table tr:first-child td, .card-table tr:first-child th {
    border-top: 0px;
}

.card-table tr td:first-child, .card-table tr th:first-child {
    padding-left: 1.5rem;
}

.card-table tr td:last-child, .card-table tr th:last-child {
    padding-right: 1.5rem;
}

.card-body + .card-table {
    border-top: 1px solid rgb(232, 235, 243);
}

.card-profile .card-header {
    height: 5rem;
    background-size: cover;
    border: 0px;
}

.profie-img .flex-md-row img {
    width: 60px;
}

.card-profile-img {
    max-width: 6rem;
    margin-bottom: 1rem;
    border: 3px solid rgb(255, 255, 255);
    border-radius: 100%;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px;
}

.card-link + .card-link {
    margin-left: 1rem;
}

.card-body + .card-list-group {
    border-top: 1px solid rgb(232, 235, 243);
}

.card-list-group .list-group-item {
    border-right: 0px;
    border-left: 0px;
    border-radius: 0px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.card-list-group .list-group-item:last-child {
    border-bottom: 0px;
}

.card-list-group .list-group-item:first-child {
    border-top: 0px;
}

.card-header-tabs {
    margin: -1.25rem 0px;
    border-bottom: 0px;
    line-height: 2rem;
}

.card-header-tabs .nav-item {
    margin-bottom: 1px;
}

.card-header-pills {
    margin: -0.75rem 0px;
}

.card-aside {
    flex-direction: row;
}

.card-aside-column {
    min-width: 5rem;
    width: 30%;
    flex: 0 0 30%;
    background: center center / cover no-repeat;
}

.card-value {
    font-size: 1rem;
    line-height: 3.4rem;
    height: 3.4rem;
    display: flex;
    align-items: center;
    font-weight: 400;
}

.card-value i {
    vertical-align: middle;
}

.card-chart-bg {
    height: 4rem;
    margin-top: -1rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.list-media .media-img {
    position: relative;
    float: left;
}

.list-media .media-img {
    width: 48px;
    margin-right: 20px;
}

.list-media .info {
    padding-left: 55px;
    min-height: 40px;
    height: auto;
    position: relative;
}

.list-media .info h4 a {
    font-size: 16px;
    margin-top: 10px;
}

.list-media .info p {
    font-size: 13px;
}

.list-media .info .text-right {
    right: 0px;
    color: rgb(138, 138, 138);
    top: 50%;
    font-size: 12px;
    transform: translateY(-50%);
    margin-top: -28px;
}

.card-options {
    margin-left: auto;
    display: flex;
    order: 100;
    margin-right: -0.5rem;
    color: rgb(167, 180, 201);
    align-self: center;
}

.card-options a:not(.btn) {
    margin-left: 0.5rem;
    color: rgb(176, 188, 208);
    font-size: 14px;
    display: inline-block;
    min-width: 1rem;
}

.card-options a:not(.btn):hover {
    text-decoration: none;
    color: rgb(167, 180, 201);
}

.card-options a:not(.btn) i {
    font-size: 1rem;
    vertical-align: middle;
}

.card-options .dropdown-toggle::after {
    display: none;
}

.widgets-cards .wrp.icon-circle {
    width: 73px;
    height: 73px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    margin-right: 15px;
}

.widgets-cards .wrp.icon-circle i {
    font-size: 1.6rem;
    color: rgb(255, 255, 255);
}

.widgets-cards .wrp p {
    line-height: 1;
    margin-bottom: 10px;
}

.widgets-cards .wrp p:first-child {
    font-weight: 600;
    font-size: 30px;
}

ul li .legend-dots {
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 0.5rem;
}

.legend li {
    padding: 5px;
    display: -webkit-inline-box;
}

.stretch-card {
    display: flex;
    align-items: stretch;
    justify-content: stretch;
}

.stretch-card > .card {
    width: 100%;
    min-width: 100%;
}

.icon-size {
    font-size: 2.5rem !important;
}

.card-img-absolute {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
}

.statistics-box {
    position: relative;
    padding-left: 80px;
    text-align: right;
}

.statistics-box {
    padding-top: 14px;
    min-height: 80px;
    text-align: center;
}

.statistics-box .ico.small {
    font-weight: 900;
}

.statistics-box .ico.small {
    font-size: 42px;
}

.statistics-box .ico {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 80px;
    height: 80px;
    font-size: 70px;
    line-height: 80px;
    text-align: center;
}

.statistics-box h2 {
    font-weight: 600 !important;
}

.card-collapsed > :not(.card-header):not(.card-status) {
    display: none;
}

.card-collapsed .card-options-collapse i::before {
    content: "";
}

.card-fullscreen .card-options-fullscreen i::before {
    content: "";
}

.card-fullscreen .card-options-remove {
    display: none;
}

.card-map {
    height: 15rem;
    background: rgb(232, 235, 243);
}

.card-map-placeholder {
    background: center center no-repeat;
}

.card-tabs {
    display: flex;
}

.card-tabs-bottom .card-tabs-item {
    border: 0px;
}

.card-tabs-bottom .card-tabs-item.active {
    border-top-color: rgb(255, 255, 255);
}

.card-tabs-item {
    flex: 1 1 auto;
    display: block;
    padding: 1.4rem 1.5rem;
    color: inherit;
    overflow: hidden;
}

a.card-tabs-item {
    background: rgb(250, 251, 252);
}

a.card-tabs-item:hover {
    text-decoration: none;
    color: inherit;
}

a.card-tabs-item:focus {
    z-index: 1;
}

a.card-tabs-item.active {
    background: rgb(255, 255, 255);
    border-bottom-color: rgb(255, 255, 255);
}

.card-status {
    position: absolute;
    top: -1px;
    left: 0px;
    right: 0px;
    height: 3px;
    border-radius: 7px 7px 0px 0px;
    background: rgba(0, 40, 100, 0.12);
}

.card-status-left {
    right: auto;
    bottom: 0px;
    height: auto;
    width: 3px;
    border-radius: 3px 0px 0px 3px;
}

.card-icon {
    width: 3rem;
    font-size: 2.5rem;
    line-height: 3rem;
    text-align: center;
}

.card-fullscreen {
    position: fixed;
    inset: 0px;
    z-index: 1;
    margin: 0px;
}

.card-alert {
    border-radius: 0px;
    margin: -1px -1px 0px;
}

.card-category {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.05em;
    margin: 0px 0px 0.5rem;
    background: rgb(233, 236, 243);
}

.popover {
    filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 1px 3px);
}

.popover.bs-popover-auto[x-placement^="top"], .popover.bs-popover-top {
    margin-bottom: 0.625rem;
}

.popover .arrow {
    margin-left: calc(0.25rem + -5px);
}

.popover-static-demo .popover .arrow {
    margin-left: calc(0.25rem + 122px);
}

.popover-static-demo .popover {
    position: relative;
}

.dropdown {
    display: block;
}

.dropdown-menu {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    min-width: 12rem;
}

.app-selector {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    min-width: 16rem;
}

.dropdown-item {
    color: rgb(7, 5, 16);
}

.dropdown-menu-arrow::before {
    position: absolute;
    top: -10px;
    left: 12px;
    display: inline-block;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(0, 0, 0, 0.5);
    border-left: 10px solid transparent;
    content: "";
}

.dropdown-menu-arrow::after {
    position: absolute;
    top: -10px;
    left: 12px;
    display: inline-block;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgb(255, 255, 255);
    border-left: 10px solid transparent;
    content: "";
}

#sidebar .dropdown-menu {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    min-width: 12rem;
}

.dropdown-menu-arrow.dropdown-menu-right::after, .dropdown-menu-arrow.dropdown-menu-right::before {
    left: auto;
    right: 12px;
}

.dropdown-toggle {
    user-select: none;
    cursor: pointer;
}

.dropdown-toggle::after {
    vertical-align: 0.155em;
}

.dropdown-toggle:empty::after {
    margin-left: 0px;
}

.dropdown-icon {
    color: rgb(167, 180, 201);
    margin-right: 0.5rem;
    margin-left: -0.5rem;
    width: 1em;
    display: inline-block;
    text-align: center;
    vertical-align: -1px;
    font-size: 14px;
    font-weight: 600 !important;
}

.emlak-grid-resim {
    height: 200px;
    overflow: hidden;
}

.emlak-grid-resim img {
    object-fit: cover;
    height: 100%;
}

@import url('https://fonts.googleapis.com/css?family=Montserrat:200,400,600,700,800');.coupon-popup-sec {
    margin: 0px auto;
    padding: 0;
    width: 1000px;
    position: relative;
}

.coupon-popup-sec input {
    border: 1px solid #ddd;
}

.coupon-popup-sec h1,h2,h3,h4,h5 {
    margin: 0;
}

.coupon-popup-sec .coupon-content {
    margin: 0px;
    padding: 0 0;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.coupon-popup-sec .coupon-content .coupon-brdr-sec1 {
    width: 40%;
    float: left;
    padding: 0px;
    box-sizing: border-box;
    text-align: center;
    height: 500px;
    overflow: hidden;
}

.coupon-popup-sec .coupon-content .coupon-brdr-sec1 img {
    width: auto;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

.coupon-popup-sec .coupon-content .coupon-brdr-sec2 {
    padding: 70px 0px;
    background: #00000085;
    height: 100vh;
}

.coupon-popup-sec .coupon-content .coupon-brdr-sec1 h2 {
    font-size: 68px;
    font-weight: 800;
}

.coupon-popup-sec .coupon-content .coupon-brdr-sec1 h3 {
    font-size: 29px;
}

.coupon-popup-sec .coupon-content p {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.5px
}

.coupon-popup-sec .coupon-content h4 {
    font-size: 25px;
    font-weight: 600;
    padding-bottom: 30px;
}

.coupon-popup-sec .coupon-content .coupon-brdr-sec1 h5 {
    font-size: 18px;
}

.coupon-popup-sec .coupon-content .coupon-brdr-sec2 .code-now-btn {
    cursor: pointer;
    font-size: 27px;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
    margin: 0 0 10px 0;
    padding: 15px 25px;
    clear: both;
    border: 0px;
    background: #ff0000;
    font-family: 'Montserrat', sans-serif;
}

.coupon-popup-sec .coupon-content .coupon-brdr-sec2 .code-now-btn:hover {
    background: #00ae4d;
}

.coupon-popup-sec .coupon-content .coupon-brdr-sec2 .code-now-btn:focus, .coupon-popup-sec .coupon-cls-btn:focus {
    outline: none;
}

.coupon-popup-sec .coupon-cls-btn {
    font-size: 14px;
    line-height: 18px;
    width: 28px;
    color: white;
    height: 28px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #070510;
    position: absolute;
    right: 20px;
    top: 20px;
    border: 0px;
    -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,0.27);
    box-shadow: 0 0 2px 0 rgba(0,0,0,0.27);
    cursor: pointer;
}

.popup-graybox {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    height: 570px;
    left: 0;
    margin: auto;
    z-index: 99999;
    text-align: center;
    align-items: center;
    display: flex;
    box-sizing: border-box;
    overflow: hidden;
}

.coupon-popup-sec .coupon-cls-btn:hover {
    background: #ff0000;
    color: #fff;
}

.coupon-popup-sec .coupon-content {
    background: #fff;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.52);
    -moz-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.52);
    box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.52);
}

.coupon-popup-sec .coupon-content .main_content {
    width: 100%;
    float: left;
}

@media only screen and (max-width: 640px) {
    .coupon-popup-sec {
        width: 90%;
    }
}

@media only screen and (max-width: 480px) {
    .coupon-popup-sec .coupon-content .coupon-brdr-sec1 h2 {
        font-size: 42px;
    }

    .coupon-popup-sec .coupon-content .coupon-brdr-sec1 h3 {
        font-size: 19px;
    }

    .coupon-popup-sec .coupon-content .coupon-brdr-sec1 h5 {
        font-size: 16px;
    }

    .coupon-popup-sec .coupon-content .coupon-brdr-sec2 .code-now-btn {
        font-size: 16px;
    }

    .coupon-popup-sec .coupon-content .coupon-brdr-sec2 {
        padding: 54px 0;
    }

    .coupon-popup-sec .coupon-content {
        padding: 0;
    }

    .coupon-popup-sec .coupon-content h4 {
        font-size: 18px;
        letter-spacing: 0.5px;
    }
}

@media only screen and (max-width: 425px) {
    .coupon-popup-sec .coupon-content .coupon-brdr-sec1 {
        width: 45%;
        padding: 23.5px 0;
    }

    .coupon-popup-sec .coupon-content .coupon-brdr-sec2 {
        padding: 46px 0;
    }

    .coupon-popup-sec .coupon-content p {
        font-size: 12px;
    }

    .coupon-popup-sec .coupon-content h4 {
        font-size: 30px;
        padding-bottom: 15px;
    }

    .coupon-popup-sec .coupon-content .coupon-brdr-sec2 .code-now-btn {
        font-size: 14px;
        letter-spacing: 0.5px;
        padding: 10px 15px;
    }

    .coupon-popup-sec .coupon-content {
        padding: 0;
    }
}

.arama-filtreleri {
    margin: 5px 5px;
    display: inline-block;
    border: 1px solid #aaa;
    padding: 2px 2px 2px 5px;
    border-radius: 5px;
    font-size: 12px;
    background: #f8f9fa;
}

.ekleme-tarihi-1 {
}

.liste-baslik {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 400px;
}

.aramaustbar {
    position: relative;
    top: 12px;
    right: 15px;
}
.aramaustbar .form-control {
    border-radius: 3px;
    min-width: 260px;
    font-size: 16px;
}
.altform-dark {}
.altform-dark .rs-select2 .select2-container .select2-selection--single .select2-selection__rendered {
    color: #fff !important;
    font-size: 16px;
    font-weight: 400 !important;
} 

.favori-ekle {
    position: absolute !important;
    top: 20px !important;
    left: 240px !important;
    display:block;
    width: 30px;
    height: 30px;
    z-index: 1 !important;
    color: #fff !important;
}
.favori-cikar {position: absolute !important;top: 20px !important;left: 240px !important;display: block;width: 30px;height: 30px;z-index: 1 !important;color: #fff !important;}
.favori-ekle i {
    font-size: 23px !important;
}
.favori-cikar i {
    font-size: 23px !important;
}

.mobile-user-menu {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 7;
}

.mobile-user-menu a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 20px 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: inset 0 3px transparent;
    box-shadow: inset 0 3px transparent;
    text-decoration: none!important;
    outline: none!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #19203f;
    font-size: 12px;
    font-weight: 600
}

a.cart {
    background-color: #ffa22b;
    color: #fff;
    position: relative
}

a.cart:before {
    background-color: #1d1d1d;
    position: absolute;
    top: -4px;
    width: 100%;
    height: 4px;
    border-radius: 2px 2px 0 0;
    content: ""
}

.mobile-user-menu a i {
    line-height: 22px;
    font-size: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2px;
    font-weight: 400
}

.number {
    position: absolute;
    border-radius: 16px;
    background-color: #525560;
    color: #fff;
    font-size: 13px!important;
    padding: 0 14px;
    top: -14px;
    font-style: inherit
}

.mobile-user-menu a:hover {
}

 

.mobil-dil-button {
    text-align: center;
    display: block;
    padding: 5px 0;
    background: #dc3545;
    color: #fff;
}

.dil-mobil {
    display: none;
}
.skiptranslate {
    display: none;
}
.h-100vh {
    height: 100vh;
}
.input-new {
    font-size: 15px;
    background: #f1f1f1;
    border: 0;
    font-weight: 300;
    height: 50px !important;
}

.col-sidebar-left {
    -ms-flex: 0 0 25%;
    flex: 0 0 23%;
    max-width: 23%;
}
.col-sidebar-right {
    -ms-flex: 0 0 75%;
    flex: 0 0 77%;
    max-width: 77%;
}
.f-18 {
    font-size:18px !important;
}