:host {
  display: block;
}

.col{
  position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.block{
	display: block;
}


.block>div{
	float: left;
}

.col1 {
  width: 4.16666667%;
}

.col2 {
  width: 8.33333333%;
}

.col3 {
  width: 12.5%;
}

.col4 {
  width: 16.66666667%;
}

.col5 {
  width: 20.83333333%;
}

.col6 {
  width: 25%;
}

.col7 {
  width: 29.16666667%;
}

.col8 {
  width: 33.33333333%;
}

.col9 {
  width: 37.5%;
}

.col10 {
  width: 41.66666667%;
}

.col11 {
  width: 45.83333333%;
}

.col12 {
  width: 50%;
}

.col13 {
  width: 54.16666667%;
}

.col14 {
  width: 58.33333333%;
}

.col15 {
  width: 62.5%;
}

.col16 {
  width: 66.66666667%;
}

.col17 {
  width: 70.83333333%;
}

.col18 {
  width: 75%;
}

.col19 {
  width: 79.16666667%;
}

.col20 {
  width: 83.33333333%;
}

.col21 {
  width: 87.5%;
}

.col22 {
  width: 91.66666667%;
}

.col23 {
  width: 95.83333333%;
}

.col24 {
  width: 100%;
}


.offset1 {
  margin-left: 4.16666667%;
}

.offset2 {
  margin-left: 8.33333333%;
}

.offset3 {
  margin-left: 12.5%;
}

.offset4 {
  margin-left: 16.66666667%;
}

.offset5 {
  margin-left: 20.83333333%;
}

.offset6 {
  margin-left: 25%;
}

.offset7 {
  margin-left: 29.16666667%;
}

.offset8 {
  margin-left: 33.33333333%;
}

.offset9 {
  margin-left: 37.5%;
}

.offset10 {
  margin-left: 41.66666667%;
}

.offset11 {
  margin-left: 45.83333333%;
}

.offset12 {
  margin-left: 50%;
}

.offset13 {
  margin-left: 54.16666667%;
}

.offset14 {
  margin-left: 58.33333333%;
}

.offset15 {
  margin-left: 62.5%;
}

.offset16 {
  margin-left: 66.66666667%;
}

.offset17 {
  margin-left: 70.83333333%;
}

.offset18 {
  margin-left: 75%;
}

.offset19 {
  margin-left: 79.16666667%;
}

.offset20 {
  margin-left: 83.33333333%;
}

.offset21 {
  margin-left: 87.5%;
}

.offset22 {
  margin-left: 91.66666667%;
}

.offset23 {
  margin-left: 95.83333333%;
}

.offset24 {
  margin-left: 100%;
}


.pull1 {
  right: 4.16666667%;
}

.pull2 {
  right: 8.33333333%;
}

.pull3 {
  right: 12.5%;
}

.pull4 {
  right: 16.66666667%;
}

.pull5 {
  right: 20.83333333%;
}

.pull6 {
  right: 25%;
}

.pull7 {
  right: 29.16666667%;
}

.pull8 {
  right: 33.33333333%;
}

.pull9 {
  right: 37.5%;
}

.pull10 {
  right: 41.66666667%;
}

.pull11 {
  right: 45.83333333%;
}

.pull12 {
  right: 50%;
}

.pull13 {
  right: 54.16666667%;
}

.pull14 {
  right: 58.33333333%;
}

.pull15 {
  right: 62.5%;
}

.pull16 {
  right: 66.66666667%;
}

.pull17 {
  right: 70.83333333%;
}

.pull18 {
  right: 75%;
}

.pull19 {
  right: 79.16666667%;
}

.pull20 {
  right: 83.33333333%;
}

.pull21 {
  right: 87.5%;
}

.pull22 {
  right: 91.66666667%;
}

.pull23 {
  right: 95.83333333%;
}

.pull24 {
  right: 100%;
}


.push1 {
  left: 4.16666667%;
}

.push2 {
  left: 8.33333333%;
}

.push3 {
  left: 12.5%;
}

.push4 {
  left: 16.66666667%;
}

.push5 {
  left: 20.83333333%;
}

.push6 {
  left: 25%;
}

.push7 {
  left: 29.16666667%;
}

.push8 {
  left: 33.33333333%;
}

.push9 {
  left: 37.5%;
}

.push10 {
  left: 41.66666667%;
}

.push11 {
  left: 45.83333333%;
}

.push12 {
  left: 50%;
}

.push13 {
  left: 54.16666667%;
}

.push14 {
  left: 58.33333333%;
}

.push15 {
  left: 62.5%;
}

.push16 {
  left: 66.66666667%;
}

.push17 {
  left: 70.83333333%;
}

.push18 {
  left: 75%;
}

.push19 {
  left: 79.16666667%;
}

.push20 {
  left: 83.33333333%;
}

.push21 {
  left: 87.5%;
}

.push22 {
  left: 91.66666667%;
}

.push23 {
  left: 95.83333333%;
}

.push24 {
  left: 100%;
}

.flex{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

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

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

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

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

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

.flex-top {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.flex-middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}