body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    -webkit-font-smoothing: antialiased;
    font-family: "Poppins", Helvetica, Arial, sans-serif !important;
}

.body-font,
.heading-font {
    font-family: "Poppins", Helvetica, Arial, sans-serif;
}

.coollink,
a {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.coollink,
.side-nav > li > ul > li > a,
footer ul li a.active,
footer ul li a:active,
footer ul li a:focus,
footer ul li a:hover {
    text-decoration: none;
}

.heading-font {
    font-weight: 400;
    letter-spacing: 1px;
}

.alt-font {
    font-family: Lato, Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.aclass,
.aclass2,
.btn,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", Helvetica, Arial, sans-serif;
}

body,
html {
    height: 100%;
    width: 100%;
}

.coollink {
    color: #777;
    border-bottom: 1px dashed #777;
}

.coollink:focus,
.coollink:hover {
    border-bottom: 1px solid #000;
    text-decoration: none;
    color: #000;
}

.showit .coollink {
    color: #fff;
    border-bottom: 1px dashed #fff;
}

.showit .coollink:focus,
.showit .coollink:hover {
    color: #fdcc52;
    border-bottom: 1px dashed #fdcc52;
    text-decoration: none;
}

a,
a:focus,
a:hover {
    color: #fcbd20;
}

body {
    color: #343859;
    letter-spacing: 0 !important;
    webkit-tap-highlight-color: #222;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    /*-moz-osx-font-smoothing: grayscale;*/
    /*text-rendering: optimizeLegibility;*/
    /*text-shadow:1px 1px 1px rgba(0,0,0,0.004) !important;*/
    font-family: "Poppins", Helvetica, Arial, sans-serif !important;
}

a {
    cursor: pointer !important;
}

hr {
    max-width: 100px;
    margin: 25px auto 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, 0.1);
}

hr.light {
    border-color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    letter-spacing: 0;
}

@media (min-width: 991px) {
    .fixed {
        position: fixed;
        width: 27%;
    }
    .scrollit {
        float: right;
        width: 67%;
    }
    #sk-wrapper {
        max-height: 480px !important;
    }
}

header {
    position: relative;
    width: 100%;
    min-height: auto;
    overflow-y: hidden;
    padding: 0;
    color: #fff;
}

header .header-content {
    text-align: center;
    padding: 150px 0 50px;
    position: relative;
}

header .header-content .header-content-inner {
    position: relative;
    max-width: 500px;
    margin: 0 auto;
}

header .header-content .header-content-inner h1 {
    margin-bottom: 30px;
    font-size: 30px;
}

header .header-content .header-content-inner .list-badges {
    margin-bottom: 25px;
}

header .header-content .header-content-inner .list-badges img {
    height: 50px;
    margin-bottom: 25px;
}

header .device-container {
    max-width: 300px;
    margin: 0 auto 100px;
}

section.download h2,
section.features .section-heading h2 {
    margin-top: 0;
}

header .device-container .screen img {
    border-radius: 3px;
}

