:root {
    --main-color: var(--main-color);
    --main-text-color: var(--main-text-color)
}

[class^=icon-],
[class*=" icon-"],
.fa {
    font-family: sallaicons!important
}

[class^=icon-]:before {
    display: inline-block;
    vertical-align: middle
}

[class*=" sicon-"],
[class^=sicon-] {
    vertical-align: middle!important
}

.icon-camera:before a:root {
    --main-color: var(--main-color);
    --main-text-color: var(--main-text-color)
}

[class^=icon-],
[class*=" icon-"],
.fa {
    font-family: sallaicons!important
}

[class^=icon-]:before {
    display: inline-block;
    vertical-align: middle
}

[class*=" sicon-"],
[class^=sicon-] {
    vertical-align: middle!important
}

.icon-camera:before {
    content: "\e910"
}

.theme-icon-star:before {
    content: "\e912"
}

.theme-icon-pinterest:before {
    content: "\e90a"
}

.theme-icon-facebook:before {
    content: "\e90b"
}

.theme-icon-twitter:before {
    content: "\e90c"
}

.theme-icon-instagram:before {
    content: "\e90d"
}

.theme-icon-tiktok:before {
    content: "\e07b"
}

.theme-icon-youtube:before {
    content: "\e90e"
}

.theme-icon-arrow-left:before {
    content: "\e900"
}

.theme-icon-arrow-right:before {
    content: "\e901"
}

.icon-assurance:before {
    content: "\e902"
}

.icon-cod:before {
    content: "\e903"
}

.theme-icon-add-cart:before {
    content: "\e904"
}

.icon-delivery:before {
    content: "\e905"
}

.theme-icon-user:before {
    content: "\e906"!important
}

.theme-icon-phone:before {
    content: "\e907"
}

.icon-search:before {
    content: "\e908"
}

.theme-icon-cart:before {
    content: "\e909"
}

