.flex-h {
    display: -webkit-box;
    /* android 2.1-3.0, ios 3.2-4.3 */
    display: -webkit-flex;
    /* Chrome 21+ */
    display: -ms-flexbox;
    /* WP IE 10 */
    display: flex;
    /* android 4.4 */
}

.flex-v {
    display: -webkit-box;
    /* android 2.1-3.0, ios 3.2-4.3 */
    display: -webkit-flex;
    /* Chrome 21+ */
    display: -ms-flexbox;
    /* WP IE 10 */
    display: flex;
    /* android 4.4 */
    -webkit-box-orient: vertical;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex-direction: column;
    /* Chrome 21+ */
    -ms-flex-direction: column;
    /* WP IE 10 */
    flex-direction: column;
    /* android 4.4 */
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
}

.flex-around{
    -webkit-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: justify;
    justify-content: space-around;
}

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

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
    float: left;
    position: relative;
    min-height: 1px;
}

@media only screen and (max-width:1280px) {
    .col-f-1,
    .col-f-2,
    .col-f-3,
    .col-f-4,
    .col-f-5,
    .col-f-6,
    .col-f-7,
    .col-f-8,
    .col-f-9,
    .col-f-10,
    .col-f-11,
    .col-f-12 {
        position: relative;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
    }
}

.col-f-1 {
    width: 8.333333333%;
}

.col-f-2 {
    width: 16.666666666%;
}

.col-f-3 {
    width: 25%;
}

.col-f-4 {
    width: 33.33333333%;
}

.col-f-5 {
    width: 41.66666666%;
}

.col-f-6 {
    width: 50%;
}

.col-f-7 {
    width: 58.33333333%;
}

.col-f-8 {
    width: 66.66666666%;
}

.col-f-9 {
    width: 75%;
}

.col-f-10 {
    width: 83.3333333%;
}

.col-f-11 {
    width: 91.666666666%;
}

.col-f-12 {
    width: 100%;
}

.col-1 {
    width: 8.333333333%;
}

.col-2 {
    width: 16.666666666%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33333333%;
}

.col-5 {
    width: 41.66666666%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33333333%;
}

.col-8 {
    width: 66.66666666%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.3333333%;
}

.col-11 {
    width: 91.666666666%;
}

.col-12 {
    width: 100%;
}
.flex-1 {
    -webkit-box-flex: 1;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex: 1;
    /* Chrome 21+ */
    -ms-flex: 1;
    /* WP IE 10 */
    flex: 1;
    /* android 4.4 */
}

.flex-2 {
    -webkit-box-flex: 2;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex: 2;
    /* Chrome 21+ */
    -ms-flex: 2;
    /* WP IE 10 */
    flex: 2;
    /* android 4.4 */
}

.flex-3{
    -webkit-box-flex: 3;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex: 3;
    /* Chrome 21+ */
    -ms-flex: 3;
    /* WP IE 10 */
    flex: 3;
    /* android 4.4 */
}

.flex-4 {
    -webkit-box-flex: 4;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex: 4;
    /* Chrome 21+ */
    -ms-flex: 4;
    /* WP IE 10 */
    flex: 4;
    /* android 4.4 */
}

.flex-5 {
    -webkit-box-flex: 5;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex: 5;
    /* Chrome 21+ */
    -ms-flex: 5;
    /* WP IE 10 */
    flex: 5;
    /* android 4.4 */
}

.flex-6 {
    -webkit-box-flex: 6;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex: 6;
    /* Chrome 21+ */
    -ms-flex: 6;
    /* WP IE 10 */
    flex: 6;
    /* android 4.4 */
}

.flex-7 {
    -webkit-box-flex: 7;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex: 7;
    /* Chrome 21+ */
    -ms-flex: 7;
    /* WP IE 10 */
    flex: 7;
    /* android 4.4 */
}
.flex-8 {
    -webkit-box-flex: 8;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex: 8;
    /* Chrome 21+ */
    -ms-flex: 8;
    /* WP IE 10 */
    flex: 8;
    /* android 4.4 */
}

.flex-9 {
    -webkit-box-flex: 9;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex: 9;
    /* Chrome 21+ */
    -ms-flex: 9;
    /* WP IE 10 */
    flex: 9;
    /* android 4.4 */
}

.flex-10 {
    -webkit-box-flex: 10;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex: 10;
    /* Chrome 21+ */
    -ms-flex: 10;
    /* WP IE 10 */
    flex: 10;
    /* android 4.4 */
}

.flex-11 {
    -webkit-box-flex: 11;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex: 11;
    /* Chrome 21+ */
    -ms-flex: 11;
    /* WP IE 10 */
    flex: 11;
    /* android 4.4 */
}

.flex-12 {
    -webkit-box-flex: 12;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex: 12;
    /* Chrome 21+ */
    -ms-flex: 12;
    /* WP IE 10 */
    flex: 12;
    /* android 4.4 */
}


.flex-13 {
    -webkit-box-flex: 13;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex: 13;
    /* Chrome 21+ */
    -ms-flex: 13;
    /* WP IE 10 */
    flex: 13;
    /* android 4.4 */
}

.flex-14 {
    -webkit-box-flex: 14;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex: 14;
    /* Chrome 21+ */
    -ms-flex: 14;
    /* WP IE 10 */
    flex: 14;
    /* android 4.4 */
}

.flex-15 {
    -webkit-box-flex: 15;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-flex: 15;
    /* Chrome 21+ */
    -ms-flex: 15;
    /* WP IE 10 */
    flex: 15;
    /* android 4.4 */
}





.flex-center {
    -webkit-box-pack: center;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-justify-content: center;
    /* Chrome 21+ */
    -ms-flex-pack: center;
    /* WP IE 10 */
    justify-content: center;
    /* android 4.4 */
    -webkit-box-align: center;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-align-items: center;
    /* Chrome 21+ */
    -ms-flex-align: center;
    /* WP IE 10 */
    align-items: center;
    /* android 4.4 */
}

.flex-hh-center {
    -webkit-box-pack: center;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-justify-content: center;
    /* Chrome 21+ */
    -ms-flex-pack: center;
    /* WP IE 10 */
    justify-content: center;
    /* android 4.4 */
}

.flex-vh-center {
    -webkit-box-align: center;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-align-items: center;
    /* Chrome 21+ */
    -ms-flex-align: center;
    /* WP IE 10 */
    align-items: center;
    /* android 4.4 */
}

.flex-vv-center {
    -webkit-box-pack: center;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-justify-content: center;
    /* Chrome 21+ */
    -ms-flex-pack: center;
    /* WP IE 10 */
    justify-content: center;
    /* android 4.4 */
}

.flex-hv-center {
    -webkit-box-align: center;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-align-items: center;
    /* Chrome 21+ */
    -ms-flex-align: center;
    /* WP IE 10 */
    align-items: center;
    /* android 4.4 */
}

.flex-between {
    -webkit-box-pack: justify;
    /* android 2.1-3.0, ios 3.2-4.3 */
    -webkit-justify-content: space-between;
    /* Chrome 21+ */
    -ms-flex-pack: justify;
    /* WP IE 10 */
    justify-content: space-between;
}