.row
{
    width: 102%;
    transition: .2s width ease;
    *zoom: 1;
}
.row:before, .row:after
{
    display: table;
    clear: both;
    content: '';
}
.row>[class*="span-"]
{
    float: left;
    margin-right: 2%;
    *margin-right: 1.89%;
}
.row>.span-1
{
    width: 6.33333333%;
}
.row>.span-2
{
    width: 14.66666667%;
}
.row>.span-3
{
    width: 23%;
}
.row>.span-4
{
    width: 31.33333333%;
}
.row>.span-5
{
    width: 39.66666667%;
}
.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%;
    transition: .2s width ease;
    *zoom: 1;
}
.full-row:before, .full-row:after
{
    display: table;
    clear: both;
    content: '';
}
.full-row>[class*='span']
{
    float: left;
}
.full-row>.span-1
{
    width: 8.33333333%;
    *width: 8.22333333%;
}
.full-row>.span-2
{
    width: 16.66666667%;
    *width: 16.55666667%;
}
.full-row>.span-3
{
    width: 25%;
    *width: 24.89%;
}
.full-row>.span-4
{
    width: 33.33333333%;
    *width: 33.22333333%;
}
.full-row>.span-5
{
    width: 41.66666667%;
    *width: 41.55666667%;
}
.full-row>.span-6
{
    width: 50%;
    *width: 49.89%;
}
.full-row>.span-7
{
    width: 58.33333333%;
    *width: 58.22333333%;
}
.full-row>.span-8
{
    width: 66.66666667%;
    *width: 66.55666667%;
}
.full-row>.span-9
{
    width: 75%;
    *width: 74.89%;
}
.full-row>.span-10
{
    width: 83.33333333%;
    *width: 83.22333333%;
}
.full-row>.span-11
{
    width: 91.66666667%;
    *width: 91.55666667%;
}
.full-row>.span-12
{
    width: 100%;
    *width: 99.89%;
}
.full-row>.span-13
{
    width: 108.33333333%;
    *width: 108.22333333%;
}
.full-row>.span-14
{
    width: 116.66666667%;
    *width: 116.55666667%;
}
.full-row>.span-15
{
    width: 125%;
    *width: 124.89%;
}
.full-row>.span-16
{
    width: 133.33333333%;
    *width: 133.22333333%;
}
.full-row>.span-17
{
    width: 141.66666667%;
    *width: 141.55666667%;
}
.full-row>.span-18
{
    width: 150%;
    *width: 149.89%;
}
.full-row>.span-19
{
    width: 158.33333333%;
    *width: 158.22333333%;
}
.full-row>.span-20
{
    width: 166.66666667%;
    *width: 166.55666667%;
}
.full-row>.span-21
{
    width: 175%;
    *width: 174.89%;
}
.full-row>.span-22
{
    width: 183.33333333%;
    *width: 183.22333333%;
}
.full-row>.span-23
{
    width: 191.66666667%;
    *width: 191.55666667%;
}
.full-row>.span-24
{
    width: 200%;
    *width: 199.89%;
}
.row>.pull-right, .full-row>.pull-right
{
    float: right;
}
.row>.center
{
    position: relative;
    left: -1%;
    display: block;
    float: none;
    clear: both;
    margin-right: auto;
    margin-left: auto;
}
.full-row>.center
{
    display: block;
    float: none;
    clear: both;
    margin-right: auto;
    margin-left: auto;
}
.pull-left-1
{
    position: relative;
    left: -8.33333333%;
}
.pull-left-2
{
    position: relative;
    left: -16.66666667%;
}
.pull-left-3
{
    position: relative;
    left: -25%;
}
.pull-left-4
{
    position: relative;
    left: -33.33333333%;
}
.pull-left-5
{
    position: relative;
    left: -41.66666667%;
}
.pull-left-6
{
    position: relative;
    left: -50%;
}
.pull-left-7
{
    position: relative;
    left: -58.33333333%;
}
.pull-left-8
{
    position: relative;
    left: -66.66666667%;
}
.pull-left-9
{
    position: relative;
    left: -75%;
}
.pull-left-10
{
    position: relative;
    left: -83.33333333%;
}
.pull-left-11
{
    position: relative;
    left: -91.66666667%;
}
.pull-left-12
{
    position: relative;
    left: -100%;
}
.pull-left-13
{
    position: relative;
    left: -108.33333333%;
}
.pull-left-14
{
    position: relative;
    left: -116.66666667%;
}
.pull-left-15
{
    position: relative;
    left: -125%;
}
.pull-left-16
{
    position: relative;
    left: -133.33333333%;
}
.pull-left-17
{
    position: relative;
    left: -141.66666667%;
}
.pull-left-18
{
    position: relative;
    left: -150%;
}
.pull-left-19
{
    position: relative;
    left: -158.33333333%;
}
.pull-left-20
{
    position: relative;
    left: -166.66666667%;
}
.pull-left-21
{
    position: relative;
    left: -175%;
}
.pull-left-22
{
    position: relative;
    left: -183.33333333%;
}
.pull-left-23
{
    position: relative;
    left: -191.66666667%;
}
.pull-left-24
{
    position: relative;
    left: -200%;
}
.pull-right-1
{
    position: relative;
    left: 8.33333333%;
}
.pull-right-2
{
    position: relative;
    left: 16.66666667%;
}
.pull-right-3
{
    position: relative;
    left: 25%;
}
.pull-right-4
{
    position: relative;
    left: 33.33333333%;
}
.pull-right-5
{
    position: relative;
    left: 41.66666667%;
}
.pull-right-6
{
    position: relative;
    left: 50%;
}
.pull-right-7
{
    position: relative;
    left: 58.33333333%;
}
.pull-right-8
{
    position: relative;
    left: 66.66666667%;
}
.pull-right-9
{
    position: relative;
    left: 75%;
}
.pull-right-10
{
    position: relative;
    left: 83.33333333%;
}
.pull-right-11
{
    position: relative;
    left: 91.66666667%;
}
.pull-right-12
{
    position: relative;
    left: 100%;
}
.pull-right-13
{
    position: relative;
    left: 108.33333333%;
}
.pull-right-14
{
    position: relative;
    left: 116.66666667%;
}
.pull-right-15
{
    position: relative;
    left: 125%;
}
.pull-right-16
{
    position: relative;
    left: 133.33333333%;
}
.pull-right-17
{
    position: relative;
    left: 141.66666667%;
}
.pull-right-18
{
    position: relative;
    left: 150%;
}
.pull-right-19
{
    position: relative;
    left: 158.33333333%;
}
.pull-right-20
{
    position: relative;
    left: 166.66666667%;
}
.pull-right-21
{
    position: relative;
    left: 175%;
}
.pull-right-22
{
    position: relative;
    left: 183.33333333%;
}
.pull-right-23
{
    position: relative;
    left: 191.66666667%;
}
.pull-right-24
{
    position: relative;
    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-show
    {
        display: block;
    }
    .smal-center
    {
        position: relative;
        left: -1%;
        display: block;
        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%;
    }
}