body {
    background-color: #fff;
}

.nav-category-top-menu img.category-icon {
    border-radius: 100%;
}

.logo img {
    max-width: 85%;
}

.btn_menu a {
    background: linear-gradient(to right, #fb3449 0, #fb3449 100%);
    padding: 7px 15px;
    border-radius: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    display: inline-block;
    margin-top: 7px;
    transition: .5s;
    font-weight: normal;

}

.btn {
    background: #f16101 !important;
    padding: 10px 20px !important;
    font-size: 12px !important;
    margin: 0px 5px;
}

.btn_menu a:before {
    position: absolute;
    content: "";
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
    transform: scale(0);
    border-radius: 5px;
    transition: .5s;
}

h6{
    font-size: 12px;
}
.mean-container a.meanmenu-reveal {
    display: none !important;
}

.mean-container .mean-bar::before {
    content: unset !important;
}

#FormInputFields,
#FormInputFields .control-label,
#FormInputFields .form-control,
.control-label .requi#fb3449 {
    direction: rtl;
    font-size: 13px !important;
}

#FormInputFields .form-control {
    top: 0px !important;
}

.logo {
    margin-left: unset !important;
}

.table-advance thead tr th {
    background-color: #f16101 !important;
    font-size: 14px !important;
    text-align: center !important;
    color: #fff !important;
}

.title h2 {
    text-align: center;
}

.addRowTable,
.delRowTable {
    font-size: 15px;
    margin-top: 15px;
    display: inline-block;
}

#image-menu-11044:before {

    content: unset !important;
}

#image-menu-11044 {
    padding-right: unset !important;
}

.tips .page {
    display: flex;
    flex-flow: column;
}

.tips img {
    width: 60px;
    height: 60px;
    margin: auto;

}
.mean-nav img{
    display: none;
}

#category a {
    margin: 20px;
    border: 1px solid #f0f0f1;
    border-radius: 10px;
    padding: 15px;
    ;
}

.dreamit_menu>ul>li>a {
    margin: 5px 5px !important;
}

.dreamit_nav_manu {
    padding-top: 15px;
}

.style-two .dreamit_menu ul {
    align-self: center;
}

.dreamit_menu>ul.user_nav_scroll>li>a {
    background-color: #f0f0f1 !important;
    border-radius: 10px;
    padding: 7px;
    font-size: 14px;
    border: 1px solid #afafaf;
    color: #000 !important;
}

.dreamit_menu>ul.user_nav_scroll>li>a i.fa-sign-in {
    transform: rotate(180deg);
    font-size: 20px;
    position: relative;
    top: 3px;

}

#search-box {
    background-color: #f0f0f1 !important;
    padding: 5px 10px !important;
}

#search-box input {
    color: #000;
}

.productitem-2:after {
    content: unset !important;
}

.agency-title:after,
.bg-green {
    background-color: #f16101;
}
.contact-info-icon i,.contact-form button
{
    background: #f16101 !important;
}
.widgets .social-share-link a
{
    border: 2px solid #f16101 !important;
    color: #f16101 !important;
}

.bg-red {
    background-color: #fb3449;
    padding: 10px;
    border-radius: 10px;
}

.bg-yellow {
    background-color: #bc9455;
    padding: 10px;
}

.bg-yellow .btn_more,
.bg-red .btn_more {
    display: block;
    text-align: center;
    margin: 10px;
    color: #fff;
    align-self: center;
}

.productitem-2 .info-title-box span {
    font-size: 12px;
    line-height: 15px;
}

.productitem-2 .price-box {
    text-align: center;
}

.owl-carousel-product .owl-stage-outer {
    padding: 10px 0;
    padding-bottom: 10px;
}

.align-self-center {
    align-self: center;
}

.old-price-box {
    justify-content: center;
}

.dreamit_menu>ul>li>a {
    color: black;
}

#dreamit_menu_1 {
    display: flex;
    justify-content: start;

}

.user_nav_scroll {
    margin-left: 0px !important;
}

#dreamit_menu_1 .sub-menu {
    left: 0 !important;
    right: unset !important;
}

.dreamit_menu {
    display: flex;
    justify-content: end;
}

.category-link img {
    width: 100%;
    border-radius: 10px;
}

#owl-carousel-slider-category .owl-item.active:first-child a {
    background: transparent !important;
}

.category-link {
    width: auto;
}

