/* 8. footer */
/*-------------------------------------
    Footer
        - Footer top
        - Footer middle
        - Footer bottom
        - Copyright
        - Widget newsletter
        - Sticky Footer
--------------------------------------*/
.footer {
    font-family: IRANSansfanum;
    font-size: 1.3rem;
    background: #f8f8f8;
}
.footer a {
    color: #666;
}
.footer a:hover, .footer a:active, .footer a.active {
    color: #336699;
}
.footer.footer-dark a:hover, .footer.footer-dark a:active, .footer.footer-dark a.active {
    color: #fff;
}
.footer p {
    font-size: inherit;
}
.footer .category-name {
    font-weight: 600;
    font-size: 1.4rem;
    color: #666;
    line-height: 1;
    letter-spacing: 0;
    padding-left: 2rem;
    margin-bottom: 1rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.footer .category-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer .category-box:not(:last-child) {
    margin-bottom: 1.4rem;
}
.footer .category-box a {
    font-weight: normal;
    font-size: 1.3rem;
    letter-spacing: 0;
    color: #666;
    line-height: 1;
    margin-bottom: 1rem;
    position: relative;
}
.footer .category-box a:hover, .footer .category-box a:active, .footer .category-box a:focus {
    color: #336699;
}
.footer .category-box a:last-child::before {
    width: 100%;
}
.footer .category-box a::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 13px;
    border-right: 1px solid #ccc;
    margin: 0px 1rem 0 0.9rem;
    vertical-align: bottom;
}
.footer .category-box a:last-child::after {
    content: none;
}
.footer .social-icons-colored .social-icon {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-footer, .logo-footer img {
    display: block;
}

.footer-newsletter {
    padding: 2.8rem 0;
}
.footer-newsletter .icon-box-side {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}
.footer-newsletter .icon-box-title {
    margin-bottom: 0.2rem;
    font-size: 1.6rem;
}
.footer-newsletter .icon-box-icon {
    margin-left: 2rem;
    margin-bottom: 0.4rem;
}
.footer-newsletter .icon-box-icon i {
    font-size: 4.7rem;
}
.footer-newsletter .icon-box-content p {
    line-height: 1.6;
}
.footer-newsletter .input-wrapper-inline {
    max-width: 100%;
}
.footer-newsletter .btn {
    padding: 0.93em 1.85em;
}
.footer-newsletter .btn i {
    margin: -0.2rem 0.9rem 0 0;
    font-size: 1.6rem;
}

.footer-top {
    padding: 6.8rem 0 0.8rem;
    border-bottom: 1px solid #eee;
}
.footer-top .widget {
    margin-bottom: 4rem;
}
.footer-top .widget-title {
    padding: 0 0 0.6rem 0;
    margin-bottom: 2rem;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
    color: #333;
    border: none;
    cursor: text;
}
.footer-top .widget-body {
    padding: 0;
    color: #666;
}
.footer-top .widget-body li {
    line-height: 1.2;
    margin-bottom: 1.5rem;
}

.footer-middle {
    padding: 4.5rem 0 3.8rem;
    border-bottom: 1px solid #eee;
}

.footer-bottom {
    padding: 3rem 0;
    color: #666;
}
.footer-bottom,
.footer-bottom .container,
.footer-bottom .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer-bottom .footer-left,
.footer-bottom .footer-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.footer-bottom .footer-right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.footer .widget-about {
    margin-top: 0.2rem;
}
.footer .widget-about .logo-footer {
    margin-bottom: 1rem;
}
.footer .widget-about .widget-about-title {
    line-height: 2.1;
    margin-bottom: 1rem;
    color: #333;
    font-weight: 500;
}
.footer .widget-about .widget-about-call {
    display: block;
    color: #333;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0.9rem;
}
.footer .widget-about .widget-about-call:hover {
    color: #336699;
}
.footer .widget-about .widget-about-desc {
    line-height: 2.15;
    margin-bottom: 2.1rem;
    max-width: 28rem;
}

.footer .copyright {
    font-size: 1.3rem;
    line-height: 1.92;
    margin-bottom: 0;
    text-align: center;
}

.payment img {
    display: block;
}

.payment-label {
    margin-left: 2rem;
}

.sticky-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 4rem;
    background: #fff;
}
.sticky-footer > * {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.sticky-footer .cart-dropdown {
    position: relative;
}
.sticky-footer .cart-dropdown .dropdown-box {
    top: auto;
    bottom: 100%;
    left: 0;
    min-width: 34rem;
    padding: 2rem 3rem 3rem;
    margin-bottom: 2.1rem;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s;
    transition: transform 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;
}
.sticky-footer .cart-dropdown:hover .dropdown-box {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.sticky-footer .products {
    border: none;
}
.sticky-footer .product-name a {
    padding: 0;
}
.sticky-footer .cart-total {
    padding-top: 1rem;
}

.sticky-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
    margin: 1.4rem 0 1.3rem;
}
.sticky-link i, .cart-dropdown .sticky-link i {
    font-size: 2.3rem;
    color: #666;
}
.sticky-link p {
    margin-top: 0.9rem;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}
.sticky-link.search-toggle p {
    margin-top: 1rem;
}
.sticky-link:hover {
    color: #336699;
}
.sticky-link:hover i {
    color: inherit;
}

.footer-dark {
    background-color: #222;
}
.footer-dark .footer-top,
.footer-dark .footer-middle,
.footer-dark .category-box a::after {
    border-color: #454545;
}
.footer-dark a,
.footer-dark .widget-about .widget-about-title,
.footer-dark .category-name {
    color: #999;
}
.footer-dark .widget-about .widget-about-call,
.footer-dark .widget-title {
    color: #fff;
}

@media (min-width: 992px) {
    .footer-top .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 22.22%;
        flex: 0 0 22.22%;
        max-width: 22.22%;
    }
}
@media (min-width: 768px) {
    .sticky-footer {
        display: none;
    }
}
@media (max-width: 991px) {
    .footer-top {
        padding-bottom: 2.7rem;
    }

    .footer-middle .category-box a:first-child {
        margin-right: 0;
    }

    .footer-newsletter .icon-box-side {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media (max-width: 767px) {
    .footer-newsletter .icon-box-icon {
        margin-left: 0;
    }

    .footer-bottom,
    .footer-bottom > .container {
        display: block;
    }
    .footer-bottom .footer-left,
    .footer-bottom .footer-right {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .footer-bottom .footer-left {
        margin-bottom: 0.2rem;
    }
    .footer-bottom .footer-right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .footer-bottom .payment-label {
        margin: 0 0 1rem 0;
    }
}
@media (max-width: 479px) {
    .sticky-footer {
        padding: 0;
    }
    .sticky-footer .hs-toggle .input-wrapper {
        left: 1rem;
    }
    .sticky-footer .cart-dropdown .dropdown-box {
        min-width: 30rem;
        left: -5.4rem;
    }

    .footer-newsletter .icon-box-side {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .footer-newsletter .icon-box-icon {
        margin: 0 0 2rem;
    }
    .footer-newsletter .icon-box-content {
        text-align: center;
    }
    .footer-newsletter .form-control {
        text-align: center;
    }
    .footer-newsletter .input-wrapper-inline {
        display: block;
        text-align: center;
    }
    .footer-newsletter .btn {
        margin-top: 2rem;
    }
}
