

.footer-top-rw{
    background: #f8f8f8;
    border: 1px solid #f1f1f1;
}
.footerlink-list{
    margin:0;
    padding:0px;
    li{
        display: inline-block;
        vertical-align: top;
        padding: 0 20px;
        width: 40%;
        span {
            font-weight: $font-weight-medium;
            font-size: 14px;
            color: $white;
            padding-bottom: 10px; 
            display: block;
            text-transform: uppercase;
        }
        span,a {
            color: $white;
        }
        ul{
            margin:0;
            padding:0;
            li{
                display: block;
                width: 100%;
                margin:0  0 7px 0;
                padding:0; 
            }
            span,a {
                &:hover {
                    text-decoration: underline !important;
                }
            }
        }
        &:first-child {
          padding-left: 0;
        }
    }
    > li {
        > a {
            font-weight: $font-weight-bold;
            font-size: 14px;
            text-transform: uppercase;
            padding-bottom:25px;
            display: block;
        }
    }
    li.loginregister ul{
        margin:0;padding:0;
        li {
            display: inline-block;
            width: auto;
            padding: 0!important;
            margin: 0;
            &.separator {
                margin: 0 5px;
                span{padding:0}
            }
        }
    }
   
}
.logoOnFooter {
    .ar {
        display: none;
    }
}
.subscription-blk{
    border-radius: 3px;
    display: inline-block;
    position: relative;
    h5{
        font-weight: $font-weight-medium;
        font-size: 14px;
        color: $white;
        padding-bottom: 10px;
    } 
    p{ 
        font-size:12px;
        color: $white;
    }
    .message_validation{
        left: 12px;
        position: absolute;
        bottom: -17px;
        font-size: 12px;
        color: $white;
    }

    .subscribBtn{
        // border-radius: 0 25px 25px 0;
    }

    .form-control{
        // border-radius: 25px 0 0 25px;
        border: none;
    }
    a:hover{
        color: darken($white,20%);
    }
  
}

.trademark-list {
    border-top: 1px solid lighten($primary, 10%);
    border-bottom: 1px solid lighten($primary, 10%);
    display: table;
    width: 100%;
    li {
        display: inline-block;
        vertical-align: middle;
    }
}
.footer_cms_links {
    padding: 0;
    margin-bottom: 0;
    li {
        display: inline-block;
        padding: 0 10px;
        line-height: 1;
        border-right: 1px solid $white;
        margin: 7px 0;
        &:last-child {
            border-right: 0;
        }
        a {
            color: $white;
        }
    }
}

