/************

    Simple Grid Style
    --------------------
    @author: Vafa Karamzadegan
    @ts: 1399-08-06
    
************/

.grid .row{
    margin: 0 -15px;
}

a .img{
    display: inline-block;
}
a.plain{
    text-decoration: none !important;
}

.clearfix{
    width: 100%;
    display: block;
}
.spacer{
    position: relative;
    height: 16px;
}
.spacer.padded{
    height: 32px;
}
.spacer.line:after{
    position: absolute;
    content: ' ';
    width: 100%;
    height: 1px;
    background: #ccc;
    top: 50%;
}

.grid .column{
    position: relative;
    padding: 0 15px;
    width: 100%;
    margin: 0 auto;
    direction: rtl;
}
.grid .fluid.column{
    float: right;
    box-sizing: border-box;
}
.grid .column.centered{
    align-items: center;
    text-align: center;
}
.grid .column.ltr{
    direction: ltr;
}

.grid .one.wide.column{
    width: 8.33%;
}
.grid .two.wide.column{
    width: 16.66%;
}
.grid .three.wide.column{
    width: 24.99%;
}
.grid .four.wide.column{
    width: 33.32%;
}
.grid .five.wide.column{
    width: 41.66%;
}
.grid .six.wide.column{
    width: 49.98%;
}
.grid .seven.wide.column{
    width: 58.31%;
}
.grid .eight.wide.column{
    width: 66.64%;
}
.grid .nine.wide.column{
    width: 74.97%;
}
.grid .ten.wide.column{
    width: 83.3%;
}
.grid .eleven.wide.column{
    width: 91.63%;
}
.grid .twelve.wide.column{
    width: 100%;
}

.left.fluid{
    float: left;
}