/****************************************************grid****************************************/
/*12*/
.full-row, .row
{
    transition: .2s width ease;
}
.full-row:after, .full-row:before, .row:after, .row:before
{
    display: table;
    clear: both;
    content: '';
}
.pull-left-1, .pull-left-10, .pull-left-11, .pull-left-12, .pull-left-13, .pull-left-14, .pull-left-15, .pull-left-16, .pull-left-17, .pull-left-18, .pull-left-19, .pull-left-2, .pull-left-20, .pull-left-21, .pull-left-22, .pull-left-23, .pull-left-3, .pull-left-4, .pull-left-5, .pull-left-6, .pull-left-7, .pull-left-8, .pull-left-9, .pull-right-1, .pull-right-10, .pull-right-11, .pull-right-12, .pull-right-13, .pull-right-14, .pull-right-15, .pull-right-16, .pull-right-17, .pull-right-18, .pull-right-19, .pull-right-2, .pull-right-20, .pull-right-21, .pull-right-22, .pull-right-23, .pull-right-24, .pull-right-3, .pull-right-4, .pull-right-5, .pull-right-6, .pull-right-7, .pull-right-8, .pull-right-9, .row > .center
{
    position: relative;
}
.row
{
    width: 102%;
}
.row > [class*=span-]
{
    float: left;
    margin-right: 2%;
}
.row > .span-1
{
    width: 6.33333333%;
}
.row > .span-2
{
    width: 14.66666667%;
}
.row > .span-3
{
    width: 23%;
}
.row > .span-4
{
    width: 23%;
    background-color: #f3f3f3;
}
.row > .span-5
{
    width: 31%;
}
.row > .span-6
{
    width: 48%;
}
.row > .span-7
{
    width: 56.33333333%;
}
.row > .span-8
{
    width: 64.66666667%;
}
.row > .span-9
{
    width: 73%;
}
.row > .span-10
{
    width: 81.33333333%;
}
.row > .span-11
{
    width: 89.66666667%;
}
.row > .span-12
{
    width: 98%;
}
.row > .span-13
{
    width: 106.33333333%;
}
.row > .span-14
{
    width: 114.66666667%;
}
.row > .span-15
{
    width: 123%;
}
.row > .span-16
{
    width: 131.33333333%;
}
.row > .span-17
{
    width: 139.66666667%;
}
.row > .span-18
{
    width: 148%;
}
.row > .span-19
{
    width: 156.33333333%;
}
.row > .span-20
{
    width: 164.66666667%;
}
.row > .span-21
{
    width: 173%;
}
.row > .span-22
{
    width: 181.33333333%;
}
.row > .span-23
{
    width: 189.66666667%;
}
.row > .span-24
{
    width: 198%;
}
.full-row
{
    width: 100%;
}
.full-row > [class*=span]
{
    float: left;
}
.full-row > .span-1
{
    width: 8.33333333%;
}
.full-row > .span-2
{
    width: 16.66666667%;
}
.full-row > .span-3
{
    width: 25%;
}
.full-row > .span-4
{
    width: 33.33333333%;
}
.full-row > .span-5
{
    width: 41.66666667%;
}
.full-row > .span-6
{
    width: 50%;
}
.full-row > .span-7
{
    width: 58.33333333%;
}
.full-row > .span-8
{
    width: 66.66666667%;
}
.full-row > .span-9
{
    width: 75%;
}
.full-row > .span-10
{
    width: 83.33333333%;
}
.full-row > .span-11
{
    width: 91.66666667%;
}
.full-row > .span-12
{
    width: 100%;
}
.full-row > .span-13
{
    width: 108.33333333%;
}
.full-row > .span-14
{
    width: 116.66666667%;
}
.full-row > .span-15
{
    width: 125%;
}
.full-row > .span-16
{
    width: 133.33333333%;
}
.full-row > .span-17
{
    width: 141.66666667%;
}
.full-row > .span-18
{
    width: 150%;
}
.full-row > .span-19
{
    width: 158.33333333%;
}
.full-row > .span-20
{
    width: 166.66666667%;
}
.full-row > .span-21
{
    width: 175%;
}
.full-row > .span-22
{
    width: 183.33333333%;
}
.full-row > .span-23
{
    width: 191.66666667%;
}
.full-row > .span-24
{
    width: 200%;
}
.full-row > .pull-right, .row > .pull-right
{
    float: right;
}
.full-row > .center, .row > .center
{
    display: block;
    float: none;
    clear: both;
    margin-right: auto;
    margin-left: auto;
}
.row > .center
{
    left: -1%;
}
.pull-left-1
{
    left: -8.33333333%;
}
.pull-left-2
{
    left: -16.66666667%;
}
.pull-left-3
{
    left: -25%;
}
.pull-left-4
{
    left: -33.33333333%;
}
.pull-left-5
{
    left: -41.66666667%;
}
.pull-left-6
{
    left: -50%;
}
.pull-left-7
{
    left: -58.33333333%;
}
.pull-left-8
{
    left: -66.66666667%;
}
.pull-left-9
{
    left: -75%;
}
.pull-left-10
{
    left: -83.33333333%;
}
.pull-left-11
{
    left: -91.66666667%;
}
.pull-left-12
{
    left: -100%;
}
.pull-left-13
{
    left: -108.33333333%;
}
.pull-left-14
{
    left: -116.66666667%;
}
.pull-left-15
{
    left: -125%;
}
.pull-left-16
{
    left: -133.33333333%;
}
.pull-left-17
{
    left: -141.66666667%;
}
.pull-left-18
{
    left: -150%;
}
.pull-left-19
{
    left: -158.33333333%;
}
.pull-left-20
{
    left: -166.66666667%;
}
.pull-left-21
{
    left: -175%;
}
.pull-left-22
{
    left: -183.33333333%;
}
.pull-left-23
{
    left: -191.66666667%;
}
.pull-left-24
{
    position: relative;
    left: -200%;
}
.pull-right-1
{
    left: 8.33333333%;
}
.pull-right-2
{
    left: 16.66666667%;
}
.pull-right-3
{
    left: 25%;
}
.pull-right-4
{
    left: 33.33333333%;
}
.pull-right-5
{
    left: 41.66666667%;
}
.pull-right-6
{
    left: 50%;
}
.pull-right-7
{
    left: 58.33333333%;
}
.pull-right-8
{
    left: 66.66666667%;
}
.pull-right-9
{
    left: 75%;
}
.pull-right-10
{
    left: 83.33333333%;
}
.pull-right-11
{
    left: 91.66666667%;
}
.pull-right-12
{
    left: 100%;
}
.pull-right-13
{
    left: 108.33333333%;
}
.pull-right-14
{
    left: 116.66666667%;
}
.pull-right-15
{
    left: 125%;
}
.pull-right-16
{
    left: 133.33333333%;
}
.pull-right-17
{
    left: 141.66666667%;
}
.pull-right-18
{
    left: 150%;
}
.pull-right-19
{
    left: 158.33333333%;
}
.pull-right-20
{
    left: 166.66666667%;
}
.pull-right-21
{
    left: 175%;
}
.pull-right-22
{
    left: 183.33333333%;
}
.pull-right-23
{
    left: 191.66666667%;
}
.pull-right-24
{
    left: 200%;
}
@media only screen and (max-width:1024px)
{
    .row > .midd-1
    {
        width: 6.33333333%;
    }
    .row > .midd-2
    {
        width: 14.66666667%;
    }
    .row > .midd-3
    {
        width: 23%;
    }
    .row > .midd-4
    {
        width: 31.33333333%;
    }
    .row > .midd-5
    {
        width: 39.66666667%;
    }
    .row > .midd-6
    {
        width: 48%;
    }
    .row > .midd-7
    {
        width: 56.33333333%;
    }
    .row > .midd-8
    {
        width: 64.66666667%;
    }
    .row > .midd-9
    {
        width: 73%;
    }
    .row > .midd-10
    {
        width: 81.33333333%;
    }
    .row > .midd-11
    {
        width: 89.66666667%;
    }
    .row > .midd-12
    {
        width: 98%;
    }
    .row > .midd-13
    {
        width: 106.33333333%;
    }
    .row > .midd-14
    {
        width: 114.66666667%;
    }
    .row > .midd-15
    {
        width: 123%;
    }
    .row > .midd-16
    {
        width: 131.33333333%;
    }
    .row > .midd-17
    {
        width: 139.66666667%;
    }
    .row > .midd-18
    {
        width: 148%;
    }
    .row > .midd-19
    {
        width: 156.33333333%;
    }
    .row > .midd-20
    {
        width: 164.66666667%;
    }
    .row > .midd-21
    {
        width: 173%;
    }
    .row > .midd-22
    {
        width: 181.33333333%;
    }
    .row > .midd-23
    {
        width: 189.66666667%;
    }
    .row > .midd-24
    {
        width: 198%;
    }
    .midd-hide
    {
        display: none;
    }
    .midd-center
    {
        position: relative;
        left: -1%;
        display: block;
        float: none;
        clear: both;
        margin-right: auto;
        margin-left: auto;
    }
    .full-row > .midd-1
    {
        width: 8.33333333%;
    }
    .full-row > .midd-2
    {
        width: 16.66666667%;
    }
    .full-row > .midd-3
    {
        width: 25%;
    }
    .full-row > .midd-4
    {
        width: 33.33333333%;
    }
    .full-row > .midd-5
    {
        width: 41.66666667%;
    }
    .full-row > .midd-6
    {
        width: 50%;
    }
    .full-row > .midd-7
    {
        width: 58.33333333%;
    }
    .full-row > .midd-8
    {
        width: 66.66666667%;
    }
    .full-row > .midd-9
    {
        width: 75%;
    }
    .full-row > .midd-10
    {
        width: 83.33333333%;
    }
    .full-row > .midd-11
    {
        width: 91.66666667%;
    }
    .full-row > .midd-12
    {
        width: 100%;
    }
    .full-row > .midd-13
    {
        width: 108.33333333%;
    }
    .full-row > .midd-14
    {
        width: 116.66666667%;
    }
    .full-row > .midd-15
    {
        width: 125%;
    }
    .full-row > .midd-16
    {
        width: 133.33333333%;
    }
    .full-row > .midd-17
    {
        width: 141.66666667%;
    }
    .full-row > .midd-18
    {
        width: 150%;
    }
    .full-row > .midd-19
    {
        width: 158.33333333%;
    }
    .full-row > .midd-20
    {
        width: 166.66666667%;
    }
    .full-row > .midd-21
    {
        width: 175%;
    }
    .full-row > .midd-22
    {
        width: 183.33333333%;
    }
    .full-row > .midd-23
    {
        width: 191.66666667%;
    }
    .full-row > .midd-24
    {
        width: 200%;
    }
}
@media only screen and (max-width:640px)
{
    .row > .smal-1
    {
        width: 6.33333333%;
    }
    .row > .smal-2
    {
        width: 14.66666667%;
    }
    .row > .smal-3
    {
        width: 23%;
    }
    .row > .smal-4
    {
        width: 31.33333333%;
    }
    .row > .smal-5
    {
        width: 39.66666667%;
    }
    .row > .smal-6
    {
        width: 48%;
    }
    .row > .smal-7
    {
        width: 56.33333333%;
    }
    .row > .smal-8
    {
        width: 64.66666667%;
    }
    .row > .smal-9
    {
        width: 73%;
    }
    .row > .smal-10
    {
        width: 81.33333333%;
    }
    .row > .smal-11
    {
        width: 89.66666667%;
    }
    .row > .smal-12
    {
        width: 98%;
    }
    .row > .smal-13
    {
        width: 106.33333333%;
    }
    .row > .smal-14
    {
        width: 114.66666667%;
    }
    .row > .smal-15
    {
        width: 123%;
    }
    .row > .smal-16
    {
        width: 131.33333333%;
    }
    .row > .smal-17
    {
        width: 139.66666667%;
    }
    .row > .smal-18
    {
        width: 148%;
    }
    .row > .smal-19
    {
        width: 156.33333333%;
    }
    .row > .smal-20
    {
        width: 164.66666667%;
    }
    .row > .smal-21
    {
        width: 173%;
    }
    .row > .smal-22
    {
        width: 181.33333333%;
    }
    .row > .smal-23
    {
        width: 189.66666667%;
    }
    .row > .smal-24
    {
        width: 198%;
    }
    .smal-hide
    {
        display: none;
    }
    .smal-center, .smal-show
    {
        display: block;
    }
    .smal-center
    {
        position: relative;
        left: -1%;
        float: none;
        clear: both;
        margin-right: auto;
        margin-left: auto;
    }
    [class*=pull-left-], [class*=pull-right-]
    {
        right: auto;
        left: auto;
    }
    .full-row > .smal-1
    {
        width: 8.33333333%;
    }
    .full-row > .smal-2
    {
        width: 16.66666667%;
    }
    .full-row > .smal-3
    {
        width: 25%;
    }
    .full-row > .smal-4
    {
        width: 33.33333333%;
    }
    .full-row > .smal-5
    {
        width: 41.66666667%;
    }
    .full-row > .smal-6
    {
        width: 50%;
    }
    .full-row > .smal-7
    {
        width: 58.33333333%;
    }
    .full-row > .smal-8
    {
        width: 66.66666667%;
    }
    .full-row > .smal-9
    {
        width: 75%;
    }
    .full-row > .smal-10
    {
        width: 83.33333333%;
    }
    .full-row > .smal-11
    {
        width: 91.66666667%;
    }
    .full-row > .smal-12
    {
        width: 100%;
    }
    .full-row > .smal-13
    {
        width: 108.33333333%;
    }
    .full-row > .smal-14
    {
        width: 116.66666667%;
    }
    .full-row > .smal-15
    {
        width: 125%;
    }
    .full-row > .smal-16
    {
        width: 133.33333333%;
    }
    .full-row > .smal-17
    {
        width: 141.66666667%;
    }
    .full-row > .smal-18
    {
        width: 150%;
    }
    .full-row > .smal-19
    {
        width: 158.33333333%;
    }
    .full-row > .smal-20
    {
        width: 166.66666667%;
    }
    .full-row > .smal-21
    {
        width: 175%;
    }
    .full-row > .smal-22
    {
        width: 183.33333333%;
    }
    .full-row > .smal-23
    {
        width: 191.66666667%;
    }
    .full-row > .smal-24
    {
        width: 200%;
    }
}
/*20*/
.pull-left-1-20, .pull-left-10-20, .pull-left-11-20, .pull-left-12-20, .pull-left-13-20, .pull-left-14-20, .pull-left-15-20, .pull-left-16-20, .pull-left-17-20, .pull-left-18-20, .pull-left-19-20, .pull-left-2-20, .pull-left-20-20, .pull-left-3-20, .pull-left-4-20, .pull-left-5-20, .pull-left-6-20, .pull-left-7-20, .pull-left-8-20, .pull-left-9-20, .pull-right-1-20, .pull-right-10-20, .pull-right-11-20, .pull-right-12-20, .pull-right-13-20, .pull-right-14-20, .pull-right-15-20, .pull-right-16-20, .pull-right-17-20, .pull-right-18-20, .pull-right-19-20, .pull-right-2-20, .pull-right-20-20, .pull-right-3-20, .pull-right-4-20, .pull-right-5-20, .pull-right-6-20, .pull-right-7-20, .pull-right-8-20, .pull-right-9-20, .row-20 > .center
{
    position: relative;
}
.full-row-20, .row-20
{
    transition: .2s width ease;
}
.full-row-20:after, .full-row-20:before, .row-20:after, .row-20:before
{
    display: table;
    clear: both;
    content: '';
}
.row-20
{
    width: 102%;
}
.row-20 > [class*=span-]
{
    float: left;
    margin-right: 2%;
}
.row-20 > .span-1
{
    width: 3%;
}
.row-20 > .span-2
{
    width: 8%;
}
.row-20 > .span-3
{
    width: 13%;
}
.row-20 > .span-4
{
    width: 18%;
}
.row-20 > .span-5
{
    width: 23%;
}
.row-20 > .span-6
{
    width: 28%;
}
.row-20 > .span-7
{
    width: 33%;
}
.row-20 > .span-8
{
    width: 38%;
}
.row-20 > .span-9
{
    width: 43%;
}
.row-20 > .span-10
{
    width: 48%;
}
.row-20 > .span-11
{
    width: 53%;
}
.row-20 > .span-12
{
    width: 58%;
}
.row-20 > .span-13
{
    width: 63%;
}
.row-20 > .span-14
{
    width: 68%;
}
.row-20 > .span-15
{
    width: 73%;
}
.row-20 > .span-16
{
    width: 78%;
}
.row-20 > .span-17
{
    width: 83%;
}
.row-20 > .span-18
{
    width: 88%;
}
.row-20 > .span-19
{
    width: 93%;
}
.row-20 > .span-20
{
    width: 98%;
}
.row-20 > .span-21
{
    width: 103%;
}
.row-20 > .span-22
{
    width: 108%;
}
.row-20 > .span-23
{
    width: 113%;
}
.row-20 > .span-24
{
    width: 118%;
}
.full-row-20
{
    width: 100%;
}
.full-row-20 > [class*=span]
{
    float: left;
}
.full-row-20 > .span-1
{
    width: 5%;
}
.full-row-20 > .span-2
{
    width: 10%;
}
.full-row-20 > .span-3
{
    width: 15%;
}
.full-row-20 > .span-4
{
    width: 20%;
}
.full-row-20 > .span-5
{
    width: 25%;
}
.full-row-20 > .span-6
{
    width: 30%;
}
.full-row-20 > .span-7
{
    width: 35%;
}
.full-row-20 > .span-8
{
    width: 40%;
}
.full-row-20 > .span-9
{
    width: 45%;
}
.full-row-20 > .span-10
{
    width: 50%;
}
.full-row-20 > .span-11
{
    width: 55%;
}
.full-row-20 > .span-12
{
    width: 60%;
}
.full-row-20 > .span-13
{
    width: 65%;
}
.full-row-20 > .span-14
{
    width: 70%;
}
.full-row-20 > .span-15
{
    width: 75%;
}
.full-row-20 > .span-16
{
    width: 80%;
}
.full-row-20 > .span-17
{
    width: 85%;
}
.full-row-20 > .span-18
{
    width: 90%;
}
.full-row-20 > .span-19
{
    width: 95%;
}
.full-row-20 > .span-20
{
    width: 100%;
}
.full-row-20 > .span-21
{
    width: 105%;
}
.full-row-20 > .span-22
{
    width: 110%;
}
.full-row-20 > .span-23
{
    width: 115%;
}
.full-row-20 > .span-24
{
    width: 120%;
}
.full-row-20 > .pull-right, .row-20 > .pull-right
{
    float: right;
}
.full-row-20 > .center, .row-20 > .center
{
    display: block;
    float: none;
    clear: both;
    margin-right: auto;
    margin-left: auto;
}
.row-20 > .center
{
    left: -1%;
}
.pull-left-1-20
{
    left: -5%;
}
.pull-left-2-20
{
    left: -10%;
}
.pull-left-3-20
{
    left: -15%;
}
.pull-left-4-20
{
    left: -20%;
}
.pull-left-5-20
{
    left: -25%;
}
.pull-left-6-20
{
    left: -30%;
}
.pull-left-7-20
{
    left: -35%;
}
.pull-left-8-20
{
    left: -40%;
}
.pull-left-9-20
{
    left: -45%;
}
.pull-left-10-20
{
    left: -50%;
}
.pull-left-11-20
{
    left: -55%;
}
.pull-left-12-20
{
    left: -60%;
}
.pull-left-13-20
{
    left: -65%;
}
.pull-left-14-20
{
    left: -70%;
}
.pull-left-15-20
{
    left: -75%;
}
.pull-left-16-20
{
    left: -80%;
}
.pull-left-17-20
{
    left: -85%;
}
.pull-left-18-20
{
    left: -90%;
}
.pull-left-19-20
{
    left: -95%;
}
.pull-left-20-20
{
    left: -100%;
}
.pull-right-1-20
{
    left: 5%;
}
.pull-right-2-20
{
    left: 10%;
}
.pull-right-3-20
{
    left: 15%;
}
.pull-right-4-20
{
    left: 20%;
}
.pull-right-5-20
{
    left: 25%;
}
.pull-right-6-20
{
    left: 30%;
}
.pull-right-7-20
{
    left: 35%;
}
.pull-right-8-20
{
    left: 40%;
}
.pull-right-9-20
{
    left: 45%;
}
.pull-right-10-20
{
    left: 50%;
}
.pull-right-11-20
{
    left: 55%;
}
.pull-right-12-20
{
    left: 60%;
}
.pull-right-13-20
{
    left: 65%;
}
.pull-right-14-20
{
    left: 70%;
}
.pull-right-15-20
{
    left: 75%;
}
.pull-right-16-20
{
    left: 80%;
}
.pull-right-17-20
{
    left: 85%;
}
.pull-right-18-20
{
    left: 90%;
}
.pull-right-19-20
{
    left: 95%;
}
.pull-right-20-20
{
    left: 100%;
}
@media only screen and (max-width:1024px)
{
    .row-20 > .midd-1
    {
        width: 3%;
    }
    .row-20 > .midd-2
    {
        width: 8%;
    }
    .row-20 > .midd-3
    {
        width: 13%;
    }
    .row-20 > .midd-4
    {
        width: 18%;
    }
    .row-20 > .midd-5
    {
        width: 23%;
    }
    .row-20 > .midd-6
    {
        width: 28%;
    }
    .row-20 > .midd-7
    {
        width: 33%;
    }
    .row-20 > .midd-8
    {
        width: 38%;
    }
    .row-20 > .midd-9
    {
        width: 43%;
    }
    .row-20 > .midd-10
    {
        width: 48%;
    }
    .row-20 > .midd-11
    {
        width: 53%;
    }
    .row-20 > .midd-12
    {
        width: 58%;
    }
    .row-20 > .midd-13
    {
        width: 63%;
    }
    .row-20 > .midd-14
    {
        width: 68%;
    }
    .row-20 > .midd-15
    {
        width: 73%;
    }
    .row-20 > .midd-16
    {
        width: 78%;
    }
    .row-20 > .midd-17
    {
        width: 83%;
    }
    .row-20 > .midd-18
    {
        width: 88%;
    }
    .row-20 > .midd-19
    {
        width: 93%;
    }
    .row-20 > .midd-20
    {
        width: 98%;
    }
    .row-20 > .midd-21
    {
        width: 103%;
    }
    .row-20 > .midd-22
    {
        width: 108%;
    }
    .row-20 > .midd-23
    {
        width: 113%;
    }
    .row-20 > .midd-24
    {
        width: 118%;
    }
    .midd-hide
    {
        display: none;
    }
    .midd-center
    {
        position: relative;
        left: -1%;
        display: block;
        float: none;
        clear: both;
        margin-right: auto;
        margin-left: auto;
    }
    .full-row-20 > .midd-1
    {
        width: 5%;
    }
    .full-row-20 > .midd-2
    {
        width: 10%;
    }
    .full-row-20 > .midd-3
    {
        width: 15%;
    }
    .full-row-20 > .midd-4
    {
        width: 20%;
    }
    .full-row-20 > .midd-5
    {
        width: 25%;
    }
    .full-row-20 > .midd-6
    {
        width: 30%;
    }
    .full-row-20 > .midd-7
    {
        width: 35%;
    }
    .full-row-20 > .midd-8
    {
        width: 40%;
    }
    .full-row-20 > .midd-9
    {
        width: 45%;
    }
    .full-row-20 > .midd-10
    {
        width: 50%;
    }
    .full-row-20 > .midd-11
    {
        width: 55%;
    }
    .full-row-20 > .midd-12
    {
        width: 60%;
    }
    .full-row-20 > .midd-13
    {
        width: 65%;
    }
    .full-row-20 > .midd-14
    {
        width: 70%;
    }
    .full-row-20 > .midd-15
    {
        width: 75%;
    }
    .full-row-20 > .midd-16
    {
        width: 80%;
    }
    .full-row-20 > .midd-17
    {
        width: 85%;
    }
    .full-row-20 > .midd-18
    {
        width: 90%;
    }
    .full-row-20 > .midd-19
    {
        width: 95%;
    }
    .full-row-20 > .midd-20
    {
        width: 100%;
    }
    .full-row-20 > .midd-21
    {
        width: 105%;
    }
    .full-row-20 > .midd-22
    {
        width: 110%;
    }
    .full-row-20 > .midd-23
    {
        width: 115%;
    }
    .full-row-20 > .midd-24
    {
        width: 120%;
    }
}
@media only screen and (max-width:640px)
{
    .row-20 > .smal-1
    {
        width: 3%;
    }
    .row-20 > .smal-2
    {
        width: 8%;
    }
    .row-20 > .smal-3
    {
        width: 13%;
    }
    .row-20 > .smal-4
    {
        width: 18%;
    }
    .row-20 > .smal-5
    {
        width: 23%;
    }
    .row-20 > .smal-6
    {
        width: 28%;
    }
    .row-20 > .smal-7
    {
        width: 33%;
    }
    .row-20 > .smal-8
    {
        width: 38%;
    }
    .row-20 > .smal-9
    {
        width: 43%;
    }
    .row-20 > .smal-10
    {
        width: 48%;
    }
    .row-20 > .smal-11
    {
        width: 53%;
    }
    .row-20 > .smal-12
    {
        width: 58%;
    }
    .row-20 > .smal-13
    {
        width: 63%;
    }
    .row-20 > .smal-14
    {
        width: 68%;
    }
    .row-20 > .smal-15
    {
        width: 73%;
    }
    .row-20 > .smal-16
    {
        width: 78%;
    }
    .row-20 > .smal-17
    {
        width: 83%;
    }
    .row-20 > .smal-18
    {
        width: 88%;
    }
    .row-20 > .smal-19
    {
        width: 93%;
    }
    .row-20 > .smal-20
    {
        width: 98%;
    }
    .row-20 > .smal-21
    {
        width: 103%;
    }
    .row-20 > .smal-22
    {
        width: 108%;
    }
    .row-20 > .smal-23
    {
        width: 113%;
    }
    .row-20 > .smal-24
    {
        width: 118%;
    }
    .smal-hide
    {
        display: none;
    }
    .smal-center, .smal-show
    {
        display: block;
    }
    .smal-center
    {
        position: relative;
        left: -1%;
        float: none;
        clear: both;
        margin-right: auto;
        margin-left: auto;
    }
    [class*=pull-left-], [class*=pull-right-]
    {
        right: auto;
        left: auto;
    }
    .full-row-20 > .smal-1
    {
        width: 5%;
    }
    .full-row-20 > .smal-2
    {
        width: 10%;
    }
    .full-row-20 > .smal-3
    {
        width: 15%;
    }
    .full-row-20 > .smal-4
    {
        width: 20%;
    }
    .full-row-20 > .smal-5
    {
        width: 25%;
    }
    .full-row-20 > .smal-6
    {
        width: 30%;
    }
    .full-row-20 > .smal-7
    {
        width: 35%;
    }
    .full-row-20 > .smal-8
    {
        width: 40%;
    }
    .full-row-20 > .smal-9
    {
        width: 45%;
    }
    .full-row-20 > .smal-10
    {
        width: 50%;
    }
    .full-row-20 > .smal-11
    {
        width: 55%;
    }
    .full-row-20 > .smal-12
    {
        width: 60%;
    }
    .full-row-20 > .smal-13
    {
        width: 65%;
    }
    .full-row-20 > .smal-14
    {
        width: 70%;
    }
    .full-row-20 > .smal-15
    {
        width: 75%;
    }
    .full-row-20 > .smal-16
    {
        width: 80%;
    }
    .full-row-20 > .smal-17
    {
        width: 85%;
    }
    .full-row-20 > .smal-18
    {
        width: 90%;
    }
    .full-row-20 > .smal-19
    {
        width: 95%;
    }
    .full-row-20 > .smal-20
    {
        width: 100%;
    }
    .full-row-20 > .smal-21
    {
        width: 105%;
    }
    .full-row-20 > .smal-22
    {
        width: 110%;
    }
    .full-row-20 > .smal-23
    {
        width: 115%;
    }
    .full-row-20 > .smal-24
    {
        width: 120%;
    }
}