* {
    box-sizing: border-box;
}
.v {
    display: flex;
    align-items: center;
}
.h {
    display: flex;
    justify-content: center;
}
.vh {
    display: flex;
    align-items: center;
    justify-content: center;
}
.fw {
    width: 100%
}
.w {
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 1200px) {
  .w {
    width: 1200px;
  }
}

.r {
	
}
.c {
	float:left;
}
.vxxs, .vxs, .vsm, .vmd, .vlg {
	display:none;
}

.c.xxs12 {
  width: 100%;
}
.c.xxs11 {
  width: 91.66666667%;
}
.c.xxs10 {
  width: 83.33333333%;
}
.c.xxs9 {
  width: 75%;
}
.c.xxs8 {
  width: 66.66666667%;
}
.c.xxs7 {
  width: 58.33333333%;
}
.c.xxs6 {
  width: 50%;
}
.c.xxs5 {
  width: 41.66666667%;
}
.c.xxs4 {
  width: 33.33333333%;
}
.c.xxs3 {
  width: 25%;
}
.c.xxs2 {
  width: 16.66666667%;
}
.c.xxs1 {
  width: 8.33333333%;
}

@media (max-width: 479px) {
	.hxxs {
		display: none!important;
	}
	.vxxs {
		display: block!important;
	}
}
@media (max-width:767px) {
    .hxs {
    display: none!important;
}
	.vxs {
		display: block!important;
	}
}@media (min-width:768px) and (max-width:1023px) {
    .hsm {
    display: none!important;
}
	.vsm {
		display: block!important;
	}
}@media (min-width:1024px) and (max-width:1199px) {
    .hmd {
    display: none!important;
}
	.vmd {
		display: block!important;
	}
}@media (min-width:1200px) {
    .hlg {
    display: none!important;
}
	.vlg {
		display:block!important;
	}
}
@media (min-width: 480px) {
	.c.xs12 {
	  width: 100%;
	}
	.c.xs11 {
	  width: 91.66666667%;
	}
	.c.xs10 {
	  width: 83.33333333%;
	}
	.c.xs9 {
	  width: 75%;
	}
	.c.xs8 {
	  width: 66.66666667%;
	}
	.c.xs7 {
	  width: 58.33333333%;
	}
	.c.xs6 {
	  width: 50%;
	}
	.c.xs5 {
	  width: 41.66666667%;
	}
	.c.xs4 {
	  width: 33.33333333%;
	}
	.c.xs3 {
	  width: 25%;
	}
	.c.xs2 {
	  width: 16.66666667%;
	}
	.c.xs1 {
	  width: 8.33333333%;
	}
}
@media (min-width: 769px) {
  .c.sm12 {
    width: 100%;
  }
  .c.sm11 {
    width: 91.66666667%;
  }
  .c.sm10 {
    width: 83.33333333%;
  }
  .c.sm9 {
    width: 75%;
  }
  .c.sm8 {
    width: 66.66666667%;
  }
  .c.sm7 {
    width: 58.33333333%;
  }
  .c.sm6 {
    width: 50%;
  }
  .c.sm5 {
    width: 41.66666667%;
  }
  .c.sm4 {
    width: 33.33333333%;
  }
  .c.sm3 {
    width: 25%;
  }
  .c.sm2 {
    width: 16.66666667%;
  }
  .c.sm1 {
    width: 8.33333333%;
  }
}
@media (min-width: 1024px) {
  .c.md12 {
    width: 100%;
  }
  .c.md11 {
    width: 91.66666667%;
  }
  .c.md10 {
    width: 83.33333333%;
  }
  .c.md9 {
    width: 75%;
  }
  .c.md8 {
    width: 66.66666667%;
  }
  .c.md7 {
    width: 58.33333333%;
  }
  .c.md6 {
    width: 50%;
  }
  .c.md5 {
    width: 41.66666667%;
  }
  .c.md4 {
    width: 33.33333333%;
  }
  .c.md3 {
    width: 25%;
  }
  .c.md2 {
    width: 16.66666667%;
  }
  .c.md1 {
    width: 8.33333333%;
  }
 
}
@media (min-width: 1200px) {
  .c.lg12 {
    width: 100%;
  }
  .c.lg11 {
    width: 91.66666667%;
  }
  .c.lg10 {
    width: 83.33333333%;
  }
  .c.lg9 {
    width: 75%;
  }
  .c.lg8 {
    width: 66.66666667%;
  }
  .c.lg7 {
    width: 58.33333333%;
  }
  .c.lg6 {
    width: 50%;
  }
  .c.lg5 {
    width: 41.66666667%;
  }
  .c.lg4 {
    width: 33.33333333%;
  }
  .c.lg3 {
    width: 25%;
  }
  .c.lg2 {
    width: 16.66666667%;
  }
  .c.lg1 {
    width: 8.33333333%;
  }
}
.cf:before,
.cf:after,
.w:before,
.w:after,
.r:before,
.r:after {
  content: " ";
  display: table;
}
.cf:after,
.w:after,
.r:after {
  clear: both;
}
.fr {
  float: right !important;
}
.fl {
  float: left !important;
}