.ltr {
    direction: ltr !important;
}

[dir='rtl'] .ltr {
    direction: ltr !important;
}

.rtl {
    direction: rtl !important;
}

.no-underline {
    text-decoration: none !important
}

.no-outline {
    outline: none !important;
}

.bg-black-squeeze {
    background-color: #F9FBFD !important;
}

.bg-porcelain {
    background-color: #F4F5F6 !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.color-black {
    color: #000;
}

.color-white {
    color: #fff;
}

.color-white-dimmed {
    color: rgba(255, 255, 255, 0.8) !important;
}

.color-bombay {
    color: #afb3b7 !important;
}

.color-tundora {
    color: #474747 !important;
}

.font-cabin {
    font-family: Cabin, sans-serif !important;
}

.font-open-sans-hebrew {
    font-family: 'Open Sans Hebrew', sans-serif !important;
}

.font-roboto-condenced {
    font-family: 'Roboto Condensed', sans-serif;
}

.font-fjalla-one {
    font-family: Fjalla One, sans-serif !important;
}

.fw-normal {
    font-weight: normal !important;
}

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

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

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

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

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

.fz24px {
    font-size: 24px !important;
}

.fz30px {
    font-size: 30px !important;
}

.fz38px {
    font-size: 38px !important;
}

.lh20px {
    line-height: 20px !important;
}

.lh28px {
    line-height: 28px !important;
}

.letter-sp-init {
    letter-spacing: initial !important;
}

.letter-sp-016em {
    letter-spacing: 0.16em !important;
}

.letter-sp-3px {
    letter-spacing: 3px !important;
}

.text-initial {
    text-align: initial !important;
}

[dir='rtl'] .text-left {
    text-align: left !important;
}

.text-indent-0 {
    text-indent: 0 !important;
}

.text-indent-7px {
    text-indent: 7px !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.obj-fit-cover {
    object-fit: cover !important;
}

.obj-fit-contain {
    object-fit: contain !important;
}

.right-0 {
    right: 0 !important;
}

.left-0 {
    left: 0 !important;
}

/*lengths*/
.h16px {
    height: 16px;
}

.w-10 {
    width: 10% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-85 {
    width: 85% !important;
}

.w-120px {
    width: 120px !important;
}

.w-init {
    width: initial !important;
}

.mw-400px {
    max-width: 400px !important;
}

.square16px {
    width: 16px;
    height: 16px;
}

.border-light-grey {
    border-color: #4c637e14 !important;
}

.border-solid {
    border-style: solid !important;
}

.border-right-solid {
    border-right-style: solid !important;
}

.border-left-solid {
    border-left-style: solid !important;
}

.border-right-1px {
    border-right-width: 1px !important;
}

.border-left-1px {
    border-left-width: 1px !important;
}

.border-full-1px {
    border-top-width: 1px !important;
    border-right-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
}

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

.rounded-8px {
    border-radius: 8px !important;
}

.rounded-18px {
    border-radius: 18px !important;
}

/* only mobile */
@media screen and (max-width: 576px) {
    .mt-5-mob-only {
        margin-top: 3rem !important;
    }
    .pb-6-mob-only {
        padding-bottom: 4rem !important;
    }
}

@media (min-width: 768px) {
    .position-absolute-md {
        position: absolute !important;
    }
    .mt-md-100px {
        margin-top: 100px;
    }
    .order-1-md {
        order: 1;
    }
    .w-init-md {
        width: initial !important;
    }
    .w-15-md {
        width: 15% !important;
    }
    .text-left-md {
        text-align: left !important;
    }
}