#owl-carousel-tops {
    border: 1px solid #fff;
    margin: 45px auto;
    border-radius: 15px;

}

.owl-carousel-slider-tops-products .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    pointer-events: none;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}

.blog img,
.page img {
    border-radius: 0px 0px !important;
}

#owl-carousel-slider-off .owl-stage-outer {
    overflow: hidden !important;
}

.owl-carousel-slider-tops-products .owl-nav .owl-next,
.owl-carousel-slider-tops-products .owl-nav .owl-prev {
    background: none;
    color: #fff;
    background: #f16101;
    width: 36px;
    height: 36px;
    border-radius: 5px;
    margin-right: -20px;
    text-align: center;
    line-height: 38px;
}

.owl-carousel-slider-tops-products .owl-nav .owl-prev {
    margin-left: -20px !important;
}

.owl-carousel-slider-tops-products .productitem-3 {
    padding: 20px;
    display: flex;
    margin: 5px;
}

.owl-carousel-slider-tops-products .productitem .image-box {
    position: relative;
    margin-left: 10px;
    align-self: center;
}

#search-box {
    border-radius: 10px;
    left: unset !important;
    transform: unset !important;
    display: block !important;
    margin-top: 12px !important;
    border: 1px solid #afafaf;
}

#search-input-box,
.search-input-box {
    width: 70%;
    position: relative;
}

#main {
    margin-top: 115px;
}

.footer-bg {
    background-image: url(../images/masoon/footer.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 20px;
    height: 390px;
    display: block;
}

.footer-recent-post ul li a {

    background-image: linear-gradient(to right, #000, #000, 50%, #000 100%);
}

h4.widget-title,
.dreamit_menu>ul>li>a:after,
.footer-bottom-menu,
.footer-bottom-content {
    color: #000;
}

.category-menu:before {
    top: 6px;
    width: 17px;
    height: 14px;
    background: url(../images/fakhar/category.png);
}

.advers .item img,
.bg-yellow,
.owl-carousel-adver a.item img {
    border-radius: 15px;
}

#owl-carousel-tops h3:before {
    content: url(../images/fakhar/fire.png);
    width: 32px;
    height: 32px;
    position: relative;
    right: 40%;
    display: block;
    top: -7px;
    float: right;

}

.brands h3:before {
    content: url(../images/fakhar/favorites.png);
    width: 32px;
    height: 32px;
    position: relative;
    display: block;
    top: 0px !important;
    float: right;
    right: 40% !important;

}

h3 {
    font-size: 24px;
}

.category-link-box {
    padding-top: 15px;
}

#owl-carousel-slider-category a {
    background-color: #fff;
    padding: 0px !important;
}

.dreamit_menu>ul>li>a:after {
    left: -7px !important;
}

#owl-carousel-tops .productitem {
    border-bottom: 2px solid #f2f2f2;
    border-left: unset;
}

.productitem-3 .info-title-box h6 {
    text-align: center;
    font-weight: bold;
}

.title_box {
    justify-content: right;
    flex-flow: row-reverse;
}

.title_box h3 {
    width: 90%;
    text-align: center;
}

.title_box .btn_more {
    padding: 20px;
    color: #f16101;
    align-self: center;
}

.green,
.input-group .input-group-addon>i {
    color: #f16101 !important;
}

.c-ui-select {
    width: 100%;
    border: 1px solid #f16101;
    border-radius: 20px;
    color: #f16101;
    padding: 5px;
    outline: unset;
}

.footer-contact li i {
    margin-right: 0px;
}

.btn {
    background: #f16101 !important;
    padding: 10px 30px !important;
    font-size: 15px !important;
    border-radius: 10px !important;
}

.btn-submit {
    background: #e2200a !important;
}

.btn-cancel {
    background: #b0b0b0 !important;
}

.btn.btn.btn-secondary {
    background: #afafaf !important;
}

.dtp>.dtp-content>.dtp-date-view>header.dtp-header,
.dtp div.dtp-date,
.dtp div.dtp-time,
.dtp table.dtp-picker-days tr>td>a.selected {
    background: #fb3449 !important;

}


#owl-carousel-tops .productitem .info-price-box {
    display: none;
}

.footermenu-container .from-box button {
    top: unset !important;
}

.owl-carousel-iconmenu {
    display: none !important;
}



.reminder div {
    width: 30px;
    height: 30px;
    background-color: white;
    color: #fb3449;
    text-align: center;
    margin: 3px;
    border-radius: 5px;
}

