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

*, *:after, *:before {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container-fluid {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.container, .container-fluid, .clearfix, .row {
    position: relative;
}

.clearfix::after,
.container-fluid::after,
.row::after,
.container::after {
    display: block;
    content: "";
    clear: both;
}

.col {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float:left;
    width: 100%;
}

.col-12 { width: 100%; }
.col-11 { width: 91.6666667%; }
.col-10 { width: 83.3333333%; }
.col-9 { width: 75%; }
.col-8 { width: 66.6666666%; }
.col-7 { width: 58.3333333%; }
.col-6 { width: 50%; }
.col-5 { width: 41.6666667%; }
.col-4 { width: 33.3333334%; }
.col-3 { width: 25%; }
.col-2 { width: 16.6666667%; }
.col-1 { width: 8.33333333%; }



/*helpers*/
.col-float-left {
    float: left;
}
.col-float-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.col-float-right {
    float: right;
}

.col-text-left {
    text-align: left;
}
.col-text-center {
    text-align: center;
}
.col-text-right {
    text-align: right;
}

.col-display-none {
    display: none;
}
.col-display-block {
    display: block;
}
.col-display-inline {
    display: inline;
}
.col-display-inline-block {
    display: inline-block;
}
.col-display-table {
    display: table;
}
.col-display-table-cell {
    display: table-cell;
}

.col-position-static {
    position: static;
}
.col-position-relative {
    position: relative;
}
.col-position-absolute {
    position: absolute;
}
.col-position-fixed {
    position: fixed;
}
/*helpers*/


@media (min-width: 720px) {

    .col-md-12 { width: 100%; }
    .col-md-11 { width: 91.6666667%; }
    .col-md-10 { width: 83.3333333%; }
    .col-md-9 { width: 75%; }
    .col-md-8 { width: 66.6666666%; }
    .col-md-7 { width: 58.3333333%; }
    .col-md-6 { width: 50%; }
    .col-md-5 { width: 41.6666667%; }
    .col-md-4 { width: 33.3333334%; }
    .col-md-3 { width: 25%; }
    .col-md-2 { width: 16.6666667%; }
    .col-md-1 { width: 8.33333333%; }

    /*helpers*/
    .col-md-float-left {
        float: left;
    }
    .col-md-float-center {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    .col-md-float-right {
        float: right;
    }

    .col-md-text-left {
        text-align: left;
    }
    .col-md-text-center {
        text-align: center;
    }
    .col-md-text-right {
        text-align: right;
    }

    .col-md-display-none {
        display: none;
    }
    .col-md-display-block {
        display: block;
    }
    .col-md-display-inline {
        display: inline;
    }
    .col-md-display-inline-block {
        display: inline-block;
    }
    .col-md-display-table {
        display: table;
    }
    .col-md-display-table-cell {
        display: table-cell;
    }

    .col-md-position-static {
        position: static;
    }
    .col-md-position-relative {
        position: relative;
    }
    .col-md-position-absolute {
        position: absolute;
    }
    .col-md-position-fixed {
        position: fixed;
    }
    /*helpers*/

}

@media (min-width: 1200px) {
    
    .container {
        width: 1080px;
    }

    .col-lg-12 { width: 100%; }
    .col-lg-11 { width: 91.6666667%; }
    .col-lg-10 { width: 83.3333333%; }
    .col-lg-9 { width: 75%; }
    .col-lg-8 { width: 66.6666666%; }
    .col-lg-7 { width: 58.3333333%; }
    .col-lg-6 { width: 50%; }
    .col-lg-5 { width: 41.6666667%; }
    .col-lg-4 { width: 33.3333334%; }
    .col-lg-3 { width: 25%; }
    .col-lg-2 { width: 16.6666667%; }
    .col-lg-1 { width: 8.33333333%; }

    /*helpers*/
    .col-lg-float-left {
        float: left;
    }

    .col-lg-float-center {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .col-lg-float-right {
        float: right;
    }

    .col-lg-text-left {
        text-align: left;
    }

    .col-lg-text-center {
        text-align: center;
    }

    .col-lg-text-right {
        text-align: right;
    }

    .col-lg-display-none {
        display: none;
    }
    .col-lg-display-block {
        display: block;
    }
    .col-lg-display-inline {
        display: inline;
    }
    .col-lg-display-inline-block {
        display: inline-block;
    }
    .col-lg-display-table {
        display: table;
    }
    .col-lg-display-table-cell {
        display: table-cell;
    }

    .col-lg-position-static {
        position: static;
    }
    .col-lg-position-relative {
        position: relative;
    }
    .col-lg-position-absolute {
        position: absolute;
    }
    .col-lg-position-fixed {
        position: fixed;
    }
    /*helpers*/

}
  

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}