@font-face {
    font-family: sallaicons;
    src: url(../fonts/sallaicons.svg) format("svg"), url(../fonts/sallaicons.ttf) format("truetype"), url(../fonts/sallaicons.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

[class^=sicon-],
[class*=" sicon-"] {
    font-family: sallaicons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}



ol,
ul,
li {
    list-style: none
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*,
*:before,
*:after {}

a {
    text-decoration: none
}

button,
input,
textarea {
    color: inherit;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit
}

.header-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width:700px) {
    .header-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.header-wrapper:before,
.header-wrapper:after {
    display: none
}

.sub-header {
    color: #fff;
    background-color: var(--main-text-color)
}

.sub-header a {
    color: inherit
}

.site-header {
    z-index: 500;
    background: var(--main-color)
}

@media(min-width:992px) {}

.header-top {
    position: relative;
    z-index: 2000
}

@media(min-width:992px) {
    .header-top {
        border-bottom: 1px solid rgba(255, 255, 255, .5)
    }
}

.site-header__cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    font-size: 14px;
    background: rgba(0, 0, 0, .08);
    float: left;
    border-radius: 4px;
    overflow: hidden;
    min-width: 170px
}

.site-header__cart:hover {
    color: #fff;
    background: rgba(0, 0, 0, .1)
}

.site-header__cart div:first-child {
    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;
    padding: 6px 10px;
    background: rgba(0, 0, 0, .07)
}

.site-header__cart .icon-cart {
    font-size: 17px
}

.site-header__cart div:last-child {
    padding: 4px 10px
}

.site-header__cart span {
    display: block
}

.site-header__cart strong {
    font-weight: 700
}

.logo img {
    width: 85px
}

@media(min-width:991px) {
    .logo img {
        max-width: 116px;
        max-height: 58px
    }
}

.circle-action {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    text-align: center;
    width: 36px;
    height: 36px;
    line-height: 35px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    color: #5a5a5a;
    font-family: sallaicons!important;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.circle-action span:before {
    font-family: sallaicons!important
}

.circle-action:hover {
    background: var(--main-text-color);
    color: #fff;
    border-color: var(--main-text-color)
}

@media(min-width:992px) {
    .sub-nav {
        width: 100%;
        z-index: 449
    }
}

.sub-nav {
    text-align: center;
    background-color: var(--main-color);
    margin-bottom: 1px
}

.sub-nav .main-menu>li {
    position: relative;
    display: inline-block;
    margin-left: 1rem
}

.sub-nav .main-menu>li:hover>a {
    color: var(--main-text-color)
}

.sub-nav .main-menu>li:hover ul {
    display: block
}

@media(min-width:992px) {
    .sub-nav li>ul {
        position: absolute;
        width: 200px;
        max-height: 561px;
        overflow-y: auto;
        background: var(--main-text-color);
        z-index: 1;
        text-align: right;
        -webkit-box-shadow: 0 5px 7px 0 rgba(0, 0, 0, .15);
        box-shadow: 0 5px 7px 0 rgba(0, 0, 0, .15);
        display: none
    }
    .sub-nav li>ul a {
        color: #fff;
        padding-right: 1rem;
        padding-top: .3rem
    }
    .sub-nav li>ul a:hover {
        background: var(--main-text-color);
        color: #fff
    }
}

.sub-nav a {
    display: block;
    padding: .8rem 0 1rem;
    line-height: 1.8
}

@media(min-width:992px) {
    .sub-nav a {
        color: #fff!important
    }
    .sub-nav a:hover {
        color: #fff
    }
}

@media(max-width:991px) {
    .sub-nav .sub-nav-content {
        padding: 0 0 2rem;
        position: fixed;
        right: 0;
        top: 0;
        width: 80%;
        height: 100%;
        background: #fff;
        z-index: 4500;
        text-align: right;
        overflow-y: scroll;
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    .sub-nav .sub-nav-content.is-active {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-box-shadow: -4px 0 7px 0 rgba(0, 0, 0, .15);
        box-shadow: -4px 0 7px 0 rgba(0, 0, 0, .15)
    }
    .sub-nav .sub-nav-content .main-menu>li {
        border-bottom: 1px solid #f4f4f4;
        margin-left: 0!important;
        padding: 0 1rem
    }
    .sub-nav .sub-nav-content select {
        margin: .5rem 0
    }
    .sub-nav .main-menu>li {
        display: block
    }
    .sub-nav li>ul {
        display: block;
        padding-right: 1rem
    }
    .sub-nav .sub-nav__close {
        display: block
    }
}

@media(max-width:992px) {
    .nav-overlay {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        z-index: 3000;
        visibility: hidden
    }
    .nav-overlay.is-active {
        visibility: visible
    }
}

@media(min-width:992px) {
    .sub-nav__menu {
        display: none!important
    }
}

.sub-nav__menu svg {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    fill: #fff
}

.sub-nav__menu:hover {
    color: var(--main-text-color)
}

.sub-nav__menu:hover svg {
    fill: var(--main-text-color)
}

.sub-nav__close {
    position: absolute;
    left: .5rem;
    top: .5rem;
    z-index: 20;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: 0 0;
    cursor: pointer;
    display: none
}

.sub-nav__close svg {
    width: 40px;
    height: 40px;
    fill: #fff
}

.sub-nav__close:hover svg {
    fill: var(--main-text-color)
}

.currency-menu {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 0;
    padding-right: 1rem;
    background: url(../img/dropdown-arrow.svg) right center no-repeat
}

.currency-menu:focus {
    background-color: lightgrey;
    outline: 0
}

.search-wrapper {
    width: 100%;
    max-width: 450px;
    margin: 0 auto
}

.search-wrapper input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    font-size: 16px;
    padding: .25rem .5rem .55rem;
    border: 0;
    border-radius: 5px;
    padding-right: 2rem;
    background: #fff url(../img/search.svg) right .5rem center no-repeat;
    -webkit-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .08)
}

@media(min-width:992px) {
    .search-wrapper input {
        padding: .5rem 2rem .85rem!important
    }
}

@media(max-width:750px) {
    .search-container {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: .5rem
    }
}

.section {
    padding: 1rem 0
}

.section-header {
    position: relative
}

.section--title {
    font-family: dinnextltarabic-regular!important;
    position: relative;
    color: #636363;
    font-size: 20px;
    font-weight: 700;
    z-index: 50
}

.section-actions {
    position: relative;
    z-index: 5;
    margin-right: 1rem
}

.product {
    font-family: dinnextltarabic-regular!important;
    border-radius: 4px;
    overflow: hidden;
    font-size: 14px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.product img {
    display: block;
    width: 100%
}

.product:hover {
    -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .12)
}

.product:hover .product-title {
    color: var(--main-text-color)
}

@media(min-width:992px) {
    .product {
        font-size: 16px
    }
}

.product-title {
    color: #5a5a5a;
    padding: .5rem 1rem;
    margin: 0
}

.product-footer {
    margin: 0
}

.product-price {
    color: var(--main-text-color);
    font-weight: 700;
    padding: .5rem
}

.product-add {
    display: block;
    padding: .5rem 1rem;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.product-add:hover {
    color: #fff;
    background: var(--main-text-color)
}

.product-add .sicon-cart {
    font-size: 21px;
    margin-left: 6px
}

.product-footer .not-available {
    display: block;
    margin: .3rem 1rem 1rem 0;
    font-size: 14px
}

@media(max-width:770px) {
    .products-grid {
        margin: 0
    }
    .products-grid>* {
        width: 50%!important;
        padding: 0
    }
    .products-grid>*:nth-child(odd) {
        padding-left: .5rem
    }
    .products-grid>*:nth-child(even) {
        padding-right: .5rem
    }
}

@media(min-width:992px) {
    .features-wrapper {
        border: 1px solid #dadada;
        border-radius: 5px;
        overflow: hidden
    }
}

.feature-item {
    padding: 1rem
}

@media(min-width:992px) {
    .feature-item {
        background: #fff
    }
}

@media(min-width:992px) {
    .feature-item:not(:last-child) {
        border-left: 1px solid #dadada;
        border-bottom: 0
    }
}





.feature-item__content {
    text-align: center;
    color: #636363
}

@media(min-width:992px) {
    .feature-item__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: right
    }
}

.feature-item__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 43px;
    background-color: var(--main-text-color);
    color: #fff;
    border-radius: 50%;
    font-size: 24px;
    border: 1px solid var(--main-text-color);
    text-align: center;
    margin-bottom: .5rem
}

@media(min-width:992px) {
    .feature-item__icon {
        margin-left: .75rem;
        margin-bottom: 0
    }
}

.testimonials-item {
    font-family: dinnextltarabic-regular!important;
    padding: 1rem
}

.testimonials-item blockquote {
    background: #fff url("../img/quote.svg") right 1rem top 1rem/50px no-repeat;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06);
    border-radius: 5px;
    padding: 4rem 1rem 1rem;
    text-align: right;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.testimonials-item p {
    position: relative;
    margin-bottom: 1.5rem
}

.testimonials-item p:before {
    content: "";
    position: absolute;
    right: 40px;
    bottom: -20px;
    border: 10px solid transparent;
    border-top-color: #fff
}

.testimonials-item p:after {
    content: "";
    position: absolute;
    right: 38px;
    bottom: -24px;
    border: 12px solid transparent;
    border-top-color: #d6d6d6;
    z-index: -1
}

.testimonials-item img {
    width: 50px;
    height: 50px;
    margin-left: .5rem;
    border-radius: 50%;
    border: 1px solid #eee
}

.testimonials-item cite {
    font-family: dinnextltarabic-regular!important;
    color: #636363;
    font-style: normal;
    margin-top: auto
}

.testimonials-item .rating {
    display: inline-block;
    margin-bottom: 1rem
}

.rating li {
    display: inline-block;
    color: #edcd46
}

.testimonials-item__location {
    font-size: 14px
}

.footer-main {
    padding: 2rem 0;
    color: #fff;
    background-color: #2a2a2a
}

.footer-item {
    float: right!important
}

@media(max-width:780px) {
    .footer-item {
        margin-bottom: 2rem
    }
}

.footer-item p {
    line-height: 1.6
}

.footer-title {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-bottom: .7rem;
    margin-bottom: 1rem
}

.footer-links {
    -webkit-columns: 2;
    columns: 2
}

.footer-links li {
    margin-bottom: .5rem
}

.footer-links a {
    color: #fff
}

.footer-links a:hover {
    text-decoration: underline
}

.social__item {
    display: inline-block;
    margin-left: .25rem
}

.social__item a {
    display: block;
    width: 36px;
    height: 36px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.social__item a:hover {
    background: #fff;
    border-color: #fff;
    color: var(--main-text-color)
}

.social__item span {
    font-size: 15px
}

.footer-sub {
    color: #8f8f8f;
    font-size: 14px;
    padding: 1.75rem 0
}

.footer-payment img {
    width: 70px;
    margin: 0 3px;
    display: inline-block
}

.ask-form-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ask-form-footer:before,
.ask-form-footer:after {
    display: none
}

@media(min-width:992px) {
    .footer-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .footer-wrapper:before,
    .footer-wrapper:after {
        display: none
    }
}

@media(min-width:992px) {
    .category-grid {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

.category-grid>div:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/4
}

@media(min-width:992px) {
    .category-grid>div:nth-child(1) .category-featured {
        height: calc(400px + 1rem)
    }
}

.category-grid>div:nth-child(4) {
    grid-column: 3/5
}

.category-featured {
    font-family: dinnextltarabic-regular!important;
    border-radius: 8px;
    overflow: hidden;
    height: 140px;
    margin-bottom: 1rem
}

@media(min-width:992px) {
    .category-featured {
        height: 200px;
        margin-bottom: 0
    }
}

.category-featured a {
    display: block;
    height: 100%;
    position: relative
}




.category-featured img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.instagram-item {
    width: 216px;
    height: 216px;
    overflow: hidden;
    margin-left: 1rem
}

.instagram-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.article {
    font-family: dinnextltarabic-regular!important
}

.article:not(:last-child) {
    margin-bottom: 1rem
}

.article img {
    width: 100%;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px
}

@media(min-width:992px) {
    .article img {
        height: 350px
    }
}

.article h3 {
    position: relative;
    z-index: 1;
    background: #fff;
    margin: -2rem auto 0;
    max-width: 90%;
    border-radius: 5px;
    font-size: 16px;
    padding: .5rem;
    border: 1px solid #e0e0e0
}

@media(min-width:992px) {
    .article h3 {
        padding: 1rem;
        font-size: 20px
    }
}

.show-more {
    font-family: dinnextltarabic-regular!important;
    text-decoration: underline;
    font-size: 18px
}

.newsletter {
    padding: 3rem 0;
    background: url("../img/newsletter.jpg") center/cover no-repeat
}

@media(min-width:992px) {
    .newsletter {
        padding: 6rem 0
    }
}



.newsletter__wrapper {
    background: rgba(0, 0, 0, .7);
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    padding: 2rem 1rem
}

.newsletter input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: #fff;
    border-radius: 5px;
    font-size: 16px;
    padding: .5rem .5rem .7rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.newsletter button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: var(--main-text-color);
    color: #fff;
    border-radius: 5px;
    width: 90px;
    padding: .5rem .5rem .7rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.newsletter button:hover {
    background: #2c9faf
}

.newsletter form {
    margin: 0 auto;
    width: 400px;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.newsletter input,
.newsletter button {
    font-family: dinnextltarabic-regular!important
}

.bg-white {
    background-color: #fff!important
}

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

.border {
    border: 1px solid #dee2e6!important
}

.border-top {
    border-top: 1px solid #dee2e6!important
}

.border-right {
    border-right: 1px solid #dee2e6!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.border-left {
    border-left: 1px solid #dee2e6!important
}

.border-0 {
    border: 0!important
}

.border-top-0 {
    border-top: 0!important
}

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

.border-bottom-0 {
    border-bottom: 0!important
}

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

.border-primary {
    border-color: #007bff!important
}

.border-secondary {
    border-color: #6c757d!important
}

.border-success {
    border-color: #28a745!important
}

.border-info {
    border-color: #17a2b8!important
}

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #dc3545!important
}

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #343a40!important
}

.border-white {
    border-color: #fff!important
}

.rounded {
    border-radius: .25rem!important
}

.rounded-top {
    border-top-left-radius: .25rem!important;
    border-top-right-radius: .25rem!important
}

.rounded-right {
    border-top-right-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-left {
    border-top-left-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-0 {
    border-radius: 0!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: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.d-inline-flex {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    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: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-sm-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        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: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-md-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        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: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-lg-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media(min-width:1200px) {
    .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: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-xl-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        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: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-print-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.justify-content-start {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.align-items-start {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -webkit-box-align: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

@media(min-width:576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-sm-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-sm-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-sm-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-sm-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-sm-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-sm-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-sm-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-sm-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-sm-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-sm-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-sm-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-sm-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-sm-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-sm-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-sm-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-sm-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-sm-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-sm-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-sm-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-sm-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-sm-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-sm-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-sm-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-sm-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media(min-width:768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-md-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-md-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-md-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-md-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-md-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-md-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-md-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-md-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-md-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-md-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-md-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-md-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-md-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-md-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-md-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-md-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-md-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-md-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-md-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-md-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-md-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-md-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-md-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-md-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-md-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media(min-width:992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-lg-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-lg-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-lg-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-lg-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-lg-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-lg-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-lg-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-lg-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-lg-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-lg-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-lg-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-lg-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-lg-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-lg-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-lg-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-lg-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-lg-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-lg-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-lg-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media(min-width:1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-xl-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-xl-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-xl-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-xl-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-xl-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-xl-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-xl-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-xl-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-xl-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-xl-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-xl-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-xl-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-xl-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-xl-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-xl-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-xl-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-xl-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-xl-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-xl-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-xl-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-xl-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-xl-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-xl-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-xl-stretch {
        -ms-flex-item-align: stretch!important;
        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:1200px) {
    .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: -webkit-sticky!important;
    position: sticky!important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports((position:-webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    -webkit-clip-path: none;
    clip-path: none
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.m-0 {
    margin: 0!important
}

.mt-0,
.my-0 {
    margin-top: 0!important
}

.mr-0,
.mx-0 {
    margin-right: 0!important
}

.mb-0,
.my-0 {
    margin-bottom: 0!important
}

.ml-0,
.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,
.my-1 {
    margin-top: .25rem!important
}

.mr-1,
.mx-1 {
    margin-right: .25rem!important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,
.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,
.my-2 {
    margin-top: .5rem!important
}

.mr-2,
.mx-2 {
    margin-right: .5rem!important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,
.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,
.my-3 {
    margin-top: 1rem!important
}

.mr-3,
.mx-3 {
    margin-right: 1rem!important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,
.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,
.my-5 {
    margin-top: 3rem!important
}

.mr-5,
.mx-5 {
    margin-right: 3rem!important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,
.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,
.py-0 {
    padding-top: 0!important
}

.pr-0,
.px-0 {
    padding-right: 0!important
}

.pb-0,
.py-0 {
    padding-bottom: 0!important
}

.pl-0,
.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,
.py-1 {
    padding-top: .25rem!important
}

.pr-1,
.px-1 {
    padding-right: .25rem!important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,
.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,
.py-2 {
    padding-top: .5rem!important
}

.pr-2,
.px-2 {
    padding-right: .5rem!important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,
.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,
.py-3 {
    padding-top: 1rem!important
}

.pr-3,
.px-3 {
    padding-right: 1rem!important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,
.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,
.py-5 {
    padding-top: 3rem!important
}

.pr-5,
.px-5 {
    padding-right: 3rem!important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,
.px-5 {
    padding-left: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,
.my-auto {
    margin-top: auto!important
}

.mr-auto,
.mx-auto {
    margin-right: auto!important
}

.mb-auto,
.my-auto {
    margin-bottom: auto!important
}

.ml-auto,
.mx-auto {
    margin-left: auto!important
}

@media(min-width:576px) {
    .m-sm-0 {
        margin: 0!important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0!important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0!important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0!important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0!important
    }
    .m-sm-1 {
        margin: .25rem!important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem!important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem!important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem!important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem!important
    }
    .m-sm-2 {
        margin: .5rem!important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem!important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem!important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem!important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem!important
    }
    .m-sm-3 {
        margin: 1rem!important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem!important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem!important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem!important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem!important
    }
    .m-sm-4 {
        margin: 1.5rem!important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem!important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem!important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem!important
    }
    .m-sm-5 {
        margin: 3rem!important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem!important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem!important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem!important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem!important
    }
    .p-sm-0 {
        padding: 0!important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0!important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0!important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0!important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0!important
    }
    .p-sm-1 {
        padding: .25rem!important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem!important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem!important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem!important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem!important
    }
    .p-sm-2 {
        padding: .5rem!important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem!important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem!important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem!important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem!important
    }
    .p-sm-3 {
        padding: 1rem!important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem!important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem!important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem!important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem!important
    }
    .p-sm-4 {
        padding: 1.5rem!important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem!important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem!important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem!important
    }
    .p-sm-5 {
        padding: 3rem!important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem!important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem!important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem!important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem!important
    }
    .m-sm-auto {
        margin: auto!important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto!important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto!important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto!important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto!important
    }
}

@media(min-width:768px) {
    .m-md-0 {
        margin: 0!important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0!important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0!important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0!important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0!important
    }
    .m-md-1 {
        margin: .25rem!important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem!important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem!important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem!important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem!important
    }
    .m-md-2 {
        margin: .5rem!important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem!important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem!important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem!important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem!important
    }
    .m-md-3 {
        margin: 1rem!important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem!important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem!important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem!important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem!important
    }
    .m-md-4 {
        margin: 1.5rem!important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem!important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem!important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem!important
    }
    .m-md-5 {
        margin: 3rem!important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem!important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem!important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem!important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem!important
    }
    .p-md-0 {
        padding: 0!important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0!important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0!important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0!important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0!important
    }
    .p-md-1 {
        padding: .25rem!important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem!important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem!important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem!important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem!important
    }
    .p-md-2 {
        padding: .5rem!important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem!important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem!important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem!important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem!important
    }
    .p-md-3 {
        padding: 1rem!important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem!important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem!important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem!important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem!important
    }
    .p-md-4 {
        padding: 1.5rem!important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem!important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem!important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem!important
    }
    .p-md-5 {
        padding: 3rem!important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem!important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem!important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem!important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem!important
    }
    .m-md-auto {
        margin: auto!important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto!important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto!important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto!important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto!important
    }
}

@media(min-width:992px) {
    .m-lg-0 {
        margin: 0!important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0!important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0!important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0!important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0!important
    }
    .m-lg-1 {
        margin: .25rem!important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem!important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem!important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem!important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem!important
    }
    .m-lg-2 {
        margin: .5rem!important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem!important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem!important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem!important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem!important
    }
    .m-lg-3 {
        margin: 1rem!important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem!important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem!important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem!important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem!important
    }
    .m-lg-4 {
        margin: 1.5rem!important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem!important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem!important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem!important
    }
    .m-lg-5 {
        margin: 3rem!important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem!important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem!important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem!important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem!important
    }
    .p-lg-0 {
        padding: 0!important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0!important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0!important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0!important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0!important
    }
    .p-lg-1 {
        padding: .25rem!important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem!important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem!important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem!important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem!important
    }
    .p-lg-2 {
        padding: .5rem!important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem!important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem!important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem!important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem!important
    }
    .p-lg-3 {
        padding: 1rem!important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem!important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem!important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem!important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem!important
    }
    .p-lg-4 {
        padding: 1.5rem!important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem!important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem!important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem!important
    }
    .p-lg-5 {
        padding: 3rem!important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem!important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem!important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem!important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem!important
    }
    .m-lg-auto {
        margin: auto!important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto!important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto!important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto!important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto!important
    }
}

@media(min-width:1200px) {
    .m-xl-0 {
        margin: 0!important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0!important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0!important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0!important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0!important
    }
    .m-xl-1 {
        margin: .25rem!important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem!important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem!important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem!important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem!important
    }
    .m-xl-2 {
        margin: .5rem!important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem!important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem!important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem!important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem!important
    }
    .m-xl-3 {
        margin: 1rem!important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem!important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem!important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem!important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem!important
    }
    .m-xl-4 {
        margin: 1.5rem!important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem!important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem!important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem!important
    }
    .m-xl-5 {
        margin: 3rem!important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem!important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem!important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem!important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem!important
    }
    .p-xl-0 {
        padding: 0!important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0!important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0!important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0!important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0!important
    }
    .p-xl-1 {
        padding: .25rem!important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem!important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem!important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem!important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem!important
    }
    .p-xl-2 {
        padding: .5rem!important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem!important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem!important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem!important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem!important
    }
    .p-xl-3 {
        padding: 1rem!important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem!important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem!important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem!important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem!important
    }
    .p-xl-4 {
        padding: 1.5rem!important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem!important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem!important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem!important
    }
    .p-xl-5 {
        padding: 3rem!important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem!important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem!important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem!important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem!important
    }
    .m-xl-auto {
        margin: auto!important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto!important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto!important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto!important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto!important
    }
}

.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:1200px) {
    .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-bold {
    font-weight: 700!important
}

.font-italic {
    font-style: italic!important
}

.text-white {
    color: #fff!important
}

.text-primary {
    color: #007bff!important
}

a.text-primary:hover,
a.text-primary:focus {
    color: #0062cc!important
}

.text-secondary {
    color: #6c757d!important
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #545b62!important
}

.text-success {
    color: #28a745!important
}

a.text-success:hover,
a.text-success:focus {
    color: #1e7e34!important
}

.text-info {
    color: #17a2b8!important
}

a.text-info:hover,
a.text-info:focus {
    color: #117a8b!important
}

.text-warning {
    color: #ffc107!important
}

a.text-warning:hover,
a.text-warning:focus {
    color: #d39e00!important
}

.text-danger {
    color: #dc3545!important
}

a.text-danger:hover,
a.text-danger:focus {
    color: #bd2130!important
}

.text-light {
    color: #f8f9fa!important
}

a.text-light:hover,
a.text-light:focus {
    color: #dae0e5!important
}

.text-dark {
    color: #343a40!important
}

a.text-dark:hover,
a.text-dark:focus {
    color: #1d2124!important
}

.text-muted {
    color: #6c757d!important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

.u-flip {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.u-light {
    background-color: #f6f6f6
}

.bg-brand {
    background-color: var(--main-text-color)
}

@media(min-width:992px) {
    .w-md-75 {
        width: 75%
    }
}

.product-details {
    font-family: dinnextltarabic-regular!important
}

.product-details__title {
    color: var(--main-text-color);
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 1rem;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 1rem
}

.product-details__price {
    color: var(--main-text-color);
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 1rem
}

.product-details__price strong {
    font-weight: 700
}

.product-details__wishlist svg,
.remove-from-wishlist svg {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    fill: var(--main-text-color)
}

.product-details__wishlist:hover {
    color: var(--main-text-color)
}

.product-details__wishlist:hover svg {
    fill: var(--main-text-color)
}

.remove-from-wishlist,
.remove-from-wishlist:focus,
.remove-from-wishlist.focus,
.remove-from-wishlist:hover {
    color: #636362;
    background-color: transparent;
    border-color: 0
}

.product-details__thumb {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    border: 1px solid #e7e7e7
}

.product-detials__desc {
    color: #5a5a5a;
    margin-bottom: 1.25rem
}

.product-detials__desc h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: .75rem
}

.product-detials__desc p {
    line-height: 1.75;
    font-size: 18px
}

.product-details__hot strong {
    font-weight: 700;
    color: var(--main-text-color)
}

.product-details__hot svg {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    fill: var(--main-text-color)
}

.btn-group__add,
.btn-group__remove {
    width: 36px;
    height: 36px;
    border-radius: 50%!important;
    background: var(--main-text-color);
    color: #fff;
    font-size: 21px;
    line-height: 10px;
    padding: 0
}

.btn-group input {
    margin: 0 .5rem!important;
    border-radius: 100px!important
}

.product-form__title {
    font-weight: 700;
    margin-bottom: .75rem;
    font-size: 18px;
    color: #5a5a5a
}

.ask-form {
    background: url("../img/avatar_male.png") right top/50px no-repeat;
    padding-right: 70px;
    padding-bottom: 1px;
    min-height: 50px
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {}

.btn-group input {
    max-width: 80px;
    text-align: center;
    border-radius: 0
}

.btn-primary {
    background: var(--main-text-color);
    border-color: var(--main-text-color)
}

.form-group label small {
    font-size: 14px;
    opacity: .8
}

.form-control-file {
    max-width: 100%
}

body {
    font-family: dinnextltarabic-regular!important;
    font-size: 16px!important;
    overflow-x: hidden;
    background: #f6f6f6;
    text-align: right;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

a {
    color: #636362
}

a:hover {
    text-decoration: none
}

.main-slider {
    margin-bottom: 2rem
}

.main-slider img {
    width: 100%
}

@media(min-width:992px) {
    .slick-dots {
        bottom: 0
    }
}

.slick-dots li {
    margin: 0
}

.slick-dots li button:before {
    display: none
}

.slick-dots li button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #d8d8d8
}

.slick-active button {
    background-color: var(--main-text-color)!important
}

.slick-prev:before,
.slick-next:before {
    color: #5a5a5a
}

.products-listing {
    margin-bottom: 0;
    padding: 1rem;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px
}

.testimonails-listing {
    margin: auto
}

.testimonails-listing .slick-dots {
    bottom: -40px
}

.btn:hover {
    background: var(--main-color);
    border-color: var(--main-color);
    color: #fff
}

.btn-group__add,
.btn-group__remove {
    background: var(--main-color);
    color: #fff
}

.content.page-container>.the-container {
    margin: 30px auto;
    max-width: 750px;
    min-height: 500px
}

@media(max-width:991px) {
    .content.page-container>.the-container {
        max-width: 95%;
        min-height: auto
    }
}

.sub-nav-header,
.sub-nav .main-menu>li.sub-menu-header,
.sub-nav .main-menu>li.sub-menu-logged-in {
    display: none
}

.sub-nav-header img {
    display: block;
    margin: 0 auto;
    width: 75px;
    height: 75px;
    border: 2px solid #fff;
    border-radius: 50%
}

.sub-nav-header p {
    padding: 0 10px;
    color: #fff
}

.sub-nav-header a {
    float: none;
    display: inline-block;
    margin: 12px auto 0;
    padding: 0 15px 3px;
    font-size: 13px;
    background: #fff;
    border-radius: 99px
}

.main-menu li .badge {
    margin-top: 7px;
    padding: 0 5px 1px;
    background: #f55157
}

.main-menu li i.left-arrow {
    display: none
}

.main-menu li.logout-link:hover a,
.main-menu li.logout-link:hover i {
    color: #f55157!important
}

@media(max-width:991px) {
    .sub-nav-header {
        display: block;
        padding: 40px 0;
        text-align: center
    }
    .sub-nav .main-menu>li.sub-menu-header {
        display: block;
        padding: 7px 15px!important;
        font-family: dinnextltw23-medium;
        font-size: 14px;
        color: #888;
        background: #f8f8f8
    }
    .sub-nav-header h1 {
        padding: 38px 0 0;
        font-family: dinnextltarabic-regular;
        font-size: 25px;
        color: #fff
    }
    .main-menu li i {
        margin-left: 5px;
        color: #777;
        font-size: 18px
    }
    .main-menu li i.left-arrow {
        display: block;
        float: left;
        margin-top: 10px;
        margin-left: 0;
        color: #aaa!important
    }
    .sub-nav .main-menu>li.sub-menu-logged-in {
        display: block
    }
}

.login-link {
    display: inline-block;
    float: none!important;
    right: auto;
    padding: 0;
    margin-left: 7px;
    max-height: auto;
    font-size: 16px;
    color: #5a5a5a!important
}

.login-link:hover {
    background: var(--main-text-color);
    color: #fff!important;
    border-color: var(--main-text-color)
}

#ask_textarea {
    border: 1px solid #eee;
    width: 100%;
    font-size: 14px;
    margin: 0
}

#ask_button {
    margin-right: 0;
    font-size: 15px
}

#ask_register_link {
    font-size: 14px
}

.comment-header img {
    vertical-align: text-top
}

.comment-name {
    font-size: 15px
}

.comment-time {
    font-size: 12px
}

.product-page-buttons {
    padding-left: 0
}

.product-page-buttons .btn-add-note {
    width: 50%;
    font-size: 13px;
    padding: 6px 0;
    height: auto
}

@media(max-width:800px) {
    .product-page-buttons .btn-add-note {
        width: 47.7%
    }
}

.product-page-buttons .btn-attach-file {
    font-size: 13px;
    float: left;
    padding: 6px 0;
    height: auto
}

#search {
    position: relative
}

.add-cart-large,
.order-btn {
    width: 100%;
    padding: 8px 0;
    font-size: 15px
}

.toggle-search {
    padding-top: 0
}

.ui.search {
    left: 0;
    z-index: 100
}

#searchbox.prompt {
    border-radius: 4px;
    background: #fff;
    border: 1px solid #eee;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    font-size: 16px;
    padding: .25rem .5rem .55rem;
    border: 0;
    border-radius: 5px;
    padding-right: 2rem;
    background: #fff url(../img/search.svg) right .5rem center no-repeat;
    -webkit-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .08)
}

@media(min-width:992px) {
    #searchbox.prompt {
        padding: 1.5rem 2rem 1.75rem!important
    }
}

#search-bar {
    position: absolute;
    top: 62px;
    left: 186px;
    width: 400px;
    max-width: 100%
}

#search-bar:before {
    top: -4px;
    left: 13px;
    background: #efefef
}

.store-contact {
    margin: 10px 0 0;
    border: 0;
    text-align: right;
    font-size: 14px
}

.btn-group.country-select input {
    max-width: 100%!important
}

.banner img {
    display: block;
    max-width: 100%
}

@media(max-width:1024px) {
    .banner img {
        margin: 10px auto
    }
}

.container-video {
    margin: 40px auto
}

.mb-3,
.my-3 {
    margin-bottom: 1rem!important
}

.dropdown-store-header {
    margin-left: 7px
}

.dropdown-store-header .dropdown-menu:before {
    top: -5px;
    right: 212px
}

.dropdown-store-header .dropdown-menu.dropdown-menu-notification {
    right: -200px
}

.dropdown-store-header .dropdown-menu:before {
    background: #fff
}

.dropdown-store-header .dropdown-menu {
    border: 1px solid #eee
}

@media(max-width:500px) {
    .dropdown-store-header .dropdown-menu.dropdown-menu-notification {
        right: -235px!important
    }
    .dropdown-store-header .dropdown-menu:before {
        right: 248px!important
    }
    .logo img {
        max-width: 145px
    }
}

@media(max-width:320px) {
    .dropdown-store-header .dropdown-menu.dropdown-menu-notification {
        right: -180px!important
    }
    .dropdown-store-header .dropdown-menu:before {
        right: 193px!important
    }
}

@media(max-width:991px) {
    .page-container-cart {
        width: 95%!important
    }
}

.store-header-min {
    height: 50px;
    margin-top: 50px;
    padding: 0;
    background: 0 0!important
}

.cart-steps {
    max-width: 800px
}

.cart-box {
    position: relative;
    top: 0
}

.cart-line {
    position: relative;
    top: 17px
}

.cart-number {
    border: 2px solid;
    width: 35px!important;
    height: 35px!important
}

.cart-title {
    font-size: 16px
}

.active-step .cart-number {
    margin: 0
}

.page-container-cart {
    max-width: 800px;
    padding: 50px 0
}

.product-cart,
.cart-total-box {
    width: 100%;
    border: 1px solid #eee
}

.product-cart {
    margin-bottom: 50px
}

.product-info .product-name {
    margin-bottom: 0;
    font-size: 17px
}

.product-info .product-price {
    font-size: 16px;
    padding: 0;
    margin-bottom: 0
}

.product-info .product-summary {
    font-size: 13px
}

.product-info img {
    border-radius: 5px
}

.product-options {
    padding-top: 15px
}

.product-option-name {
    font-size: 15px;
    color: #555
}

.product-options .form-group {
    margin-bottom: 15px
}

.cart-total-box {
    height: 55px
}

.cart-total-box i {
    top: 20px
}

.cart-total-title {
    top: 15px;
    font-size: 15px!important
}

.cart-total-box .product-price-bg {
    top: 14px
}

.delete-button {
    background: #fff;
    margin-top: 1px
}

.product-price-bg,
.the-price .product-price,
.price-bg {
    padding-top: 0!important
}

.cart-total-box {
    width: 100%
}

.empty-box .empty-icon {
    color: #e1e1e1!important
}

.payments-container,
.order-summary {
    margin-bottom: 50px
}

.payment-section-title {
    width: 100%;
    border: 1px solid #eee;
    border-bottom: 0;
    background: #fafafa;
    border-radius: 5px 5px 0 0;
    font-weight: 400;
    font-size: 15px
}

.order-summary .payment-section-title {
    width: 100%;
    border: 0
}

.shipping-address {
    width: 100%;
    border: 1px solid #eee;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    margin: 0 auto;
    padding: 20px
}

#shipping_div {
    width: 100%;
    margin: 0 auto
}

#shipping_div {
    margin-top: 50px;
    padding: 15px;
    border: 1px solid #eee;
    border-bottom: 0;
    background: #fafafa;
    border-radius: 5px 5px 0 0;
    font-weight: 400;
    font-size: 15px
}

#payment_options {
    font-weight: 400;
    font-size: 15px
}

.cart-shipping-box {
    width: 100%
}

#shipping_div>#shipping_div {
    width: 100%;
    border: 1px solid #eee;
    border-radius: 0 0 5px 5px;
    border-top: 0
}

#shipping_div>div.shipping-cost {
    padding: 10px 20px!important
}

#shipping_div>div.shipping-cost:first-child {
    margin-top: 0
}

.bootstrap-select>.btn.btn-default {
    height: 36px
}

.form-control,
.shipping-address .input_address,
.bootstrap-select>.btn.btn-default,
.bootstrap-select>.btn.btn-default.disabled,
.select-new,
.btn-add-note,
.btn-attach-file {
    border-color: #eee
}

.cart-total-title,
.bootstrap-select.btn-group .btn .filter-option,
.shipping-address .input_address {
    font-size: 14px
}

.select-new {
    font-size: 14px
}

.cart-nav {
    width: 99%
}

.cart-nav-light,
.cart-nav-solid {
    font-size: 15px
}

.payment-method {
    width: 1%
}

.payment-title {
    font-size: 12px
}

.section-bank {
    background: #fcfcfc
}

#triangle-bottomleft {
    border-bottom-color: #efefef;
    border-left-color: #fff
}

#receipt_container .zigzag-bottom {
    padding-bottom: 25px
}

#receipt_container .zigzag-bottom:after {
    display: none
}

.notification-badge {
    top: -2px;
    left: -2px
}

.notification-details,
.order-note,
.media-right .text-muted {
    font-size: 13px
}

.order-num {
    font-size: 16px
}

.order-price {
    font-weight: 400
}

.panel,
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    border-color: #eee
}

.panel-new .panel-heading {
    background: #f8f8f8
}

.panel-heading {
    border-bottom-color: #eee!important
}

.panel-new .panel-title {
    font-weight: 400;
    font-size: 16px
}

.order-status-badge {
    font-size: 11px
}

.order-date {
    font-size: 12px
}

.product-wishlist .product-info {
    padding-bottom: 15px
}

.rating-product img {
    vertical-align: text-top
}

.input-group-addon:first-child,
.input-group-addon:last-child {
    border-color: #eee
}

.add-to-wishlist,
.add-to-wishlist:focus,
.add-to-wishlist.focus,
.add-to-wishlist:hover {
    color: #636362;
    background-color: transparent;
    border: 0
}

.owl-theme .owl-nav {
    margin-top: 0
}

.product-details__thumb {
    border: 0;
    border-radius: 5px
}

.a2a_kit {
    margin: 15px auto 30px
}

.page-box {
    border: 0
}

.page-box .panel-heading {
    padding: 0;
    border: 0
}

.page-box .panel-heading .product-title {
    font-family: dinnextltw23-medium;
    font-size: 23px;
    padding: 0 0 15px;
    width: 100%;
    border: 0
}

.page-box .product-desc p {
    font-size: 16px;
    color: #333
}

.page-box.thumbnail .caption {
    padding: 0
}

.page-box #ask_box {
    margin-left: 10px;
    background: #fff
}

.page-box #ask_textarea {
    width: 82%
}

.rating-stars {
    display: inline
}

.empty-comments {
    margin-bottom: 50px
}

.order-remaining-timer {
    display: block;
    margin: 0 auto 30px;
    font-size: 17px;
    text-align: center;
    color: #f55157
}

.media-list .order-remaining-timer {
    display: inline;
    margin: 0;
    font-size: 13px;
    text-align: right
}

.ui.category.search .results {
    width: 100%
}

.div-product-option-value label.form-check-label {
    display: block!important
}

.div-product-option-value .checker {
    margin-left: 7px
}

.dropdown-store-header .dropdown-menu.dropdown-menu-user {
    right: -160px
}

.dropdown-store-header .dropdown-menu.dropdown-menu-user:before {
    right: 172px
}

#order {
    margin: 0!important;
    padding: 10px 5px 0;
    background: 0 0
}

#order .col-xs-12 {
    padding: 0
}

.product-page-buttons .btn-add-note {
    margin-left: 1%
}

.toggle-search span {
    vertical-align: top!important
}

.dropdown-menu>li>a>i {
    font-size: 16px
}

[class^=icon-],
[class*=" icon-"],
.fa {
    font-family: sallaicons
}

.comment-header i.sicon-reply {
    display: inline-block;
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
    color: #bbb
}

.comment-badge i {
    font-size: 14px;
    vertical-align: text-bottom
}

.icon-cross3:before {
    content: "\ea47";
    margin-bottom: 3px
}

.icon-chevron-right:before,
.icon-arrow-right13:before {
    content: "\e96b"
}

.icon-chevron-left:before,
.icon-arrow-left12:before {
    content: "\e96e"
}

.fa-calculator:before {
    content: "\e92a"
}

.icon-comments:before {
    content: "\ebc2"
}

.btn-file .icon-plus22:before {
    content: "\ea42"
}

.icon-checkmark4:before,
.icon-check:before {
    content: "\ea9d"
}

.icon-credit-card:before,
.icon-credit-card2:before {
    content: "\eb14"
}

.icon-store2:before {
    content: "\e95f"
}

.icon-gift:before {
    content: "\ec5d"
}


.icon-box:before {
    content: "\e9f4"
}

.icon-price-tag:before {
    content: "\eebf"
}

.icon-calendar22:before {
    content: "\ea37"
}

.icon-user:before,
.theme-icon-user:before {
    content: "\f078"
}

.icon-users:before,
.icon-users2:before {
    content: "\f079"
}

.icon-arrow-left13:before {
    content: "\e943"
}

.icon-mention:before {
    content: "\ed57"
}

.icon-user-plus:before {
    content: "\f06f"
}

.icon-library2:before {
    content: "\e928"
}

.icon-cash:before {
    content: "\e933"
}

.fa-cc-visa:before {
    content: "\eb14"
}

.fa-cc-mastercard:before {
    content: ""
}

.icon-lock4:before {
    content: "\ef2b"
}

.icon-paypal:before {
    content: "\e954"
}

.icon-heart-broken2:before {
    content: "\e96a"
}

.icon-bell2:before {
    content: "\e9b0"!important
}

.fa-angle-right:before {
    content: "\e96b"!important
}

.fa-angle-left:before {
    content: "\e96e"!important
}

.icon-switch2:before {
    content: "\ee9a"
}

.fa-star:before {
    content: "\e972"
}

.icon-calendar2:before {
    content: "\ea37"
}

.icon-file-text:before {
    content: "\eebf"
}

.receipt-textarea {
    font-size: 13px
}

.fa-money:before {
    content: "\e979"
}

.icon-reply {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV"
}

.icon-reply:before {
    content: "\eecc"
}

#ask_register_link {
    float: left!important;
    line-height: 18px!important
}

.product-box,
.products-grid>div {
    margin-bottom: 2rem
}

.product:hover {
    background: #fff
}

@media(max-width:310px) {
    .product-cart .product-buttons button {
        margin-bottom: 10px
    }
}

.add_to_cart_large_btn {
    padding: 6px 20px 8px
}

.container.product-details .col-md-7 {
    margin-top: 0
}

@media(min-width:1024px) {
    .container.product-details .col-md-7 {
        margin-top: 60px
    }
}

.product-details .product-details__social-share {
    width: 75%
}

.main-menu .theme-icon-arrow-left {
    transform: rotate(0deg);
    transition: transform .4s ease;
    color: #d4d4d4;
    font-size: 14px;
    display: none;
    padding: 4px
}

@media(max-width:991px) {
    .sub-nav .main-menu>li>a {
        margin-left: 48px
    }
    .main-menu>li ul {
        max-height: 0;
        overflow: hidden;
        transition: .3s cubic-bezier(1, .05, 1, 1)
    }
    .main-menu>li {
        position: relative
    }
    .main-menu>li>.theme-icon-arrow-left.active+ul {
        max-height: 38rem
    }
    .main-menu>li>.theme-icon-arrow-left.active {
        transform: rotate(-90deg)
    }
    .main-menu .theme-icon-arrow-left {
        display: inline-block;
        position: absolute;
        left: 8px;
        top: 8px
    }
}

@media(max-width:599px) {
    .products-grid>.product-box:nth-child(2n+1) {
        clear: both
    }
}

@media(min-width:769px) {
    .products-grid>.product-box:nth-child(4n+1) {
        clear: both
    }
    .payment-icon img {
        max-width: 40%
    }
}

#agreement_div {
    width: 94%;
    margin: 0 auto
}

.cart-nav-more,
.cart-nav-submit {
    padding: 12px 0;
    border: 0
}

.theme-icon-star:before {
    content: "\e912"
}

.theme-icon-pinterest:before {
    content: "\e90a"
}

.theme-icon-facebook:before {
    content: "\e90b"
}

.theme-icon-twitter:before {
    content: "\e90c"
}

.theme-icon-instagram:before {
    content: "\e90d"
}

.theme-icon-tiktok:before {
    content: "\e07b"
}

.theme-icon-youtube:before {
    content: "\e90e"
}

.theme-icon-arrow-left:before {
    content: "\e900"
}

.theme-icon-arrow-right:before {
    content: "\e901"
}

.icon-assurance:before {
    content: "\e902"
}

.icon-cod:before {
    content: "\e903"
}

.theme-icon-add-cart:before {
    content: "\e904"
}

.icon-delivery:before {
    content: "\e905"
}

.theme-icon-user:before {
    content: "\e906"!important
}

.theme-icon-phone:before {
    content: "\e907"
}

.icon-search:before {
    content: "\e908"
}

.theme-icon-cart:before {
    content: "\e909"
}

@font-face {
    font-family: sallaicons;
    src: url(../fonts/sallaicons.svg) format("svg"), url(../fonts/sallaicons.ttf) format("truetype"), url(../fonts/sallaicons.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

[class^=sicon-],
[class*=" sicon-"] {
    font-family: sallaicons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}



ol,
ul,
li {
    list-style: none
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*,
*:before,
*:after {}

a {
    text-decoration: none
}

button,
input,
textarea {
    color: inherit;
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit
}

.header-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width:700px) {
    .header-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.header-wrapper:before,
.header-wrapper:after {
    display: none
}

.sub-header {
    color: #fff;
    background-color: var(--main-text-color)
}

.sub-header a {
    color: inherit
}

.site-header {
    z-index: 500;
    background: var(--main-color)
}

@media(min-width:992px) {}

.header-top {
    position: relative;
    z-index: 2000
}

@media(min-width:992px) {
    .header-top {
        border-bottom: 1px solid rgba(255, 255, 255, .5)
    }
}

.site-header__cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    font-size: 14px;
    background: rgba(0, 0, 0, .08);
    float: left;
    border-radius: 4px;
    overflow: hidden;
    min-width: 170px
}

.site-header__cart:hover {
    color: #fff;
    background: rgba(0, 0, 0, .1)
}

.site-header__cart div:first-child {
    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;
    padding: 6px 10px;
    background: rgba(0, 0, 0, .07)
}

.site-header__cart .icon-cart {
    font-size: 17px
}

.site-header__cart div:last-child {
    padding: 4px 10px
}

.site-header__cart span {
    display: block
}

.site-header__cart strong {
    font-weight: 700
}

.logo img {
    width: 85px
}

@media(min-width:991px) {
    .logo img {
        max-width: 116px;
        max-height: 58px
    }
}

.circle-action {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    text-align: center;
    width: 36px;
    height: 36px;
    line-height: 35px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    color: #5a5a5a;
    font-family: sallaicons!important;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.circle-action span:before {
    font-family: sallaicons!important
}

.circle-action:hover {
    background: var(--main-text-color);
    color: #fff;
    border-color: var(--main-text-color)
}

@media(min-width:992px) {
    .sub-nav {
        width: 100%;
        z-index: 449
    }
}

.sub-nav {
    text-align: center;
    background-color: var(--main-color);
    margin-bottom: 1px
}

.sub-nav .main-menu>li {
    position: relative;
    display: inline-block;
    margin-left: 1rem
}

.sub-nav .main-menu>li:hover>a {
    color: var(--main-text-color)
}

.sub-nav .main-menu>li:hover ul {
    display: block
}

@media(min-width:992px) {
    .sub-nav li>ul {
        position: absolute;
        width: 200px;
        max-height: 561px;
        overflow-y: auto;
        background: var(--main-text-color);
        z-index: 1;
        text-align: right;
        -webkit-box-shadow: 0 5px 7px 0 rgba(0, 0, 0, .15);
        box-shadow: 0 5px 7px 0 rgba(0, 0, 0, .15);
        display: none
    }
    .sub-nav li>ul a {
        color: #fff;
        padding-right: 1rem;
        padding-top: .3rem
    }
    .sub-nav li>ul a:hover {
        background: var(--main-text-color);
        color: #fff
    }
}

.sub-nav a {
    display: block;
    padding: .8rem 0 1rem;
    line-height: 1.8
}

@media(min-width:992px) {
    .sub-nav a {
        color: #fff!important
    }
    .sub-nav a:hover {
        color: #fff
    }
}

@media(max-width:991px) {
    .sub-nav .sub-nav-content {
        padding: 0 0 2rem;
        position: fixed;
        right: 0;
        top: 0;
        width: 80%;
        height: 100%;
        background: #fff;
        z-index: 4500;
        text-align: right;
        overflow-y: scroll;
        -webkit-transition: all .3s;
        transition: all .3s;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    .sub-nav .sub-nav-content.is-active {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-box-shadow: -4px 0 7px 0 rgba(0, 0, 0, .15);
        box-shadow: -4px 0 7px 0 rgba(0, 0, 0, .15)
    }
    .sub-nav .sub-nav-content .main-menu>li {
        border-bottom: 1px solid #f4f4f4;
        margin-left: 0!important;
        padding: 0 1rem
    }
    .sub-nav .sub-nav-content select {
        margin: .5rem 0
    }
    .sub-nav .main-menu>li {
        display: block
    }
    .sub-nav li>ul {
        display: block;
        padding-right: 1rem
    }
    .sub-nav .sub-nav__close {
        display: block
    }
}

@media(max-width:992px) {
    .nav-overlay {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        z-index: 3000;
        visibility: hidden
    }
    .nav-overlay.is-active {
        visibility: visible
    }
}

@media(min-width:992px) {
    .sub-nav__menu {
        display: none!important
    }
}

.sub-nav__menu svg {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    fill: #fff
}

.sub-nav__menu:hover {
    color: var(--main-text-color)
}

.sub-nav__menu:hover svg {
    fill: var(--main-text-color)
}

.sub-nav__close {
    position: absolute;
    left: .5rem;
    top: .5rem;
    z-index: 20;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    background: 0 0;
    cursor: pointer;
    display: none
}

.sub-nav__close svg {
    width: 40px;
    height: 40px;
    fill: #fff
}

.sub-nav__close:hover svg {
    fill: var(--main-text-color)
}

.currency-menu {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 0;
    padding-right: 1rem;
    background: url(../img/dropdown-arrow.svg) right center no-repeat
}

.currency-menu:focus {
    background-color: lightgrey;
    outline: 0
}

.search-wrapper {
    width: 100%;
    max-width: 450px;
    margin: 0 auto
}

.search-wrapper input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    font-size: 16px;
    padding: .25rem .5rem .55rem;
    border: 0;
    border-radius: 5px;
    padding-right: 2rem;
    background: #fff url(../img/search.svg) right .5rem center no-repeat;
    -webkit-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .08)
}

@media(min-width:992px) {
    .search-wrapper input {
        padding: .5rem 2rem .85rem!important
    }
}

@media(max-width:750px) {
    .search-container {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: .5rem
    }
}

.section {
    padding: 1rem 0
}

.section-header {
    position: relative
}

.section--title {
    font-family: dinnextltarabic-regular!important;
    position: relative;
    color: #636363;
    font-size: 20px;
    font-weight: 700;
    z-index: 50
}

.section-actions {
    position: relative;
    z-index: 5;
    margin-right: 1rem
}

.product {
    font-family: dinnextltarabic-regular!important;
    border-radius: 4px;
    overflow: hidden;
    font-size: 14px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.product img {
    display: block;
    width: 100%
}

.product:hover {
    -webkit-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .12)
}

.product:hover .product-title {
    color: var(--main-text-color)
}

@media(min-width:992px) {
    .product {
        font-size: 16px
    }
}

.product-title {
    color: #5a5a5a;
    padding: .5rem 1rem;
    margin: 0
}

.product-footer {
    margin: 0
}

.product-price {
    color: var(--main-text-color);
    font-weight: 700;
    padding: .5rem
}

.product-add {
    display: block;
    padding: .5rem 1rem;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.product-add:hover {
    color: #fff;
    background: var(--main-text-color)
}

.product-add .sicon-cart {
    font-size: 21px;
    margin-left: 6px
}

.product-footer .not-available {
    display: block;
    margin: .3rem 1rem 1rem 0;
    font-size: 14px
}

@media(max-width:770px) {
    .products-grid {
        margin: 0
    }
    .products-grid>* {
        width: 50%!important;
        padding: 0
    }
    .products-grid>*:nth-child(odd) {
        padding-left: .5rem
    }
    .products-grid>*:nth-child(even) {
        padding-right: .5rem
    }
}

@media(min-width:992px) {
    .features-wrapper {
        border: 1px solid #dadada;
        border-radius: 5px;
        overflow: hidden
    }
}

.feature-item {
    padding: 1rem
}

@media(min-width:992px) {
    .feature-item {
        background: #fff
    }
}

@media(min-width:992px) {
    .feature-item:not(:last-child) {
        border-left: 1px solid #dadada;
        border-bottom: 0
    }
}





.feature-item__content {
    text-align: center;
    color: #636363
}

@media(min-width:992px) {
    .feature-item__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: right
    }
}

.feature-item__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 43px;
    background-color: var(--main-text-color);
    color: #fff;
    border-radius: 50%;
    font-size: 24px;
    border: 1px solid var(--main-text-color);
    text-align: center;
    margin-bottom: .5rem
}

@media(min-width:992px) {
    .feature-item__icon {
        margin-left: .75rem;
        margin-bottom: 0
    }
}

.testimonials-item {
    font-family: dinnextltarabic-regular!important;
    padding: 1rem
}

.testimonials-item blockquote {
    background: #fff url("../img/quote.svg") right 1rem top 1rem/50px no-repeat;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .06);
    border-radius: 5px;
    padding: 4rem 1rem 1rem;
    text-align: right;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    text-align: center;

}

.testimonials-item p {
    position: relative;
    margin-bottom: 1.5rem
}

.testimonials-item p:before {
    content: "";
    position: absolute;
    right: 40px;
    bottom: -20px;
    border: 10px solid transparent;
    border-top-color: #fff
}

.testimonials-item p:after {
    content: "";
    position: absolute;
    right: 38px;
    bottom: -24px;
    border: 12px solid transparent;
    border-top-color: #d6d6d6;
    z-index: -1
}

.testimonials-item img {
    width: 50px;
    height: 50px;
    margin-left: .5rem;
    border-radius: 50%;
    border: 1px solid #eee
}

.testimonials-item cite {
    font-family: dinnextltarabic-regular!important;
    color: #636363;
    font-style: normal;
    margin-top: auto
}

.testimonials-item .rating {
    display: inline-block;
    margin-bottom: 1rem
}

.rating li {
    display: inline-block;
    color: #edcd46
}

.testimonials-item__location {
    font-size: 14px
}

.footer-main {
    padding: 2rem 0;
    color: #fff;
    background-color: #2a2a2a
}

.footer-item {
    float: right!important
}

@media(max-width:780px) {
    .footer-item {
        margin-bottom: 2rem
    }
}

.footer-item p {
    line-height: 1.6
}

.footer-title {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-bottom: .7rem;
    margin-bottom: 1rem
}

.footer-links {
    -webkit-columns: 2;
    columns: 2
}

.footer-links li {
    margin-bottom: .5rem
}

.footer-links a {
    color: #fff
}

.footer-links a:hover {
    text-decoration: underline
}

.social__item {
    display: inline-block;
    margin-left: .25rem
}

.social__item a {
    display: block;
    width: 36px;
    height: 36px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.social__item a:hover {
    background: #fff;
    border-color: #fff;
    color: var(--main-text-color)
}

.social__item span {
    font-size: 15px
}

.footer-sub {
    color: #8f8f8f;
    font-size: 14px;
    padding: 1.75rem 0
}

.footer-payment img {
    width: 70px;
    margin: 0 3px;
    display: inline-block
}

.ask-form-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ask-form-footer:before,
.ask-form-footer:after {
    display: none
}

@media(min-width:992px) {
    .footer-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .footer-wrapper:before,
    .footer-wrapper:after {
        display: none
    }
}

@media(min-width:992px) {
    .category-grid {
        display: grid;
        grid-gap: 1rem;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

.category-grid>div:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/4
}

@media(min-width:992px) {
    .category-grid>div:nth-child(1) .category-featured {
        height: calc(400px + 1rem)
    }
}

.category-grid>div:nth-child(4) {
    grid-column: 3/5
}

.category-featured {
    font-family: dinnextltarabic-regular!important;
    border-radius: 8px;
    overflow: hidden;
    height: 140px;
    margin-bottom: 1rem
}

@media(min-width:992px) {
    .category-featured {
        height: 200px;
        margin-bottom: 0
    }
}

.category-featured a {
    display: block;
    height: 100%;
    position: relative
}




.category-featured img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.instagram-item {
    width: 216px;
    height: 216px;
    overflow: hidden;
    margin-left: 1rem
}

.instagram-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.article {
    font-family: dinnextltarabic-regular!important
}

.article:not(:last-child) {
    margin-bottom: 1rem
}

.article img {
    width: 100%;
    height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px
}

@media(min-width:992px) {
    .article img {
        height: 350px
    }
}

.article h3 {
    position: relative;
    z-index: 1;
    background: #fff;
    margin: -2rem auto 0;
    max-width: 90%;
    border-radius: 5px;
    font-size: 16px;
    padding: .5rem;
    border: 1px solid #e0e0e0
}

@media(min-width:992px) {
    .article h3 {
        padding: 1rem;
        font-size: 20px
    }
}

.show-more {
    font-family: dinnextltarabic-regular!important;
    text-decoration: underline;
    font-size: 18px
}

.newsletter {
    padding: 3rem 0;
    background: url("../img/newsletter.jpg") center/cover no-repeat
}

@media(min-width:992px) {
    .newsletter {
        padding: 6rem 0
    }
}



.newsletter__wrapper {
    background: rgba(0, 0, 0, .7);
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    padding: 2rem 1rem
}

.newsletter input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: #fff;
    border-radius: 5px;
    font-size: 16px;
    padding: .5rem .5rem .7rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.newsletter button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: var(--main-text-color);
    color: #fff;
    border-radius: 5px;
    width: 90px;
    padding: .5rem .5rem .7rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.newsletter button:hover {
    background: #2c9faf
}

.newsletter form {
    margin: 0 auto;
    width: 400px;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.newsletter input,
.newsletter button {
    font-family: dinnextltarabic-regular!important
}

.bg-white {
    background-color: #fff!important
}

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

.border {
    border: 1px solid #dee2e6!important
}

.border-top {
    border-top: 1px solid #dee2e6!important
}

.border-right {
    border-right: 1px solid #dee2e6!important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6!important
}

.border-left {
    border-left: 1px solid #dee2e6!important
}

.border-0 {
    border: 0!important
}

.border-top-0 {
    border-top: 0!important
}

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

.border-bottom-0 {
    border-bottom: 0!important
}

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

.border-primary {
    border-color: #007bff!important
}

.border-secondary {
    border-color: #6c757d!important
}

.border-success {
    border-color: #28a745!important
}

.border-info {
    border-color: #17a2b8!important
}

.border-warning {
    border-color: #ffc107!important
}

.border-danger {
    border-color: #dc3545!important
}

.border-light {
    border-color: #f8f9fa!important
}

.border-dark {
    border-color: #343a40!important
}

.border-white {
    border-color: #fff!important
}

.rounded {
    border-radius: .25rem!important
}

.rounded-top {
    border-top-left-radius: .25rem!important;
    border-top-right-radius: .25rem!important
}

.rounded-right {
    border-top-right-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-left {
    border-top-left-radius: .25rem!important;
    border-bottom-left-radius: .25rem!important
}

.rounded-circle {
    border-radius: 50%!important
}

.rounded-0 {
    border-radius: 0!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: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.d-inline-flex {
    display: -webkit-inline-box!important;
    display: -ms-inline-flexbox!important;
    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: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-sm-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        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: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-md-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        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: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-lg-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media(min-width:1200px) {
    .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: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-xl-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        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: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .d-print-inline-flex {
        display: -webkit-inline-box!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

.flex-row {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

.flex-wrap {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.justify-content-start {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.align-items-start {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -webkit-box-align: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

@media(min-width:576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-sm-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-sm-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-sm-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-sm-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-sm-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-sm-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-sm-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-sm-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-sm-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-sm-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-sm-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-sm-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-sm-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-sm-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-sm-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-sm-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-sm-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-sm-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-sm-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-sm-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-sm-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-sm-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-sm-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-sm-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media(min-width:768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-md-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-md-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-md-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-md-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-md-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-md-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-md-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-md-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-md-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-md-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-md-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-md-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-md-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-md-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-md-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-md-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-md-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-md-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-md-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-md-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-md-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-md-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-md-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-md-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-md-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-md-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-md-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media(min-width:992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-lg-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-lg-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-lg-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-lg-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-lg-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-lg-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-lg-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-lg-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-lg-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-lg-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-lg-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-lg-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-lg-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-lg-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-lg-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-lg-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-lg-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-lg-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-lg-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-lg-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-lg-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-lg-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-lg-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-lg-stretch {
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media(min-width:1200px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }
    .flex-xl-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }
    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }
    .flex-xl-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
    .flex-xl-wrap {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }
    .justify-content-xl-start {
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .justify-content-xl-end {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }
    .justify-content-xl-center {
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
    .justify-content-xl-between {
        -webkit-box-pack: justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
    .justify-content-xl-around {
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }
    .align-items-xl-start {
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .align-items-xl-end {
        -webkit-box-align: end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }
    .align-items-xl-center {
        -webkit-box-align: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }
    .align-items-xl-baseline {
        -webkit-box-align: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }
    .align-items-xl-stretch {
        -webkit-box-align: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }
    .align-content-xl-start {
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }
    .align-content-xl-end {
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }
    .align-content-xl-center {
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }
    .align-content-xl-between {
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }
    .align-content-xl-around {
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }
    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }
    .align-self-xl-auto {
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }
    .align-self-xl-start {
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }
    .align-self-xl-end {
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }
    .align-self-xl-center {
        -ms-flex-item-align: center!important;
        align-self: center!important
    }
    .align-self-xl-baseline {
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }
    .align-self-xl-stretch {
        -ms-flex-item-align: stretch!important;
        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:1200px) {
    .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: -webkit-sticky!important;
    position: sticky!important
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

@supports((position:-webkit-sticky) or (position:sticky)) {
    .sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
    -webkit-clip-path: none;
    clip-path: none
}

.w-25 {
    width: 25%!important
}

.w-50 {
    width: 50%!important
}

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

.m-0 {
    margin: 0!important
}

.mt-0,
.my-0 {
    margin-top: 0!important
}

.mr-0,
.mx-0 {
    margin-right: 0!important
}

.mb-0,
.my-0 {
    margin-bottom: 0!important
}

.ml-0,
.mx-0 {
    margin-left: 0!important
}

.m-1 {
    margin: .25rem!important
}

.mt-1,
.my-1 {
    margin-top: .25rem!important
}

.mr-1,
.mx-1 {
    margin-right: .25rem!important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem!important
}

.ml-1,
.mx-1 {
    margin-left: .25rem!important
}

.m-2 {
    margin: .5rem!important
}

.mt-2,
.my-2 {
    margin-top: .5rem!important
}

.mr-2,
.mx-2 {
    margin-right: .5rem!important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem!important
}

.ml-2,
.mx-2 {
    margin-left: .5rem!important
}

.m-3 {
    margin: 1rem!important
}

.mt-3,
.my-3 {
    margin-top: 1rem!important
}

.mr-3,
.mx-3 {
    margin-right: 1rem!important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem!important
}

.ml-3,
.mx-3 {
    margin-left: 1rem!important
}

.m-4 {
    margin: 1.5rem!important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem!important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem!important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem!important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem!important
}

.m-5 {
    margin: 3rem!important
}

.mt-5,
.my-5 {
    margin-top: 3rem!important
}

.mr-5,
.mx-5 {
    margin-right: 3rem!important
}

.mb-5,
.my-5 {
    margin-bottom: 3rem!important
}

.ml-5,
.mx-5 {
    margin-left: 3rem!important
}

.p-0 {
    padding: 0!important
}

.pt-0,
.py-0 {
    padding-top: 0!important
}

.pr-0,
.px-0 {
    padding-right: 0!important
}

.pb-0,
.py-0 {
    padding-bottom: 0!important
}

.pl-0,
.px-0 {
    padding-left: 0!important
}

.p-1 {
    padding: .25rem!important
}

.pt-1,
.py-1 {
    padding-top: .25rem!important
}

.pr-1,
.px-1 {
    padding-right: .25rem!important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem!important
}

.pl-1,
.px-1 {
    padding-left: .25rem!important
}

.p-2 {
    padding: .5rem!important
}

.pt-2,
.py-2 {
    padding-top: .5rem!important
}

.pr-2,
.px-2 {
    padding-right: .5rem!important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem!important
}

.pl-2,
.px-2 {
    padding-left: .5rem!important
}

.p-3 {
    padding: 1rem!important
}

.pt-3,
.py-3 {
    padding-top: 1rem!important
}

.pr-3,
.px-3 {
    padding-right: 1rem!important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem!important
}

.pl-3,
.px-3 {
    padding-left: 1rem!important
}

.p-4 {
    padding: 1.5rem!important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem!important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem!important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem!important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem!important
}

.p-5 {
    padding: 3rem!important
}

.pt-5,
.py-5 {
    padding-top: 3rem!important
}

.pr-5,
.px-5 {
    padding-right: 3rem!important
}

.pb-5,
.py-5 {
    padding-bottom: 3rem!important
}

.pl-5,
.px-5 {
    padding-left: 3rem!important
}

.m-auto {
    margin: auto!important
}

.mt-auto,
.my-auto {
    margin-top: auto!important
}

.mr-auto,
.mx-auto {
    margin-right: auto!important
}

.mb-auto,
.my-auto {
    margin-bottom: auto!important
}

.ml-auto,
.mx-auto {
    margin-left: auto!important
}

@media(min-width:576px) {
    .m-sm-0 {
        margin: 0!important
    }
    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0!important
    }
    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0!important
    }
    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0!important
    }
    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0!important
    }
    .m-sm-1 {
        margin: .25rem!important
    }
    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem!important
    }
    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem!important
    }
    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem!important
    }
    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem!important
    }
    .m-sm-2 {
        margin: .5rem!important
    }
    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem!important
    }
    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem!important
    }
    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem!important
    }
    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem!important
    }
    .m-sm-3 {
        margin: 1rem!important
    }
    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem!important
    }
    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem!important
    }
    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem!important
    }
    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem!important
    }
    .m-sm-4 {
        margin: 1.5rem!important
    }
    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem!important
    }
    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem!important
    }
    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem!important
    }
    .m-sm-5 {
        margin: 3rem!important
    }
    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem!important
    }
    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem!important
    }
    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem!important
    }
    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem!important
    }
    .p-sm-0 {
        padding: 0!important
    }
    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0!important
    }
    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0!important
    }
    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0!important
    }
    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0!important
    }
    .p-sm-1 {
        padding: .25rem!important
    }
    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem!important
    }
    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem!important
    }
    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem!important
    }
    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem!important
    }
    .p-sm-2 {
        padding: .5rem!important
    }
    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem!important
    }
    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem!important
    }
    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem!important
    }
    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem!important
    }
    .p-sm-3 {
        padding: 1rem!important
    }
    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem!important
    }
    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem!important
    }
    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem!important
    }
    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem!important
    }
    .p-sm-4 {
        padding: 1.5rem!important
    }
    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem!important
    }
    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem!important
    }
    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem!important
    }
    .p-sm-5 {
        padding: 3rem!important
    }
    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem!important
    }
    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem!important
    }
    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem!important
    }
    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem!important
    }
    .m-sm-auto {
        margin: auto!important
    }
    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto!important
    }
    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto!important
    }
    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto!important
    }
    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto!important
    }
}

