@charset "UTF-8";

/* CONTENT PADDING */
/*======================================*/
.pad-no {
  padding: 0 !important;
}

.pad-all {
  padding: 15px;
}

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

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

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

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

.pad-hor {
  padding-left: 15px;
  padding-right: 15px;
}

.pad-ver {
  padding-top: 15px;
  padding-bottom: 15px;
}

/* CONTENT MARGIN */
/*======================================*/
.mar-no {
  margin: 0 !important;
}

.mar-all {
  margin: 15px;
}

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

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

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

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

.mar-hor {
  margin-left: 15px;
  margin-right: 15px;
}

.mar-ver {
  margin-top: 15px;
  margin-bottom: 15px;
}

/* BORDER */
/*======================================*/
.bord-no {
  border: 0 !important;
}

.bord-all {
  border: 1px solid #e9e9e9;
}

.bord-top {
  border-top: 1px solid #e9e9e9;
}

.bord-btm {
  border-bottom: 1px solid #e9e9e9;
}

.bord-lft {
  border-left: 1px solid #e9e9e9;
}

.bord-rgt {
  border-right: 1px solid #e9e9e9;
}

.bord-ver {
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

.bord-hor {
  border-right: 1px solid #e9e9e9;
  border-left: 1px solid #e9e9e9;
}

/* TEXT */
/*======================================*/
.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

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

.text-normal {
  font-weight: normal;
}

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

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

.text-3x {
  font-size: 3em;
}

.text-2x {
  font-size: 2em;
}

.text-lg {
  font-size: 1.2em;
}

.text-sm {
  font-size: 0.9em;
}

.text-xs {
  font-size: 0.8em;
}

/* WIDTH */
/*======================================*/
.w100 {
  width: 100px;
}

.w150 {
  width: 150px;
}

.w200 {
  width: 200px;
}

.w300 {
  width: 300px;
}

.w500 {
  width: 500px;
}

.w600 {
  width: 600px;
}

/* Other */
/*======================================*/
.inline-block {
  display: inline-block !important;
}

.relative {
  position: relative !important;
}