/*
FOX CSS 3.0.0
by Ronan Levesque - CC BY 3.0 license

Includes Normalize by Nicolas Gallagher
More info => http://necolas.github.io/normalize.css/
*/

/*-------------------------*/
/* +GRID                   */
/*-------------------------*/
.fx-row {
  margin-top: -15px;
  margin-left: -15px;
  margin-right: -15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.fx-row + .fx-row {
  margin-top: 0;
}

.fx-row-start-xs {
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.fx-row-center-xs {
  -ms-flex-pack: center;
  justify-content: center;
}

.fx-row-end-xs {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.fx-row-between-xs {
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.fx-row-around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

@media screen and (min-width: 768px) {
  .fx-row-start-s {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .fx-row-center-s {
    -ms-flex-pack: center;
    justify-content: center;
  }
  .fx-row-end-s {
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .fx-row-between-s {
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .fx-row-around-s {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

@media screen and (min-width: 960px) {
  .fx-row-start-m {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .fx-row-center-m {
    -ms-flex-pack: center;
    justify-content: center;
  }
  .fx-row-end-m {
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .fx-row-between-m {
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .fx-row-around-m {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

@media screen and (min-width: 1230px) {
  .fx-row-start-l {
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .fx-row-center-l {
    -ms-flex-pack: center;
    justify-content: center;
  }
  .fx-row-end-l {
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .fx-row-between-l {
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .fx-row-around-l {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
}

.fx-row-reverse-xs {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media screen and (min-width: 768px) {
  .fx-row-reverse-s {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 960px) {
  .fx-row-reverse-m {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

@media screen and (min-width: 1230px) {
  .fx-row-reverse-l {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

[class*="fx-col"] {
  margin-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.fx-col-5-xs {
  -ms-flex-preferred-size: 5%;
  flex-basis: 5%;
  max-width: 5%;
}
.fx-col-10-xs {
  -ms-flex-preferred-size: 10%;
  flex-basis: 10%;
  max-width: 10%;
}
.fx-col-15-xs {
  -ms-flex-preferred-size: 15%;
  flex-basis: 15%;
  max-width: 15%;
}
.fx-col-20-xs {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%;
}
.fx-col-25-xs {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}
.fx-col-30-xs {
  -ms-flex-preferred-size: 30%;
  flex-basis: 30%;
  max-width: 30%;
}
.fx-col-33-xs {
  -ms-flex-preferred-size: 33.3333%;
  flex-basis: 33.3333%;
  max-width: 33.3333%;
}
.fx-col-35-xs {
  -ms-flex-preferred-size: 35%;
  flex-basis: 35%;
  max-width: 35%;
}
.fx-col-40-xs {
  -ms-flex-preferred-size: 40%;
  flex-basis: 40%;
  max-width: 40%;
}
.fx-col-45-xs {
  -ms-flex-preferred-size: 45%;
  flex-basis: 45%;
  max-width: 45%;
}
.fx-col-50-xs {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
.fx-col-55-xs {
  -ms-flex-preferred-size: 55%;
  flex-basis: 55%;
  max-width: 55%;
}
.fx-col-60-xs {
  -ms-flex-preferred-size: 60%;
  flex-basis: 60%;
  max-width: 60%;
}
.fx-col-65-xs {
  -ms-flex-preferred-size: 65%;
  flex-basis: 65%;
  max-width: 65%;
}
.fx-col-66-xs {
  -ms-flex-preferred-size: 66.6666%;
  flex-basis: 66.6666%;
  max-width: 66.6666%;
}
.fx-col-70-xs {
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%;
  max-width: 70%;
}
.fx-col-75-xs {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}
.fx-col-80-xs {
  -ms-flex-preferred-size: 80%;
  flex-basis: 80%;
  max-width: 80%;
}
.fx-col-85-xs {
  -ms-flex-preferred-size: 85%;
  flex-basis: 85%;
  max-width: 85%;
}
.fx-col-90-xs {
  -ms-flex-preferred-size: 90%;
  flex-basis: 90%;
  max-width: 90%;
}
.fx-col-95-xs {
  -ms-flex-preferred-size: 95%;
  flex-basis: 95%;
  max-width: 95%;
}
.fx-col-100-xs {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .fx-col-5-s {
    -ms-flex-preferred-size: 5%;
    flex-basis: 5%;
    max-width: 5%;
  }
  .fx-col-10-s {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    max-width: 10%;
  }
  .fx-col-15-s {
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%;
    max-width: 15%;
  }
  .fx-col-20-s {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
  .fx-col-25-s {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .fx-col-30-s {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    max-width: 30%;
  }
  .fx-col-33-s {
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
  .fx-col-35-s {
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
    max-width: 35%;
  }
  .fx-col-40-s {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%;
  }
  .fx-col-45-s {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    max-width: 45%;
  }
  .fx-col-50-s {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .fx-col-55-s {
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
    max-width: 55%;
  }
  .fx-col-60-s {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    max-width: 60%;
  }
  .fx-col-65-s {
    -ms-flex-preferred-size: 65%;
    flex-basis: 65%;
    max-width: 65%;
  }
  .fx-col-66-s {
    -ms-flex-preferred-size: 66.6666%;
    flex-basis: 66.6666%;
    max-width: 66.6666%;
  }
  .fx-col-70-s {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    max-width: 70%;
  }
  .fx-col-75-s {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .fx-col-80-s {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    max-width: 80%;
  }
  .fx-col-85-s {
    -ms-flex-preferred-size: 85%;
    flex-basis: 85%;
    max-width: 85%;
  }
  .fx-col-90-s {
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%;
    max-width: 90%;
  }
  .fx-col-95-s {
    -ms-flex-preferred-size: 95%;
    flex-basis: 95%;
    max-width: 95%;
  }
  .fx-col-100-s {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 960px) {
  .fx-col-5-m {
    -ms-flex-preferred-size: 5%;
    flex-basis: 5%;
    max-width: 5%;
  }
  .fx-col-10-m {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    max-width: 10%;
  }
  .fx-col-15-m {
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%;
    max-width: 15%;
  }
  .fx-col-20-m {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
  .fx-col-25-m {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .fx-col-30-m {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    max-width: 30%;
  }
  .fx-col-33-m {
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
  .fx-col-35-m {
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
    max-width: 35%;
  }
  .fx-col-40-m {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%;
  }
  .fx-col-45-m {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    max-width: 45%;
  }
  .fx-col-50-m {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .fx-col-55-m {
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
    max-width: 55%;
  }
  .fx-col-60-m {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    max-width: 60%;
  }
  .fx-col-65-m {
    -ms-flex-preferred-size: 65%;
    flex-basis: 65%;
    max-width: 65%;
  }
  .fx-col-66-m {
    -ms-flex-preferred-size: 66.6666%;
    flex-basis: 66.6666%;
    max-width: 66.6666%;
  }
  .fx-col-70-m {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    max-width: 70%;
  }
  .fx-col-75-m {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .fx-col-80-m {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    max-width: 80%;
  }
  .fx-col-85-m {
    -ms-flex-preferred-size: 85%;
    flex-basis: 85%;
    max-width: 85%;
  }
  .fx-col-90-m {
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%;
    max-width: 90%;
  }
  .fx-col-95-m {
    -ms-flex-preferred-size: 95%;
    flex-basis: 95%;
    max-width: 95%;
  }
  .fx-col-100-m {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media screen and (min-width: 1230px) {
  .fx-col-5-l {
    -ms-flex-preferred-size: 5%;
    flex-basis: 5%;
    max-width: 5%;
  }
  .fx-col-10-l {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
    max-width: 10%;
  }
  .fx-col-15-l {
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%;
    max-width: 15%;
  }
  .fx-col-20-l {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width: 20%;
  }
  .fx-col-25-l {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .fx-col-30-l {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    max-width: 30%;
  }
  .fx-col-33-l {
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }
  .fx-col-35-l {
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
    max-width: 35%;
  }
  .fx-col-40-l {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    max-width: 40%;
  }
  .fx-col-45-l {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    max-width: 45%;
  }
  .fx-col-50-l {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .fx-col-55-l {
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
    max-width: 55%;
  }
  .fx-col-60-l {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    max-width: 60%;
  }
  .fx-col-65-l {
    -ms-flex-preferred-size: 65%;
    flex-basis: 65%;
    max-width: 65%;
  }
  .fx-col-66-l {
    -ms-flex-preferred-size: 66.6666%;
    flex-basis: 66.6666%;
    max-width: 66.6666%;
  }
  .fx-col-70-l {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    max-width: 70%;
  }
  .fx-col-75-l {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .fx-col-80-l {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    max-width: 80%;
  }
  .fx-col-85-l {
    -ms-flex-preferred-size: 85%;
    flex-basis: 85%;
    max-width: 85%;
  }
  .fx-col-90-l {
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%;
    max-width: 90%;
  }
  .fx-col-95-l {
    -ms-flex-preferred-size: 95%;
    flex-basis: 95%;
    max-width: 95%;
  }
  .fx-col-100-l {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
}

.fx-col-top-xs {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.fx-col-center-xs {
  -ms-flex-item-align: center;
  align-self: center;
}

.fx-col-bottom-xs {
  -ms-flex-item-align: end;
  align-self: flex-end;
}

@media screen and (min-width: 768px) {
  .fx-col-top-s {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .fx-col-center-s {
    -ms-flex-item-align: center;
    align-self: center;
  }
  .fx-col-bottom-s {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
}

@media screen and (min-width: 960px) {
  .fx-col-top-m {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .fx-col-center-m {
    -ms-flex-item-align: center;
    align-self: center;
  }
  .fx-col-bottom-m {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
}

@media screen and (min-width: 1230px) {
  .fx-col-top-l {
    -ms-flex-item-align: start;
    align-self: flex-start;
  }
  .fx-col-center-l {
    -ms-flex-item-align: center;
    align-self: center;
  }
  .fx-col-bottom-l {
    -ms-flex-item-align: end;
    align-self: flex-end;
  }
}

.fx-row-gutter-s {
  margin-top: -16px;
  margin-left: -8px;
  margin-right: -8px;
}
.fx-row-gutter-s > li,
.fx-row-gutter-s > div {
  margin-top: 16px;
  padding-left: 8px;
  padding-right: 8px;
}
.fx-row-gutter-xs {
  margin-top: -10px;
  margin-left: -5px;
  margin-right: -5px;
}
.fx-row-gutter-xs > li,
.fx-row-gutter-xs > div {
  margin-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
}