/* 
* =============================================
* Grid  
* =============================================
*/
.gutter {
  overflow: hidden;
  padding: 0 0.5rem;
}
.gutter > .row {
  margin-left: -1rem;
  margin-right: -1rem;
}
.gutter > .row > .col,
.gutter > .row > [class*='col-'] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.gap > .row > .col,
.gap > .row > [class*='col-'] {
  margin-bottom: 1rem;
}

.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/** col **/
.col,
[class*='col-'] {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.col {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}

[class*='col-'] {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.col-1-2 {
  width: 50%;
}

.col-2-2 {
  width: 100%;
}

.col-1-3 {
  width: 33.3333333333%;
}

.col-2-3 {
  width: 66.6666666667%;
}

.col-3-3 {
  width: 100%;
}

.col-1-4 {
  width: 25%;
}

.col-2-4 {
  width: 50%;
}

.col-3-4 {
  width: 75%;
}

.col-4-4 {
  width: 100%;
}

.col-1-5 {
  width: 20%;
}

.col-2-5 {
  width: 40%;
}

.col-3-5 {
  width: 60%;
}

.col-4-5 {
  width: 80%;
}

.col-5-5 {
  width: 100%;
}

.col-1-6 {
  width: 16.6666666667%;
}

.col-2-6 {
  width: 33.3333333333%;
}

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

.col-4-6 {
  width: 66.6666666667%;
}

.col-5-6 {
  width: 83.3333333333%;
}

.col-6-6 {
  width: 100%;
}

.col-1-7 {
  width: 14.2857142857%;
}

.col-2-7 {
  width: 28.5714285714%;
}

.col-3-7 {
  width: 42.8571428571%;
}

.col-4-7 {
  width: 57.1428571429%;
}

.col-5-7 {
  width: 71.4285714286%;
}

.col-6-7 {
  width: 85.7142857143%;
}

.col-7-7 {
  width: 100%;
}

.col-1-8 {
  width: 12.5%;
}

.col-2-8 {
  width: 25%;
}

.col-3-8 {
  width: 37.5%;
}

.col-4-8 {
  width: 50%;
}

.col-5-8 {
  width: 62.5%;
}

.col-6-8 {
  width: 75%;
}

.col-7-8 {
  width: 87.5%;
}

.col-8-8 {
  width: 100%;
}

.col-1-9 {
  width: 11.1111111111%;
}

.col-2-9 {
  width: 22.2222222222%;
}

.col-3-9 {
  width: 33.3333333333%;
}

.col-4-9 {
  width: 44.4444444444%;
}

.col-5-9 {
  width: 55.5555555556%;
}

.col-6-9 {
  width: 66.6666666667%;
}

.col-7-9 {
  width: 77.7777777778%;
}

.col-8-9 {
  width: 88.8888888889%;
}

.col-9-9 {
  width: 100%;
}

.col-1-10 {
  width: 10%;
}

.col-2-10 {
  width: 20%;
}

.col-3-10 {
  width: 30%;
}

.col-4-10 {
  width: 40%;
}

.col-5-10 {
  width: 50%;
}

.col-6-10 {
  width: 60%;
}

.col-7-10 {
  width: 70%;
}

.col-8-10 {
  width: 80%;
}

.col-9-10 {
  width: 90%;
}

.col-10-10 {
  width: 100%;
}

.col-1-12 {
  width: 8.3333333333%;
}

.col-2-12 {
  width: 16.6666666667%;
}

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

.col-4-12 {
  width: 33.3333333333%;
}

.col-5-12 {
  width: 41.6666666667%;
}

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

.col-7-12 {
  width: 58.3333333333%;
}

.col-8-12 {
  width: 66.6666666667%;
}

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

.col-10-12 {
  width: 83.3333333333%;
}

.col-11-12 {
  width: 91.6666666667%;
}

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

.col-1-24 {
  width: 4.1666666667%;
}

.col-2-24 {
  width: 8.3333333333%;
}

.col-3-24 {
  width: 12.5%;
}

.col-4-24 {
  width: 16.6666666667%;
}

.col-5-24 {
  width: 20.8333333333%;
}

.col-6-24 {
  width: 25%;
}

.col-7-24 {
  width: 29.1666666667%;
}

.col-8-24 {
  width: 33.3333333333%;
}

.col-9-24 {
  width: 37.5%;
}

.col-10-24 {
  width: 41.6666666667%;
}

.col-11-24 {
  width: 45.8333333333%;
}

.col-12-24 {
  width: 50%;
}

.col-13-24 {
  width: 54.1666666667%;
}

.col-14-24 {
  width: 58.3333333333%;
}

.col-15-24 {
  width: 62.5%;
}

.col-16-24 {
  width: 66.6666666667%;
}

.col-17-24 {
  width: 70.8333333333%;
}

.col-18-24 {
  width: 75%;
}

.col-19-24 {
  width: 79.1666666667%;
}

.col-20-24 {
  width: 83.3333333333%;
}

.col-21-24 {
  width: 87.5%;
}

.col-22-24 {
  width: 91.6666666667%;
}

.col-23-24 {
  width: 95.8333333333%;
}

.col-24-24 {
  width: 100%;
}

/** offset **/
.offset-1-3 {
  margin-left: 33.3333333333%;
}

.offset-1-4 {
  margin-left: 25%;
}

.offset-2-4 {
  margin-left: 50%;
}

.offset-1-5 {
  margin-left: 20%;
}

.offset-2-5 {
  margin-left: 40%;
}

.offset-3-5 {
  margin-left: 60%;
}

.offset-1-6 {
  margin-left: 16.6666666667%;
}

.offset-2-6 {
  margin-left: 33.3333333333%;
}

.offset-3-6 {
  margin-left: 50%;
}

.offset-4-6 {
  margin-left: 66.6666666667%;
}

.offset-1-7 {
  margin-left: 14.2857142857%;
}

.offset-2-7 {
  margin-left: 28.5714285714%;
}

.offset-3-7 {
  margin-left: 42.8571428571%;
}

.offset-4-7 {
  margin-left: 57.1428571429%;
}

.offset-5-7 {
  margin-left: 71.4285714286%;
}

.offset-1-8 {
  margin-left: 12.5%;
}

.offset-2-8 {
  margin-left: 25%;
}

.offset-3-8 {
  margin-left: 37.5%;
}

.offset-4-8 {
  margin-left: 50%;
}

.offset-5-8 {
  margin-left: 62.5%;
}

.offset-6-8 {
  margin-left: 75%;
}

.offset-1-9 {
  margin-left: 11.1111111111%;
}

.offset-2-9 {
  margin-left: 22.2222222222%;
}

.offset-3-9 {
  margin-left: 33.3333333333%;
}

.offset-4-9 {
  margin-left: 44.4444444444%;
}

.offset-5-9 {
  margin-left: 55.5555555556%;
}

.offset-6-9 {
  margin-left: 66.6666666667%;
}

.offset-7-9 {
  margin-left: 77.7777777778%;
}

.offset-1-10 {
  margin-left: 10%;
}

.offset-2-10 {
  margin-left: 20%;
}

.offset-3-10 {
  margin-left: 30%;
}

.offset-4-10 {
  margin-left: 40%;
}

.offset-5-10 {
  margin-left: 50%;
}

.offset-6-10 {
  margin-left: 60%;
}

.offset-7-10 {
  margin-left: 70%;
}

.offset-8-10 {
  margin-left: 80%;
}

.offset-1-12 {
  margin-left: 8.3333333333%;
}

.offset-2-12 {
  margin-left: 16.6666666667%;
}

.offset-3-12 {
  margin-left: 25%;
}

.offset-4-12 {
  margin-left: 33.3333333333%;
}

.offset-5-12 {
  margin-left: 41.6666666667%;
}

.offset-6-12 {
  margin-left: 50%;
}

.offset-7-12 {
  margin-left: 58.3333333333%;
}

.offset-8-12 {
  margin-left: 66.6666666667%;
}

.offset-9-12 {
  margin-left: 75%;
}

.offset-10-12 {
  margin-left: 83.3333333333%;
}

.offset-1-24 {
  margin-left: 4.1666666667%;
}

.offset-2-24 {
  margin-left: 8.3333333333%;
}

.offset-3-24 {
  margin-left: 12.5%;
}

.offset-4-24 {
  margin-left: 16.6666666667%;
}

.offset-5-24 {
  margin-left: 20.8333333333%;
}

.offset-6-24 {
  margin-left: 25%;
}

.offset-7-24 {
  margin-left: 29.1666666667%;
}

.offset-8-24 {
  margin-left: 33.3333333333%;
}

.offset-9-24 {
  margin-left: 37.5%;
}

.offset-10-24 {
  margin-left: 41.6666666667%;
}

.offset-11-24 {
  margin-left: 45.8333333333%;
}

.offset-12-24 {
  margin-left: 50%;
}

.offset-13-24 {
  margin-left: 54.1666666667%;
}

.offset-14-24 {
  margin-left: 58.3333333333%;
}

.offset-15-24 {
  margin-left: 62.5%;
}

.offset-16-24 {
  margin-left: 66.6666666667%;
}

.offset-17-24 {
  margin-left: 70.8333333333%;
}

.offset-18-24 {
  margin-left: 75%;
}

.offset-19-24 {
  margin-left: 79.1666666667%;
}

.offset-20-24 {
  margin-left: 83.3333333333%;
}

.offset-21-24 {
  margin-left: 87.5%;
}

.offset-22-24 {
  margin-left: 91.6666666667%;
}

/** Responsive col **/
@media (min-width: 320px) {
  .col-xs-1-2 {
    width: 50%;
  }

  .col-xs-2-2 {
    width: 100%;
  }

  .col-xs-1-3 {
    width: 33.3333333333%;
  }

  .col-xs-2-3 {
    width: 66.6666666667%;
  }

  .col-xs-3-3 {
    width: 100%;
  }

  .col-xs-1-4 {
    width: 25%;
  }

  .col-xs-2-4 {
    width: 50%;
  }

  .col-xs-3-4 {
    width: 75%;
  }

  .col-xs-4-4 {
    width: 100%;
  }

  .col-xs-1-5 {
    width: 20%;
  }

  .col-xs-2-5 {
    width: 40%;
  }

  .col-xs-3-5 {
    width: 60%;
  }

  .col-xs-4-5 {
    width: 80%;
  }

  .col-xs-5-5 {
    width: 100%;
  }

  .col-xs-1-6 {
    width: 16.6666666667%;
  }

  .col-xs-2-6 {
    width: 33.3333333333%;
  }

  .col-xs-3-6 {
    width: 50%;
  }

  .col-xs-4-6 {
    width: 66.6666666667%;
  }

  .col-xs-5-6 {
    width: 83.3333333333%;
  }

  .col-xs-6-6 {
    width: 100%;
  }

  .col-xs-1-7 {
    width: 14.2857142857%;
  }

  .col-xs-2-7 {
    width: 28.5714285714%;
  }

  .col-xs-3-7 {
    width: 42.8571428571%;
  }

  .col-xs-4-7 {
    width: 57.1428571429%;
  }

  .col-xs-5-7 {
    width: 71.4285714286%;
  }

  .col-xs-6-7 {
    width: 85.7142857143%;
  }

  .col-xs-7-7 {
    width: 100%;
  }

  .col-xs-1-8 {
    width: 12.5%;
  }

  .col-xs-2-8 {
    width: 25%;
  }

  .col-xs-3-8 {
    width: 37.5%;
  }

  .col-xs-4-8 {
    width: 50%;
  }

  .col-xs-5-8 {
    width: 62.5%;
  }

  .col-xs-6-8 {
    width: 75%;
  }

  .col-xs-7-8 {
    width: 87.5%;
  }

  .col-xs-8-8 {
    width: 100%;
  }

  .col-xs-1-9 {
    width: 11.1111111111%;
  }

  .col-xs-2-9 {
    width: 22.2222222222%;
  }

  .col-xs-3-9 {
    width: 33.3333333333%;
  }

  .col-xs-4-9 {
    width: 44.4444444444%;
  }

  .col-xs-5-9 {
    width: 55.5555555556%;
  }

  .col-xs-6-9 {
    width: 66.6666666667%;
  }

  .col-xs-7-9 {
    width: 77.7777777778%;
  }

  .col-xs-8-9 {
    width: 88.8888888889%;
  }

  .col-xs-9-9 {
    width: 100%;
  }

  .col-xs-1-10 {
    width: 10%;
  }

  .col-xs-2-10 {
    width: 20%;
  }

  .col-xs-3-10 {
    width: 30%;
  }

  .col-xs-4-10 {
    width: 40%;
  }

  .col-xs-5-10 {
    width: 50%;
  }

  .col-xs-6-10 {
    width: 60%;
  }

  .col-xs-7-10 {
    width: 70%;
  }

  .col-xs-8-10 {
    width: 80%;
  }

  .col-xs-9-10 {
    width: 90%;
  }

  .col-xs-10-10 {
    width: 100%;
  }

  .col-xs-1-12 {
    width: 8.3333333333%;
  }

  .col-xs-2-12 {
    width: 16.6666666667%;
  }

  .col-xs-3-12 {
    width: 25%;
  }

  .col-xs-4-12 {
    width: 33.3333333333%;
  }

  .col-xs-5-12 {
    width: 41.6666666667%;
  }

  .col-xs-6-12 {
    width: 50%;
  }

  .col-xs-7-12 {
    width: 58.3333333333%;
  }

  .col-xs-8-12 {
    width: 66.6666666667%;
  }

  .col-xs-9-12 {
    width: 75%;
  }

  .col-xs-10-12 {
    width: 83.3333333333%;
  }

  .col-xs-11-12 {
    width: 91.6666666667%;
  }

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

  .col-xs-1-24 {
    width: 4.1666666667%;
  }

  .col-xs-2-24 {
    width: 8.3333333333%;
  }

  .col-xs-3-24 {
    width: 12.5%;
  }

  .col-xs-4-24 {
    width: 16.6666666667%;
  }

  .col-xs-5-24 {
    width: 20.8333333333%;
  }

  .col-xs-6-24 {
    width: 25%;
  }

  .col-xs-7-24 {
    width: 29.1666666667%;
  }

  .col-xs-8-24 {
    width: 33.3333333333%;
  }

  .col-xs-9-24 {
    width: 37.5%;
  }

  .col-xs-10-24 {
    width: 41.6666666667%;
  }

  .col-xs-11-24 {
    width: 45.8333333333%;
  }

  .col-xs-12-24 {
    width: 50%;
  }

  .col-xs-13-24 {
    width: 54.1666666667%;
  }

  .col-xs-14-24 {
    width: 58.3333333333%;
  }

  .col-xs-15-24 {
    width: 62.5%;
  }

  .col-xs-16-24 {
    width: 66.6666666667%;
  }

  .col-xs-17-24 {
    width: 70.8333333333%;
  }

  .col-xs-18-24 {
    width: 75%;
  }

  .col-xs-19-24 {
    width: 79.1666666667%;
  }

  .col-xs-20-24 {
    width: 83.3333333333%;
  }

  .col-xs-21-24 {
    width: 87.5%;
  }

  .col-xs-22-24 {
    width: 91.6666666667%;
  }

  .col-xs-23-24 {
    width: 95.8333333333%;
  }

  .col-xs-24-24 {
    width: 100%;
  }
}
@media (min-width: 568px) {
  .col-sm-1-2 {
    width: 50%;
  }

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

  .col-sm-1-3 {
    width: 33.3333333333%;
  }

  .col-sm-2-3 {
    width: 66.6666666667%;
  }

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

  .col-sm-1-4 {
    width: 25%;
  }

  .col-sm-2-4 {
    width: 50%;
  }

  .col-sm-3-4 {
    width: 75%;
  }

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

  .col-sm-1-5 {
    width: 20%;
  }

  .col-sm-2-5 {
    width: 40%;
  }

  .col-sm-3-5 {
    width: 60%;
  }

  .col-sm-4-5 {
    width: 80%;
  }

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

  .col-sm-1-6 {
    width: 16.6666666667%;
  }

  .col-sm-2-6 {
    width: 33.3333333333%;
  }

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

  .col-sm-4-6 {
    width: 66.6666666667%;
  }

  .col-sm-5-6 {
    width: 83.3333333333%;
  }

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

  .col-sm-1-7 {
    width: 14.2857142857%;
  }

  .col-sm-2-7 {
    width: 28.5714285714%;
  }

  .col-sm-3-7 {
    width: 42.8571428571%;
  }

  .col-sm-4-7 {
    width: 57.1428571429%;
  }

  .col-sm-5-7 {
    width: 71.4285714286%;
  }

  .col-sm-6-7 {
    width: 85.7142857143%;
  }

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

  .col-sm-1-8 {
    width: 12.5%;
  }

  .col-sm-2-8 {
    width: 25%;
  }

  .col-sm-3-8 {
    width: 37.5%;
  }

  .col-sm-4-8 {
    width: 50%;
  }

  .col-sm-5-8 {
    width: 62.5%;
  }

  .col-sm-6-8 {
    width: 75%;
  }

  .col-sm-7-8 {
    width: 87.5%;
  }

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

  .col-sm-1-9 {
    width: 11.1111111111%;
  }

  .col-sm-2-9 {
    width: 22.2222222222%;
  }

  .col-sm-3-9 {
    width: 33.3333333333%;
  }

  .col-sm-4-9 {
    width: 44.4444444444%;
  }

  .col-sm-5-9 {
    width: 55.5555555556%;
  }

  .col-sm-6-9 {
    width: 66.6666666667%;
  }

  .col-sm-7-9 {
    width: 77.7777777778%;
  }

  .col-sm-8-9 {
    width: 88.8888888889%;
  }

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

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

  .col-sm-2-10 {
    width: 20%;
  }

  .col-sm-3-10 {
    width: 30%;
  }

  .col-sm-4-10 {
    width: 40%;
  }

  .col-sm-5-10 {
    width: 50%;
  }

  .col-sm-6-10 {
    width: 60%;
  }

  .col-sm-7-10 {
    width: 70%;
  }

  .col-sm-8-10 {
    width: 80%;
  }

  .col-sm-9-10 {
    width: 90%;
  }

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

  .col-sm-1-12 {
    width: 8.3333333333%;
  }

  .col-sm-2-12 {
    width: 16.6666666667%;
  }

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

  .col-sm-4-12 {
    width: 33.3333333333%;
  }

  .col-sm-5-12 {
    width: 41.6666666667%;
  }

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

  .col-sm-7-12 {
    width: 58.3333333333%;
  }

  .col-sm-8-12 {
    width: 66.6666666667%;
  }

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

  .col-sm-10-12 {
    width: 83.3333333333%;
  }

  .col-sm-11-12 {
    width: 91.6666666667%;
  }

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

  .col-sm-1-24 {
    width: 4.1666666667%;
  }

  .col-sm-2-24 {
    width: 8.3333333333%;
  }

  .col-sm-3-24 {
    width: 12.5%;
  }

  .col-sm-4-24 {
    width: 16.6666666667%;
  }

  .col-sm-5-24 {
    width: 20.8333333333%;
  }

  .col-sm-6-24 {
    width: 25%;
  }

  .col-sm-7-24 {
    width: 29.1666666667%;
  }

  .col-sm-8-24 {
    width: 33.3333333333%;
  }

  .col-sm-9-24 {
    width: 37.5%;
  }

  .col-sm-10-24 {
    width: 41.6666666667%;
  }

  .col-sm-11-24 {
    width: 45.8333333333%;
  }

  .col-sm-12-24 {
    width: 50%;
  }

  .col-sm-13-24 {
    width: 54.1666666667%;
  }

  .col-sm-14-24 {
    width: 58.3333333333%;
  }

  .col-sm-15-24 {
    width: 62.5%;
  }

  .col-sm-16-24 {
    width: 66.6666666667%;
  }

  .col-sm-17-24 {
    width: 70.8333333333%;
  }

  .col-sm-18-24 {
    width: 75%;
  }

  .col-sm-19-24 {
    width: 79.1666666667%;
  }

  .col-sm-20-24 {
    width: 83.3333333333%;
  }

  .col-sm-21-24 {
    width: 87.5%;
  }

  .col-sm-22-24 {
    width: 91.6666666667%;
  }

  .col-sm-23-24 {
    width: 95.8333333333%;
  }

  .col-sm-24-24 {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .col-md-1-2 {
    width: 50%;
  }

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

  .col-md-1-3 {
    width: 33.3333333333%;
  }

  .col-md-2-3 {
    width: 66.6666666667%;
  }

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

  .col-md-1-4 {
    width: 25%;
  }

  .col-md-2-4 {
    width: 50%;
  }

  .col-md-3-4 {
    width: 75%;
  }

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

  .col-md-1-5 {
    width: 20%;
  }

  .col-md-2-5 {
    width: 40%;
  }

  .col-md-3-5 {
    width: 60%;
  }

  .col-md-4-5 {
    width: 80%;
  }

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

  .col-md-1-6 {
    width: 16.6666666667%;
  }

  .col-md-2-6 {
    width: 33.3333333333%;
  }

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

  .col-md-4-6 {
    width: 66.6666666667%;
  }

  .col-md-5-6 {
    width: 83.3333333333%;
  }

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

  .col-md-1-7 {
    width: 14.2857142857%;
  }

  .col-md-2-7 {
    width: 28.5714285714%;
  }

  .col-md-3-7 {
    width: 42.8571428571%;
  }

  .col-md-4-7 {
    width: 57.1428571429%;
  }

  .col-md-5-7 {
    width: 71.4285714286%;
  }

  .col-md-6-7 {
    width: 85.7142857143%;
  }

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

  .col-md-1-8 {
    width: 12.5%;
  }

  .col-md-2-8 {
    width: 25%;
  }

  .col-md-3-8 {
    width: 37.5%;
  }

  .col-md-4-8 {
    width: 50%;
  }

  .col-md-5-8 {
    width: 62.5%;
  }

  .col-md-6-8 {
    width: 75%;
  }

  .col-md-7-8 {
    width: 87.5%;
  }

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

  .col-md-1-9 {
    width: 11.1111111111%;
  }

  .col-md-2-9 {
    width: 22.2222222222%;
  }

  .col-md-3-9 {
    width: 33.3333333333%;
  }

  .col-md-4-9 {
    width: 44.4444444444%;
  }

  .col-md-5-9 {
    width: 55.5555555556%;
  }

  .col-md-6-9 {
    width: 66.6666666667%;
  }

  .col-md-7-9 {
    width: 77.7777777778%;
  }

  .col-md-8-9 {
    width: 88.8888888889%;
  }

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

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

  .col-md-2-10 {
    width: 20%;
  }

  .col-md-3-10 {
    width: 30%;
  }

  .col-md-4-10 {
    width: 40%;
  }

  .col-md-5-10 {
    width: 50%;
  }

  .col-md-6-10 {
    width: 60%;
  }

  .col-md-7-10 {
    width: 70%;
  }

  .col-md-8-10 {
    width: 80%;
  }

  .col-md-9-10 {
    width: 90%;
  }

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

  .col-md-1-12 {
    width: 8.3333333333%;
  }

  .col-md-2-12 {
    width: 16.6666666667%;
  }

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

  .col-md-4-12 {
    width: 33.3333333333%;
  }

  .col-md-5-12 {
    width: 41.6666666667%;
  }

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

  .col-md-7-12 {
    width: 58.3333333333%;
  }

  .col-md-8-12 {
    width: 66.6666666667%;
  }

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

  .col-md-10-12 {
    width: 83.3333333333%;
  }

  .col-md-11-12 {
    width: 91.6666666667%;
  }

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

  .col-md-1-24 {
    width: 4.1666666667%;
  }

  .col-md-2-24 {
    width: 8.3333333333%;
  }

  .col-md-3-24 {
    width: 12.5%;
  }

  .col-md-4-24 {
    width: 16.6666666667%;
  }

  .col-md-5-24 {
    width: 20.8333333333%;
  }

  .col-md-6-24 {
    width: 25%;
  }

  .col-md-7-24 {
    width: 29.1666666667%;
  }

  .col-md-8-24 {
    width: 33.3333333333%;
  }

  .col-md-9-24 {
    width: 37.5%;
  }

  .col-md-10-24 {
    width: 41.6666666667%;
  }

  .col-md-11-24 {
    width: 45.8333333333%;
  }

  .col-md-12-24 {
    width: 50%;
  }

  .col-md-13-24 {
    width: 54.1666666667%;
  }

  .col-md-14-24 {
    width: 58.3333333333%;
  }

  .col-md-15-24 {
    width: 62.5%;
  }

  .col-md-16-24 {
    width: 66.6666666667%;
  }

  .col-md-17-24 {
    width: 70.8333333333%;
  }

  .col-md-18-24 {
    width: 75%;
  }

  .col-md-19-24 {
    width: 79.1666666667%;
  }

  .col-md-20-24 {
    width: 83.3333333333%;
  }

  .col-md-21-24 {
    width: 87.5%;
  }

  .col-md-22-24 {
    width: 91.6666666667%;
  }

  .col-md-23-24 {
    width: 95.8333333333%;
  }

  .col-md-24-24 {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .col-lg-1-2 {
    width: 50%;
  }

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

  .col-lg-1-3 {
    width: 33.3333333333%;
  }

  .col-lg-2-3 {
    width: 66.6666666667%;
  }

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

  .col-lg-1-4 {
    width: 25%;
  }

  .col-lg-2-4 {
    width: 50%;
  }

  .col-lg-3-4 {
    width: 75%;
  }

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

  .col-lg-1-5 {
    width: 20%;
  }

  .col-lg-2-5 {
    width: 40%;
  }

  .col-lg-3-5 {
    width: 60%;
  }

  .col-lg-4-5 {
    width: 80%;
  }

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

  .col-lg-1-6 {
    width: 16.6666666667%;
  }

  .col-lg-2-6 {
    width: 33.3333333333%;
  }

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

  .col-lg-4-6 {
    width: 66.6666666667%;
  }

  .col-lg-5-6 {
    width: 83.3333333333%;
  }

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

  .col-lg-1-7 {
    width: 14.2857142857%;
  }

  .col-lg-2-7 {
    width: 28.5714285714%;
  }

  .col-lg-3-7 {
    width: 42.8571428571%;
  }

  .col-lg-4-7 {
    width: 57.1428571429%;
  }

  .col-lg-5-7 {
    width: 71.4285714286%;
  }

  .col-lg-6-7 {
    width: 85.7142857143%;
  }

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

  .col-lg-1-8 {
    width: 12.5%;
  }

  .col-lg-2-8 {
    width: 25%;
  }

  .col-lg-3-8 {
    width: 37.5%;
  }

  .col-lg-4-8 {
    width: 50%;
  }

  .col-lg-5-8 {
    width: 62.5%;
  }

  .col-lg-6-8 {
    width: 75%;
  }

  .col-lg-7-8 {
    width: 87.5%;
  }

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

  .col-lg-1-9 {
    width: 11.1111111111%;
  }

  .col-lg-2-9 {
    width: 22.2222222222%;
  }

  .col-lg-3-9 {
    width: 33.3333333333%;
  }

  .col-lg-4-9 {
    width: 44.4444444444%;
  }

  .col-lg-5-9 {
    width: 55.5555555556%;
  }

  .col-lg-6-9 {
    width: 66.6666666667%;
  }

  .col-lg-7-9 {
    width: 77.7777777778%;
  }

  .col-lg-8-9 {
    width: 88.8888888889%;
  }

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

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

  .col-lg-2-10 {
    width: 20%;
  }

  .col-lg-3-10 {
    width: 30%;
  }

  .col-lg-4-10 {
    width: 40%;
  }

  .col-lg-5-10 {
    width: 50%;
  }

  .col-lg-6-10 {
    width: 60%;
  }

  .col-lg-7-10 {
    width: 70%;
  }

  .col-lg-8-10 {
    width: 80%;
  }

  .col-lg-9-10 {
    width: 90%;
  }

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

  .col-lg-1-12 {
    width: 8.3333333333%;
  }

  .col-lg-2-12 {
    width: 16.6666666667%;
  }

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

  .col-lg-4-12 {
    width: 33.3333333333%;
  }

  .col-lg-5-12 {
    width: 41.6666666667%;
  }

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

  .col-lg-7-12 {
    width: 58.3333333333%;
  }

  .col-lg-8-12 {
    width: 66.6666666667%;
  }

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

  .col-lg-10-12 {
    width: 83.3333333333%;
  }

  .col-lg-11-12 {
    width: 91.6666666667%;
  }

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

  .col-lg-1-24 {
    width: 4.1666666667%;
  }

  .col-lg-2-24 {
    width: 8.3333333333%;
  }

  .col-lg-3-24 {
    width: 12.5%;
  }

  .col-lg-4-24 {
    width: 16.6666666667%;
  }

  .col-lg-5-24 {
    width: 20.8333333333%;
  }

  .col-lg-6-24 {
    width: 25%;
  }

  .col-lg-7-24 {
    width: 29.1666666667%;
  }

  .col-lg-8-24 {
    width: 33.3333333333%;
  }

  .col-lg-9-24 {
    width: 37.5%;
  }

  .col-lg-10-24 {
    width: 41.6666666667%;
  }

  .col-lg-11-24 {
    width: 45.8333333333%;
  }

  .col-lg-12-24 {
    width: 50%;
  }

  .col-lg-13-24 {
    width: 54.1666666667%;
  }

  .col-lg-14-24 {
    width: 58.3333333333%;
  }

  .col-lg-15-24 {
    width: 62.5%;
  }

  .col-lg-16-24 {
    width: 66.6666666667%;
  }

  .col-lg-17-24 {
    width: 70.8333333333%;
  }

  .col-lg-18-24 {
    width: 75%;
  }

  .col-lg-19-24 {
    width: 79.1666666667%;
  }

  .col-lg-20-24 {
    width: 83.3333333333%;
  }

  .col-lg-21-24 {
    width: 87.5%;
  }

  .col-lg-22-24 {
    width: 91.6666666667%;
  }

  .col-lg-23-24 {
    width: 95.8333333333%;
  }

  .col-lg-24-24 {
    width: 100%;
  }
}
@media (min-width: 1536px) {
  .col-xl-1-2 {
    width: 50%;
  }

  .col-xl-2-2 {
    width: 100%;
  }

  .col-xl-1-3 {
    width: 33.3333333333%;
  }

  .col-xl-2-3 {
    width: 66.6666666667%;
  }

  .col-xl-3-3 {
    width: 100%;
  }

  .col-xl-1-4 {
    width: 25%;
  }

  .col-xl-2-4 {
    width: 50%;
  }

  .col-xl-3-4 {
    width: 75%;
  }

  .col-xl-4-4 {
    width: 100%;
  }

  .col-xl-1-5 {
    width: 20%;
  }

  .col-xl-2-5 {
    width: 40%;
  }

  .col-xl-3-5 {
    width: 60%;
  }

  .col-xl-4-5 {
    width: 80%;
  }

  .col-xl-5-5 {
    width: 100%;
  }

  .col-xl-1-6 {
    width: 16.6666666667%;
  }

  .col-xl-2-6 {
    width: 33.3333333333%;
  }

  .col-xl-3-6 {
    width: 50%;
  }

  .col-xl-4-6 {
    width: 66.6666666667%;
  }

  .col-xl-5-6 {
    width: 83.3333333333%;
  }

  .col-xl-6-6 {
    width: 100%;
  }

  .col-xl-1-7 {
    width: 14.2857142857%;
  }

  .col-xl-2-7 {
    width: 28.5714285714%;
  }

  .col-xl-3-7 {
    width: 42.8571428571%;
  }

  .col-xl-4-7 {
    width: 57.1428571429%;
  }

  .col-xl-5-7 {
    width: 71.4285714286%;
  }

  .col-xl-6-7 {
    width: 85.7142857143%;
  }

  .col-xl-7-7 {
    width: 100%;
  }

  .col-xl-1-8 {
    width: 12.5%;
  }

  .col-xl-2-8 {
    width: 25%;
  }

  .col-xl-3-8 {
    width: 37.5%;
  }

  .col-xl-4-8 {
    width: 50%;
  }

  .col-xl-5-8 {
    width: 62.5%;
  }

  .col-xl-6-8 {
    width: 75%;
  }

  .col-xl-7-8 {
    width: 87.5%;
  }

  .col-xl-8-8 {
    width: 100%;
  }

  .col-xl-1-9 {
    width: 11.1111111111%;
  }

  .col-xl-2-9 {
    width: 22.2222222222%;
  }

  .col-xl-3-9 {
    width: 33.3333333333%;
  }

  .col-xl-4-9 {
    width: 44.4444444444%;
  }

  .col-xl-5-9 {
    width: 55.5555555556%;
  }

  .col-xl-6-9 {
    width: 66.6666666667%;
  }

  .col-xl-7-9 {
    width: 77.7777777778%;
  }

  .col-xl-8-9 {
    width: 88.8888888889%;
  }

  .col-xl-9-9 {
    width: 100%;
  }

  .col-xl-1-10 {
    width: 10%;
  }

  .col-xl-2-10 {
    width: 20%;
  }

  .col-xl-3-10 {
    width: 30%;
  }

  .col-xl-4-10 {
    width: 40%;
  }

  .col-xl-5-10 {
    width: 50%;
  }

  .col-xl-6-10 {
    width: 60%;
  }

  .col-xl-7-10 {
    width: 70%;
  }

  .col-xl-8-10 {
    width: 80%;
  }

  .col-xl-9-10 {
    width: 90%;
  }

  .col-xl-10-10 {
    width: 100%;
  }

  .col-xl-1-12 {
    width: 8.3333333333%;
  }

  .col-xl-2-12 {
    width: 16.6666666667%;
  }

  .col-xl-3-12 {
    width: 25%;
  }

  .col-xl-4-12 {
    width: 33.3333333333%;
  }

  .col-xl-5-12 {
    width: 41.6666666667%;
  }

  .col-xl-6-12 {
    width: 50%;
  }

  .col-xl-7-12 {
    width: 58.3333333333%;
  }

  .col-xl-8-12 {
    width: 66.6666666667%;
  }

  .col-xl-9-12 {
    width: 75%;
  }

  .col-xl-10-12 {
    width: 83.3333333333%;
  }

  .col-xl-11-12 {
    width: 91.6666666667%;
  }

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

  .col-xl-1-24 {
    width: 4.1666666667%;
  }

  .col-xl-2-24 {
    width: 8.3333333333%;
  }

  .col-xl-3-24 {
    width: 12.5%;
  }

  .col-xl-4-24 {
    width: 16.6666666667%;
  }

  .col-xl-5-24 {
    width: 20.8333333333%;
  }

  .col-xl-6-24 {
    width: 25%;
  }

  .col-xl-7-24 {
    width: 29.1666666667%;
  }

  .col-xl-8-24 {
    width: 33.3333333333%;
  }

  .col-xl-9-24 {
    width: 37.5%;
  }

  .col-xl-10-24 {
    width: 41.6666666667%;
  }

  .col-xl-11-24 {
    width: 45.8333333333%;
  }

  .col-xl-12-24 {
    width: 50%;
  }

  .col-xl-13-24 {
    width: 54.1666666667%;
  }

  .col-xl-14-24 {
    width: 58.3333333333%;
  }

  .col-xl-15-24 {
    width: 62.5%;
  }

  .col-xl-16-24 {
    width: 66.6666666667%;
  }

  .col-xl-17-24 {
    width: 70.8333333333%;
  }

  .col-xl-18-24 {
    width: 75%;
  }

  .col-xl-19-24 {
    width: 79.1666666667%;
  }

  .col-xl-20-24 {
    width: 83.3333333333%;
  }

  .col-xl-21-24 {
    width: 87.5%;
  }

  .col-xl-22-24 {
    width: 91.6666666667%;
  }

  .col-xl-23-24 {
    width: 95.8333333333%;
  }

  .col-xl-24-24 {
    width: 100%;
  }
}
@media (min-width: 2300px) {
  .col-xxl-1-2 {
    width: 50%;
  }

  .col-xxl-2-2 {
    width: 100%;
  }

  .col-xxl-1-3 {
    width: 33.3333333333%;
  }

  .col-xxl-2-3 {
    width: 66.6666666667%;
  }

  .col-xxl-3-3 {
    width: 100%;
  }

  .col-xxl-1-4 {
    width: 25%;
  }

  .col-xxl-2-4 {
    width: 50%;
  }

  .col-xxl-3-4 {
    width: 75%;
  }

  .col-xxl-4-4 {
    width: 100%;
  }

  .col-xxl-1-5 {
    width: 20%;
  }

  .col-xxl-2-5 {
    width: 40%;
  }

  .col-xxl-3-5 {
    width: 60%;
  }

  .col-xxl-4-5 {
    width: 80%;
  }

  .col-xxl-5-5 {
    width: 100%;
  }

  .col-xxl-1-6 {
    width: 16.6666666667%;
  }

  .col-xxl-2-6 {
    width: 33.3333333333%;
  }

  .col-xxl-3-6 {
    width: 50%;
  }

  .col-xxl-4-6 {
    width: 66.6666666667%;
  }

  .col-xxl-5-6 {
    width: 83.3333333333%;
  }

  .col-xxl-6-6 {
    width: 100%;
  }

  .col-xxl-1-7 {
    width: 14.2857142857%;
  }

  .col-xxl-2-7 {
    width: 28.5714285714%;
  }

  .col-xxl-3-7 {
    width: 42.8571428571%;
  }

  .col-xxl-4-7 {
    width: 57.1428571429%;
  }

  .col-xxl-5-7 {
    width: 71.4285714286%;
  }

  .col-xxl-6-7 {
    width: 85.7142857143%;
  }

  .col-xxl-7-7 {
    width: 100%;
  }

  .col-xxl-1-8 {
    width: 12.5%;
  }

  .col-xxl-2-8 {
    width: 25%;
  }

  .col-xxl-3-8 {
    width: 37.5%;
  }

  .col-xxl-4-8 {
    width: 50%;
  }

  .col-xxl-5-8 {
    width: 62.5%;
  }

  .col-xxl-6-8 {
    width: 75%;
  }

  .col-xxl-7-8 {
    width: 87.5%;
  }

  .col-xxl-8-8 {
    width: 100%;
  }

  .col-xxl-1-9 {
    width: 11.1111111111%;
  }

  .col-xxl-2-9 {
    width: 22.2222222222%;
  }

  .col-xxl-3-9 {
    width: 33.3333333333%;
  }

  .col-xxl-4-9 {
    width: 44.4444444444%;
  }

  .col-xxl-5-9 {
    width: 55.5555555556%;
  }

  .col-xxl-6-9 {
    width: 66.6666666667%;
  }

  .col-xxl-7-9 {
    width: 77.7777777778%;
  }

  .col-xxl-8-9 {
    width: 88.8888888889%;
  }

  .col-xxl-9-9 {
    width: 100%;
  }

  .col-xxl-1-10 {
    width: 10%;
  }

  .col-xxl-2-10 {
    width: 20%;
  }

  .col-xxl-3-10 {
    width: 30%;
  }

  .col-xxl-4-10 {
    width: 40%;
  }

  .col-xxl-5-10 {
    width: 50%;
  }

  .col-xxl-6-10 {
    width: 60%;
  }

  .col-xxl-7-10 {
    width: 70%;
  }

  .col-xxl-8-10 {
    width: 80%;
  }

  .col-xxl-9-10 {
    width: 90%;
  }

  .col-xxl-10-10 {
    width: 100%;
  }

  .col-xxl-1-12 {
    width: 8.3333333333%;
  }

  .col-xxl-2-12 {
    width: 16.6666666667%;
  }

  .col-xxl-3-12 {
    width: 25%;
  }

  .col-xxl-4-12 {
    width: 33.3333333333%;
  }

  .col-xxl-5-12 {
    width: 41.6666666667%;
  }

  .col-xxl-6-12 {
    width: 50%;
  }

  .col-xxl-7-12 {
    width: 58.3333333333%;
  }

  .col-xxl-8-12 {
    width: 66.6666666667%;
  }

  .col-xxl-9-12 {
    width: 75%;
  }

  .col-xxl-10-12 {
    width: 83.3333333333%;
  }

  .col-xxl-11-12 {
    width: 91.6666666667%;
  }

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

  .col-xxl-1-24 {
    width: 4.1666666667%;
  }

  .col-xxl-2-24 {
    width: 8.3333333333%;
  }

  .col-xxl-3-24 {
    width: 12.5%;
  }

  .col-xxl-4-24 {
    width: 16.6666666667%;
  }

  .col-xxl-5-24 {
    width: 20.8333333333%;
  }

  .col-xxl-6-24 {
    width: 25%;
  }

  .col-xxl-7-24 {
    width: 29.1666666667%;
  }

  .col-xxl-8-24 {
    width: 33.3333333333%;
  }

  .col-xxl-9-24 {
    width: 37.5%;
  }

  .col-xxl-10-24 {
    width: 41.6666666667%;
  }

  .col-xxl-11-24 {
    width: 45.8333333333%;
  }

  .col-xxl-12-24 {
    width: 50%;
  }

  .col-xxl-13-24 {
    width: 54.1666666667%;
  }

  .col-xxl-14-24 {
    width: 58.3333333333%;
  }

  .col-xxl-15-24 {
    width: 62.5%;
  }

  .col-xxl-16-24 {
    width: 66.6666666667%;
  }

  .col-xxl-17-24 {
    width: 70.8333333333%;
  }

  .col-xxl-18-24 {
    width: 75%;
  }

  .col-xxl-19-24 {
    width: 79.1666666667%;
  }

  .col-xxl-20-24 {
    width: 83.3333333333%;
  }

  .col-xxl-21-24 {
    width: 87.5%;
  }

  .col-xxl-22-24 {
    width: 91.6666666667%;
  }

  .col-xxl-23-24 {
    width: 95.8333333333%;
  }

  .col-xxl-24-24 {
    width: 100%;
  }
}
/** Responsive offset **/
@media (min-width: 320px) {
  .offset-xs-1-2 {
    margin-left: 50%;
  }

  .offset-xs-2-2 {
    margin-left: 100%;
  }

  .offset-xs-1-3 {
    margin-left: 33.3333333333%;
  }

  .offset-xs-2-3 {
    margin-left: 66.6666666667%;
  }

  .offset-xs-3-3 {
    margin-left: 100%;
  }

  .offset-xs-1-4 {
    margin-left: 25%;
  }

  .offset-xs-2-4 {
    margin-left: 50%;
  }

  .offset-xs-3-4 {
    margin-left: 75%;
  }

  .offset-xs-4-4 {
    margin-left: 100%;
  }

  .offset-xs-1-5 {
    margin-left: 20%;
  }

  .offset-xs-2-5 {
    margin-left: 40%;
  }

  .offset-xs-3-5 {
    margin-left: 60%;
  }

  .offset-xs-4-5 {
    margin-left: 80%;
  }

  .offset-xs-5-5 {
    margin-left: 100%;
  }

  .offset-xs-1-6 {
    margin-left: 16.6666666667%;
  }

  .offset-xs-2-6 {
    margin-left: 33.3333333333%;
  }

  .offset-xs-3-6 {
    margin-left: 50%;
  }

  .offset-xs-4-6 {
    margin-left: 66.6666666667%;
  }

  .offset-xs-5-6 {
    margin-left: 83.3333333333%;
  }

  .offset-xs-6-6 {
    margin-left: 100%;
  }

  .offset-xs-1-7 {
    margin-left: 14.2857142857%;
  }

  .offset-xs-2-7 {
    margin-left: 28.5714285714%;
  }

  .offset-xs-3-7 {
    margin-left: 42.8571428571%;
  }

  .offset-xs-4-7 {
    margin-left: 57.1428571429%;
  }

  .offset-xs-5-7 {
    margin-left: 71.4285714286%;
  }

  .offset-xs-6-7 {
    margin-left: 85.7142857143%;
  }

  .offset-xs-7-7 {
    margin-left: 100%;
  }

  .offset-xs-1-8 {
    margin-left: 12.5%;
  }

  .offset-xs-2-8 {
    margin-left: 25%;
  }

  .offset-xs-3-8 {
    margin-left: 37.5%;
  }

  .offset-xs-4-8 {
    margin-left: 50%;
  }

  .offset-xs-5-8 {
    margin-left: 62.5%;
  }

  .offset-xs-6-8 {
    margin-left: 75%;
  }

  .offset-xs-7-8 {
    margin-left: 87.5%;
  }

  .offset-xs-8-8 {
    margin-left: 100%;
  }

  .offset-xs-1-9 {
    margin-left: 11.1111111111%;
  }

  .offset-xs-2-9 {
    margin-left: 22.2222222222%;
  }

  .offset-xs-3-9 {
    margin-left: 33.3333333333%;
  }

  .offset-xs-4-9 {
    margin-left: 44.4444444444%;
  }

  .offset-xs-5-9 {
    margin-left: 55.5555555556%;
  }

  .offset-xs-6-9 {
    margin-left: 66.6666666667%;
  }

  .offset-xs-7-9 {
    margin-left: 77.7777777778%;
  }

  .offset-xs-8-9 {
    margin-left: 88.8888888889%;
  }

  .offset-xs-9-9 {
    margin-left: 100%;
  }

  .offset-xs-1-10 {
    margin-left: 10%;
  }

  .offset-xs-2-10 {
    margin-left: 20%;
  }

  .offset-xs-3-10 {
    margin-left: 30%;
  }

  .offset-xs-4-10 {
    margin-left: 40%;
  }

  .offset-xs-5-10 {
    margin-left: 50%;
  }

  .offset-xs-6-10 {
    margin-left: 60%;
  }

  .offset-xs-7-10 {
    margin-left: 70%;
  }

  .offset-xs-8-10 {
    margin-left: 80%;
  }

  .offset-xs-9-10 {
    margin-left: 90%;
  }

  .offset-xs-10-10 {
    margin-left: 100%;
  }

  .offset-xs-1-12 {
    margin-left: 8.3333333333%;
  }

  .offset-xs-2-12 {
    margin-left: 16.6666666667%;
  }

  .offset-xs-3-12 {
    margin-left: 25%;
  }

  .offset-xs-4-12 {
    margin-left: 33.3333333333%;
  }

  .offset-xs-5-12 {
    margin-left: 41.6666666667%;
  }

  .offset-xs-6-12 {
    margin-left: 50%;
  }

  .offset-xs-7-12 {
    margin-left: 58.3333333333%;
  }

  .offset-xs-8-12 {
    margin-left: 66.6666666667%;
  }

  .offset-xs-9-12 {
    margin-left: 75%;
  }

  .offset-xs-10-12 {
    margin-left: 83.3333333333%;
  }

  .offset-xs-11-12 {
    margin-left: 91.6666666667%;
  }

  .offset-xs-12-12 {
    margin-left: 100%;
  }

  .offset-xs-1-24 {
    margin-left: 4.1666666667%;
  }

  .offset-xs-2-24 {
    margin-left: 8.3333333333%;
  }

  .offset-xs-3-24 {
    margin-left: 12.5%;
  }

  .offset-xs-4-24 {
    margin-left: 16.6666666667%;
  }

  .offset-xs-5-24 {
    margin-left: 20.8333333333%;
  }

  .offset-xs-6-24 {
    margin-left: 25%;
  }

  .offset-xs-7-24 {
    margin-left: 29.1666666667%;
  }

  .offset-xs-8-24 {
    margin-left: 33.3333333333%;
  }

  .offset-xs-9-24 {
    margin-left: 37.5%;
  }

  .offset-xs-10-24 {
    margin-left: 41.6666666667%;
  }

  .offset-xs-11-24 {
    margin-left: 45.8333333333%;
  }

  .offset-xs-12-24 {
    margin-left: 50%;
  }

  .offset-xs-13-24 {
    margin-left: 54.1666666667%;
  }

  .offset-xs-14-24 {
    margin-left: 58.3333333333%;
  }

  .offset-xs-15-24 {
    margin-left: 62.5%;
  }

  .offset-xs-16-24 {
    margin-left: 66.6666666667%;
  }

  .offset-xs-17-24 {
    margin-left: 70.8333333333%;
  }

  .offset-xs-18-24 {
    margin-left: 75%;
  }

  .offset-xs-19-24 {
    margin-left: 79.1666666667%;
  }

  .offset-xs-20-24 {
    margin-left: 83.3333333333%;
  }

  .offset-xs-21-24 {
    margin-left: 87.5%;
  }

  .offset-xs-22-24 {
    margin-left: 91.6666666667%;
  }

  .offset-xs-23-24 {
    margin-left: 95.8333333333%;
  }

  .offset-xs-24-24 {
    margin-left: 100%;
  }
}
@media (min-width: 568px) {
  .offset-sm-1-2 {
    margin-left: 50%;
  }

  .offset-sm-2-2 {
    margin-left: 100%;
  }

  .offset-sm-1-3 {
    margin-left: 33.3333333333%;
  }

  .offset-sm-2-3 {
    margin-left: 66.6666666667%;
  }

  .offset-sm-3-3 {
    margin-left: 100%;
  }

  .offset-sm-1-4 {
    margin-left: 25%;
  }

  .offset-sm-2-4 {
    margin-left: 50%;
  }

  .offset-sm-3-4 {
    margin-left: 75%;
  }

  .offset-sm-4-4 {
    margin-left: 100%;
  }

  .offset-sm-1-5 {
    margin-left: 20%;
  }

  .offset-sm-2-5 {
    margin-left: 40%;
  }

  .offset-sm-3-5 {
    margin-left: 60%;
  }

  .offset-sm-4-5 {
    margin-left: 80%;
  }

  .offset-sm-5-5 {
    margin-left: 100%;
  }

  .offset-sm-1-6 {
    margin-left: 16.6666666667%;
  }

  .offset-sm-2-6 {
    margin-left: 33.3333333333%;
  }

  .offset-sm-3-6 {
    margin-left: 50%;
  }

  .offset-sm-4-6 {
    margin-left: 66.6666666667%;
  }

  .offset-sm-5-6 {
    margin-left: 83.3333333333%;
  }

  .offset-sm-6-6 {
    margin-left: 100%;
  }

  .offset-sm-1-7 {
    margin-left: 14.2857142857%;
  }

  .offset-sm-2-7 {
    margin-left: 28.5714285714%;
  }

  .offset-sm-3-7 {
    margin-left: 42.8571428571%;
  }

  .offset-sm-4-7 {
    margin-left: 57.1428571429%;
  }

  .offset-sm-5-7 {
    margin-left: 71.4285714286%;
  }

  .offset-sm-6-7 {
    margin-left: 85.7142857143%;
  }

  .offset-sm-7-7 {
    margin-left: 100%;
  }

  .offset-sm-1-8 {
    margin-left: 12.5%;
  }

  .offset-sm-2-8 {
    margin-left: 25%;
  }

  .offset-sm-3-8 {
    margin-left: 37.5%;
  }

  .offset-sm-4-8 {
    margin-left: 50%;
  }

  .offset-sm-5-8 {
    margin-left: 62.5%;
  }

  .offset-sm-6-8 {
    margin-left: 75%;
  }

  .offset-sm-7-8 {
    margin-left: 87.5%;
  }

  .offset-sm-8-8 {
    margin-left: 100%;
  }

  .offset-sm-1-9 {
    margin-left: 11.1111111111%;
  }

  .offset-sm-2-9 {
    margin-left: 22.2222222222%;
  }

  .offset-sm-3-9 {
    margin-left: 33.3333333333%;
  }

  .offset-sm-4-9 {
    margin-left: 44.4444444444%;
  }

  .offset-sm-5-9 {
    margin-left: 55.5555555556%;
  }

  .offset-sm-6-9 {
    margin-left: 66.6666666667%;
  }

  .offset-sm-7-9 {
    margin-left: 77.7777777778%;
  }

  .offset-sm-8-9 {
    margin-left: 88.8888888889%;
  }

  .offset-sm-9-9 {
    margin-left: 100%;
  }

  .offset-sm-1-10 {
    margin-left: 10%;
  }

  .offset-sm-2-10 {
    margin-left: 20%;
  }

  .offset-sm-3-10 {
    margin-left: 30%;
  }

  .offset-sm-4-10 {
    margin-left: 40%;
  }

  .offset-sm-5-10 {
    margin-left: 50%;
  }

  .offset-sm-6-10 {
    margin-left: 60%;
  }

  .offset-sm-7-10 {
    margin-left: 70%;
  }

  .offset-sm-8-10 {
    margin-left: 80%;
  }

  .offset-sm-9-10 {
    margin-left: 90%;
  }

  .offset-sm-10-10 {
    margin-left: 100%;
  }

  .offset-sm-1-12 {
    margin-left: 8.3333333333%;
  }

  .offset-sm-2-12 {
    margin-left: 16.6666666667%;
  }

  .offset-sm-3-12 {
    margin-left: 25%;
  }

  .offset-sm-4-12 {
    margin-left: 33.3333333333%;
  }

  .offset-sm-5-12 {
    margin-left: 41.6666666667%;
  }

  .offset-sm-6-12 {
    margin-left: 50%;
  }

  .offset-sm-7-12 {
    margin-left: 58.3333333333%;
  }

  .offset-sm-8-12 {
    margin-left: 66.6666666667%;
  }

  .offset-sm-9-12 {
    margin-left: 75%;
  }

  .offset-sm-10-12 {
    margin-left: 83.3333333333%;
  }

  .offset-sm-11-12 {
    margin-left: 91.6666666667%;
  }

  .offset-sm-12-12 {
    margin-left: 100%;
  }

  .offset-sm-1-24 {
    margin-left: 4.1666666667%;
  }

  .offset-sm-2-24 {
    margin-left: 8.3333333333%;
  }

  .offset-sm-3-24 {
    margin-left: 12.5%;
  }

  .offset-sm-4-24 {
    margin-left: 16.6666666667%;
  }

  .offset-sm-5-24 {
    margin-left: 20.8333333333%;
  }

  .offset-sm-6-24 {
    margin-left: 25%;
  }

  .offset-sm-7-24 {
    margin-left: 29.1666666667%;
  }

  .offset-sm-8-24 {
    margin-left: 33.3333333333%;
  }

  .offset-sm-9-24 {
    margin-left: 37.5%;
  }

  .offset-sm-10-24 {
    margin-left: 41.6666666667%;
  }

  .offset-sm-11-24 {
    margin-left: 45.8333333333%;
  }

  .offset-sm-12-24 {
    margin-left: 50%;
  }

  .offset-sm-13-24 {
    margin-left: 54.1666666667%;
  }

  .offset-sm-14-24 {
    margin-left: 58.3333333333%;
  }

  .offset-sm-15-24 {
    margin-left: 62.5%;
  }

  .offset-sm-16-24 {
    margin-left: 66.6666666667%;
  }

  .offset-sm-17-24 {
    margin-left: 70.8333333333%;
  }

  .offset-sm-18-24 {
    margin-left: 75%;
  }

  .offset-sm-19-24 {
    margin-left: 79.1666666667%;
  }

  .offset-sm-20-24 {
    margin-left: 83.3333333333%;
  }

  .offset-sm-21-24 {
    margin-left: 87.5%;
  }

  .offset-sm-22-24 {
    margin-left: 91.6666666667%;
  }

  .offset-sm-23-24 {
    margin-left: 95.8333333333%;
  }

  .offset-sm-24-24 {
    margin-left: 100%;
  }
}
@media (min-width: 768px) {
  .offset-md-1-2 {
    margin-left: 50%;
  }

  .offset-md-2-2 {
    margin-left: 100%;
  }

  .offset-md-1-3 {
    margin-left: 33.3333333333%;
  }

  .offset-md-2-3 {
    margin-left: 66.6666666667%;
  }

  .offset-md-3-3 {
    margin-left: 100%;
  }

  .offset-md-1-4 {
    margin-left: 25%;
  }

  .offset-md-2-4 {
    margin-left: 50%;
  }

  .offset-md-3-4 {
    margin-left: 75%;
  }

  .offset-md-4-4 {
    margin-left: 100%;
  }

  .offset-md-1-5 {
    margin-left: 20%;
  }

  .offset-md-2-5 {
    margin-left: 40%;
  }

  .offset-md-3-5 {
    margin-left: 60%;
  }

  .offset-md-4-5 {
    margin-left: 80%;
  }

  .offset-md-5-5 {
    margin-left: 100%;
  }

  .offset-md-1-6 {
    margin-left: 16.6666666667%;
  }

  .offset-md-2-6 {
    margin-left: 33.3333333333%;
  }

  .offset-md-3-6 {
    margin-left: 50%;
  }

  .offset-md-4-6 {
    margin-left: 66.6666666667%;
  }

  .offset-md-5-6 {
    margin-left: 83.3333333333%;
  }

  .offset-md-6-6 {
    margin-left: 100%;
  }

  .offset-md-1-7 {
    margin-left: 14.2857142857%;
  }

  .offset-md-2-7 {
    margin-left: 28.5714285714%;
  }

  .offset-md-3-7 {
    margin-left: 42.8571428571%;
  }

  .offset-md-4-7 {
    margin-left: 57.1428571429%;
  }

  .offset-md-5-7 {
    margin-left: 71.4285714286%;
  }

  .offset-md-6-7 {
    margin-left: 85.7142857143%;
  }

  .offset-md-7-7 {
    margin-left: 100%;
  }

  .offset-md-1-8 {
    margin-left: 12.5%;
  }

  .offset-md-2-8 {
    margin-left: 25%;
  }

  .offset-md-3-8 {
    margin-left: 37.5%;
  }

  .offset-md-4-8 {
    margin-left: 50%;
  }

  .offset-md-5-8 {
    margin-left: 62.5%;
  }

  .offset-md-6-8 {
    margin-left: 75%;
  }

  .offset-md-7-8 {
    margin-left: 87.5%;
  }

  .offset-md-8-8 {
    margin-left: 100%;
  }

  .offset-md-1-9 {
    margin-left: 11.1111111111%;
  }

  .offset-md-2-9 {
    margin-left: 22.2222222222%;
  }

  .offset-md-3-9 {
    margin-left: 33.3333333333%;
  }

  .offset-md-4-9 {
    margin-left: 44.4444444444%;
  }

  .offset-md-5-9 {
    margin-left: 55.5555555556%;
  }

  .offset-md-6-9 {
    margin-left: 66.6666666667%;
  }

  .offset-md-7-9 {
    margin-left: 77.7777777778%;
  }

  .offset-md-8-9 {
    margin-left: 88.8888888889%;
  }

  .offset-md-9-9 {
    margin-left: 100%;
  }

  .offset-md-1-10 {
    margin-left: 10%;
  }

  .offset-md-2-10 {
    margin-left: 20%;
  }

  .offset-md-3-10 {
    margin-left: 30%;
  }

  .offset-md-4-10 {
    margin-left: 40%;
  }

  .offset-md-5-10 {
    margin-left: 50%;
  }

  .offset-md-6-10 {
    margin-left: 60%;
  }

  .offset-md-7-10 {
    margin-left: 70%;
  }

  .offset-md-8-10 {
    margin-left: 80%;
  }

  .offset-md-9-10 {
    margin-left: 90%;
  }

  .offset-md-10-10 {
    margin-left: 100%;
  }

  .offset-md-1-12 {
    margin-left: 8.3333333333%;
  }

  .offset-md-2-12 {
    margin-left: 16.6666666667%;
  }

  .offset-md-3-12 {
    margin-left: 25%;
  }

  .offset-md-4-12 {
    margin-left: 33.3333333333%;
  }

  .offset-md-5-12 {
    margin-left: 41.6666666667%;
  }

  .offset-md-6-12 {
    margin-left: 50%;
  }

  .offset-md-7-12 {
    margin-left: 58.3333333333%;
  }

  .offset-md-8-12 {
    margin-left: 66.6666666667%;
  }

  .offset-md-9-12 {
    margin-left: 75%;
  }

  .offset-md-10-12 {
    margin-left: 83.3333333333%;
  }

  .offset-md-11-12 {
    margin-left: 91.6666666667%;
  }

  .offset-md-12-12 {
    margin-left: 100%;
  }

  .offset-md-1-24 {
    margin-left: 4.1666666667%;
  }

  .offset-md-2-24 {
    margin-left: 8.3333333333%;
  }

  .offset-md-3-24 {
    margin-left: 12.5%;
  }

  .offset-md-4-24 {
    margin-left: 16.6666666667%;
  }

  .offset-md-5-24 {
    margin-left: 20.8333333333%;
  }

  .offset-md-6-24 {
    margin-left: 25%;
  }

  .offset-md-7-24 {
    margin-left: 29.1666666667%;
  }

  .offset-md-8-24 {
    margin-left: 33.3333333333%;
  }

  .offset-md-9-24 {
    margin-left: 37.5%;
  }

  .offset-md-10-24 {
    margin-left: 41.6666666667%;
  }

  .offset-md-11-24 {
    margin-left: 45.8333333333%;
  }

  .offset-md-12-24 {
    margin-left: 50%;
  }

  .offset-md-13-24 {
    margin-left: 54.1666666667%;
  }

  .offset-md-14-24 {
    margin-left: 58.3333333333%;
  }

  .offset-md-15-24 {
    margin-left: 62.5%;
  }

  .offset-md-16-24 {
    margin-left: 66.6666666667%;
  }

  .offset-md-17-24 {
    margin-left: 70.8333333333%;
  }

  .offset-md-18-24 {
    margin-left: 75%;
  }

  .offset-md-19-24 {
    margin-left: 79.1666666667%;
  }

  .offset-md-20-24 {
    margin-left: 83.3333333333%;
  }

  .offset-md-21-24 {
    margin-left: 87.5%;
  }

  .offset-md-22-24 {
    margin-left: 91.6666666667%;
  }

  .offset-md-23-24 {
    margin-left: 95.8333333333%;
  }

  .offset-md-24-24 {
    margin-left: 100%;
  }
}
@media (min-width: 1024px) {
  .offset-lg-1-2 {
    margin-left: 50%;
  }

  .offset-lg-2-2 {
    margin-left: 100%;
  }

  .offset-lg-1-3 {
    margin-left: 33.3333333333%;
  }

  .offset-lg-2-3 {
    margin-left: 66.6666666667%;
  }

  .offset-lg-3-3 {
    margin-left: 100%;
  }

  .offset-lg-1-4 {
    margin-left: 25%;
  }

  .offset-lg-2-4 {
    margin-left: 50%;
  }

  .offset-lg-3-4 {
    margin-left: 75%;
  }

  .offset-lg-4-4 {
    margin-left: 100%;
  }

  .offset-lg-1-5 {
    margin-left: 20%;
  }

  .offset-lg-2-5 {
    margin-left: 40%;
  }

  .offset-lg-3-5 {
    margin-left: 60%;
  }

  .offset-lg-4-5 {
    margin-left: 80%;
  }

  .offset-lg-5-5 {
    margin-left: 100%;
  }

  .offset-lg-1-6 {
    margin-left: 16.6666666667%;
  }

  .offset-lg-2-6 {
    margin-left: 33.3333333333%;
  }

  .offset-lg-3-6 {
    margin-left: 50%;
  }

  .offset-lg-4-6 {
    margin-left: 66.6666666667%;
  }

  .offset-lg-5-6 {
    margin-left: 83.3333333333%;
  }

  .offset-lg-6-6 {
    margin-left: 100%;
  }

  .offset-lg-1-7 {
    margin-left: 14.2857142857%;
  }

  .offset-lg-2-7 {
    margin-left: 28.5714285714%;
  }

  .offset-lg-3-7 {
    margin-left: 42.8571428571%;
  }

  .offset-lg-4-7 {
    margin-left: 57.1428571429%;
  }

  .offset-lg-5-7 {
    margin-left: 71.4285714286%;
  }

  .offset-lg-6-7 {
    margin-left: 85.7142857143%;
  }

  .offset-lg-7-7 {
    margin-left: 100%;
  }

  .offset-lg-1-8 {
    margin-left: 12.5%;
  }

  .offset-lg-2-8 {
    margin-left: 25%;
  }

  .offset-lg-3-8 {
    margin-left: 37.5%;
  }

  .offset-lg-4-8 {
    margin-left: 50%;
  }

  .offset-lg-5-8 {
    margin-left: 62.5%;
  }

  .offset-lg-6-8 {
    margin-left: 75%;
  }

  .offset-lg-7-8 {
    margin-left: 87.5%;
  }

  .offset-lg-8-8 {
    margin-left: 100%;
  }

  .offset-lg-1-9 {
    margin-left: 11.1111111111%;
  }

  .offset-lg-2-9 {
    margin-left: 22.2222222222%;
  }

  .offset-lg-3-9 {
    margin-left: 33.3333333333%;
  }

  .offset-lg-4-9 {
    margin-left: 44.4444444444%;
  }

  .offset-lg-5-9 {
    margin-left: 55.5555555556%;
  }

  .offset-lg-6-9 {
    margin-left: 66.6666666667%;
  }

  .offset-lg-7-9 {
    margin-left: 77.7777777778%;
  }

  .offset-lg-8-9 {
    margin-left: 88.8888888889%;
  }

  .offset-lg-9-9 {
    margin-left: 100%;
  }

  .offset-lg-1-10 {
    margin-left: 10%;
  }

  .offset-lg-2-10 {
    margin-left: 20%;
  }

  .offset-lg-3-10 {
    margin-left: 30%;
  }

  .offset-lg-4-10 {
    margin-left: 40%;
  }

  .offset-lg-5-10 {
    margin-left: 50%;
  }

  .offset-lg-6-10 {
    margin-left: 60%;
  }

  .offset-lg-7-10 {
    margin-left: 70%;
  }

  .offset-lg-8-10 {
    margin-left: 80%;
  }

  .offset-lg-9-10 {
    margin-left: 90%;
  }

  .offset-lg-10-10 {
    margin-left: 100%;
  }

  .offset-lg-1-12 {
    margin-left: 8.3333333333%;
  }

  .offset-lg-2-12 {
    margin-left: 16.6666666667%;
  }

  .offset-lg-3-12 {
    margin-left: 25%;
  }

  .offset-lg-4-12 {
    margin-left: 33.3333333333%;
  }

  .offset-lg-5-12 {
    margin-left: 41.6666666667%;
  }

  .offset-lg-6-12 {
    margin-left: 50%;
  }

  .offset-lg-7-12 {
    margin-left: 58.3333333333%;
  }

  .offset-lg-8-12 {
    margin-left: 66.6666666667%;
  }

  .offset-lg-9-12 {
    margin-left: 75%;
  }

  .offset-lg-10-12 {
    margin-left: 83.3333333333%;
  }

  .offset-lg-11-12 {
    margin-left: 91.6666666667%;
  }

  .offset-lg-12-12 {
    margin-left: 100%;
  }

  .offset-lg-1-24 {
    margin-left: 4.1666666667%;
  }

  .offset-lg-2-24 {
    margin-left: 8.3333333333%;
  }

  .offset-lg-3-24 {
    margin-left: 12.5%;
  }

  .offset-lg-4-24 {
    margin-left: 16.6666666667%;
  }

  .offset-lg-5-24 {
    margin-left: 20.8333333333%;
  }

  .offset-lg-6-24 {
    margin-left: 25%;
  }

  .offset-lg-7-24 {
    margin-left: 29.1666666667%;
  }

  .offset-lg-8-24 {
    margin-left: 33.3333333333%;
  }

  .offset-lg-9-24 {
    margin-left: 37.5%;
  }

  .offset-lg-10-24 {
    margin-left: 41.6666666667%;
  }

  .offset-lg-11-24 {
    margin-left: 45.8333333333%;
  }

  .offset-lg-12-24 {
    margin-left: 50%;
  }

  .offset-lg-13-24 {
    margin-left: 54.1666666667%;
  }

  .offset-lg-14-24 {
    margin-left: 58.3333333333%;
  }

  .offset-lg-15-24 {
    margin-left: 62.5%;
  }

  .offset-lg-16-24 {
    margin-left: 66.6666666667%;
  }

  .offset-lg-17-24 {
    margin-left: 70.8333333333%;
  }

  .offset-lg-18-24 {
    margin-left: 75%;
  }

  .offset-lg-19-24 {
    margin-left: 79.1666666667%;
  }

  .offset-lg-20-24 {
    margin-left: 83.3333333333%;
  }

  .offset-lg-21-24 {
    margin-left: 87.5%;
  }

  .offset-lg-22-24 {
    margin-left: 91.6666666667%;
  }

  .offset-lg-23-24 {
    margin-left: 95.8333333333%;
  }

  .offset-lg-24-24 {
    margin-left: 100%;
  }
}
@media (min-width: 1536px) {
  .offset-xl-1-2 {
    margin-left: 50%;
  }

  .offset-xl-2-2 {
    margin-left: 100%;
  }

  .offset-xl-1-3 {
    margin-left: 33.3333333333%;
  }

  .offset-xl-2-3 {
    margin-left: 66.6666666667%;
  }

  .offset-xl-3-3 {
    margin-left: 100%;
  }

  .offset-xl-1-4 {
    margin-left: 25%;
  }

  .offset-xl-2-4 {
    margin-left: 50%;
  }

  .offset-xl-3-4 {
    margin-left: 75%;
  }

  .offset-xl-4-4 {
    margin-left: 100%;
  }

  .offset-xl-1-5 {
    margin-left: 20%;
  }

  .offset-xl-2-5 {
    margin-left: 40%;
  }

  .offset-xl-3-5 {
    margin-left: 60%;
  }

  .offset-xl-4-5 {
    margin-left: 80%;
  }

  .offset-xl-5-5 {
    margin-left: 100%;
  }

  .offset-xl-1-6 {
    margin-left: 16.6666666667%;
  }

  .offset-xl-2-6 {
    margin-left: 33.3333333333%;
  }

  .offset-xl-3-6 {
    margin-left: 50%;
  }

  .offset-xl-4-6 {
    margin-left: 66.6666666667%;
  }

  .offset-xl-5-6 {
    margin-left: 83.3333333333%;
  }

  .offset-xl-6-6 {
    margin-left: 100%;
  }

  .offset-xl-1-7 {
    margin-left: 14.2857142857%;
  }

  .offset-xl-2-7 {
    margin-left: 28.5714285714%;
  }

  .offset-xl-3-7 {
    margin-left: 42.8571428571%;
  }

  .offset-xl-4-7 {
    margin-left: 57.1428571429%;
  }

  .offset-xl-5-7 {
    margin-left: 71.4285714286%;
  }

  .offset-xl-6-7 {
    margin-left: 85.7142857143%;
  }

  .offset-xl-7-7 {
    margin-left: 100%;
  }

  .offset-xl-1-8 {
    margin-left: 12.5%;
  }

  .offset-xl-2-8 {
    margin-left: 25%;
  }

  .offset-xl-3-8 {
    margin-left: 37.5%;
  }

  .offset-xl-4-8 {
    margin-left: 50%;
  }

  .offset-xl-5-8 {
    margin-left: 62.5%;
  }

  .offset-xl-6-8 {
    margin-left: 75%;
  }

  .offset-xl-7-8 {
    margin-left: 87.5%;
  }

  .offset-xl-8-8 {
    margin-left: 100%;
  }

  .offset-xl-1-9 {
    margin-left: 11.1111111111%;
  }

  .offset-xl-2-9 {
    margin-left: 22.2222222222%;
  }

  .offset-xl-3-9 {
    margin-left: 33.3333333333%;
  }

  .offset-xl-4-9 {
    margin-left: 44.4444444444%;
  }

  .offset-xl-5-9 {
    margin-left: 55.5555555556%;
  }

  .offset-xl-6-9 {
    margin-left: 66.6666666667%;
  }

  .offset-xl-7-9 {
    margin-left: 77.7777777778%;
  }

  .offset-xl-8-9 {
    margin-left: 88.8888888889%;
  }

  .offset-xl-9-9 {
    margin-left: 100%;
  }

  .offset-xl-1-10 {
    margin-left: 10%;
  }

  .offset-xl-2-10 {
    margin-left: 20%;
  }

  .offset-xl-3-10 {
    margin-left: 30%;
  }

  .offset-xl-4-10 {
    margin-left: 40%;
  }

  .offset-xl-5-10 {
    margin-left: 50%;
  }

  .offset-xl-6-10 {
    margin-left: 60%;
  }

  .offset-xl-7-10 {
    margin-left: 70%;
  }

  .offset-xl-8-10 {
    margin-left: 80%;
  }

  .offset-xl-9-10 {
    margin-left: 90%;
  }

  .offset-xl-10-10 {
    margin-left: 100%;
  }

  .offset-xl-1-12 {
    margin-left: 8.3333333333%;
  }

  .offset-xl-2-12 {
    margin-left: 16.6666666667%;
  }

  .offset-xl-3-12 {
    margin-left: 25%;
  }

  .offset-xl-4-12 {
    margin-left: 33.3333333333%;
  }

  .offset-xl-5-12 {
    margin-left: 41.6666666667%;
  }

  .offset-xl-6-12 {
    margin-left: 50%;
  }

  .offset-xl-7-12 {
    margin-left: 58.3333333333%;
  }

  .offset-xl-8-12 {
    margin-left: 66.6666666667%;
  }

  .offset-xl-9-12 {
    margin-left: 75%;
  }

  .offset-xl-10-12 {
    margin-left: 83.3333333333%;
  }

  .offset-xl-11-12 {
    margin-left: 91.6666666667%;
  }

  .offset-xl-12-12 {
    margin-left: 100%;
  }

  .offset-xl-1-24 {
    margin-left: 4.1666666667%;
  }

  .offset-xl-2-24 {
    margin-left: 8.3333333333%;
  }

  .offset-xl-3-24 {
    margin-left: 12.5%;
  }

  .offset-xl-4-24 {
    margin-left: 16.6666666667%;
  }

  .offset-xl-5-24 {
    margin-left: 20.8333333333%;
  }

  .offset-xl-6-24 {
    margin-left: 25%;
  }

  .offset-xl-7-24 {
    margin-left: 29.1666666667%;
  }

  .offset-xl-8-24 {
    margin-left: 33.3333333333%;
  }

  .offset-xl-9-24 {
    margin-left: 37.5%;
  }

  .offset-xl-10-24 {
    margin-left: 41.6666666667%;
  }

  .offset-xl-11-24 {
    margin-left: 45.8333333333%;
  }

  .offset-xl-12-24 {
    margin-left: 50%;
  }

  .offset-xl-13-24 {
    margin-left: 54.1666666667%;
  }

  .offset-xl-14-24 {
    margin-left: 58.3333333333%;
  }

  .offset-xl-15-24 {
    margin-left: 62.5%;
  }

  .offset-xl-16-24 {
    margin-left: 66.6666666667%;
  }

  .offset-xl-17-24 {
    margin-left: 70.8333333333%;
  }

  .offset-xl-18-24 {
    margin-left: 75%;
  }

  .offset-xl-19-24 {
    margin-left: 79.1666666667%;
  }

  .offset-xl-20-24 {
    margin-left: 83.3333333333%;
  }

  .offset-xl-21-24 {
    margin-left: 87.5%;
  }

  .offset-xl-22-24 {
    margin-left: 91.6666666667%;
  }

  .offset-xl-23-24 {
    margin-left: 95.8333333333%;
  }

  .offset-xl-24-24 {
    margin-left: 100%;
  }
}
@media (min-width: 2300px) {
  .offset-xxl-1-2 {
    margin-left: 50%;
  }

  .offset-xxl-2-2 {
    margin-left: 100%;
  }

  .offset-xxl-1-3 {
    margin-left: 33.3333333333%;
  }

  .offset-xxl-2-3 {
    margin-left: 66.6666666667%;
  }

  .offset-xxl-3-3 {
    margin-left: 100%;
  }

  .offset-xxl-1-4 {
    margin-left: 25%;
  }

  .offset-xxl-2-4 {
    margin-left: 50%;
  }

  .offset-xxl-3-4 {
    margin-left: 75%;
  }

  .offset-xxl-4-4 {
    margin-left: 100%;
  }

  .offset-xxl-1-5 {
    margin-left: 20%;
  }

  .offset-xxl-2-5 {
    margin-left: 40%;
  }

  .offset-xxl-3-5 {
    margin-left: 60%;
  }

  .offset-xxl-4-5 {
    margin-left: 80%;
  }

  .offset-xxl-5-5 {
    margin-left: 100%;
  }

  .offset-xxl-1-6 {
    margin-left: 16.6666666667%;
  }

  .offset-xxl-2-6 {
    margin-left: 33.3333333333%;
  }

  .offset-xxl-3-6 {
    margin-left: 50%;
  }

  .offset-xxl-4-6 {
    margin-left: 66.6666666667%;
  }

  .offset-xxl-5-6 {
    margin-left: 83.3333333333%;
  }

  .offset-xxl-6-6 {
    margin-left: 100%;
  }

  .offset-xxl-1-7 {
    margin-left: 14.2857142857%;
  }

  .offset-xxl-2-7 {
    margin-left: 28.5714285714%;
  }

  .offset-xxl-3-7 {
    margin-left: 42.8571428571%;
  }

  .offset-xxl-4-7 {
    margin-left: 57.1428571429%;
  }

  .offset-xxl-5-7 {
    margin-left: 71.4285714286%;
  }

  .offset-xxl-6-7 {
    margin-left: 85.7142857143%;
  }

  .offset-xxl-7-7 {
    margin-left: 100%;
  }

  .offset-xxl-1-8 {
    margin-left: 12.5%;
  }

  .offset-xxl-2-8 {
    margin-left: 25%;
  }

  .offset-xxl-3-8 {
    margin-left: 37.5%;
  }

  .offset-xxl-4-8 {
    margin-left: 50%;
  }

  .offset-xxl-5-8 {
    margin-left: 62.5%;
  }

  .offset-xxl-6-8 {
    margin-left: 75%;
  }

  .offset-xxl-7-8 {
    margin-left: 87.5%;
  }

  .offset-xxl-8-8 {
    margin-left: 100%;
  }

  .offset-xxl-1-9 {
    margin-left: 11.1111111111%;
  }

  .offset-xxl-2-9 {
    margin-left: 22.2222222222%;
  }

  .offset-xxl-3-9 {
    margin-left: 33.3333333333%;
  }

  .offset-xxl-4-9 {
    margin-left: 44.4444444444%;
  }

  .offset-xxl-5-9 {
    margin-left: 55.5555555556%;
  }

  .offset-xxl-6-9 {
    margin-left: 66.6666666667%;
  }

  .offset-xxl-7-9 {
    margin-left: 77.7777777778%;
  }

  .offset-xxl-8-9 {
    margin-left: 88.8888888889%;
  }

  .offset-xxl-9-9 {
    margin-left: 100%;
  }

  .offset-xxl-1-10 {
    margin-left: 10%;
  }

  .offset-xxl-2-10 {
    margin-left: 20%;
  }

  .offset-xxl-3-10 {
    margin-left: 30%;
  }

  .offset-xxl-4-10 {
    margin-left: 40%;
  }

  .offset-xxl-5-10 {
    margin-left: 50%;
  }

  .offset-xxl-6-10 {
    margin-left: 60%;
  }

  .offset-xxl-7-10 {
    margin-left: 70%;
  }

  .offset-xxl-8-10 {
    margin-left: 80%;
  }

  .offset-xxl-9-10 {
    margin-left: 90%;
  }

  .offset-xxl-10-10 {
    margin-left: 100%;
  }

  .offset-xxl-1-12 {
    margin-left: 8.3333333333%;
  }

  .offset-xxl-2-12 {
    margin-left: 16.6666666667%;
  }

  .offset-xxl-3-12 {
    margin-left: 25%;
  }

  .offset-xxl-4-12 {
    margin-left: 33.3333333333%;
  }

  .offset-xxl-5-12 {
    margin-left: 41.6666666667%;
  }

  .offset-xxl-6-12 {
    margin-left: 50%;
  }

  .offset-xxl-7-12 {
    margin-left: 58.3333333333%;
  }

  .offset-xxl-8-12 {
    margin-left: 66.6666666667%;
  }

  .offset-xxl-9-12 {
    margin-left: 75%;
  }

  .offset-xxl-10-12 {
    margin-left: 83.3333333333%;
  }

  .offset-xxl-11-12 {
    margin-left: 91.6666666667%;
  }

  .offset-xxl-12-12 {
    margin-left: 100%;
  }

  .offset-xxl-1-24 {
    margin-left: 4.1666666667%;
  }

  .offset-xxl-2-24 {
    margin-left: 8.3333333333%;
  }

  .offset-xxl-3-24 {
    margin-left: 12.5%;
  }

  .offset-xxl-4-24 {
    margin-left: 16.6666666667%;
  }

  .offset-xxl-5-24 {
    margin-left: 20.8333333333%;
  }

  .offset-xxl-6-24 {
    margin-left: 25%;
  }

  .offset-xxl-7-24 {
    margin-left: 29.1666666667%;
  }

  .offset-xxl-8-24 {
    margin-left: 33.3333333333%;
  }

  .offset-xxl-9-24 {
    margin-left: 37.5%;
  }

  .offset-xxl-10-24 {
    margin-left: 41.6666666667%;
  }

  .offset-xxl-11-24 {
    margin-left: 45.8333333333%;
  }

  .offset-xxl-12-24 {
    margin-left: 50%;
  }

  .offset-xxl-13-24 {
    margin-left: 54.1666666667%;
  }

  .offset-xxl-14-24 {
    margin-left: 58.3333333333%;
  }

  .offset-xxl-15-24 {
    margin-left: 62.5%;
  }

  .offset-xxl-16-24 {
    margin-left: 66.6666666667%;
  }

  .offset-xxl-17-24 {
    margin-left: 70.8333333333%;
  }

  .offset-xxl-18-24 {
    margin-left: 75%;
  }

  .offset-xxl-19-24 {
    margin-left: 79.1666666667%;
  }

  .offset-xxl-20-24 {
    margin-left: 83.3333333333%;
  }

  .offset-xxl-21-24 {
    margin-left: 87.5%;
  }

  .offset-xxl-22-24 {
    margin-left: 91.6666666667%;
  }

  .offset-xxl-23-24 {
    margin-left: 95.8333333333%;
  }

  .offset-xxl-24-24 {
    margin-left: 100%;
  }
}
/** col auto **/
.col-auto {
  width: auto;
  max-width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

@media (min-width: 320px) {
  .col-xs {
    max-width: 100%;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .col-xs-auto {
    width: auto;
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
@media (min-width: 568px) {
  .col-sm {
    max-width: 100%;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .col-sm-auto {
    width: auto;
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
@media (min-width: 768px) {
  .col-md {
    max-width: 100%;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .col-md-auto {
    width: auto;
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
@media (min-width: 1024px) {
  .col-lg {
    max-width: 100%;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .col-lg-auto {
    width: auto;
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
@media (min-width: 1536px) {
  .col-xl {
    max-width: 100%;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .col-xl-auto {
    width: auto;
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
@media (min-width: 2300px) {
  .col-xxl {
    max-width: 100%;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .col-xxl-auto {
    width: auto;
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}

/*# sourceMappingURL=grid.css.map */