body {
    background: #fff none repeat scroll 0 0;
    overflow-x: hidden;
}

.content-bg {
    height: auto;
    margin: 0 auto;
    max-width: 1180px;
    min-width: 320px;
    padding: 0;
    width: 100%;
}
.grid{
    margin: 0 auto;
    max-width: 1180px;
    min-width: 320px;
    padding: 0;
    width: 100%;

}
.hero {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    height: 250px;
    position: relative;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35);
    width: 100%;
}
.hero > div {
    position: relative;
    z-index: 2;
}

.page {
    height: auto;
    width: 100%;
}
.main {
    background: #fff none repeat scroll 0 0;
    float: left;
    height: auto;
    position: relative;
    width: 100%;
}
.container {
    margin: 0 auto;
    max-width: 500px;
    padding: 0 15px;
}
.container-fluid {
    padding-right: 15px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}


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

.container:after {
    clear: both;
}

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

.container:after {
    clear: both;
}

.row {
    clear: both;
    float: left;
    width: 100%;
}

.column {
    clear: both;
    float: left;
    width: 100%;
}


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

.row:after {
    clear: both;
}

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

.row:after {
    clear: both;
}

.col-sm-1,
.col-md-1,
.col-lg-1,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-md-5,
.col-lg-5,
.col-md-6,
.col-lg-6,
.col-md-7,
.col-lg-7,
.col-md-8,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4 {
    float: left;
}

.col-sm-4 {
    width: 100%;
}
.col-sm-3 {
    width: 75%;
}
.col-sm-2 {
    width: 50%;
}
.col-sm-1 {
    width: 25%;
}

.col-sm-pull-4 {
    right: 100%;
}
.col-sm-pull-3 {
    right: 75%;
}
.col-sm-pull-2 {
    right: 50%;
}
.col-sm-pull-1 {
    right: 25%;
}

.col-sm-push-4 {
    left: 100%;
}
.col-sm-push-3 {
    left: 75%;
}
.col-sm-push-2 {
    left: 50%;
}
.col-sm-push-1 {
    left: 25%;
}

.col-sm-offset-4 {
    margin-left: 100%;
}
.col-sm-offset-3 {
    margin-left: 75%;
}
.col-sm-offset-2 {
    margin-left: 50%;
}
.col-sm-offset-1 {
    margin-left: 25%;
}

@media (min-width: 500px) {
    .container {
        max-width: 760px;
    }
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8{
        float: left;
    }
    .col-md-8 {
        width: 100%;
    }
    .col-md-7 {
        width: 87.5%;
    }
    .col-md-6 {
        width: 75%;
    }
    .col-md-5 {
        width: 62.5%;
    }
    .col-md-4 {
        width: 50%;
    }
    .col-md-3 {
        width: 37.5%;
    }
    .col-md-2 {
        width: 25%;
    }
    .col-md-1 {
        width: 12.5%;
    }

    .col-md-pull-8 {
        right: 100%;
    }
    .col-md-pull-7 {
        right: 87.5%;
    }
    .col-md-pull-6 {
        right: 75%;
    }
    .col-md-pull-5 {
        right: 62.5%;
    }
    .col-md-pull-4 {
        right: 50%;
    }
    .col-md-pull-3 {
        right: 37.5%;
    }
    .col-md-pull-2 {
        right: 25%;
    }
    .col-md-pull-1 {
        right: 12.5%;
    }

    .col-md-push-8 {
        left: 100%;
    }
    .col-md-push-7 {
        left: 87.5%;
    }
    .col-md-push-6 {
        left: 75%;
    }
    .col-md-push-5 {
        left: 62.5%;
    }
    .col-md-push-4 {
        left: 50%;
    }
    .col-md-push-3 {
        left: 37.5%;
    }
    .col-md-push-2 {
        left: 25%;
    }
    .col-md-push-1 {
        left: 12.5%;
    }

    .col-md-offset-8 {
        margin-left: 100%;
    }
    .col-md-offset-7 {
        margin-left: 87.5%;
    }
    .col-md-offset-6 {
        margin-left: 75%;
    }
    .col-md-offset-5 {
        margin-left: 62.5%;
    }
    .col-md-offset-4 {
        margin-left: 50%;
    }
    .col-md-offset-3 {
        margin-left: 37.5%;
    }
    .col-md-offset-2 {
        margin-left: 25%;
    }
    .col-md-offset-1 {
        margin-left: 12.5%;
    }
}