.blog img {
    height: 170px;
}

.off_timer img {
    width: 100%;
    height: 100%;
}

.productitem {
    margin: 10px 0px !important;
}

.category_product img {
    width: 150px;
    height: 150px;
}

.productitem4 .image-box img {
    border-radius: 50%;
}

.campain_title h4,
#category_product h3 {

    direction: rtl;
}

h5 {
    font-size: 14px;
}

.campain_title h4 span {
    color: #fff !important;
    background-color: #fb3449 !important;
    border-radius: 30px;
    padding: 10px;
    margin-right: 20px;
    font-size: 13px !important;
}

.show_all {
    color: #f16101;
}

a.category_product {
    display: flex;
    flex-flow: column;
    border-radius: 20px;
    align-items: center;
    margin-bottom: 10px;
}

a.category_product h5 {
    align-self: center;
    background-color: #f16101;
    padding: 10px 15px;
    color: #fff;
    border-radius: 15px;
    display: block;
    width: 100%;
}

.footer_box {
    background-color: #000;
    color: #fff;
    padding: 30px 0px;
}

.footer_box .from-box input {
    height: 45px;
    width: 60%;
    padding: 5px 20px
}

.footer_box .from-box button {
    padding: 9px 25px;
    background-color: #f16101 !important;
}

.footer_box h6 {
    margin-bottom: 15px;
    font-size: 16px;
}

.footer_box .contact-info a {
    color: #fff;
}

.footer-recent-post ul li {
    text-align: right;
    direction: rtl;
}

h4.widget-title {

    text-align: right;
    justify-content: right;
    align-items: right;
}

.tips {
    width: 85%;
    margin: auto;
}

.widget-widgets-company-info-div.last {
    border-left: unset !important;
}

.footer-recent-post strong i {
    color: #f16101;
    margin-left: 3px;
    font-size: 20px;
}

.category-link h2 {
    font-size: 12px !important;
    text-wrap: wrap;
}

.form-control {
    border-radius: 8px;
    padding: 15px 10px;
}

.widget-widgets-company-info-div .form-control {
    border-radius: 0px !important;
}

.company_icon a:first-child {
    margin-right: unset !important;
    margin: auto !important;
}

.company_icon a {
    margin: 10px 5px 0px;

}

.company_icon a:before {
    background: transparent !important;
}

.company_icon img {

    width: 28px;
    margin-top: -10px;
}

.company_icon {
    text-align: center !important;
}

.contact-btn-wraper {
    width: 70px !important;
    position: fixed;
    bottom: 100px;
    display: flex;
    flex-flow: column;
    left: 27px;
}

.company_icon a i.fa-phone-volume {
    color: #f16101;
}

.contact-btn-wraper a i,
.contact-btn-wraper a img {
    animation: fade-in-out 1300ms infinite;
}

.editor .img_article img {
    width: 100%;
}

#campain_1 {
    background-color: #ccc;
    border-radius: 30px;
}

#campain_1 .owl-carousel .owl-item img {
    border-radius: 50% !important;
}

#campain_1 .owl-carousel .owl-item .info-box {
    margin-top: 5px;
}

@keyframes fade-in-out {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.footer-recent-post {
    margin-bottom: 0px;
    text-align: right;
}

.login-user {
    height: 100vh;
}

.login-user-form {
    height: auto !important;
}

.login-user-form .logo img {
    width: 50%;
}

.login-user-form input {
    padding: 15px;
}

.contact-data-box-icon {
    border: 2px solid #f16101 !important;
    background: #f16101 !important;

}
.contact-info:hover {
    border-color: #f16101 !important;
}
.contact-data-box:hover .contact-data-box-icon i {
    color: #f16101 !important;
}
.sideber-search-box button
{
    top: 20px;
}
.brands-link img {
    width: 100%;
}

.brands-link::after {
    content: ' ';
    width: 1px;
    height: 45px;
    background: #c6c6c6 !important;
    left: -7px !important;
    position: absolute;
    top: 7px;
}

.tabs>ul li a.active {
    background-color: #f16101 !important;
    color: #fff;
}

#owl-carousel-category .owl-item.active .selected p {
    color: #f16101 !important;
    font-size: 14px;
    font-weight: 900;
}




