/*===============================================
    [SASS DIRECTORY ]
    
    [1] 
==============================================*/

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


.sohomepage-slider .so-homeslider{border: none; z-index: 0;}

.container-fluid .container{
    padding-left: 15px;
    padding-right: 15px;
}


#main-content,#content{margin-bottom: 30px;}

.common-home{
    
    
}

/*====================== mod title ========================*/
.layout-3.common-home #content{
    margin-bottom: 0;
    .label-product-new,
    .label-product-sale  {
        text-align: center; 
        background-color: $linkColor;
        border-radius: 50%;
        color: #fff;
        display: block;
        @include rem(font-size,12px);
        font-weight: 500;
        width: 43px;
        height: 43px;
        line-height: 43px;
        position: absolute;
        top: 15px;    
        text-transform: uppercase;        
        z-index: 2;
        padding: 0;
        margin-bottom: 5px;
    }
         
    .label-product-sale{
        background-color: $background;
        #{$right}: 15px;
    }
    .label-product-new{
        background-color: #53d542;
        #{$left}: 15px; 
    }
    .row-image{
        margin: 0;
    }
    .module{
        h3.modtitle{
            font-size: 28px;
            color: #222;
            font-weight: 700;
            text-transform: uppercase;
            margin-top: 0;
            margin-bottom: 10px;
            text-align: center;
           
            span{
                font-size: 28px;
                color: #222;
                font-weight: 700;
                text-transform: uppercase;
            }
        }
        .form-group{
            text-align: center;
            font-size: 14px; color: #999; font-style: italic;
        }
    }

    .products-list .product-layout.product-grid3{
        .product-item-container{
            position: relative;
            .left-block{
                position: relative;
                &:before{
                    position: absolute; content: ""; top: 0; left: 0;
                    width: 100%; height: 100%;
                    background-color: rgba(0,0,0,0.1);
                    @include effect-block-hide();
                }
                .button-group{
                    @media (min-width: 1200px){
                        width: 153px;
                    }
                    background-color: darken($background,10%);
                    width: 122px; height: 35px; border-radius: 18px;
                    padding: 0 5px;
                    position: absolute;
                    top: 40%; #{$left}: 50%; transform: translate(-50%,-50%);
                    @include if-rtl {
                        transform: translate(50%,-50%);
                    }
                    @include effect-block-hide();
                    .btn-button{
                        border: none;
                        display: inline-block !important;                                            
                        padding: 0;
                        background-color: transparent;                  
                        color: #fff;
                        width: 33px;
                        height: 35px;
                        line-height: 33px; 
                        text-align: center;  
                        margin: 0;  
                        font-size: 14px;  
                        position: relative;
                        text-align: center;
                        i{
                            width: 33px;
                        height: 35px;
                        line-height: 33px; 
                        }
                        &:before{
                            position: absolute; content: "";
                            width: 1px; height: 14px;
                            background-color: rgba(255,255,255,0.3);
                            top: 11px; #{$left}: 0;
                        }
                        span{
                            display: none;
                        }
                        &:hover{
                            color: #222;
                        }
                        &.addToCart{
                            &:before{ display: none; }
                        }
                    }
                }
            }
            .right-block{
                text-align: $right;
                position: absolute;
                bottom: 10px; #{$right}: 20px;
                h4{  @include effect-block-hide();
                    margin: 0;
                    a{
                        font-weight: 700; color: #222; text-transform: uppercase; font-size: 14px;
                        &:hover{
                            color: darken($background,10%);
                        }
                    }
                } 

            }
            &:hover{
                .left-block{
                    &:before{
                        @include effect-block-show();
                    }
                    .button-group{
                        top: 50%; 
                        @include effect-block-show();
                    }
                }
                .right-block h4{  @include effect-block-show();}
            }
        }
    }
}


/************************************************************************************************
    MODULE HOME SLIDER  
*************************************************************************************************/
.sohomepage-slider .so-homeslider .owl2-nav div::before,
.sohomepage-slider .so-homeslider .owl2-nav div:hover:before{
    background-color: transparent !important;
}