@media(min-width:768px) {
    .m-md-0 {
        margin: 0!important
    }
    .mt-md-0,
    .my-md-0 {
        margin-top: 0!important
    }
    .mr-md-0,
    .mx-md-0 {
        margin-right: 0!important
    }
    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0!important
    }
    .ml-md-0,
    .mx-md-0 {
        margin-left: 0!important
    }
    .m-md-1 {
        margin: .25rem!important
    }
    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem!important
    }
    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem!important
    }
    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem!important
    }
    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem!important
    }
    .m-md-2 {
        margin: .5rem!important
    }
    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem!important
    }
    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem!important
    }
    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem!important
    }
    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem!important
    }
    .m-md-3 {
        margin: 1rem!important
    }
    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem!important
    }
    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem!important
    }
    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem!important
    }
    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem!important
    }
    .m-md-4 {
        margin: 1.5rem!important
    }
    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem!important
    }
    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem!important
    }
    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem!important
    }
    .m-md-5 {
        margin: 3rem!important
    }
    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem!important
    }
    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem!important
    }
    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem!important
    }
    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem!important
    }
    .p-md-0 {
        padding: 0!important
    }
    .pt-md-0,
    .py-md-0 {
        padding-top: 0!important
    }
    .pr-md-0,
    .px-md-0 {
        padding-right: 0!important
    }
    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0!important
    }
    .pl-md-0,
    .px-md-0 {
        padding-left: 0!important
    }
    .p-md-1 {
        padding: .25rem!important
    }
    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem!important
    }
    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem!important
    }
    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem!important
    }
    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem!important
    }
    .p-md-2 {
        padding: .5rem!important
    }
    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem!important
    }
    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem!important
    }
    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem!important
    }
    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem!important
    }
    .p-md-3 {
        padding: 1rem!important
    }
    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem!important
    }
    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem!important
    }
    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem!important
    }
    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem!important
    }
    .p-md-4 {
        padding: 1.5rem!important
    }
    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem!important
    }
    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem!important
    }
    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem!important
    }
    .p-md-5 {
        padding: 3rem!important
    }
    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem!important
    }
    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem!important
    }
    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem!important
    }
    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem!important
    }
    .m-md-auto {
        margin: auto!important
    }
    .mt-md-auto,
    .my-md-auto {
        margin-top: auto!important
    }
    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto!important
    }
    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto!important
    }
    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto!important
    }
}