.footer-store{
    background-color: #f6f6f5;
    text-align: center;
    padding:30px 10px;
    border-bottom:1px solid #dadad9;
    border-top:1px solid #dadad9;
    position: relative;
    font-size:16px;
    color: lighten($dark, 60%);

}
.bottombox{
    p{
       font-size:13px;
       color:lighten($dark, 60%);
        
    }
}
.share-section{
    h5{
        text-transform: uppercase;
        font-size: 13px;
        color:#494949;
        font-weight: $font-weight-bold;
        padding-bottom:25px;
    }
    .social-icon{
        padding-top: 15px;
        a{
            font-size:13px;
            display: inline-block;
            color: $white; 
            width: 25px;
            height: 25px;
            line-height: 25px;
            border-radius: 50%;
            // background: lighten($dark, 60%);
            text-align: center;
            position: relative;
            margin-right: 7px;
            &.fb {background-color: #415a99;}
            &.tw {background-color: #00caff;}
            &.gp {background-color: #da4735;}
            &:last-child {
                margin-right: 0;
            }
            &:before {
                position: absolute;
                left: 0;
                right: 0;
            }
            &:hover{
                color: $white;
                &.fb {background-color: #2f4377;}
                &.tw {background-color: #0296bd;}
                &.gp {background-color: #a03224;}
            }
            &.icon-rss,&.icon-youtube,&.icon-instagram-fill{
                font-size: 25px;
                &:hover{
                    opacity: 0.8;
                }
            }
        }
        
    }
}
.footer-top-rw {

    ul{
        li{
            padding: 30px 0;
            &:last-child{
                border:none;
            }

                i {
                font-size: 40px;
                color: $dark;
                position: absolute;
                left: 0;
            }
        }
    }
}

.fbox {
    display: inline-block;
    position: relative;
    padding-left: 45px;
}

.text-detail{
    display: inline-block;
    width: 200px;
    color:lighten($dark, 60%);
    text-align: left;
    margin-left:10px;
    h4{
        font-size: 16px;
        color: $dark;
        font-weight: $font-weight-medium;
    }
    p{
        font-size: 12px;
        padding: 0;
        min-height: 34px;
    }
}

.co-rg-txt{
    color: lighten($dark, 60%);
    font-size: 13px;
    a{
       color: lighten($dark, 60%);
    }
}
.back-top {
    background: $dark;
    position: fixed;
    bottom: 40px !important; 
    color: $white;
    right: 15px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    -webkit-transform: translate(0, 150px);
    -ms-transform: translate(0, 150px);
    -o-transform: translate(0, 150px);
    transform: translate(0, 150px);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    z-index: 999;
    &.jumpup {
        -webkit-transform: translate(0, -35px);
        -ms-transform: translate(0, -35px);
        -o-transform: translate(0, -35px);
        transform: translate(0, -35px);
    }
    &.transition5s {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
    .icon-arrow-top:before{
        line-height: 40px;
    }
}
.footer-txt-link {
    a {
        color: $white;
        &:hover {
            text-decoration: underline !important;
        }
    }
}
#submitCityEmail {
    &:hover {
        background-color: #a60000;
    }
}
.foot-ico {
    background: url('../images/footer-ico.png') no-repeat;
    // background-size: 100%;
    display: inline-block;
    height: 48px;
    &.visa {
        width: 80px;
        background-position: -228px -47px;
    }
    &.mastercard {
        width: 80px;
        background-position: -228px 0;
    }
    &.installments {
        width: 130px;
        background-position: 0 3px;
    }
    &.cod {
        width: 86px;
        background-position: -0px -89px;
    }
    &.saddad {
        width: 110px;
        background-position: -119px -46px;
    }
    &.paypal {
        width: 110px;
        background-position: -3px -42px;
    }
}
.footerContacts{
    a:hover,a{
        color: $white;
    }
}
.rtl {
    .foot-ico {
        &.installments {
            width: 110px;
            background-position: -122px 3px;
        }
        &.cod {
            width: 86px;
            background-position: -81px -89px;

        }
    }
}

@include media-breakpoint-down(md) {
    .footerBottom {
        margin-top: 30px;
    }

    .footer-top-rw{
        border-width: 1px 0;
        ul{
            li{

                i {
                    font-size: 32px;
                }
            }
        }
    }

    .text-detail{
        width: 185px; 
    }

    .fbox{
        padding-left: 25px; 
    }

    .footerlink-list{
        li{
            &:first-child {
                padding-left:0;
            }
        }
    }
    .bottombox {
        padding: 10px;
    }
    .callus {
        padding: 10px 10px 10px 0;
        // margin-top: 15px;
        // border-top: 1px solid $table-border-color;
        .icon-phone:before {
            font-size: 18px;
            vertical-align: bottom;
            margin-right: 5px;
        }
    }
    .footer-store, .panel-collapse {
        background-color: $white;
    }
    .subscription-blk {
        margin: 15px 0;
    }
}
.subscribBtn {
 height: 36px;
 background: $secondary;
 color: $white;
}
@include media-breakpoint-down(sm) {
    .footer-top-rw{
        padding-bottom: 30px;
        border-width: 1px 0;
        ul{
            li{
                padding-bottom: 0;
            }
        }
    }
    .footer-store {
        p {
            font-size: 14px;
            margin-bottom: 5px;
        }
    }

    .footerBottom{
        margin-top: 0;
    }

    .fbox {
        padding-left: 35px;
    }
    .subscription-blk {
        margin: 0;
    }
}
@media only screen and (max-width: 600px) {
    .footerlink-list{
        li{
            width: 100%;
            padding: 0;
            margin-bottom: 8px; 
            a, span {
                padding-bottom: 10px;
                cursor: pointer;
                &.head-txt{
                    cursor:pointer;
                }
                &:after {
                    content: "\e919";
                    float: right;
                    font-family: 'icomoon' !important;
                    @include transition(all 0.3s ease);
                    margin-right: 10px; 
                }
                &.actv {
                    &:after { 
                        transform:rotate(90deg);
                    }
                }
            }
            &.no-child {
                a, span {
                    &:after {
                        content: "";
                    }
                } 
            }
            ul {
                display: none;
                padding: 0 0 15px 0;
                li {
                    margin-bottom: 8px;
                }
            }
        }
    }
}
@include media-breakpoint-between(sm, md) {
.text-detail,.footer-top-rw ul li {text-align: center;max-height: 150px;}
.footer-top-rw{
        border-width: 1px 0;
        ul{
            li{
                border-right:1px solid #d8d8d7;
            }
        }
    }
.footer-top-rw ul li .sprite-bf {display: block;}
}

@include media-breakpoint-down(lg) {
    .footer-top-rw{
        margin:10px 0;
        border-width: 1px 0;
        ul{
            li{
                text-align: center;
                border-right: 1px solid #f1f1f1;
            } 
        }
    }
}