.menuToggle {
    display: block;
    position: relative;
    top: 50px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;

    a {
        text-decoration: none;
        color: #232323;
        transition: all 0.3s ease;

        &:hover {
            color: tomato;
        }
    }

    input {
        display: block;
        width: 40px;
        height: 32px;
        position: absolute;
        top: -7px;
        cursor: pointer;
        opacity: 0;
        /* hide this */
        z-index: 2;
        /* and place it over the hamburger */
        -webkit-touch-callout: none;
    }

    span {
        position: relative;
        display: block;
        width: 33px;
        height: 4px;
        margin-bottom: 5px;
        position: relative;
        background: transparent;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 4px 0px;
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
            opacity 0.55s ease;

        &:first-child {
            transform-origin: 0% 0%;
        }

        &:nth-last-child(2) {
            transform-origin: 0% 100%;
        }
    }

    i {
        display: block;
        font-size: 30px;
        border-radius: 50%;
        padding: 10px;
        width: 54px;
        height: 54px;
        margin-bottom: 10px;
        background: rgba(0, 0, 0, 0.1);
    }
}

.menuToggle {
    input {
        &:checked~span {
            i {
                display: none;
            }

            opacity: 1;
            transform: rotate(45deg) translate(-2px, -1px);
            background: #232323;

            &:nth-last-child(3) {
                opacity: 0;
                transform: rotate(0deg) scale(0.2, 0.2);
            }

            &:nth-last-child(2) {
                transform: rotate(-45deg) translate(0, -1px);
            }
        }

        &:checked~.menuItem {
            transform: none;
        }

    }
}

.menuItem {
    position: absolute;
    width: 35px;
    padding: 35px;
    padding-top: 100px;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);

    li {
        padding: 10px 0;
        font-size: 22px;
    }
}



.menu--bottom--left {
    .menuToggle {
        position: fixed;
        top: auto;
        bottom: 60px;
        left: 0;
        z-index: 1;

        input {
            left: 50px;
            bottom: 50px;
            top: auto;

            &:checked~.menuItem {
                transform: scale(1);
                -webkit-transition: -webkit-transform .3s, visibility 0s 0s;
                -moz-transition: -moz-transform .3s, visibility 0s 0s;
                transition: transform .3s, visibility 0s 0s;
                background: #E5E3D4;
                border-radius: 10px;
                justify-items: center;

                li {
                    &:nth-child(1) {
                        -webkit-animation: text-slide-in .2s;
                        -moz-animation: text-slide-in .2s;
                        animation: text-slide-in .2s;
                    }

                    &:nth-child(2) {
                        -webkit-animation: text-slide-in .3s;
                        -moz-animation: text-slide-in .3s;
                        animation: text-slide-in .3s;
                    }

                    &:nth-child(3) {
                        -webkit-animation: text-slide-in .4s;
                        -moz-animation: text-slide-in .4s;
                        animation: text-slide-in .4s;
                    }

                    &:nth-child(4) {
                        -webkit-animation: text-slide-in .5s;
                        -moz-animation: text-slide-in .5s;
                        animation: text-slide-in .5s;
                    }

                    &:nth-child(5) {
                        -webkit-animation: text-slide-in .6s;
                        -moz-animation: text-slide-in .6s;
                        animation: text-slide-in .6s;
                    }
                }
            }
        }

        span {
            left: 50px;
            bottom: 50px;
            top: auto;
        }
    }

    .menuItem {
        bottom: 0;
        left: 30px;
        margin: 0;
        padding-top: 10px;
        padding-bottom: 90px;
        transform-origin: bottom left;
        transform: scale(0);
        -webkit-transition: -webkit-transform .3s, visibility 0s 0s;
        -moz-transition: -moz-transform .3s, visibility 0s 0s;
        transition: transform .3s, visibility 0s 0s;

        li {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;

            a {
                &:hover {
                    padding-left: 5px;
                }
            }
        }
    }
}