@media (min-width: 770px) {
    .container {
        max-width: 1600px;
    }
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11 {
        float: left;
    }
    .col-lg-12 {
        width: 100%;
    }
    .col-lg-11 {
        width: 91.66666666666666%;
    }
    .col-lg-10 {
        width: 83.33333333333334%;
    }
    .col-lg-9 {
        width: 75%;
    }
    .col-lg-8 {
        width: 66.66666666666666%;
    }
    .col-lg-7 {
        width: 58.333333333333336%;
    }
    .col-lg-6 {
        width: 50%;
    }
    .col-lg-5 {
        width: 41.66666666666667%;
    }
    .col-lg-4 {
        width: 33.33333333333333%;
    }
    .col-lg-3 {
        width: 25%;
    }
    .col-lg-2 {
        width: 16.666666666666664%;
    }
    .col-lg-1 {
        width: 8.333333333333332%;
    }
    .col-lg-pull-12 {
        right: 100%;
    }
    .col-lg-pull-11 {
        right: 91.66666666666666%;
    }
    .col-lg-pull-10 {
        right: 83.33333333333334%;
    }
    .col-lg-pull-9 {
        right: 75%;
    }
    .col-lg-pull-8 {
        right: 66.66666666666666%;
    }
    .col-lg-pull-7 {
        right: 58.333333333333336%;
    }
    .col-lg-pull-6 {
        right: 50%;
    }
    .col-lg-pull-5 {
        right: 41.66666666666667%;
    }
    .col-lg-pull-4 {
        right: 33.33333333333333%;
    }
    .col-lg-pull-3 {
        right: 25%;
    }
    .col-lg-pull-2 {
        right: 16.666666666666664%;
    }
    .col-lg-pull-1 {
        right: 8.333333333333332%;
    }
    .col-lg-push-12 {
        left: 100%;
    }
    .col-lg-push-11 {
        left: 91.66666666666666%;
    }
    .col-lg-push-10 {
        left: 83.33333333333334%;
    }
    .col-lg-push-9 {
        left: 75%;
    }
    .col-lg-push-8 {
        left: 66.66666666666666%;
    }
    .col-lg-push-7 {
        left: 58.333333333333336%;
    }
    .col-lg-push-6 {
        left: 50%;
    }
    .col-lg-push-5 {
        left: 41.66666666666667%;
    }
    .col-lg-push-4 {
        left: 33.33333333333333%;
    }
    .col-lg-push-3 {
        left: 25%;
    }
    .col-lg-push-2 {
        left: 16.666666666666664%;
    }
    .col-lg-push-1 {
        left: 8.333333333333332%;
    }
    .col-lg-offset-12 {
        margin-left: 100%;
    }
    .col-lg-offset-11 {
        margin-left: 91.66666666666666%;
    }
    .col-lg-offset-10 {
        margin-left: 83.33333333333334%;
    }
    .col-lg-offset-9 {
        margin-left: 75%;
    }
    .col-lg-offset-8 {
        margin-left: 66.66666666666666%;
    }
    .col-lg-offset-7 {
        margin-left: 58.333333333333336%;
    }
    .col-lg-offset-6 {
        margin-left: 50%;
    }
    .col-lg-offset-5 {
        margin-left: 41.66666666666667%;
    }
    .col-lg-offset-4 {
        margin-left: 33.33333333333333%;
    }
    .col-lg-offset-3 {
        margin-left: 25%;
    }
    .col-lg-offset-2 {
        margin-left: 16.666666666666664%;
    }
    .col-lg-offset-1 {
        margin-left: 8.333333333333332%;
    }
}


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

.clearfix:after {
    clear: both;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.no-gutter{
    padding-right: 0px;
    padding-left: 0px;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.affix {
    position: fixed;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}


@-ms-viewport {
    width: device-width;
}


@media (max-width: 499px) {
    .visible-sm {
        display: block !important;
    }
    .hidden-sm{
        display: none;
    }

}

@media (min-width: 500px) and (max-width: 769px) {
    .visible-md {
        display: block !important;
    }
    .hidden-md{
        display: none;
    }
}

@media (min-width: 770px) {
    .visible-lg {
        display: block !important;
    }
    .hidden-lg{
        display: none;
    }

}


@media print {
    .visible-print {
        display: block !important;
    }
    .hidden-print{
        display: none !important;
    }
}