.block {
    margin-bottom: 30px; 
    display: block;
    width: 100%;
    .block-subtitle {
        font-weight: bold;
        margin: 0;
        padding: 5px 0;
    }   
    .actions{
        display: inline-block;     
    }
}

.block-title {
    width: 100%;
    display: inline-block;
    line-height: 100%;
    padding: 0 0 10px;
    position: relative;
    &:before{
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 70px;
        height: 2px;
        background: @border-color;
    }    
    strong{
        font-size: 114.29%;
        color: #222;
        font-weight: bold;
        display: inline-block;
        width: 100%;
        line-height: 100%;
        margin: 0;
        text-transform: uppercase;        
    }
    &.block-title-center{
        text-align: center;
        border: none;
        padding: none;
    }
}

.block-title-home{
    font-size: 157.14%;
    color: #222;
    text-transform: uppercase;
    border-bottom: 1px solid @border-color;
    padding-bottom: 10px;
    position: relative;
    &:before{
        position: absolute;
        content: "";
        left: 0;
        bottom: -1px;
        height: 1px;
        width: 60px;
        background: @theme-color;
    }
    &.block-title-center{
        text-align: center;
    }
}

.block-content{
    float: left;
    width: 100%;
    border-top: none;
    padding:  10px 0 0;
    li.item {
        padding: 8px 0;
    }    
}
.search-compare{
    .block-list{
        &:hover{
            cursor: pointer;
            .block-content{
                display: block;
            }
        }
        .block-content{
            position: absolute;
            top: 50px;
            right: 0px;
            min-width: 320px;
            padding: 15px;
            background-color: #fff;
            z-index: 4;
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
            border-radius: @border-radius;
            border-top: 3px solid @theme-color;
            display: none;
            &:after{
                position: absolute;
                content: "";
                left: 0;
                top: -17px;
                height: 20px;
                width: 100%;
                background:transparent;
            }
            &:before{
                position: absolute;
                content: "";
                border-left: 6px solid transparent;
                border-bottom: 6px solid @theme-color;
                border-right: 6px solid transparent;
                right: 12px;
                top: -8px;
            }
        }
    }
}

.block-custom-html{
    .custom-subtitle{
        color: #999;
        font-size: 85.71%;
        display: inline-block;
        margin-bottom: 5px;
        margin-top: 15px;
    }
    img{
        margin-top: 15px;
        max-width: 100%;
    }
}

.tags-list{
    >li{
        margin: 0 10px 10px 0;
        float: left;        
        a{
            line-height: 100%;
        }
    }
}

//block filter
.block-layered-nav {
    .block-content{
        border: none;
        padding: 0;
    }
    overflow: hidden;    
    .wrap-currently{
        position: relative;
        .actions{
            a{
                position: absolute;
                right: 20px;
                top: 7px;
            }
        }
    }
    .currently{
        display: inline-block;
        width: 100%;
        ol{
            display: inline-block;
            width: 100%;
            padding: 0;
            margin-bottom: 30px;
            padding: 10px 0 0;
        }
        li{
            float: left;
            margin-right: 20px;
            margin-bottom: 5px;
            span{
                padding: 0;
                float: left;
            }
            a{
                color: #666;
                padding-left:5px;
                font-size: 12px;
                &:hover{
                    color: @theme-color;
                }
            }

        }
        .block-subtitle{
            font-size: 114.29%;
            color: #333;
            line-height: 100%;
            padding: 0 0 10px;
            font-weight: bold;
            text-transform: uppercase;
            position: relative;
            &:before{
                position: absolute;
                content: "";
                bottom: 0;
                left: 0;
                width: 70px;
                height: 2px;
                background: @border-color;
            }
        }
    }
    dl{
        margin: 0;
    }
   
    dt{
        font-size: 114.29%;
        color: #222;
        line-height: 100%;
        padding: 0 0 10px;
        font-weight: bold;
        text-transform: uppercase;
        position: relative;
        &:before{
            position: absolute;
            content: "";
            bottom: 0;
            left: 0;
            width: 70px;
            height: 2px;
            background: @border-color;
        }
    }
    dd{
        display: inline-block;
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
        border-top: none;
        padding: 10px 0 0;
        &.last{
            margin-bottom: 0;
        }
        ol{
            list-style: none;
            li{
                border-bottom: 1px solid #f3f3f3;
                padding: 9px 0;
                position: relative;
                font-size: 100%;
                text-align: right;
                &:last-child{
                    border: none;
                }
                input{
                    display: none;                    
                }
                a{  
                    float: left;                                    
                }
            }
        }
    }
    //price
    .price-filter{
        height: 14px;
        margin-top: 20px;
        position: relative;
        display: inline-block;
        width: 100%;
        overflow: hidden;
        &:before{
            content: "";
            display: inline-block;
            height: 4px;
            position: absolute;
            top: 6px;
            left: 0;
            width: 100%;
            background-color: @theme-color;
            border-radius: @border-radius;             
        }
    }
    .price-min-wrap,
    .price-max-wrap{
        float: left;
        width: 95px;
        height: 30px;
        margin-right: 20px;
        margin-top: 12px;
        border: 1px solid @border-color;
        padding: 5px 10px;
        text-align: center;
        span{
            float: left;
            line-height: 20px;
        }
        input{
            border: none;
            width: auto;
            max-width: 50px;
            padding: 0;
        }
    }
    .price-min-wrap + .price-min-wrap{
        margin-right: 0;
    }
    #submit_filter{
        margin-top: 15px;
        margin-bottom: 15px;
        color: #fff;
        border: none;
        float: left;
        padding: 5px 30px;
        position: relative;
        background: @theme-color;
        &:hover{
            background: #222;                         
        }        
    }
    .price-filter .price-first ,
    .price-filter .price-last {
        height: 12px;
        width: 12px;
        cursor: e-resize;
        display: block;
        top: 2px;
        background: @theme-color;
        border-radius:2px;
        &:before{
            content: "";
            display: inline-block;
            height: 4px;
            position: absolute;
            top: 4px;
            width: 1000px;
            background: #cccccc;
            z-index: 1;
        }
    }
    .price-filter .price-first{
        float: left;
    }
    .price-filter .price-first:before {
        left: -1000px;
    }
    .price-filter .price-last:before {
        right: -1000px;
    }    
  
}