/* description */
.description {
  font-style: italic;
}

/* line-through */
.line-through {
  text-decoration: line-through;
}

/* white-space */
.nowrap {
  white-space: nowrap;
}

/* text size */
.text-extra-small {
  font-size: 11px;
  line-height: 14px; }

.text-small {
  font-size: 12px;
  line-height: 20px; }

.text-medium {
  font-size: 16px;
  line-height: 23px; }

.text-large {
  font-size: 18px;
  line-height: 26px; }

.text-medium-large {
  font-size: 24px;
  line-height: 28px; }

.text-extra-large {
  font-size: 36px;
  line-height: 40px; }

.title-large {
  font-size: 100px;
  line-height: 95px; }

.title-extra-large {
  font-size: 130px;
  line-height: 120px; }

/* text color */
.text-white {
  color: #fff; }

.text-black {
  color: #222; }

.text-extra-dark-gray {
  color: #232323; }

.text-dark-gray {
  color: #626262; }

.text-extra-medium-gray {
  color: #757575; }

.text-medium-gray {
  color: #939393; }

.text-extra-light-gray {
  color: #f0f0f0; }

.text-light-gray {
  color: #d6d5d5; }

.text-very-light-gray {
  color: #ededed; }

.text-base-color {
  color: #222; }

.text-primary-color {
  color: #fff; }

/* font weight */
.font-weight-100 {
  font-weight: 100; }

.font-weight-200 {
  font-weight: 200; }

.font-weight-300 {
  font-weight: 300; }

.font-weight-400 {
  font-weight: 400; }

.font-weight-500 {
  font-weight: 500; }

.font-weight-600 {
  font-weight: 600; }

.font-weight-700 {
  font-weight: 700; }

.font-weight-800 {
  font-weight: 800; }

.font-weight-900 {
  font-weight: 900; }

/* line height */
.line-height-10 {
  line-height: 10px; }

.line-height-13 {
  line-height: 13px; }

.line-height-18 {
  line-height: 18px; }

.line-height-20 {
  line-height: 20px; }

.line-height-24 {
  line-height: 24px; }

.line-height-22 {
  line-height: 22px; }

.line-height-26 {
  line-height: 26px; }

.line-height-28 {
  line-height: 28px; }

.line-height-30 {
  line-height: 30px; }

.line-height-35 {
  line-height: 35px; }

.line-height-40 {
  line-height: 40px; }

.line-height-45 {
  line-height: 45px; }

.line-height-50 {
  line-height: 50px; }

.line-height-55 {
  line-height: 55px; }

.line-height-60 {
  line-height: 60px; }

.line-height-65 {
  line-height: 65px; }

.line-height-70 {
  line-height: 70px; }

.line-height-75 {
  line-height: 75px; }

.line-height-80 {
  line-height: 80px; }

.line-height-85 {
  line-height: 85px; }

.line-height-90 {
  line-height: 90px; }

.line-height-95 {
  line-height: 95px; }

.line-height-100 {
  line-height: 100px; }

.line-height-110 {
  line-height: 110px; }

.line-height-120 {
  line-height: 120px; }

/* Background color */
.bg-transparent {
  background-color: transparent; }

.bg-white {
  background-color: #fff; }

.bg-black {
  background-color: #000; }

.bg-double-dark-gray {
  background-color: #1c1c1c; }

.bg-dark-gray {
  background-color: #757575; }

.bg-extra-medium-gray {
  background-color: #939393; }

.bg-extra-dark-gray {
  background-color: #232323; }

.bg-medium-gray {
  background-color: #dbdbdb; }

.bg-medium-light-gray {
  background-color: #ededed; }

.bg-light-gray {
  background-color: #f7f7f7; }

.bg-very-light-gray {
  background-color: #fafafa; }

.bg-base {
  background-color: #222; }

/* verticle align */
.vertical-align-middle {
  vertical-align: middle !important; }

.vertical-align-top {
  vertical-align: top !important; }

.vertical-align-bottom {
  vertical-align: bottom !important; }

/* text-align */
.text-center {
    text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}

/* margin */
.margin-5px-all {
  margin: 5px; }

.margin-10px-all {
  margin: 10px; }

.margin-15px-all {
  margin: 15px; }

.margin-20px-all {
  margin: 20px; }

.margin-25px-all {
  margin: 25px; }

.margin-30px-all {
  margin: 30px; }

.margin-35px-all {
  margin: 35px; }

.margin-40px-all {
  margin: 40px; }

.margin-45px-all {
  margin: 45px; }

.margin-50px-all {
  margin: 50px; }

.margin-55px-all {
  margin: 55px; }

.margin-60px-all {
  margin: 60px; }

.margin-65px-all {
  margin: 65px; }

.margin-70px-all {
  margin: 70px; }

.margin-75px-all {
  margin: 75px; }

.margin-80px-all {
  margin: 80px; }

.margin-85px-all {
  margin: 85px; }

.margin-90px-all {
  margin: 90px; }

.margin-95px-all {
  margin: 95px; }

.margin-100px-all {
  margin: 100px; }

.no-margin {
  margin: 0 !important; }

.margin-auto {
  margin: 0 auto !important; }

.margin-5px-top {
  margin-top: 5px; }

.margin-10px-top {
  margin-top: 10px; }

.margin-15px-top {
  margin-top: 15px; }

.margin-20px-top {
  margin-top: 20px; }

.margin-25px-top {
  margin-top: 25px; }

.margin-30px-top {
  margin-top: 30px; }

.margin-35px-top {
  margin-top: 35px; }

.margin-40px-top {
  margin-top: 40px; }

.margin-45px-top {
  margin-top: 45px; }

.margin-50px-top {
  margin-top: 50px; }

.margin-55px-top {
  margin-top: 55px; }

.margin-60px-top {
  margin-top: 60px; }

.margin-65px-top {
  margin-top: 65px; }

.margin-70px-top {
  margin-top: 70px; }

.margin-75px-top {
  margin-top: 75px; }

.margin-80px-top {
  margin-top: 80px; }

.margin-90px-top {
  margin-top: 90px; }

.margin-100px-top {
  margin-top: 100px; }

.margin-5px-bottom {
  margin-bottom: 5px; }

.margin-10px-bottom {
  margin-bottom: 10px; }

.margin-15px-bottom {
  margin-bottom: 15px; }

.margin-20px-bottom {
  margin-bottom: 20px; }

.margin-25px-bottom {
  margin-bottom: 25px; }

.margin-30px-bottom {
  margin-bottom: 30px; }

.margin-35px-bottom {
  margin-bottom: 35px; }

.margin-40px-bottom {
  margin-bottom: 40px; }

.margin-45px-bottom {
  margin-bottom: 45px; }

.margin-50px-bottom {
  margin-bottom: 50px; }

.margin-55px-bottom {
  margin-bottom: 55px; }

.margin-60px-bottom {
  margin-bottom: 60px; }

.margin-65px-bottom {
  margin-bottom: 65px; }

.margin-70px-bottom {
  margin-bottom: 70px; }

.margin-75px-bottom {
  margin-bottom: 75px; }

.margin-80px-bottom {
  margin-bottom: 80px; }

.margin-85px-bottom {
  margin-bottom: 85px; }

.margin-90px-bottom {
  margin-bottom: 90px; }

.margin-95px-bottom {
  margin-bottom: 95px; }

.margin-100px-bottom {
  margin-bottom: 100px; }

.margin-5px-right {
  margin-right: 5px; }

.margin-10px-right {
  margin-right: 10px; }

.margin-15px-right {
  margin-right: 15px; }

.margin-20px-right {
  margin-right: 20px; }

.margin-25px-right {
  margin-right: 25px; }

.margin-30px-right {
  margin-right: 30px; }

.margin-35px-right {
  margin-right: 35px; }

.margin-40px-right {
  margin-right: 40px; }

.margin-45px-right {
  margin-right: 45px; }

.margin-50px-right {
  margin-right: 50px; }

.margin-55px-right {
  margin-right: 55px; }

.margin-60px-right {
  margin-right: 60px; }

.margin-65px-right {
  margin-right: 65px; }

.margin-70px-right {
  margin-right: 70px; }

.margin-75px-right {
  margin-right: 75px; }

.margin-80px-right {
  margin-right: 80px; }

.margin-85px-right {
  margin-right: 85px; }

.margin-90px-right {
  margin-right: 90px; }

.margin-95px-right {
  margin-right: 95px; }

.margin-100px-right {
  margin-right: 100px; }

.margin-5px-left {
  margin-left: 5px; }

.margin-10px-left {
  margin-left: 10px; }

.margin-15px-left {
  margin-left: 15px; }

.margin-20px-left {
  margin-left: 20px; }

.margin-25px-left {
  margin-left: 25px; }

.margin-30px-left {
  margin-left: 30px; }

.margin-35px-left {
  margin-left: 35px; }

.margin-40px-left {
  margin-left: 40px; }

.margin-45px-left {
  margin-left: 45px; }

.margin-50px-left {
  margin-left: 50px; }

.margin-55px-left {
  margin-left: 55px; }

.margin-60px-left {
  margin-left: 60px; }

.margin-65px-left {
  margin-left: 65px; }

.margin-70px-left {
  margin-left: 70px; }

.margin-75px-left {
  margin-left: 75px; }

.margin-80px-left {
  margin-left: 80px; }

.margin-85px-left {
  margin-left: 85px; }

.margin-90px-left {
  margin-left: 90px; }

.margin-95px-left {
  margin-left: 95px; }

.margin-100px-left {
  margin-left: 100px; }

/* padding */
.padding-5px-all {
  padding: 5px; }

.padding-10px-all {
  padding: 10px; }

.padding-15px-all {
  padding: 15px; }

.padding-20px-all {
  padding: 20px; }

.padding-25px-all {
  padding: 25px; }

.padding-30px-all {
  padding: 30px; }

.padding-35px-all {
  padding: 35px; }

.padding-40px-all {
  padding: 40px; }

.padding-45px-all {
  padding: 45px; }

.padding-50px-all {
  padding: 50px; }

.padding-55px-all {
  padding: 55px; }

.padding-60px-all {
  padding: 60px; }

.padding-65px-all {
  padding: 65px; }

.padding-70px-all {
  padding: 70px; }

.padding-75px-all {
  padding: 75px; }

.padding-80px-all {
  padding: 80px; }

.padding-85px-all {
  padding: 85px; }

.padding-90px-all {
  padding: 90px; }

.padding-95px-all {
  padding: 95px; }

.padding-100px-all {
  padding: 100px; }

.no-padding {
  padding: 0 !important; }

.padding-5px-top {
  padding-top: 5px; }

.padding-10px-top {
  padding-top: 10px; }

.padding-15px-top {
  padding-top: 15px; }

.padding-20px-top {
  padding-top: 20px; }

.padding-25px-top {
  padding-top: 25px; }

.padding-30px-top {
  padding-top: 30px; }

.padding-35px-top {
  padding-top: 35px; }

.padding-40px-top {
  padding-top: 40px; }

.padding-45px-top {
  padding-top: 45px; }

.padding-50px-top {
  padding-top: 50px; }

.padding-55px-top {
  padding-top: 55px; }

.padding-60px-top {
  padding-top: 60px; }

.padding-65px-top {
  padding-top: 65px; }

.padding-70px-top {
  padding-top: 70px; }

.padding-75px-top {
  padding-top: 75px; }

.padding-80px-top {
  padding-top: 80px; }

.padding-85px-top {
  padding-top: 85px; }

.padding-90px-top {
  padding-top: 90px; }

.padding-95px-top {
  padding-top: 95px; }

.padding-100px-top {
  padding-top: 100px; }

.padding-5px-bottom {
  padding-bottom: 5px; }

.padding-10px-bottom {
  padding-bottom: 10px; }

.padding-15px-bottom {
  padding-bottom: 15px; }

.padding-20px-bottom {
  padding-bottom: 20px; }

.padding-25px-bottom {
  padding-bottom: 25px; }

.padding-30px-bottom {
  padding-bottom: 30px; }

.padding-35px-bottom {
  padding-bottom: 35px; }

.padding-40px-bottom {
  padding-bottom: 40px; }

.padding-45px-bottom {
  padding-bottom: 45px; }

.padding-50px-bottom {
  padding-bottom: 50px; }

.padding-55px-bottom {
  padding-bottom: 55px; }

.padding-60px-bottom {
  padding-bottom: 60px; }

.padding-65px-bottom {
  padding-bottom: 65px; }

.padding-70px-bottom {
  padding-bottom: 70px; }

.padding-75px-bottom {
  padding-bottom: 75px; }

.padding-80px-bottom {
  padding-bottom: 80px; }

.padding-85px-bottom {
  padding-bottom: 85px; }

.padding-90px-bottom {
  padding-bottom: 90px; }

.padding-95px-bottom {
  padding-bottom: 95px; }

.padding-100px-bottom {
  padding-bottom: 100px; }

.padding-5px-right {
  padding-right: 5px; }

.padding-10px-right {
  padding-right: 10px; }

.padding-15px-right {
  padding-right: 15px; }

.padding-20px-right {
  padding-right: 20px; }

.padding-25px-right {
  padding-right: 25px; }

.padding-30px-right {
  padding-right: 30px; }

.padding-35px-right {
  padding-right: 35px; }

.padding-40px-right {
  padding-right: 40px; }

.padding-45px-right {
  padding-right: 45px; }

.padding-50px-right {
  padding-right: 50px; }

.padding-55px-right {
  padding-right: 55px; }

.padding-60px-right {
  padding-right: 60px; }

.padding-65px-right {
  padding-right: 65px; }

.padding-70px-right {
  padding-right: 70px; }

.padding-75px-right {
  padding-right: 75px; }

.padding-80px-right {
  padding-right: 80px; }

.padding-85px-right {
  padding-right: 85px; }

.padding-90px-right {
  padding-right: 90px; }

.padding-95px-right {
  padding-right: 95px; }

.padding-100px-right {
  padding-right: 100px; }

.padding-5px-left {
  padding-left: 5px; }

.padding-10px-left {
  padding-left: 10px; }

.padding-15px-left {
  padding-left: 15px; }

.padding-20px-left {
  padding-left: 20px; }

.padding-25px-left {
  padding-left: 25px; }

.padding-30px-left {
  padding-left: 30px; }

.padding-35px-left {
  padding-left: 35px; }

.padding-40px-left {
  padding-left: 40px; }

.padding-45px-left {
  padding-left: 45px; }

.padding-50px-left {
  padding-left: 50px; }

.padding-55px-left {
  padding-left: 55px; }

.padding-60px-left {
  padding-left: 60px; }

.padding-65px-left {
  padding-left: 65px; }

.padding-70px-left {
  padding-left: 70px; }

.padding-75px-left {
  padding-left: 75px; }

.padding-80px-left {
  padding-left: 80px; }

.padding-85px-left {
  padding-left: 85px; }

.padding-90px-left {
  padding-left: 90px; }

.padding-95px-left {
  padding-left: 95px; }

.padding-100px-left {
  padding-left: 100px; }

/* position */
.position-inherit {
  position: inherit !important; }

.position-right {
  right: 0 !important; }

.position-left {
  left: 0 !important; }

.position-top {
  top: 0 !important; }

/* width */
.width-10px {
  width: 10px; }

.width-15px {
  width: 15px; }

.width-20px {
  width: 20px; }

.width-25px {
  width: 25px; }

.width-30px {
  width: 30px; }

.width-35px {
  width: 35px; }

.width-40px {
  width: 40px; }

.width-50px {
  width: 50px; }

.width-55px {
  width: 55px; }

.width-60px {
  width: 60px; }

.width-65px {
  width: 65px; }

.width-70px {
  width: 70px; }

.width-75px {
  width: 75px; }

.width-80px {
  width: 80px; }

.width-85px {
  width: 85px; }

.width-90px {
  width: 90px; }

.width-100px {
  width: 100px; }

.width-120px {
  width: 120px; }

.width-130px {
  width: 130px; }

.width-150px {
  width: 150px; }

.width-180px {
  width: 180px; }

.width-200px {
  width: 200px; }

.width-250px {
  width: 250px; }

.width-300px {
  width: 300px; }

.width-350px {
  width: 350px; }

.width-400px {
  width: 400px; }

.width-450px {
  width: 450px; }

.width-500px {
  width: 500px; }

.width-550px {
  width: 550px; }

.width-600px {
  width: 600px; }

.width-650px {
  width: 650px; }

.width-700px {
  width: 700px; }

.width-750px {
  width: 750px; }

.width-800px {
  width: 800px; }

.width-850px {
  width: 850px; }

.width-900px {
  width: 900px; }

.width-950px {
  width: 950px; }

.width-1000px {
  width: 1000px; }

.width-100per {
  width: 100%; }

/* height */
.height-10px {
  height: 10px; }

.height-20px {
  height: 20px; }

.height-30px {
  height: 30px; }

.height-40px {
  height: 40px; }

.height-50px {
  height: 50px; }

.height-60px {
  height: 60px; }

.height-70px {
  height: 70px; }

.height-80px {
  height: 80px; }

.height-90px {
  height: 90px; }

.height-100px {
  height: 100px; }

.height-130px {
  height: 130px; }

.height-150px {
  height: 150px; }

.height-200px {
  height: 200px; }

.height-250px {
  height: 250px; }

.height-270px {
  height: 270px; }

.height-300px {
  height: 300px; }

.height-350px {
  height: 350px; }

.height-400px {
  height: 400px; }

.height-450px {
  height: 450px; }

.height-500px {
  height: 500px; }

.height-550px {
  height: 550px; }

.height-600px {
  height: 600px; }

.height-650px {
  height: 650px; }

.height-700px {
  height: 700px; }

.height-800px {
  height: 800px; }

.height-900px {
  height: 900px; }

.height-1000px {
  height: 1000px; }

/*float*/
.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-none {
  float: none !important; }