.module.sohomepage-slider{
    margin: 0;
    z-index: 0;
    .form-group{
        margin-bottom: 0;
    }
    .so-homeslider{
         border: none;
        img{
            width: auto;
        }
        &:hover{
            .owl2-controls .owl2-nav{
                .owl2-next,
                .owl2-prev{
                    @include transform(scale(1));
                    opacity: 1;
                    @include transition(all 0.2s ease-in-out 0s);  
                }
            }
        }
    }
    .owl2-controls{
        height: 0;
        .owl2-nav{
            .owl2-next,
            .owl2-prev{
                font-size: 0px;
                z-index: 99;
                width: 44px;
                height: 44px;
                line-height: 42px;
                text-align: center;
                border-radius: 0;
                top: 50%;
                margin-top: -22px;
                text-indent: -999em;
                display: block;
                background-color: transparent;
                border: none;
                @include transform(scale(0));
                opacity: 0;
                @include transition(all 0.2s ease-in-out 0s);  
                &:after{display: none;}
                &:before{
                    font-size: 70px;
                    color: #c8c8c8; opacity: 1;
                    font-family: 'FontAwesome';
                    display: block;
                    text-indent: 0 !important;
                    width: 44px;
                    height: 50px;
                    line-height: 42px;
                }
                &:hover{
                    &:before{
                        color: $background;
                    }
                }
            }
            .owl2-next{
                #{$right}: 70px;
                #{$left}: auto;
                &:before{
                    @include if-ltr{             
                        content: "\f105"; 
                    }  
                    @include if-rtl {
                        content: "\f104"; 
                    }  
                }
            }
            .owl2-prev{
                #{$left}: 70px;
                #{$right}: auto;
                &:before{
                  @include if-ltr{             
                    content: "\f104"; 
                  }  
                  @include if-rtl {
                    content: "\f105"; 
                  }  
                }
            }

        }
        .owl2-dots{
            bottom: 20px;
            position: static;
            left: auto;
            right: auto;
            width: 100%;
            display: inline-block;
            text-align: center;
            position: relative;
            top: -35px;
            z-index: 10;
            .owl2-dot {
              background: #222 !important;
              margin: 0 5px;
              width: 12px;
              height: 12px;
              padding: 0;
              transition: all 0.3s ease 0s;
              border-radius: 50%;
              float: none;
              display: inline-block;
              span {
                background: #fff;
                display: block;
                width: 100%;
                height: 100%;          
                border-radius: 50%;
                -webkit-border-radius: 50%;
                margin: 0;
              }
              &:hover,
              &.active {
                background: $background !important;   
                span {
                  box-shadow: none;
                  -webkit-box-shadow: none;
                  background: $background !important; 
                }
              }
            }

        } 
    }

}


/************************************************************************************************
    SHORTCODE HTML 
*************************************************************************************************/
    

.banners1{
    margin: 10px 0;
    .row{
        margin: 0 -5px;
        .col-lg-6{padding: 0 5px;}
    }
}

.box-banner{
	margin-bottom: 75px;
    ul{
       display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;
        img{max-width: none;}
        li{width: 33.333%;position: relative; overflow: hidden;
            transition: 0.2s all ease-in-out 0s;
            float: left;
            &:before{
                background-color: rgba(0,0,0,0.3) ;
                position: absolute; content: "";
                width: 100%;
                height: 100%;
                top: 0; left: 0;
            }     
        }
        .active{width: 50%;
            &:before{ display: none; }
        }
    }
}