@media(min-width:992px) {
    .m-lg-0 {
        margin: 0!important
    }
    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0!important
    }
    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0!important
    }
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0!important
    }
    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0!important
    }
    .m-lg-1 {
        margin: .25rem!important
    }
    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem!important
    }
    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem!important
    }
    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem!important
    }
    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem!important
    }
    .m-lg-2 {
        margin: .5rem!important
    }
    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem!important
    }
    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem!important
    }
    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem!important
    }
    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem!important
    }
    .m-lg-3 {
        margin: 1rem!important
    }
    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem!important
    }
    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem!important
    }
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem!important
    }
    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem!important
    }
    .m-lg-4 {
        margin: 1.5rem!important
    }
    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem!important
    }
    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem!important
    }
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem!important
    }
    .m-lg-5 {
        margin: 3rem!important
    }
    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem!important
    }
    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem!important
    }
    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem!important
    }
    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem!important
    }
    .p-lg-0 {
        padding: 0!important
    }
    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0!important
    }
    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0!important
    }
    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0!important
    }
    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0!important
    }
    .p-lg-1 {
        padding: .25rem!important
    }
    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem!important
    }
    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem!important
    }
    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem!important
    }
    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem!important
    }
    .p-lg-2 {
        padding: .5rem!important
    }
    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem!important
    }
    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem!important
    }
    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem!important
    }
    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem!important
    }
    .p-lg-3 {
        padding: 1rem!important
    }
    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem!important
    }
    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem!important
    }
    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem!important
    }
    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem!important
    }
    .p-lg-4 {
        padding: 1.5rem!important
    }
    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem!important
    }
    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem!important
    }
    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem!important
    }
    .p-lg-5 {
        padding: 3rem!important
    }
    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem!important
    }
    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem!important
    }
    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem!important
    }
    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem!important
    }
    .m-lg-auto {
        margin: auto!important
    }
    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto!important
    }
    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto!important
    }
    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto!important
    }
    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto!important
    }
}

