.row-fluid {
    width: 100%
}

.row-fluid:after,
.row-fluid:before {
    content: "";
    display: table
}

.row-fluid:after {
    clear: both
}

.row-fluid [class*=span] {
    box-sizing: border-box;
    display: block;
    margin-left: 2.127659574%;
    min-height: 28px;
    width: 100%
}

.row-fluid [class*=span]:first-child {
    margin-left: 0
}

.row-fluid .span12 {
    width: 99.99999998999999%
}

.row-fluid .span11 {
    width: 91.489361693%
}

.row-fluid .span10 {
    width: 82.97872339599999%
}

.row-fluid .span9 {
    width: 74.468085099%
}

.row-fluid .span8 {
    width: 65.95744680199999%
}

.row-fluid .span7 {
    width: 57.446808505%
}

.row-fluid .span6 {
    width: 48.93617020799999%
}

.row-fluid .span5 {
    width: 40.425531911%
}

.row-fluid .span4 {
    width: 31.914893614%
}

.row-fluid .span3 {
    width: 23.404255317%
}

.row-fluid .span2 {
    width: 22.89361702%
}

.row-fluid .span1 {
    width: 6.382978723%
}

.container-fluid:after,
.container-fluid:before {
    content: "";
    display: table
}

.container-fluid:after {
    clear: both
}

@media (max-width:767px) {
    .row-fluid {
        width: 100%
    }

    .row-fluid [class*=span] {
        display: block;
        margin-left: 0;
        width: auto
    }
}

@media (min-width:768px) and (max-width:1139px) {
    .row-fluid {
        width: 100%
    }

    .row-fluid:after,
    .row-fluid:before {
        content: "";
        display: table
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid [class*=span] {
        box-sizing: border-box;
        display: block;
        margin-left: 1.762430939%;
        min-height: 28px;
        width: 100%
    }

    .row-fluid [class*=span]:first-child {
        margin-left: 0
    }

    .row-fluid .span12 {
        width: 99.999999993%
    }

    .row-fluid .span11 {
        width: 91.436464082%
    }

    .row-fluid .span10 {
        width: 82.87292817100001%
    }

    .row-fluid .span9 {
        width: 74.30939226%
    }

    .row-fluid .span8 {
        width: 65.74585634900001%
    }

    .row-fluid .span7 {
        width: 57.182320438000005%
    }

    .row-fluid .span6 {
        width: 48.618784527%
    }

    .row-fluid .span5 {
        width: 40.055248616%
    }

    .row-fluid .span4 {
        width: 31.491712705%
    }

    .row-fluid .span3 {
        width: 22.928176794%
    }

    .row-fluid .span2 {
        width: 47.364640883%
    }

    .row-fluid .span1 {
        width: 5.801104972%
    }
}

@media (min-width:1280px) {
    .row-fluid {
        width: 100%
    }

    .row-fluid:after,
    .row-fluid:before {
        content: "";
        display: table
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid [class*=span] {
        box-sizing: border-box;
        display: block;
        margin-left: 2.564102564%;
        min-height: 28px;
        width: 100%
    }

    .row-fluid [class*=span]:first-child {
        margin-left: 0
    }

    .row-fluid .span12 {
        width: 100%
    }

    .row-fluid .span11 {
        width: 91.45299145300001%
    }

    .row-fluid .span10 {
        width: 82.905982906%
    }

    .row-fluid .span9 {
        width: 74.358974359%
    }

    .row-fluid .span8 {
        width: 65.81196581200001%
    }

    .row-fluid .span7 {
        width: 57.264957265%
    }

    .row-fluid .span6 {
        width: 48.717948718%
    }

    .row-fluid .span5 {
        width: 40.170940171000005%
    }

    .row-fluid .span4 {
        width: 31.623931624%
    }

    .row-fluid .span3 {
        width: 23.076923077%
    }

    .row-fluid .span2 {
        width: 22.529914530000001%
    }

    .row-fluid .span1 {
        width: 5.982905983%
    }
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.hide {
    display: none
}

.show {
    display: block
}

.invisible {
    opacity: 0;
    visibility: hidden
}

.hidden {
    display: none;
    visibility: hidden
}

.hidden-desktop,
.visible-phone,
.visible-tablet {
    display: none !important
}

@media (max-width:767px) {
    .visible-phone {
        display: inherit !important
    }

    .hidden-phone {
        display: none !important
    }

    .hidden-desktop {
        display: inherit !important
    }

    .visible-desktop {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:1139px) {
    .visible-tablet {
        display: inherit !important
    }

    .hidden-tablet {
        display: none !important
    }

    .hidden-desktop {
        display: inherit !important
    }

    .visible-desktop {
        display: none !important
    }
}