/*============================================

NOTE:
-----
Please DO NOT EDIT THIS CSS, you may need to use "custom.css" file for writing your custom css.
We may release future updates so it will overwrite this file. it's better and safer to use "custom.css".

=============================================*/

/* Color Switcher */
.ColorSwitcher {
    left: auto;
    right: -260px;
    transition: right .2s;
}

.ColorSwitcher--open {
    right: 0;
}

.ColorSwitcher__control {
    left: -40px;
    right: 0;
    box-shadow: -5px 0 7px rgba(0, 0, 0, .15);
    position: absolute;
}

/* Default classes */
.parsley-errors-list {
    left: auto;
    right: 0;
}

/* Animations */
@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/* Header and another*/
.slide-content h3 {
    padding-right: 42px;
}

.slide-content h3:before {
    left: auto;
    right: 0px;
}

.single-theme-feature i {
    margin-right: 0;
    margin-left: 8px;
}

.no-found .theme-input-style {
    margin-right: -10px;
}

.btn-icon i {
    margin-right: 0px;
}

.social-icons.social-icons-light {
    float: right;
}

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

.theme-list-style li:before {
    margin-left: 10px;
    float: right;
}

.post-meta {
    justify-content: flex-end;
    padding-left: 0;
}

.app-info ul.nav {
    justify-content: flex-end;
}

.single-faq > .h5 {
    padding-right: 15px;
    padding-left: 0;
}

.single-faq > .h5:before {
    content: '\f104';
    right: 0;
}

.faq-answer {
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 0;
}

.page-title ul {
    float: right;
}

.single-faq-wrap > .h4 span {
    float: left;
}

.social-icons.social-icons-light {
    padding-left: 0;
    margin-bottom: 30px;
}

.single-sidebar-widget .single-product {
    justify-content: flex-end;
}

.tagcloud ul {
    justify-content: flex-end;
}

.shop--product-slider .swiper-button-prev span,
.shop--product-slider .swiper-button-next span {
    position: absolute;
}

.cupon-show,
.returning-show {
    padding-right: 50px;
}

.form-checkbox .form-check-input {
    position: absolute;
    margin-top: 3px;
    left: -17px;
}

.submit-returning {
    width: 100%;
    padding-right: 15px;
    padding-left: 0;
}

.shop-payment-method .payment-list p {
    padding: 5px 14px 31px 14px;
}

/* Responsive fix */
@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
    .header-menu ul, .header-menu ul ul, .header-menu ul ul ul, .header-menu > ul, .header-menu.align-center > ul, .header-menu > ul > li > ul, .header-menu > ul > li:hover > ul, .header-menu ul ul li:hover > ul {
        text-align: right;
    }

    .header-menu .submenu-button {
        right: auto;
        left: 0;
        border-left: 0;
        border-right: 1px solid rgba(120, 120, 120, 0.2);
    }

    .header-menu ul ul li a {
        padding-left: 15px !important;
        padding-right: 30px !important;
    }

    .header-menu ul ul ul li a {
        padding-left: 15px !important;
        padding-right: 45px !important;
    }

    .header-menu > ul > li + li {
        margin-right: 0;
    }

    .header-menu ul ul > li:hover > ul {
        right: 0;
    }

    .header-menu {
        text-align: left;
    }

    .header-top-settings {
        padding-left: 0;
    }

    .header-top-info {
        padding-left: 0;
    }
}

@media (max-width: 767.98px) {
    .contry-headig-list {
        width: 196%;
    }

    ul.country-list {
        width: 192%;
    }
}

@media (max-width: 575.98px) {
    .header-menu {
        text-align: left;
    }
}