@media(min-width:1200px) {
    .m-xl-0 {
        margin: 0!important
    }
    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0!important
    }
    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0!important
    }
    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0!important
    }
    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0!important
    }
    .m-xl-1 {
        margin: .25rem!important
    }
    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem!important
    }
    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem!important
    }
    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem!important
    }
    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem!important
    }
    .m-xl-2 {
        margin: .5rem!important
    }
    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem!important
    }
    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem!important
    }
    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem!important
    }
    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem!important
    }
    .m-xl-3 {
        margin: 1rem!important
    }
    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem!important
    }
    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem!important
    }
    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem!important
    }
    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem!important
    }
    .m-xl-4 {
        margin: 1.5rem!important
    }
    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem!important
    }
    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem!important
    }
    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem!important
    }
    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem!important
    }
    .m-xl-5 {
        margin: 3rem!important
    }
    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem!important
    }
    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem!important
    }
    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem!important
    }
    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem!important
    }
    .p-xl-0 {
        padding: 0!important
    }
    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0!important
    }
    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0!important
    }
    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0!important
    }
    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0!important
    }
    .p-xl-1 {
        padding: .25rem!important
    }
    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem!important
    }
    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem!important
    }
    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem!important
    }
    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem!important
    }
    .p-xl-2 {
        padding: .5rem!important
    }
    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem!important
    }
    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem!important
    }
    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem!important
    }
    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem!important
    }
    .p-xl-3 {
        padding: 1rem!important
    }
    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem!important
    }
    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem!important
    }
    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem!important
    }
    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem!important
    }
    .p-xl-4 {
        padding: 1.5rem!important
    }
    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem!important
    }
    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem!important
    }
    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem!important
    }
    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem!important
    }
    .p-xl-5 {
        padding: 3rem!important
    }
    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem!important
    }
    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem!important
    }
    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem!important
    }
    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem!important
    }
    .m-xl-auto {
        margin: auto!important
    }
    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto!important
    }
    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto!important
    }
    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto!important
    }
    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto!important
    }
}