@media (min-width: 768px) {
    header {
        min-height: 90%;
    }
    header .header-content {
        text-align: center;
        padding: 0;
        height: 90vh;
    }
    header .header-content .header-content-inner {
        max-width: none;
        margin: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    header .header-content .header-content-inner h1 {
        font-size: 35px;
    }
    header .device-container {
        max-width: none;
        max-height: calc(0vh);
        margin: 0;
    }
}

@media (min-width: 992px) {
    header .header-content .header-content-inner h1 {
        font-size: 50px;
    }
}

section {
    padding: 50px 0;
}

/*section h2 {*/
/*    font-size: 50px*/
/*}*/

section.download {
    padding: 75px 0 0;
    position: relative;
}

section.download .badges .badge-link {
    display: block;
    margin-bottom: 25px;
}

section.download .badges .badge-link:last-child {
    margin-bottom: 0;
}

section.download .badges .badge-link img {
    height: 60px;
}

section.download .feature-item {
    text-align: center;
    margin-bottom: 100px;
}

section.features .section-heading,
section.features .section-heading p {
    margin-bottom: 0;
}

section.download .feature-item i {
    font-size: 80px;
    color: #fff;
    background: -webkit-linear-gradient(to left, #7b4397, #dc2430);
    background: linear-gradient(to left, #7b4397, #dc2430);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

@media (min-width: 768px) {
    section.download .badges .badge-link {
        display: inline-block;
        margin-bottom: 0;
    }
}

section.features .device-container,
section.features .feature-item {
    max-width: 300px;
    margin: 0 auto;
}

section.features .device-container {
    margin-bottom: 100px;
}

@media (min-width: 992px) {
    section.features .device-container {
        margin-bottom: 0;
    }
    section.features .device-container,
    section.features .feature-item {
        max-width: none;
    }
}

section.features .feature-item {
    text-align: center;
    margin-bottom: 75px;
}

section.contact h2,
section.cta .cta-content h2 {
    margin-top: 0;
    margin-bottom: 25px;
}

section.features .feature-item h3 {
    font-size: 30px;
}

section.features .feature-item i {
    font-size: 80px;
    background: -webkit-linear-gradient(to left, #7b4397, #dc2430);
    background: linear-gradient(to left, #7b4397, #dc2430);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

section.cta {
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position: center;
    background-image: url(../img/bg-cta.jpg);
    padding-top: 25px;
    padding-bottom: 15px;
}

section.cta .cta-content {
    position: relative;
    z-index: 1;
}

section.cta .cta-content h2 {
    color: #fff;
    font-size: 50px;
}

@media (min-width: 768px) {
    section.cta .cta-content h2 {
        font-size: 50px;
    }
}

section.cta .overlay {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
}

section.contact {
    text-align: center;
}

footer,
section.contact ul.list-social {
    margin-bottom: 0;
}

section.contact h2 i {
    color: #dd4b39;
}

section.contact ul.list-social li a {
    display: block;
    height: 80px;
    width: 80px;
    line-height: 80px;
    font-size: 40px;
    border-radius: 100%;
    color: #fff;
}

footer p,
footer ul li a {
    font-size: 12px;
}

footer,
footer ul li a {
    color: rgba(255, 255, 255, 0.3);
}

section.contact ul.list-social li.social-twitter a {
    background-color: #1da1f2;
}

section.contact ul.list-social li.social-twitter a:hover {
    background-color: #0d95e8;
}

section.contact ul.list-social li.social-facebook a {
    background-color: #3b5998;
}

section.contact ul.list-social li.social-facebook a:hover {
    background-color: #344e86;
}

section.contact ul.list-social li.social-google-plus a {
    background-color: #dd4b39;
}

section.contact ul.list-social li.social-google-plus a:hover {
    background-color: #d73925;
}

footer {
    background-color: #222;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    left: 0;
    right: 0;
    width: 100%;
}

.paddingfooter {
    padding: 0 !important;
    margin: 8px !important;
}

footer p {
    margin: 0;
}

footer ul {
    margin-bottom: 0;
}

.bg-primary {
    color: #343859;
    background-color: #ffffff !important;
}

.bg-space {
    background-color: #fdfdfd;
}

.bg-yellow,
.bg-yellow-white,
.bg-yellow-white-hov,
.bg-yellow-white:hover {
    background-color: #fdcc52;
    border-color: #fdcc52;
}

.bg-yellow {
    color: #000;
}

.bg-yellow-white {
    color: #fff;
}

.bg-yellow-white:hover {
    color: #000;
}

.bg-yellow-white-hov {
    color: #fff;
}

.bg-yellow-white-hov:hover {
    color: #fff;
    background-color: #fdbe52;
    border-color: #fdbe52;
}

.bg-yellow-white-hov-kontakt {
    color: #000;
    background-color: #fff;
    border-color: #000;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0;
    text-align: center;
}

.bg-yellow-white-hov-kontakt:hover {
    color: #fdbe52;
    background-color: #fff;
    border-color: #fdbe52;
}

.bg-yellow-white-hov-account {
    color: #000;
    background-color: #fff;
    border-color: #000;
    margin-top: 0;
    text-align: center;
}

.bg-yellow-white-hov-account:hover {
    color: #dadada;
    background-color: #fff;
    border-color: #dadada;
}

.bg-blue-white-hov {
    color: #fff;
    background-color: #0079e9;
    border-color: #0079e9;
}

.bg-blue-white-hov:hover {
    color: #fff;
    background-color: #0064c3;
    border-color: #0064c3;
}

.text-primary {
    color: #fdcc52;
}

.text-black {
    color: #343859 !important;
}

.grey-text {
    color: grey;
}

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

.btn-outline {
    color: #fff;
    border: 1px solid;
}

.btn-outline.active,
.btn-outline:active,
.btn-outline:hover {
    color: #fff;
    background-color: #fdcc52;
    border-color: #fdcc52;
}

.btn-outline:focus {
    color: #fff;
    border: 1px solid;
}

.btn-outline-black {
    color: #777;
    letter-spacing: 0 !important;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid;
    display: inline;
    text-transform: initial !important;
}

.btn,
.dividerspace {
    text-transform: uppercase;
}

.btn-outline-black.active,
.btn-outline-black:active,
.btn-outline-black:focus,
.btn-outline-black:hover {
    color: #fff;
    background-color: #fdcc52;
    border-color: #fdcc52;
}

.btn-outline-inverse {
    color: #000;
    border: 1px solid;
    background-color: #fff;
}

.btn-outline-inverse-active,
.btn-outline-inverse.active,
.btn-outline-inverse:active,
.btn-outline-inverse:hover {
    color: #fff;
    background-color: #fdcc52;
    border-color: #fdcc52;
}

.btn-outline-inverse-active.active,
.btn-outline-inverse-active:active,
.btn-outline-inverse-active:focus,
.btn-outline-inverse-active:hover {
    color: #000;
    border: 1px solid;
}

.btn {
    letter-spacing: 0 !important;
    border-radius: 5px;
}

.btn-yellow {
    color: #000;
    background-color: #fdcc52;
    border-color: #fdcc52;
}

.btn-xl {
    padding: 15px 45px;
    font-size: 11px;
}

::-moz-selection {
    color: #fff;
    text-shadow: none;
    background: #222;
}

::selection {
    color: #fff;
    text-shadow: none;
    background: #222;
}

img::selection {
    color: #fff;
    background: 0 0;
}

img::-moz-selection {
    color: #fff;
    background: 0 0;
}

.roundright {
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}

.roundleft {
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}

.roundall {
    border-radius: 20px !important;
}

.panel_redo {
    border-radius: 0;
    border: 0;
    padding: 20px;
}

.panel_redo_space {
    border-radius: 0;
    border: 0;
    padding: 10px;
}

.vertical-align {
    display: flex;
    align-items: center;
}

.backendmargin {
    margin-top: 70px !important;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -80px;
}

@media (min-width: 768px) {
    .side-nav,
    .side-nav > li > a {
        width: 225px;
    }
    .side-nav {
        position: fixed;
        top: 51px;
        left: 225px;
        margin-left: -225px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color: #222;
        bottom: 0;
        overflow-x: hidden;
        padding-bottom: 40px;
    }
    .side-nav li a:focus,
    .side-nav li a:hover {
        outline: 0;
        background-color: #000 !important;
    }
}

.side-nav > li > ul {
    padding: 0;
}

.side-nav > li > ul > li > a {
    display: block;
    padding: 10px 15px 10px 38px;
    color: #999;
}

.fullbr {
    border-radius: 3px;
}

.topbr {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.botbr {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.error-message {
    color: red;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    outline: 0;
}

a,
u {
    text-decoration: none !important;
}

.ui-selecting {
    background-color: #e9e9e9 !important;
    color: #fff;
}

.ui-selected {
    background-color: #fdcc52 !important;
    color: #fff;
}

.ui-unavailable {
    background-color: #646464 !important;
    color: #fff;
}

.label {
    font-weight: 500 !important;
}

.dividerspan,
.dividerspanspace {
    padding: 0 10px;
    font-weight: 300;
    background-color: #fff;
}

.galleria-lightbox-shadow {
    opacity: 0 !important;
}

.linkdotted {
    border-bottom: 1px dashed #000;
    text-decoration: none;
}

.linkdotted:hover {
    border-bottom: 1px solid #000;
    text-decoration: none;
}

@media (min-width: 768px) {
    .medium-modal {
        width: 70%;
    }
    .mediumer-modal {
        width: 50%;
    }
}

.divider,
.dividerspace {
    width: 100%;
    height: 11px;
    border-bottom: 1px solid #d1d1d1;
}

.dividerspaceNoborder {
    width: 100%;
    height: 11px;
}

#chattoggle {
    color: #0092f9;
    cursor: pointer;
}

.braddon {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.divider {
    text-align: center;
    margin-bottom: 30px;
}

.dividerspace,
.hbl-explainer__step {
    margin-bottom: 20px;
    text-align: left;
}

.dividerspan {
    font-size: 15px;
    color: #a9a9a9;
}

.dividerspace {
    margin-top: 20px;
}

.dividerspanspace {
    font-size: 18px;
    color: #000;
}

.hbl-adon {
    border-color: #007ce6 !important;
}

.hbl-explainer__step {
    width: 56px;
    height: 56px;
    border: 3px solid #fdcc52;
    border-radius: 100%;
    color: #5f5e65;
    font-size: 20px;
    font-weight: 500;
    line-height: 50px;
}

.hbl-explainer__step-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin: 48px 0;
}

.checkbox {
    padding-left: 20px;
}

.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px;
    font-weight: 400;
}

.checkbox label::after,
.checkbox label::before {
    display: inline-block;
    position: absolute;
    left: 0;
    margin-left: -20px;
}

.checkbox label::before {
    content: "";
    width: 17px;
    height: 17px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkbox label::after {
    width: 16px;
    height: 16px;
    top: 0;
    padding-left: 4px;
    padding-top: 3px;
    font-size: 11px;
    color: #555;
}

.checkbox label,
.radio label {
    cursor: default;
}

.checkbox input[type="checkbox"] {
    cursor: pointer;
    opacity: 0;
}

.checkbox input[type="checkbox"]:focus + label::before {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}

.checkbox input[type="checkbox"]:checked + label::after {
    font-family: FontAwesome;
    content: "\f00c";
}

.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eee;
    cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}

.checkbox.checkbox-inline {
    margin-top: 0;
}

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #428bca;
    border-color: #428bca;
}

.checkbox-primary input[type="checkbox"]:checked + label::after {
    color: #fff;
}

.timepicker__remove {
    width: 15px;
    height: 15px;
    background: url(/img/close.png) no-repeat;
    background-size: cover;
    border: none;
    position: absolute;
    top: 10px;
    left: 5px;
}

.modal-blue-header,
.modal-yellow-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal-blue-footer,
.modal-yellow-footer {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.searchdivider {
    height: 1px;
    border-bottom: 1px solid #e6e6e6;
    margin-left: 0;
    margin-bottom: 5px;
    margin-right: 30px;
}

.pricespansearch,
.pricespansearch_ {
    margin-top: -3px !important;
    margin-right: 15px;
    padding-bottom: 0px;
    display: inline-block;
}

.pricespansearchmonth,
.pricespansearchmonth_ {
    margin-right: 0;
    padding-bottom: 5px;
    display: inline-block;
}

.bolt {
    color: #fdcc52 !important;
}

.koperta {
    color: #007ce6 !important;
}

.availgreen {
    color: #7d7 !important;
}

.availred {
    color: #ff6961 !important;
}

.priceunavailable {
    color: #e0e0e0 !important;
    border-color: #e0e0e0 !important;
}

.priceh4_2,
.pricesearchh4_2,
.pricesearchh4_2_ {
    color: #000;
    text-align: left;
}

.pricespansearch_ {
    margin-top: -10px;
}

.pricesearchh4_1_ {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 7px;
    text-align: left;
}

.pricesearchh4_2_ {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 12px;
    margin-top: 5px;
}

.pricespansearch {
    margin-top: 0;
}

.pricesearchh4_1 {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 10px;
    text-align: left;
}

.pricesearchh4_2 {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 15px;
    margin-top: 5px;
}

.pricespan {
    margin: 10px;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
    display: inline-block;
}

.priceh4_1 {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 12px;
}

.priceh4_2 {
    margin-bottom: 0;
    font-weight: 600;
}

.input-group > .input-group-btn:last-child > .selectpicker {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.input-group > .input-group-btn:first-child > .selectpicker {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.modal-yellow-header {
    border-top: 5px solid #fdcc52;
}

.modal-yellow-footer {
    border-bottom: 5px solid #fdcc52;
}

.modal-blue-header {
    border-top: 5px solid #0076ed;
}

.modal-blue-footer {
    border-bottom: 5px solid #0076ed;
}

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

.grid-item-content {
    height: 175px;
    margin-bottom: 30px;
    background: #d0d0d0;
    padding: 10px;
    color: #fff;
    border-radius: 3px;
    overflow: hidden;
}

.dedicatedbg,
.meetingbg,
.officebg,
.serwisowane,
.venimage {
    background-size: cover;
}

.coworkingbg,
.coworkingbiurkobg {
    background-position: center;
    background-size: cover;
}

.grid-item-content--height2 {
    height: 200px;
}

.grid-item-content--height3 {
    height: 300px;
}

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

@media (min-width: 992px) {
    .grid-item-content {
        height: 175px;
    }
    .venimage {
        border-top-right-radius: 3px;
    }
    .brsolid {
        border-right: 1px solid #fff !important;
        border-bottom: 1px solid #ededed;
        padding-bottom: 20px !important;
    }
    .fixed-fixed {
        width: 280px;
    }
    .fixed-static {
        width: 700px;
        min-height: 500px;
    }
}

@media (min-width: 1224px) {
    .fixed-fixed {
        width: 350px;
    }
    .fixed-static {
        width: 820px;
        min-height: 500px;
    }
}

.coworkingbiurkobg {
    background-image: url(/img/biurkocoworking.jpg);
}

.coworkingbg {
    background-image: url(/img/coworking.jpg);
}

.dedicatedbg {
    background-image: url(/img/dedicateddesk.jpg);
    background-position: bottom;
}

.officebg,
.serwisowane {
    background-position: center;
}

.officebg {
    background-image: url(/img/office.jpg);
}

.serwisowane {
    background-image: url(/img/biuroserwisowane.jpg);
}

.meetingbg {
    background-image: url(/img/meetingroom.jpg);
    background-position: bottom;
}

.skinhead {
    margin-top: 0;
}

.showit {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.grid-item-content:hover .showit {
    visibility: visible;
    opacity: 1;
    color: #fff;
}

.whitetext {
    color: #fff;
}

iframe[name="google_conversion_frame"] {
    height: 0 !important;
    width: 0 !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin-top: -13px;
    float: left;
}

.filter-option {
    text-transform: capitalize;
}

.concbar {
    background-color: #5386e4 !important;
    color: #fff;
    cursor: auto;
}

.venimage {
    height: 100px;
    background-position: center;
    border-top-left-radius: 3px;
}

.toppasek {
    background-color: #dfdfdf;
    height: 50px;
    margin-right: 13px;
    border-top-right-radius: 3px;
}

.onhover {
    background-color: #fff;
}

.onhover:hover {
    background-color: #ededed;
}

.brsolid {
    border-right: 1px solid #ededed;
}

.required_ {
    color: red;
}

.dropshadowpanel {
    box-shadow: 0px 0px 15px hsla(0, 0%, 70%, 0.5);
}

.dropshadowpanelhov {
    box-shadow: 0 4px 15px 0 hsla(0, 0%, 84%, 0.5);
}

.dropshadowpanelhov:hover {
    box-shadow: 0 4px 15px 0 hsla(0, 0%, 60%, 0.5);
}

.sk-messenger-button {
    background-color: #5286e4 !important;
}

.underlinetext {
    border-bottom: solid 1px #fff;
    padding-bottom: 3px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

.presslogo {
    -webkit-filter: grayscale(1) !important;
    filter: grayscale(1);
    height: 40px;
}

.whitecolor {
    color: #fff;
}

/*svg path {*/
/*    fill: #fff !important;*/
/*}*/

.tooltip .tooltip-inner {
    background-color: #fff;
    color: #000 !important;
    opacity: 1 !important;
    border: 1px solid #000;
}

.tooltip .tooltip-arrow {
    border-top-color: #fff;
    opacity: 0 !important;
    display: none;
}

.tooltip.in {
    opacity: 1 !important;
}

.fieldWrapper {
    position: relative;
    margin-top: 20px;
}
.control:focus ~ .floating-label,
.control:not(:focus):valid ~ .floating-label {
    top: -13px;
    left: 2px;
    font-size: 11px;
    opacity: 1;
    color: black;
    background: white;
    padding: 5px;
    padding-bottom: 0px;
    margin-left: 5px;
}

.floating-label-static {
    bottom: -27px !important;
    left: 2px;
    font-size: 11px;
    opacity: 1;
    color: black;
    background: white;
    padding: 5px;
    margin-left: 5px;
    position: relative;
    z-index: 999 !important;
}

.floating-label {
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 7px;
    transition: 0.3s ease all;
    color: lightgrey;
}
.validationMessage {
    font-size: 10px;
    color: red;
    margin-left: 3px;
}
.iti-flag {
    background-image: url("/img/flags/flags.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
    only screen and (min--moz-device-pixel-ratio: 2),
    only screen and (-o-min-device-pixel-ratio: 2 / 1),
    only screen and (min-device-pixel-ratio: 2),
    only screen and (min-resolution: 192dpi),
    only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url("/img/flags/flags@2x.png");
    }
}
.menuHoverGrey:hover {
    color: black !important;
    background-color: #ededed !important;
}
/*.askForOffer{
    border-left: 1px solid #FDCC52;border-right: 1px solid #FDCC52;padding:17px;cursor:pointer;background-color: #FDCC52;color:white;letter-spacing: 1px;text-transform: uppercase;font-size:12px;font-weight: 600;
}
.askForOffer:hover{
    background-color: #FDB549;
}*/

.askForOffer {
    border-radius: 4px;
    border-left: 1px solid #fdcc52;
    border-right: 1px solid #fdcc52;
    padding: 10px;
    cursor: pointer;
    background-color: #fdcc52;
    color: white;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    margin-top: 7px;
}
.askForOffer:hover {
    background-color: #fdb549;
}

.askForOfferButton {
    background-color: #136875;
    color: white;
}
.askForOfferButton:hover {
    background-color: #136875;
    color: white;
}
.fixImage {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 100% top;
    background-image: url("/img/meetingroom.jpg");
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 40%;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.askMore:hover {
    text-decoration: underline;
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 5% auto;
    }
    .modal-dialog.modal-xs {
        width: 200px;
        margin: 5% auto 0;
    }
    .modal-dialog.modal-sm {
        width: 400px;
        margin: 5% auto 0;
    }
    .modal-dialog.modal-md {
        width: 600px;
        margin: 5% auto 0;
    }
    .modal-dialog.modal-lg {
        width: 90%;
        max-width: 1000px;
        margin: 5% auto 0;
    }
    .modal-dialog.modal-xl {
        width: 90% !important;
        max-width: 1200px;
        margin: 5% auto 0;
    }
}
.filebox {
    color: #222 !important;
    border-radius: 4px;
    padding: 5px;
    display: inline-block !important;
    border: 1px solid #c0c0c0;
    font-size: 12px;
    margin-bottom: 15px;
}
.filebox:hover {
    background-color: #f0f0f0;
}
.icon {
    height: 20px;
    width: 20px;
}
.docicon {
    height: 20px;
}
.priceList {
    margin-top: 5px;
}
.headingText {
    font-size: 18px;
    text-transform: uppercase;
    margin-top: 50px;
}
.headingLine {
    margin-bottom: 0px;
    margin-top: -5px;
}
.youknowwhatuwantm8 {
    text-align: center !important;
}
.h4Title {
    margin: 0px;
}

.dropshadowpanel .h4Title:not(:last-child) {
    margin-bottom: 10px !important;
}
.help-box-relative {
    box-shadow: 0px 0px 15px hsla(0, 0%, 70%, 0.5);
    border-left: 5px solid #fdcc52;
    border-radius: 4px;
}
.currencyDropdown .selected {
    background-color: #fdcc52 !important;
}
.modal-backdrop {
    /*background-color: rgb(255,255,255) !important;
   opacity:0.9 !important;*/
    background-color: rgba(70, 72, 91, 1) !important;
}
.modal-content {
    box-shadow: none !important;
    border: 1px solid white !important;
    border-radius: 4px;
}

.sharespace-dropdown li a {
    padding: 5px 0px 5px 0px;
}
.sharespace-dropdown .filter-option-inner-inner {
    letter-spacing: 0px !important;
}
.sharespace-dropdown .selected .active {
    background-color: #e7e7e7 !important;
    color: black !important;
}
.sharespace-dropdown .selected .active:hover {
    color: black !important;
}
.sharespace-dropdown .active {
    background-color: #e7e7e7 !important;
    color: black !important;
}
.sharespace-dropdown .active:hover {
    color: black !important;
}

.option-select li a {
    padding-left: 10px !important;
}

.sharespace-dropdown .dropdown-menu {
    padding: 0px !important;
}

.sharespace-ko-tab {
    display: inline-block;
    height: 50px;
    padding-top: 13px;
    /* border-right: 1px solid #e7e7e7; */
    font-weight: 300;
    background-color: #ffffff;
    border-bottom: 1px solid #e7e7e7;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    text-align: center;
}
.sharespace-ko-tab-active {
    border-bottom: 5px solid #fdcc52;
}
.sharespace-ko-tab:hover {
    background-color: #ededed;
    /*border-bottom-color: #ededed;*/
}
.sharespace-space-type-icon {
    height: 20px;
    width: 20px;
    margin-right: 10px;
    margin-top: -3px;
}

.chaticon {
    border-radius: 50%;
    max-height: 40px;
    max-width: 40px;
    height: 40px;
    width: 40px;
    margin-right: 10px;
    margin-left: 10px;
    object-fit: cover;
    border: 1px solid #ededed;
    background-color: #ededed;
}

.permissionsSelect li a {
    padding: 5px 0px 5px 0px;
}
.permissionsSelect .filter-option-inner-inner {
    letter-spacing: 0px !important;
}
.permissionsSelect .selected .active {
    background-color: #e7e7e7 !important;
    color: black !important;
}
.permissionsSelect .selected .active:hover {
    color: black !important;
}
.permissionsSelect .active {
    background-color: #e7e7e7 !important;
    color: black !important;
}
.permissionsSelect .active:hover {
    color: black !important;
}
.userSelect .open {
    padding: 0px !important;
}
.userSelect .dropdown-toggle {
    padding: 5px 10px 5px 10px !important;
}
.option-select li a {
    padding-left: 10px !important;
}

.permissionsSelect .dropdown-menu {
    padding: 0px !important;
}

.userSelect .dropdown-menu {
    margin-top: 5px;
}

.bootstrap-select .dropdown-menu.inner {
    max-height: 200px !important;
}
.userSelect .dropdown-toggle .email-selector {
    display: none !important;
}
.dropdown-toggle .hidden-section {
    display: none !important;
}

.dropdown-menu li.disabled {
    display: none !important;
}

.shsp-avatar {
    object-fit: cover;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-font-smoothing: antialiased;
    box-sizing: inherit;
    display: flex;
    overflow: hidden;
    position: relative;
    align-items: center;
    flex-shrink: 0;
    font-family: Poppins, Helvetica, Arial, sans-serif;
    line-height: 1;
    user-select: none;
    justify-content: center;
    border-radius: 20%;
    color: #3d3489;
    font-weight: 600;
    background-color: #e9e8f6;
    width: 44px !important;
    height: 44px !important;
    font-size: 16px;
    cursor: pointer;
    float: right;
}

.shsp-avatar-lg {
    width: 44px !important;
    height: 44px !important;
    font-size: 16px;
}

.userSelect .dropdown-toggle .chaticon {
    height: 21px !important;
    width: 21px !important;
    font-size: 12px;
}

.pointer {
    cursor: pointer !important;
}

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

.modal.left .modal-dialog,
.modal.right .modal-dialog,
.modal.centro .modal-dialog {
    position: fixed;
    margin: auto;
    width: 500px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content,
.modal.centro .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body,
.modal.centro .modal-body {
    padding: 15px 15px 80px;
}

/* Right large */

.modal.right-large .modal-dialog {
    position: fixed;
    margin: auto;
    width: 700px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.right-large .modal-content {
    height: 100%;
    overflow-y: auto;
}

.modal.right-large .modal-content {
    padding: 15px 15px 80px;
}

/*Left*/
.modal.left.fade .modal-dialog {
    left: -450px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
    left: 0;
}

/*center*/
.modal.centro.fade .modal-dialog {
    left: -450px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.centro.fade.in .modal-dialog {
    left: calc(50% - 175px);
}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -500px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

@media (max-width: 1224px) {
    .modal.left .modal-dialog,
    .modal.right .modal-dialog,
    .modal.centro .modal-dialog,
    .modal.right-large .modal-dialog {
        width: 100% !important;
    }
}
.table-sm td,
th {
    padding: 0px !important;
}
.table-sm td {
    text-align: right;
}
.table-s,
b {
    font-weight: 500;
}

/* Right large */

.modal.right-large.fade .modal-dialog {
    right: -700px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right-large.fade.in .modal-dialog {
    right: 0;
}

.save-changes-panel {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px;
    border-top: 1px solid #e5e5e5;
    background-color: #f7f7f7;
    z-index: 1040;
    color: #000;
}

.loading-fullscreen {
    display: flex; /* establish flex container */
    flex-direction: column; /* make main axis vertical */
    justify-content: center; /* center items vertically, in this case */
    align-items: center; /* center items horizontally, in this case */
    position: fixed;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    background-color: #ffffff;
    z-index: 1070;
    overflow: hidden;
}
#loadingSvg {
    height: 300px;
    width: 300px;
}

.shsp-file {
    padding: 5px;
    border: 1px solid lightgrey;
    border-radius: 4px;
    color: black;
    background-color: white;
    cursor: pointer;
    margin-bottom: 10px;
}

.shsp-file:hover {
    background-color: #ededed;
}

textarea {
    resize: vertical !important;
}

.round-image {
    border-radius: 50%;
    border: 1px solid lightgrey;
    object-fit: cover;
}

.language-picker-section .bootstrap-select {
    width: 150px !important;
}

.shsp-table th {
    text-transform: capitalize;
    font-size: 14px;
    background-color: #fff;
    border: 0px !important;
    padding: 5px 5px 10px 10px !important;
    text-align: left;
    font-weight: 400;
}

/* ShareSpace Table */
.shsp-table td {
    border-bottom: 2px solid #f7f7f7;
    font-weight: 400;
}

.shsp-table tr:last-child td {
    border-bottom: none;
}

.shsp-table thead th {
    border-bottom: 2px solid #f7f7f7 !important;
}

.shsp-table tr:hover {
    background-color: #f7f7f7;
}

.shsp-table {
    border: 0px solid #f7f7f7;
}

.shsp-table .sorting_desc,
.sorting_asc,
.sorting {
    background-image: none !important;
}

/* End ShareSpace Table */

/* Doughnut Chart */

@keyframes donut-chart-fill {
    to {
        stroke-dasharray: 0 100;
    }
}

.svg-item {
    width: 150px;
    height: 150px;
    font-size: 16px;
}
.donut-ring {
    stroke: #f7f7f7;
}

.donut-segment {
    animation: donut-chart-fill 1s reverse ease-in;
    transform-origin: center;
    stroke: #fdcc52;
}

.donut-text {
    font-family: "Poppins", Arial, Helvetica, sans-serif;
    fill: #222;
}

.donut-percent {
    font-size: 0.5em;
    fill: #000;
    line-height: 1;
    transform: translateY(0.5em);
}

/* End Doughnut Chart */

.font-weight-standard {
    font-weight: 400 !important;
}

.font-weight-minibold {
    font-weight: 500 !important;
}

.font-weight-semibold {
    font-weight: 600 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

/* ShareSpace Progress */

.shsp-progress-top {
    visibility: hidden;
    height: 30px;
    border-right: 2px solid #fdcc52;
    text-align: right;
    padding-right: 10px;
    animation: 0s linear 1s forwards delayedShow;
}

.shsp-progress-outer {
    height: 15px;
    width: 100%;
    background-color: #f7f7f7;
    border-radius: 4px;
}

.shsp-progress-inner {
    height: 15px;
    background-color: #fdcc52;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    animation: progress-fill 1s ease-in;
}

.shsp-progress-text {
    animation: 1s fadeIn;
    animation-fill-mode: forwards;
    visibility: hidden;
    animation: 0s linear 1s forwards delayedShow;
    margin-left: -1000px;
}

@keyframes progress-fill {
    from {
        width: 0%;
    }
}

@keyframes delayedShow {
    to {
        visibility: visible;
        margin-left: 0px;
    }
}

/* End ShareSpace Progress */

/* chat v3 */

.permission-stepper {
    width: 100%;
    height: 6px;
    background: lightgrey;
}

.muted-stepper {
    color: lightgrey;
}

.done-step {
    background: #68bb40 !important;
}

.done-step-tick {
    color: #68bb40 !important;
}

.current-step {
    background: #fdcc52 !important;
}

.simple-box {
    padding: 20px;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #e7e7e7;
}

.dropdown-menu {
    border: none !important;
    box-shadow: 0px 0px 15px hsla(0, 0%, 70%, 0.5) !important;
    padding: 0px !important;
}

#how-it-works-modal {
    padding-bottom: 100px;
}

.traditional-badge {
    cursor: default;
    background: #343859 !important;
    border: none !important;
    color: white !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
    border-radius: 4px;
    padding: 4px 8px !important;
}

.flexible-badge {
    cursor: default;
    text-transform: uppercase;
    font-weight: 700 !important;
    font-size: 12px;
    border-radius: 4px;
    padding: 4px 8px !important;
}

.tooltip .tooltip-inner {
    background-color: #fff;
    color: #000 !important;
    opacity: 1 !important;
    border: 1px solid white !important;
    box-shadow: 0px 23px 55px 0px rgba(37, 31, 82, 0.21) !important;
}
.tooltip {
    z-index: 1020 !important;
}

.permissionsSelect .selected {
    background-color: #e7e7e7 !important;
    color: black !important;
}

.intl-tel-input .country-list {
    z-index: 1001 !important;
}

.phone-placeholder::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: lightgrey !important;
    opacity: 1; /* Firefox */
    font-weight: 400;
}

.phone-placeholder::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: lightgrey !important;
    opacity: 1; /* Firefox */
    font-weight: 400;
}

.phone-placeholder::-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: lightgrey !important;
    font-weight: 400;
}

.phone-placeholder:-ms-input-placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: lightgrey !important;
    font-weight: 400;
}
.typography-primary {
    color: #343859 !important;
}
.typography-secondary {
    color: #676a83 !important;
}
.greyscales-2 {
    background-color: #8c94b1 !important;
}
.badge {
    border-radius: 4px !important;
    padding: 4px 8px !important;
}
.navbar-search-input {
    padding: 10px;
    background-color: #f9f9fb;
    width: 100%;
    color: #343859;
    border: 1px solid #e8eaef;
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    color: #676a83;
}
.navbar-search-conatiner {
    position: relative;
}
#input_img_loupe {
    position: absolute;
    bottom: 15px;
    right: 17px;
    width: 18px;
    height: 18px;
}

#input_img_loading {
    position: absolute;
    bottom: 15px;
    right: 16px;
    width: 18px;
    height: 18px;
}

.input_img_reset {
    position: absolute;
    bottom: 18px;
    right: 20px;
    width: 11px;
    height: 11px;
    cursor: pointer;
}

.top-image {
    display: none;
}

.icon-section:hover .top-image {
    display: block;
}

.navbar-search-input:focus {
    border: 1px solid #343859 !important;
}
.navbar-search-suggestion {
    background: #ffffff;
    /* Grayscales/#E8EAEF Gray 2 20% */
    border: 1px solid #e8eaef !important;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 8px;
    margin-top: 16px;
    color: #3d3489 !important;
}
.navbar-search-suggestion-text {
    color: #3d3489 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}
.navbar-search-suggestion:hover {
    border: 1px solid #3d3489 !important;
}
.navbar-search-suggestion:active {
    background: #f6f8fc !important;
    border: 1px solid #3d3489 !important;
}
.filter-mismatch {
    line-height: 20px;
    background-color: rgb(253, 232, 236);
    padding: 6px 12px;
    border-radius: 4px;
    color: rgb(245, 99, 126);
}
.uil {
    color: #3d3489 !important;
}

.visible-mobile {
    display: block;
}
.visible-desktop {
    display: none !important;
}
.mobile-only-padding {
    padding: 16px;
}

@media (min-width: 1200px) {
    .visible-mobile {
        display: none !important;
    }
    .visible-desktop {
        display: block !important;
    }
    .mobile-only-padding {
        padding: 0;
    }
}

.bg-primary {
    background: white;
}

.block-body-scroll {
    overflow: hidden !important;
    padding-right: 15px;
}
.popover {
    box-shadow: 0px 20px 50px rgba(61, 52, 137, 0.15) !important;
    border: none !important;
}

.unicons-12 {
    width: 12px;
    height: 12px;
}

.unicons-16 {
    width: 16px;
    height: 16px;
}

.unicons-20 {
    width: 20px;
    height: 20px;
}

.unicons-24 {
    width: 24px;
    height: 24px;
}
.text-muted {
    color: #676a83 !important;
}

.popover,
.tooltip {
    font-family: "Poppins", Helvetica, Arial, sans-serif !important;
}

.tooltip {
    color: #676a83;
}

/* Style the list */
ol.breadcrumb {
    padding: 0px 0px;
    list-style: none;
    background: white !important;
}

/* Display list items side by side */
ol.breadcrumb li {
    display: inline;
    font-size: 14px;
    line-height: 30px;
}

/* Add a slash symbol (/) before/behind each list item */
ol.breadcrumb li + li:before {
    padding: 8px;
    color: #777;
    content: ">\00a0";
}

/* Add a color to all links inside the list */
ol.breadcrumb li a {
    color: #A9ABBF;
    text-decoration: none;
}

/* Add a color on mouse-over */
ol.breadcrumb li a:hover {
    color: #777;
    text-decoration: underline !important;
}

.userPopover .userPopoverAvatar {
    width: 90px;
    height: 90px;
    border-radius: 4px;
    background: #F3F4F7;
    border: 1px solid #D8D6E7;
    object-fit: cover;
}

.userPopover .userPopoverInitials {
    color: #3D3489;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}

.userPopover .userPopoverLargeText {
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #343859;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.userPopover .userPopoverSmallText {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    color: #676A83;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.userPopover .userPopoverFlag {
    width: 20px;
    height: auto;
    border-radius: 4px;
    border: 1px solid #E8EAEF;
    object-fit: cover;
}

.userPopover .copyUserData:hover {
    transform: scale(1.1);
    cursor: pointer;
}

.LandbotPopup {
    z-index: 10 !important;
}

.is-open {
    z-index: 2000 !important;
}


.subleaseBadge {
    background: #3D3489 !important;
    border: none !important;
    line-height: 12px !important;
    color: white !important;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px !important;
    display: inline-block;

    border-radius: 4px !important;
    padding: 4px 8px !important;
}