@keyframes text-slide-in {
    0% {
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px)
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@media only screen and (min-width: 280px) and (max-width: 768px) {
    .menu--bottom--left {
        .menuToggle {
            bottom: 15px;

        }
    }

    .contact-data-box-text {
        flex-direction: row;
        gap: 20px;
        justify-content: flex-start;
    }

    .contact-data-box-icon {
        width: 40px;
        height: 40px;
    }

    .contact-data-box-icon i,
    .contact-data-box-icon i.fa-mobile-phone {
        font-size: 20px;
    }

    .btn_menu a {
        margin-top: 20px;
    }

    #FormInputFields td:nth-child(2) {
        width: 20%;
    }

    #FormInputFields td .control-label {
        display: none;
    }

    .widget-title-border {

        background: #f16101;

    }

    .contact-btn-wraper {
        bottom: 120px !important;
        left: 0px;
    }

    #mobile-toolbar {
        display: none !important;
    }

    .campain_title h4 span {
        display: inline-block;
    }

    .category-link h2 {
        font-size: 11px !important;
        text-wrap: wrap;
    }

    #campain_2 h4 {
        color: #fff;
    }

    .tips {
        width: 100%;
    }

    .productitem {
        margin: unset !important;
    }

    .footermenu-container .from-box {
        display: block !important;
    }

    .footermenu-container .from-box button {
        height: 45px;
    }

    .footer_box .from-box input {
        width: 75% !important;
    }

    .footer_box h6,
    .contact-info {
        text-align: center;
    }

    .footer_box .widget-widgets-company-info-div {
        border-bottom: 1px solid #fff;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .widget-widgets-company-info-div.last {
        border-bottom: unset !important;
    }

    .off_timer {
        display: flex;
        flex-flow: row-reverse;
        justify-content: center;
    }

    .off_timer img {
        width: 25%;
        display: none !important;
    }

    #owl-carousel-tops .productitem .image-box {
        width: 75%;
        margin: 0 auto;
    }

    .title_box h3 {
        font-size: 18px;
        width: 70%;
        text-align: right;
    }

    .brands h3 {
        font-size: 18px;
        text-align: center;
    }

    .brands-link::after {
        content: ' ';
        width: 1px;
        height: 60px;
        background: #c6c6c6 !important;
        left: -7px !important;
        position: absolute;
        top: 7px;
    }

    .brands h3:before {
        right: 25% !important;
        top: -7px !important
    }

    #main {
        margin-top: 30px !important;
    }

    #owl-carousel-tops h3:before {
        right: 0px !important;
    }

    .title_box .btn_more {
        padding: 15px;
    }

    .footer-bg {
        height: 120px;
    }

    .category-link img {
        width: 100%;
        border-radius: 15px;
    }

    /* #search-box {
        overflow: hidden;
        background-color: transparent;
        position: fixed;
        top: 10px;
        width: 60% !important;
        right: 2.5% !important;
        z-index: 101;
    } */

    #search-input-box input,
    .search-input-box input {
        padding-left: 5px;
        padding-right: 10px;
    }

    /* #search-box button {
        background: none !important;
        width: 18px !important;
        margin-top: 1px;
        height: 18px !important;
        right: -6px;
        top: 3px;
    } */

    .fix-menu {
        /* position: fixed; */
        top: 20px;
        z-index: 101;
        width: 60%;
    }

    .marq {
        margin-top: -79px !important;
        z-index: 102;
        padding: 3px !important;
        font-size: 15px;

    }

    #search-box {
        width: 100% !important;
        right: 0 !important;
        direction: rtl;
        left: 0% !important;
        transform: translate(60%, -80%) !important;
    }

    .logo_img img {
        width: 50%;
        transform: translate(0%, 45%);
    }
    .category_product h5
    {
        font-size: 13px;
    }

    .more_title {
        text-align: center;
        direction: rtl;
    }

    .widget-widgets-company-info h4 {
        text-align: center;
    }

    .footer-bottom-content-copy p {
        text-align: right;
    }

    .campain_title h4,
    #category_product h3 {
        font-size: 14px;
    }

    #owl-carousel-tops .productitem {
        border-bottom: unset !important;
    }

    .btn_menu a {
        padding: 5px 10px !important;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
    .sticky.style-two .header-button {
        margin: unset !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .dreamit_nav_manu {
        display: block !important;
    }

    #main {
        margin-top: 100px !important;
    }

    .dreamit_menu ul {
        margin-left: 10px !important;
    }

    .btn_menu a {
        padding: 7px 5px !important;
        font-size: 12px !important;
    }

    #search-box {
        background-color: #f0f0f1 !important;
        padding: 5px 10px !important;
    }

    .dreamit_menu>ul.user_nav_scroll>li>a i.fa-sign-in {
        display: none;
    }

    .dreamit_menu>ul.user_nav_scroll>li>a {
        padding: 10px 5px;
        font-size: 12px;
    }
}