.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:1200px) {
    .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-bold {
    font-weight: 700!important
}

.font-italic {
    font-style: italic!important
}

.text-white {
    color: #fff!important
}

.text-primary {
    color: #007bff!important
}

a.text-primary:hover,
a.text-primary:focus {
    color: #0062cc!important
}

.text-secondary {
    color: #6c757d!important
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #545b62!important
}

.text-success {
    color: #28a745!important
}

a.text-success:hover,
a.text-success:focus {
    color: #1e7e34!important
}

.text-info {
    color: #17a2b8!important
}

a.text-info:hover,
a.text-info:focus {
    color: #117a8b!important
}

.text-warning {
    color: #ffc107!important
}

a.text-warning:hover,
a.text-warning:focus {
    color: #d39e00!important
}

.text-danger {
    color: #dc3545!important
}

a.text-danger:hover,
a.text-danger:focus {
    color: #bd2130!important
}

.text-light {
    color: #f8f9fa!important
}

a.text-light:hover,
a.text-light:focus {
    color: #dae0e5!important
}

.text-dark {
    color: #343a40!important
}

a.text-dark:hover,
a.text-dark:focus {
    color: #1d2124!important
}

.text-muted {
    color: #6c757d!important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.visible {
    visibility: visible!important
}

.invisible {
    visibility: hidden!important
}

.u-flip {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.u-light {
    background-color: #f6f6f6
}

.bg-brand {
    background-color: var(--main-text-color)
}

@media(min-width:992px) {
    .w-md-75 {
        width: 75%
    }
}

.product-details {
    font-family: dinnextltarabic-regular!important
}

.product-details__title {
    color: var(--main-text-color);
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 1rem;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 1rem
}

.product-details__price {
    color: var(--main-text-color);
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 1rem
}

.product-details__price strong {
    font-weight: 700
}

.product-details__wishlist svg,
.remove-from-wishlist svg {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    fill: var(--main-text-color)
}

.product-details__wishlist:hover {
    color: var(--main-text-color)
}

.product-details__wishlist:hover svg {
    fill: var(--main-text-color)
}

.remove-from-wishlist,
.remove-from-wishlist:focus,
.remove-from-wishlist.focus,
.remove-from-wishlist:hover {
    color: #636362;
    background-color: transparent;
    border-color: 0
}

.product-details__thumb {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    border: 1px solid #e7e7e7
}

.product-detials__desc {
    color: #5a5a5a;
    margin-bottom: 1.25rem
}

.product-detials__desc h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: .75rem
}

.product-detials__desc p {
    line-height: 1.75;
    font-size: 18px
}

.product-details__hot strong {
    font-weight: 700;
    color: var(--main-text-color)
}

.product-details__hot svg {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    fill: var(--main-text-color)
}

.btn-group__add,
.btn-group__remove {
    width: 36px;
    height: 36px;
    border-radius: 50%!important;
    background: var(--main-text-color);
    color: #fff;
    font-size: 21px;
    line-height: 10px;
    padding: 0
}

.btn-group input {
    margin: 0 .5rem!important;
    border-radius: 100px!important
}

.product-form__title {
    font-weight: 700;
    margin-bottom: .75rem;
    font-size: 18px;
    color: #5a5a5a
}

.ask-form {
    background: url("../img/avatar_male.png") right top/50px no-repeat;
    padding-right: 70px;
    padding-bottom: 1px;
    min-height: 50px
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {}

.btn-group>.btn:last-child:not(:first-child),
.btn-group>.dropdown-toggle:not(:first-child) {}

.btn-group input {
    max-width: 80px;
    text-align: center;
    border-radius: 0
}

.btn-primary {
    background: var(--main-text-color);
    border-color: var(--main-text-color)
}

.form-group label small {
    font-size: 14px;
    opacity: .8
}

.form-control-file {
    max-width: 100%
}

body {
    font-family: dinnextltarabic-regular!important;
    font-size: 16px!important;
    overflow-x: hidden;
    background: #f6f6f6;
    text-align: right;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

a {
    color: #636362
}

a:hover {
    text-decoration: none
}

.main-slider {
    margin-bottom: 2rem
}

.main-slider img {
    width: 100%
}

@media(min-width:992px) {
    .slick-dots {
        bottom: 0
    }
}

.slick-dots li {
    margin: 0
}

.slick-dots li button:before {
    display: none
}

.slick-dots li button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #d8d8d8
}

.slick-active button {
    background-color: var(--main-text-color)!important
}

.slick-prev:before,
.slick-next:before {
    color: #5a5a5a
}

.products-listing {
    margin-bottom: 0;
    padding: 1rem;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px
}

.testimonails-listing {
    margin: auto
}

.testimonails-listing .slick-dots {
    bottom: -40px
}

.btn:hover {
    background: var(--main-color);
    border-color: var(--main-color);
    color: #fff
}

.btn-group__add,
.btn-group__remove {
    background: var(--main-color);
    color: #fff
}

.content.page-container>.the-container {
    margin: 30px auto;
    max-width: 750px;
    min-height: 500px
}

@media(max-width:991px) {
    .content.page-container>.the-container {
        max-width: 95%;
        min-height: auto
    }
}

.sub-nav-header,
.sub-nav .main-menu>li.sub-menu-header,
.sub-nav .main-menu>li.sub-menu-logged-in {
    display: none
}

.sub-nav-header img {
    display: block;
    margin: 0 auto;
    width: 75px;
    height: 75px;
    border: 2px solid #fff;
    border-radius: 50%
}

.sub-nav-header p {
    padding: 0 10px;
    color: #fff
}

.sub-nav-header a {
    float: none;
    display: inline-block;
    margin: 12px auto 0;
    padding: 0 15px 3px;
    font-size: 13px;
    background: #fff;
    border-radius: 99px
}

.main-menu li .badge {
    margin-top: 7px;
    padding: 0 5px 1px;
    background: #f55157
}

.main-menu li i.left-arrow {
    display: none
}

.main-menu li.logout-link:hover a,
.main-menu li.logout-link:hover i {
    color: #f55157!important
}

@media(max-width:991px) {
    .sub-nav-header {
        display: block;
        padding: 40px 0;
        text-align: center
    }
    .sub-nav .main-menu>li.sub-menu-header {
        display: block;
        padding: 7px 15px!important;
        font-family: dinnextltw23-medium;
        font-size: 14px;
        color: #888;
        background: #f8f8f8
    }
    .sub-nav-header h1 {
        padding: 38px 0 0;
        font-family: dinnextltarabic-regular;
        font-size: 25px;
        color: #fff
    }
    .main-menu li i {
        margin-left: 5px;
        color: #777;
        font-size: 18px
    }
    .main-menu li i.left-arrow {
        display: block;
        float: left;
        margin-top: 10px;
        margin-left: 0;
        color: #aaa!important
    }
    .sub-nav .main-menu>li.sub-menu-logged-in {
        display: block
    }
}

.login-link {
    display: inline-block;
    float: none!important;
    right: auto;
    padding: 0;
    margin-left: 7px;
    max-height: auto;
    font-size: 16px;
    color: #5a5a5a!important
}

.login-link:hover {
    background: var(--main-text-color);
    color: #fff!important;
    border-color: var(--main-text-color)
}

#ask_textarea {
    border: 1px solid #eee;
    width: 100%;
    font-size: 14px;
    margin: 0
}

#ask_button {
    margin-right: 0;
    font-size: 15px
}