/*== Block policy ==*/
.block-policy1{
    padding: 45px 0;
    ul{
        display: inline-block; width: 100%;
        margin: 0 -10px;
        li{
            float: $left;
            padding: 0 10px;
            text-align: center;
            width: 25%;
            .item-inner{
               
                &:hover{
                    .content{
                        h2,span{
                            color: $linkColor;
                        }
                    }
                    
                }
   
                .content{
                    float: $left;
                    text-align: $left;
                    position: relative;
                    padding-#{$left}: 55px;
                    &:before{
                        background: url(#{$imgPath}icon/promotion.png) no-repeat center center; 
                        width: 50px;
                        height: 50px;
                        top: 0;
                        #{$left}: 0px;
                        position: absolute; content: "";
                    }
                    h2{
                        color: #222;
                        font-weight: 500;
                        text-transform: uppercase;
                        font-size: 14px;
                        margin: 0;
                        &:hover{
                            color: $linkColor;
                        }
                    }
                    span{
                        line-height: 100%;
                        margin: 0;        
                        display: inline-block;
                        width: 100%;
                        font-size: 13px; color: #999;
                    }
                }
            }
          
            &.item-1{
                .item-inner{
                    .content{
                        padding-#{$left}: 65px;
                        &:before{
                            background-position: 0px 0px;
                        }
                    }
                }
            }
            &.item-2{
                .item-inner{
                    .content{
                        &:before{
                            background-position: -140px 0px;
                        }
                    }
                }
            }
            &.item-3{
                .item-inner{
                    .content{
                        &:before{
                            background-position: -280px 0px;
                        }
                    }
                }
            }
            &.item-4{
                .item-inner{
                    .content{
                        &:before{
                            background-position: -430px 0px;
                        }
                    }
                }
            }
        }
    }
}


/************************************************************************************************
    MODULE SO CATEGORIES
*************************************************************************************************/

.common-home .so-categories{
    margin: 0 -25px;
    position: relative;
    padding: 0 25px;
    .owl2-carousel .owl2-item img{
        transform-style: unset;
    }
    .form-group{
        margin-bottom: 0;
    }
    .owl2-controls{
        .owl2-nav{                        
            > div{
                z-index: 99;
                position: absolute;
                top: 50%;
                margin-top: -10px;
                background: url(#{$imgPath}icon/next-prev3.png) no-repeat ;
                width: 30px; height: 20px;
                opacity: 0.5;
                &.owl2-prev{
                    background-position: 0 0;
                    left: 30px;
                }
                &.owl2-next{
                    background-position: -100px 0;
                    right: 30px;
                }
                &:hover{
                    opacity: 1;
                }
            }
        }

    }

    .cat-wrap{
        position: relative;

        direction: ltr;
        .owl2-stage-outer{
            overflow: unset;
        }
        .content-box{
            width: 100%;
            padding: 0;
            margin: 0 0 10px 0;            
            text-align: center;
            position: relative;
            &:hover{
                
                .cat-title a{
                    color: #fff;
                }
            }
            .image-cat{
                img{
                    border: none;
                    &:hover{
                        opacity: 1;
                        transform: scale(1);
                    }
                }
                a{
                    @include hover-image-effect();
                }
                    
            }
            .cat-title{
                position: absolute;
                bottom: 0; #{$left}: 0; 
                display: inline-block; width: 100%;
                margin-top: 15px;
                margin-bottom: 15px;
                padding-top: 0; text-align: center;
                z-index: 2;
                p{
                    font-size: 16px; color: #999; font-style: italic; margin-top: 3px;
                }
                a{
                    text-transform: uppercase;
                    color: #222;
                    font-weight: 700;
                    font-size: 16px;
                    &:hover{
                        color: $linkColor; 
                        
                    }
                }
            }

        }
    }
} 

/************************************************************************************************
    MODULE EXTRA SLIDER
*************************************************************************************************/


// EXTRA SLIDER FULL GRID
.extra-full{
    .so-extraslider{
        position: relative;
        margin: 30px 0 20px 0;
        .extraslider-inner{
            margin: 0;
        }
        .products-list .product-layout{
            margin-bottom: 30px;
        }
        .owl2-controls{
            .owl2-nav{
           
                @include owl2-nav-style1(40px,50px,#999,$background);                 
        
                > div{
                    @include transform(scale(0));
                    opacity: 0;
                    @include transition(all 0.2s ease-in-out 0s);  
                   
                }
            }
        }
        &:hover{
            .owl2-controls .owl2-nav{
                > div{
                    @include transform(scale(1));
                    opacity: 1;
                    @include transition(all 0.2s ease-in-out 0s);
                }
            }
        }
    }
}

/************************************************************************************************
    MODULE DEALS
*************************************************************************************************/
.layout-3.common-home #content .module.slick-layout3 .form-group,
.layout-3.common-home #content .module.slick-layout3 h3.modtitle,
.layout-3.common-home #content .module.deals-layout3 h3.modtitle{
    text-align: $left;
}

.so-deal .extraslider-inner{
    border: none;
}

.deals-layout3{
    background-color: #f8f8f8; padding: 70px 60px 0 60px; position: relative; margin-top: 30px; margin-bottom: 75px;
	h3.modtitle{
		position: absolute;
		top: 70px;
		#{$left}: 60px;
	}
    .so-deal{
        margin: 0; 
        .owl2-nav{
            @include owl2-nav-style1(40px,50px,#999,$background);                         
        }
        .owl2-controls{
            .owl2-dots{
                width: 30px;
                position: absolute; z-index: 99;
                top: 40%;
                #{$right}: 45px;
                .owl2-dot {
                  background: #f8f8f8 !important;
                  margin: 10px 5px;
                  width: 16px;
                  height: 16px;
                  padding: 2px;
                  transition: all 0.3s ease 0s;
                  border-radius: 50%;
                  float: none;
                  display: block; 
                  border: 1px solid transparent;     
                  span {
                    background: #c8c8c8 !important;
                        width: 10px;
                      height: 10px;
                      padding: 0;
                      transition: all 0.3s ease 0s;
                      border-radius: 50%;
                      float: none;
                      display: block; 
                  }
                  &:hover,
                  &.active {
                    border: 1px solid #c8c8c8;  
                    
                  }
                }
            }
        }
        
        .extraslider-inner{ margin-bottom: 0; padding-bottom: 0;
            .item{
                .product-item-container{ background-color: transparent; margin: 0;
                    .button-group{
                        position: static;
                        @include effect-block-show();
                        text-align: $left;
                        .btn-button{
                            margin: 0;
                        }
                    }
                    .right-block{
                        width: 50%; float: $left;
                        text-align: $left;
                        padding: 37px 0 0 0;
                        .price{
                            @include effect-block-show(); margin-bottom: 15px;
                        }
                        .price .price-new, .price span.price{
                            font-size: 20px;
                        }
                        .price .price-old{
                            font-size: 16px;
                        }
                        h4{ margin-bottom: 13px;
							a{ font-size: 14px; text-transform: uppercase; font-weight: 700; color: #222;
								&:hover{
									color: $linkColor;
								}
							}
						}
						
                        p{
                            font-size: 12px; color: #666; margin-bottom: 0;
                        }
                    }
                    .left-block{
                        .product-image-container{
                            margin: 0 40px;

                        }
                    }
                    &:hover{
                        .right-block .price{
                            @include effect-block-show();
                        }
                    }
                } 
            }
            .item-time-w{
                clear: both;
                margin-top: 10px;  margin-bottom: 27px;  
            }
            .product-thumb .caption .item-time{
                margin: 0;
            }
            .item-timer{
                background-color: transparent;
                float: none; padding-#{$left}: 10px;
                .time-item{
                    background-color: transparent;
                    line-height: 100%;
                    float: none;
                    display: inline-block;
                    text-align: $left;
                    width: auto;
                    margin: side-values(0 50px 0 0);
                    position: relative; border: none;
                    &:before{
                        position: absolute;
                        content: "";           
                        width: 2px; height: 41px; background-color: #c8c8c8;
                        top: 5px;
                        #{$left}: -9px;
                    }
                    
                    .num-time{
                        border: none;
                        font-size: 24px;
                        color: #222;
                        font-weight: 700;
                        position: relative;               
                    }
                    .name-time{
                        color: #666;
                        font-size: 16px;
                        font-weight: 400;            
                        margin-top: 10px;
                    }
                    &.time-sec{
                        .num-time{
                           
                        }
                    }
                }
            }
         
        }
    }
} 

// SLICK
.so-deals-slick .deals-nav .slick-prev{
    border-#{$left}: none;
}

.slick-layout3 .so-deals-slick.slick-vertical{
    direction: ltr;
    position: relative;
    .deals-nav{
        border: none;
        padding: 0;
        margin: 0;
        border-radius: 0;

        .slick-prev,
        .slick-next{
            float: $left;
            width: 120px;
          height: 30px;
          line-height: 30px;
          text-align: center;
          text-indent: -9999px;
          overflow: hidden;
          cursor: pointer;
          background-color: #fff;
          position: absolute; #{$right}: 0;
          display: inline-block;
          border: none;
          border-radius: 0;
          z-index: 99;
          opacity: 1;
          padding: 0;
          &:before{
            opacity: 1;
            color: #888;
            font-weight: 400;
            font-family: $FontAwesome;
            position: absolute;
            top: 0;
            #{$left}: 0;
            display: inline-block;
            text-indent: 0;
            width: 100%;
            height: 100%;
            font-size: 28px;      
          }
          &.slick-next{
            border-#{$left}: none; top: 0;
            &:before{
                    
                content: "\f106"; 
             
               
            }
          }
          &.slick-prev{
            bottom: 10px;
            &:before{
                          
                content: "\f107"; 
             
             
            }
          }
          &:hover{
                        
            &:before{
              color: $linkColor;
            }
          } 
        }
    }
    
    .deals-content{
        border: none;
        border-radius: 0; margin-top: 35px;
    }
    .ds-items-detail{
        margin-#{$left}: 0;
        margin-#{$right}: 135px;
    }
    .ds-items{ 
        padding: 30px 0;
        width: 120px;
        float: $right;
        .ds-item{
            border: 2px solid transparent;
            .ds-item-inner{                
                margin: side-values(6px 0 0px 0px);
                .ds-image-thumb{
                    img{
                        border: 1px solid #e5e5e5;
                        width: 100%;
                        border-radius: 0;
                        display: block;
                        padding: 0;
                    }
                }
            }
            &:hover,
            &.slick-current{
                outline: none;
                .ds-item-inner{
                    .ds-image-thumb img{ border-color: $linkColor; }
                }
            }
        }
    }
    .ds-items-detail{

    }
    .deals-content{
        .item{
            .product-thumb{
                position: relative;
                padding-#{$right}: 0px;
                display: inline-block;
                text-align: $right;
                .image{
                    position: relative;
                    width: 100%;
                    float: $left;
                    margin: 0;
                    img{
                        width: 100%;
                    }
                    .quickview{
                        border: none;      
                        padding: 0;
                        margin: 5px;                                          
                        background-color: #fff;
                        border-radius: 50%;
                        color: #999;
                        width: 38px;
                        height: 38px;
                        line-height: 38px; 
                        margin-top: -24px; margin-#{$left}: -24px;
                        text-align: center; 
                        font-size: 17px;
                        -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.25);
                        -moz-box-shadow:    0px 0px 7px 0px rgba(0, 0, 0, 0.25);
                        box-shadow:         0px 0px 7px 0px rgba(0, 0, 0, 0.25);
                        position: absolute;
                        top: 50%;
                        #{$left}: 50%;         
                        transform: translate(-50%,-50%);
                        color: #999;
                        @include if-rtl {
                            transform: translate(50%,-50%);
                        }
                        @include transition(all 0.3s ease-in-out 0s);
                        opacity:0 ;  @include transform(scale(0.5));
                        span{
                            display: none;
                        }
                        &:hover{
                            background-color: $background;
                            color: #fff;
                        }
                    }
                }
                .caption{
                    width: 100%;
                    float: $left; padding: 0;
                    position: absolute;
                    bottom: 5px; #{$right}: 20px;
                }
                h4{
                    margin: 0;
                    padding: 0;
                    margin-bottom: 6px;
                    @include effect-block-hide();
                    a{
                        color: #222;
                        font-size: 14px;
                        font-weight: 700;
                        text-transform: uppercase;
                        &:hover{
                            color: $linkColor;
                        }
                    }
                }
                .price .price-new, .price span.price{
                   color: #222;
                        
                }
                .price .price-old{
                    
                }

                .button-group{
                    margin-top: 10px;
                    margin-bottom: 13px;
                    display: inline-block;
                    width: 100%;
                    .btn-button{
                        border: none;
                        @include border-radius(0);
                        border: 1px solid #e5e5e5;
                        height: 36px;                       
                        width: 36px;                
                        float: $left;
                        @include transition(all 0.3s ease 0s);
                        background-color: #fff;
                        text-align: center;
                        padding: 0;
                        i{
                            color: #666;
                            text-align: center;
                        }
                        &:hover{
                            border-color: $background;
                            i{
                                color: $linkColor;
                            }
                        }
                        &.wishlist{
                            margin: 0 10px;
                                        
                        }
                        &.compare{
                            margin: 0;
                        }

                        &.addToCart{ 
                            @include border-radius(0px);
                            color: #777777;
                            font-size: 12px;
                            font-weight: 600;
                            height: 36px;                    
                            line-height: 34px;               
                            padding: 0px 10px; 
                            margin: 0;   
                            width: auto;        
                            text-transform: uppercase;   
                                    
                            &:hover{
                               
                                background-color: $background;
                                border-color: $background;
                                color: #fff;
                                i{
                                    color: #fff;
                                }
                            }                                
                        }
                        
                
                    }
       
                }
                

                .item-timer{
                    background-color: #fff;
                    border: 1px solid #e5e5e5;          
                    display: inline-block;
                    width: 100%;
                    .time-item{
                        background-color: #fff;
                        border-#{$right}: 1px solid #e5e5e5;
                        line-height: 100%;
                        float: $left;
                        text-align: center;      
                        padding-top: 8px;
                        padding-bottom: 5px;                 
                        .num-time{
                            border: none;
                            font-size: 24px;
                            color: #444;
                            font-weight: 600;
                            text-align: center;
                            background-color: #fff;
                            border-radius: 0;
                        }
                        .name-time{
                            color: #444;
                            font-size: 12px;
                            font-weight: 400;
                            text-transform: uppercase;
                            margin-top: 5px;
                        }
                        &.time-sec{
                            border-#{$right}: none;
                        }
                    }
                }

                &:hover{
                    .image .quickview{
                        @include transition(all 0.2s ease-in-out 0s);
                        opacity: 1 ;  @include transform(scale(1)); 
                    }
                    h4{
                        @include effect-block-show();
                    }
                }
            }
        }
    }

} 

/************************************************************************************************
    MODULE INSTAGRAM GALLERY
*************************************************************************************************/
.layout-3.common-home #content .module.instagram-layout3 h3.modtitle{
    text-transform: capitalize;
}
.instagram-layout3{
    position: relative;  margin-top: 65px;
    .form-group{ margin: 0; }
    .so-instagram-gallery{
        margin-top: 40px;
        .owl2-controls{
            margin: 0;
        }
        .instagram-items-inner{
           border: none;
           
            .instagram-item{
                .img_users{
                    a{
                        border: none;
                        @include hover-image-effect();
                        &:before{
                            background-color: rgba(0,0,0,0.2);
                        }
                    }

                }
            }
        }
    }
}
                   

/************************************************************************************************
    MODULE LISTING TABS
*************************************************************************************************/
.layout-1.common-home #content .module.listingtab-layout1 h3.modtitle{
   
}
.listingtab-layout3{
    position: relative;
	margin-top: 55px;
    .so-listing-tabs{
        margin: 0 -15px;        
        overflow: unset;
        .ltabs-items-container .ltabs-items .ltabs-item .item-inner{
            padding: 0 15px 20px 15px;
            margin: 0;
        }
        .cate-link{
            text-align: center;
            padding: 30px;
            a{
                font-size: 14px; color: #222;
                border: 1px solid #d7d7d7;
                border-radius: 20px;
                padding: 10px 30px;
                font-weight: 500; text-transform: uppercase;
                @include transition(all 0.2s ease-in-out 0s);  
                &:hover{
                    background-color: $background;
                    border-color: $background;
                    color: #fff;
                }
            }
        }
        .ltabs-items-inner{
            .owl2-controls{
                .owl2-nav{
               
                    @include owl2-nav-style1(40px,50px,#999,$background);                
            
                    > div{
                        @include transform(scale(0));
                        opacity: 0;
                        @include transition(all 0.2s ease-in-out 0s);  
                          
                    }
                }
            }
            &:hover{
                .owl2-controls .owl2-nav{
                    > div{
                        @include transform(scale(1));
                        opacity: 1;
                        @include transition(all 0.2s ease-in-out 0s);
                        &.owl2-prev{
                            #{$left}: 0px;
                           
                        }
                        &.owl2-next{
                            #{$right}: 0px;                    
                        }
                    }
                }
            }
        }
        .ltabs-items-container .ltabs-items .ltabs-slider .ltabs-item{
            margin-bottom: 0;
        }
        .products-list.grid .product-layout .product-item-container{
            margin-bottom: 30px;
        }
        .ltabs-wrap{
            overflow: unset;
            .ltabs-tabs-container{
                margin: 0px;
                .ltabs-tabs-wrap{
                    ul.ltabs-tabs {
                        text-align: center;     
                        padding: 10px 0;
                        margin: 0 15px;
                        li.ltabs-tab {
                            border: medium none;
                            display: inline-block;
                            line-height: 100%;        
                            float: none;
                            margin: 0 7px;
                            .ltabs-tab-label {
                                text-transform: uppercase; font-size: 14px;
                                &:hover{
                                    color: $background;
                                   
                                }
                            }
                            
                            &.tab-sel{                   
                                .ltabs-tab-label {
                                    color: $background;
                                    font-weight: 700;
                                }
                            }
                        }
                    }
                }
            }
        } 

        .wap-listing-tabs{
            clear: both;
            margin-top: 30px; margin-bottom: 50px;
            position: relative;
        }
      
    }
}







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