/* === Container === */
.container {
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
  box-sizing: border-box;
}


a:hover {
  text-decoration: none;

}

/* === Row === */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

/* === Col === */
.col {
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

/* === Basic col-1 to col-12 (default xs) === */
[class*="col-"] {
  box-sizing: border-box;
}

.col-1 {
  width: 8.333%;
}

.col-2 {
  width: 16.666%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.333%;
}

.col-5 {
  width: 41.666%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.333%;
}

.col-8 {
  width: 66.666%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.333%;
}

.col-11 {
  width: 91.666%;
}

.col-12 {
  width: 100%;
}

/* === Padding === */
.padding_1 {
  padding: 5px !important;
}

.padding_2 {
  padding: 10px !important;
}

.padding_3 {
  padding: 15px !important;
}

.padding_4 {
  padding: 20px !important;
}

.padding_5 {
  padding: 25px !important;
}

.padding_6 {
  padding: 30px !important;
}

.padding_7 {
  padding: 35px !important;
}

.padding_8 {
  padding: 40px !important;
}

.padding_9 {
  padding: 45px !important;
}

.padding_10 {
  padding: 50px !important;
}

.padding_11 {
  padding: 55px !important;
}

.padding_12 {
  padding: 60px !important;
}

.padding_13 {
  padding: 65px !important;
}

.padding_14 {
  padding: 70px !important;
}

a {
  color: #fff;
}

/* === Margin === */
.margin_1 {
  margin: 5px !important;
}

.margin_2 {
  margin: 10px !important;
}

.margin_3 {
  margin: 15px !important;
}

.margin_4 {
  margin: 20px !important;
}

.margin_5 {
  margin: 25px !important;
}

.margin_6 {
  margin: 30px !important;
}

.margin_7 {
  margin: 35px !important;
}

.margin_8 {
  margin: 40px !important;
}

.margin_9 {
  margin: 45px !important;
}

.margin_10 {
  margin: 50px !important;
}

.margin_11 {
  margin: 55px !important;
}

.margin_12 {
  margin: 60px !important;
}

.margin_13 {
  margin: 65px !important;
}

.margin_14 {
  margin: 70px !important;
}

/* === Flex === */
.flex {
  display: flex;
}

.flex-column {
  flex-direction: column !important;
}

.justify-center {
  justify-content: center !important;
}

.align-center {
  align-items: center !important;
}

/* === Responsive Grid === */

/* SM ≥576px */
@media (min-width: 576px) {
  .col-sm-1 {
    width: 8.333%;
  }

  .col-sm-2 {
    width: 16.666%;
  }

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

  .col-sm-4 {
    width: 33.333%;
  }

  .col-sm-5 {
    width: 41.666%;
  }

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

  .col-sm-7 {
    width: 58.333%;
  }

  .col-sm-8 {
    width: 66.666%;
  }

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

  .col-sm-10 {
    width: 83.333%;
  }

  .col-sm-11 {
    width: 91.666%;
  }

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

/* MD ≥768px */
@media (min-width: 768px) {
  .col-md-1 {
    width: 8.333%;
  }

  .col-md-2 {
    width: 16.666%;
  }

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

  .col-md-4 {
    width: 33.333%;
  }

  .col-md-5 {
    width: 41.666%;
  }

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

  .col-md-7 {
    width: 58.333%;
  }

  .col-md-8 {
    width: 66.666%;
  }

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

  .col-md-10 {
    width: 83.333%;
  }

  .col-md-11 {
    width: 91.666%;
  }

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

/* LG ≥992px */
@media (min-width: 992px) {
  .col-lg-1 {
    width: 8.333%;
  }

  .col-lg-2 {
    width: 16.666%;
  }

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

  .col-lg-4 {
    width: 33.333%;
  }

  .col-lg-5 {
    width: 41.666%;
  }

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

  .col-lg-7 {
    width: 58.333%;
  }

  .col-lg-8 {
    width: 66.666%;
  }

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

  .col-lg-10 {
    width: 83.333%;
  }

  .col-lg-11 {
    width: 91.666%;
  }

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



html,
body {
  position: relative;
  /*height: 100%;*/
}

body {
  background: #000;
  font-size: 14px;
  color: #fff;
  margin: 0;
  padding: 0;
}