#ask_register_link {
    font-size: 14px
}

.comment-header img {
    vertical-align: text-top
}

.comment-name {
    font-size: 15px
}

.comment-time {
    font-size: 12px
}

.product-page-buttons {
    padding-left: 0
}

.product-page-buttons .btn-add-note {
    width: 50%;
    font-size: 13px;
    padding: 6px 0;
    height: auto
}

@media(max-width:800px) {
    .product-page-buttons .btn-add-note {
        width: 47.7%
    }
}

.product-page-buttons .btn-attach-file {
    font-size: 13px;
    float: left;
    padding: 6px 0;
    height: auto
}

#search {
    position: relative
}

.add-cart-large,
.order-btn {
    width: 100%;
    padding: 8px 0;
    font-size: 15px
}

.toggle-search {
    padding-top: 0
}

.ui.search {
    left: 0;
    z-index: 100
}

#searchbox.prompt {
    border-radius: 4px;
    background: #fff;
    border: 1px solid #eee;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    font-size: 16px;
    padding: .25rem .5rem .55rem;
    border: 0;
    border-radius: 5px;
    padding-right: 2rem;
    background: #fff url(../img/search.svg) right .5rem center no-repeat;
    -webkit-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .08)
}

@media(min-width:992px) {
    #searchbox.prompt {
        padding: 1.5rem 2rem 1.75rem!important
    }
}

#search-bar {
    position: absolute;
    top: 62px;
    left: 186px;
    width: 400px;
    max-width: 100%
}

#search-bar:before {
    top: -4px;
    left: 13px;
    background: #efefef
}

.store-contact {
    margin: 10px 0 0;
    border: 0;
    text-align: right;
    font-size: 14px
}

.btn-group.country-select input {
    max-width: 100%!important
}

