.relative{
  position: relative;
}

.hidden {
  display: none;
}
.inline_block{
  display: inline-block;
}

.full_max{
  max-width: 100%;
  width: 70px;
}
.full{
  width: 100%;
}
.w70{
  width: 70%;
}
.two_thirds{
  width: 66.6%;
}
.w60{
  width: 60%;
}
.half{
  width: 50%;
}
.w40{
  width: 40% !important;
}
.third{
  width: 33.3%;
}
.w30{
  width: 30%;
}
.quarter{
  width: 25%;
}
.w20{
  width: 20%;
}


/*text*/
.uppercase {
  text-transform: uppercase;
}
.nounderline {
  text-decoration: none;
}
.lh20{
  line-height: 20px;
}
.fz0{
  font-size: 0;
}
.text_small{
  font-size: 12px;
}
/*end text*/



/*Vertical align*/
.text_top{
  vertical-align: top;
}
.text_middle{
  vertical-align: middle;
}
.text_bottom{
  vertical-align: bottom;
}
.text_baseline{
  vertical-align: baseline;
}
/*Vertical align*/


.overflow{
  overflow: hidden;
}
.overflow_x_scroll{
  overflow-x: scroll;
}


.pd20-0{
  padding: 20px 0;
}
.pd0-10{
  padding: 0 10px;
}
.pd0-20{
  padding: 0 20px;
}
.pd10-0{
  padding: 10px 0;
}
.pd10-20{
  padding: 10px 20px;
}
.pd0-30{
  padding: 0 30px;
}
.pd20{
  padding: 20px;
}
.mt0{
  margin-top: 0 !important;
}
.mb0{
  margin-bottom: 0 !important;
}
.mt5{
  margin-top: 5px !important;
}
.mb3{
  margin-bottom: 3px !important;
}
.mb5{
  margin-bottom: 5px !important;
}
.mt10{
  margin-top: 10px;
}
.mt20{
  margin-top: 20px;
}
.mt30{
  margin-top: 30px;
}
.mt40{
  margin-top: 40px;
}
.mb10{
  margin-bottom: 10px !important;
}
.mb15{
  margin-bottom: 15px !important;
}
.mb20{
  margin-bottom: 20px !important;
}
.mb30{
  margin-bottom: 30px !important;
}
.mb40{
  margin-bottom: 40px !important;
}
.mr5{
  margin-right: 5px;
}
.mr10{
  margin-right: 10px;
}
.mr15{
  margin-right: 15px;
}
.mr20{
  margin-right: 20px;
}
.ml5{
  margin-left: 5px;
}
.ml10{
  margin-left: 10px;
}
.ml20{
  margin-left: 20px;
}