.banner img {
    display: block;
    max-width: 100%
}

@media(max-width:1024px) {
    .banner img {
        margin: 10px auto
    }
}

.container-video {
    margin: 40px auto
}

.mb-3,
.my-3 {
    margin-bottom: 1rem!important
}

.dropdown-store-header {
    margin-left: 7px
}

.dropdown-store-header .dropdown-menu:before {
    top: -5px;
    right: 212px
}

.dropdown-store-header .dropdown-menu.dropdown-menu-notification {
    right: -200px
}

.dropdown-store-header .dropdown-menu:before {
    background: #fff
}

.dropdown-store-header .dropdown-menu {
    border: 1px solid #eee
}

@media(max-width:500px) {
    .dropdown-store-header .dropdown-menu.dropdown-menu-notification {
        right: -235px!important
    }
    .dropdown-store-header .dropdown-menu:before {
        right: 248px!important
    }
    .logo img {
        max-width: 145px
    }
}

@media(max-width:320px) {
    .dropdown-store-header .dropdown-menu.dropdown-menu-notification {
        right: -180px!important
    }
    .dropdown-store-header .dropdown-menu:before {
        right: 193px!important
    }
}

@media(max-width:991px) {
    .page-container-cart {
        width: 95%!important
    }
}

.store-header-min {
    height: 50px;
    margin-top: 50px;
    padding: 0;
    background: 0 0!important
}

.cart-steps {
    max-width: 800px
}

.cart-box {
    position: relative;
    top: 0
}

.cart-line {
    position: relative;
    top: 17px
}

.cart-number {
    border: 2px solid;
    width: 35px!important;
    height: 35px!important
}

.cart-title {
    font-size: 16px
}

.active-step .cart-number {
    margin: 0
}

.page-container-cart {
    max-width: 800px;
    padding: 50px 0
}

.product-cart,
.cart-total-box {
    width: 100%;
    border: 1px solid #eee
}

.product-cart {
    margin-bottom: 50px
}

.product-info .product-name {
    margin-bottom: 0;
    font-size: 17px
}

.product-info .product-price {
    font-size: 16px;
    padding: 0;
    margin-bottom: 0
}

.product-info .product-summary {
    font-size: 13px
}

.product-info img {
    border-radius: 5px
}

.product-options {
    padding-top: 15px
}

.product-option-name {
    font-size: 15px;
    color: #555
}

.product-options .form-group {
    margin-bottom: 15px
}

.cart-total-box {
    height: 55px
}

.cart-total-box i {
    top: 20px
}

.cart-total-title {
    top: 15px;
    font-size: 15px!important
}

.cart-total-box .product-price-bg {
    top: 14px
}

.delete-button {
    background: #fff;
    margin-top: 1px
}

.product-price-bg,
.the-price .product-price,
.price-bg {
    padding-top: 0!important
}

.cart-total-box {
    width: 100%
}

.empty-box .empty-icon {
    color: #e1e1e1!important
}

.payments-container,
.order-summary {
    margin-bottom: 50px
}

.payment-section-title {
    width: 100%;
    border: 1px solid #eee;
    border-bottom: 0;
    background: #fafafa;
    border-radius: 5px 5px 0 0;
    font-weight: 400;
    font-size: 15px
}

.order-summary .payment-section-title {
    width: 100%;
    border: 0
}

.shipping-address {
    width: 100%;
    border: 1px solid #eee;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    margin: 0 auto;
    padding: 20px
}

#shipping_div {
    width: 100%;
    margin: 0 auto
}

#shipping_div {
    margin-top: 50px;
    padding: 15px;
    border: 1px solid #eee;
    border-bottom: 0;
    background: #fafafa;
    border-radius: 5px 5px 0 0;
    font-weight: 400;
    font-size: 15px
}

#payment_options {
    font-weight: 400;
    font-size: 15px
}

.cart-shipping-box {
    width: 100%
}

#shipping_div>#shipping_div {
    width: 100%;
    border: 1px solid #eee;
    border-radius: 0 0 5px 5px;
    border-top: 0
}

#shipping_div>div.shipping-cost {
    padding: 10px 20px!important
}

#shipping_div>div.shipping-cost:first-child {
    margin-top: 0
}

.bootstrap-select>.btn.btn-default {
    height: 36px
}

.form-control,
.shipping-address .input_address,
.bootstrap-select>.btn.btn-default,
.bootstrap-select>.btn.btn-default.disabled,
.select-new,
.btn-add-note,
.btn-attach-file {
    border-color: #eee
}

.cart-total-title,
.bootstrap-select.btn-group .btn .filter-option,
.shipping-address .input_address {
    font-size: 14px
}

.select-new {
    font-size: 14px
}

.cart-nav {
    width: 99%
}

.cart-nav-light,
.cart-nav-solid {
    font-size: 15px
}

.payment-method {
    width: 1%
}

.payment-title {
    font-size: 12px
}

.section-bank {
    background: #fcfcfc
}

#triangle-bottomleft {
    border-bottom-color: #efefef;
    border-left-color: #fff
}

#receipt_container .zigzag-bottom {
    padding-bottom: 25px
}

#receipt_container .zigzag-bottom:after {
    display: none
}

.notification-badge {
    top: -2px;
    left: -2px
}

.notification-details,
.order-note,
.media-right .text-muted {
    font-size: 13px
}

.order-num {
    font-size: 16px
}

.order-price {
    font-weight: 400
}

.panel,
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    border-color: #eee
}

.panel-new .panel-heading {
    background: #f8f8f8
}

.panel-heading {
    border-bottom-color: #eee!important
}

.panel-new .panel-title {
    font-weight: 400;
    font-size: 16px
}

.order-status-badge {
    font-size: 11px
}

.order-date {
    font-size: 12px
}

.product-wishlist .product-info {
    padding-bottom: 15px
}

.rating-product img {
    vertical-align: text-top
}

.input-group-addon:first-child,
.input-group-addon:last-child {
    border-color: #eee
}

.add-to-wishlist,
.add-to-wishlist:focus,
.add-to-wishlist.focus,
.add-to-wishlist:hover {
    color: #636362;
    background-color: transparent;
    border: 0
}

.owl-theme .owl-nav {
    margin-top: 0
}

.product-details__thumb {
    border: 0;
    border-radius: 5px
}

.a2a_kit {
    margin: 15px auto 30px
}

.page-box {
    border: 0
}

.page-box .panel-heading {
    padding: 0;
    border: 0
}

.page-box .panel-heading .product-title {
    font-family: dinnextltw23-medium;
    font-size: 23px;
    padding: 0 0 15px;
    width: 100%;
    border: 0
}

.page-box .product-desc p {
    font-size: 16px;
    color: #333
}

.page-box.thumbnail .caption {
    padding: 0
}

.page-box #ask_box {
    margin-left: 10px;
    background: #fff
}

.page-box #ask_textarea {
    width: 82%
}

.rating-stars {
    display: inline
}

.empty-comments {
    margin-bottom: 50px
}

.order-remaining-timer {
    display: block;
    margin: 0 auto 30px;
    font-size: 17px;
    text-align: center;
    color: #f55157
}

.media-list .order-remaining-timer {
    display: inline;
    margin: 0;
    font-size: 13px;
    text-align: right
}

.ui.category.search .results {
    width: 100%
}

.div-product-option-value label.form-check-label {
    display: block!important
}

.div-product-option-value .checker {
    margin-left: 7px
}

.dropdown-store-header .dropdown-menu.dropdown-menu-user {
    right: -160px
}

.dropdown-store-header .dropdown-menu.dropdown-menu-user:before {
    right: 172px
}

#order {
    margin: 0!important;
    padding: 10px 5px 0;
    background: 0 0
}

#order .col-xs-12 {
    padding: 0
}

.product-page-buttons .btn-add-note {
    margin-left: 1%
}

.toggle-search span {
    vertical-align: top!important
}

.dropdown-menu>li>a>i {
    font-size: 16px
}

[class^=icon-],
[class*=" icon-"],
.fa {
    font-family: sallaicons
}

.comment-header i.sicon-reply {
    display: inline-block;
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
    color: #bbb
}

.comment-badge i {
    font-size: 14px;
    vertical-align: text-bottom
}

.icon-cross3:before {
    content: "\ea47";
    margin-bottom: 3px
}

.icon-chevron-right:before,
.icon-arrow-right13:before {
    content: "\e96b"
}

.icon-chevron-left:before,
.icon-arrow-left12:before {
    content: "\e96e"
}

.fa-calculator:before {
    content: "\e92a"
}

.icon-comments:before {
    content: "\ebc2"
}

.btn-file .icon-plus22:before {
    content: "\ea42"
}

.icon-checkmark4:before,
.icon-check:before {
    content: "\ea9d"
}

.icon-credit-card:before,
.icon-credit-card2:before {
    content: "\eb14"
}

.icon-store2:before {
    content: "\e95f"
}

.icon-gift:before {
    content: "\ec5d"
}


.icon-box:before {
    content: "\e9f4"
}

.icon-price-tag:before {
    content: "\eebf"
}

.icon-calendar22:before {
    content: "\ea37"
}

.icon-user:before,
.theme-icon-user:before {
    content: "\f078"
}

.icon-users:before,
.icon-users2:before {
    content: "\f079"
}

.icon-arrow-left13:before {
    content: "\e943"
}

.icon-mention:before {
    content: "\ed57"
}

.icon-user-plus:before {
    content: "\f06f"
}

.icon-library2:before {
    content: "\e928"
}

.icon-cash:before {
    content: "\e933"
}

.fa-cc-visa:before {
    content: "\eb14"
}

.fa-cc-mastercard:before {
    content: ""
}

.icon-lock4:before {
    content: "\ef2b"
}

.icon-paypal:before {
    content: "\e954"
}

.icon-heart-broken2:before {
    content: "\e96a"
}

.icon-bell2:before {
    content: "\e9b0"!important
}

.fa-angle-right:before {
    content: "\e96b"!important
}

.fa-angle-left:before {
    content: "\e96e"!important
}

.icon-switch2:before {
    content: "\ee9a"
}

.fa-star:before {
    content: "\e972"
}

.icon-calendar2:before {
    content: "\ea37"
}

.icon-file-text:before {
    content: "\eebf"
}

.receipt-textarea {
    font-size: 13px
}

.fa-money:before {
    content: "\e979"
}

.icon-reply {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV"
}

.icon-reply:before {
    content: "\eecc"
}

#ask_register_link {
    float: left!important;
    line-height: 18px!important
}

.product-box,
.products-grid>div {
    margin-bottom: 2rem
}

.product:hover {
    background: #fff
}

@media(max-width:310px) {
    .product-cart .product-buttons button {
        margin-bottom: 10px
    }
}

.add_to_cart_large_btn {
    padding: 6px 20px 8px
}

.container.product-details .col-md-7 {
    margin-top: 0
}

@media(min-width:1024px) {
    .container.product-details .col-md-7 {
        margin-top: 60px
    }
}

.product-details .product-details__social-share {
    width: 75%
}

.main-menu .theme-icon-arrow-left {
    transform: rotate(0deg);
    transition: transform .4s ease;
    color: #d4d4d4;
    font-size: 14px;
    display: none;
    padding: 4px
}

@media(max-width:991px) {
    .sub-nav .main-menu>li>a {
        margin-left: 48px
    }
    .main-menu>li ul {
        max-height: 0;
        overflow: hidden;
        transition: .3s cubic-bezier(1, .05, 1, 1)
    }
    .main-menu>li {
        position: relative
    }
    .main-menu>li>.theme-icon-arrow-left.active+ul {
        max-height: 38rem
    }
    .main-menu>li>.theme-icon-arrow-left.active {
        transform: rotate(-90deg)
    }
    .main-menu .theme-icon-arrow-left {
        display: inline-block;
        position: absolute;
        left: 8px;
        top: 8px
    }
}

@media(max-width:599px) {
    .products-grid>.product-box:nth-child(2n+1) {
        clear: both
    }
}

@media(min-width:769px) {
    .products-grid>.product-box:nth-child(4n+1) {
        clear: both
    }
    .payment-icon img {
        max-width: 40%
    }
}

#agreement_div {
    width: 94%;
    margin: 0 auto
}

.cart-nav-more,
.cart-nav-submit {
    padding: 12px 0;
    border: 0
}