/* Color */
/*---- Colors ----*/
.c-black {
  color: #505050; }

.bgr-black {
  background-color: #505050 !important; }

.c-main {
  color: #ff9430 !important; }

.bgr-main {
  background-color: #ff9430 !important; }

.c-white {
  color: #FFF !important; }

.bgr-white {
  background-color: #FFF !important; }

/*---- Margin & Padding ----*/
.mg0 {
  margin: 0 !important; }

.mb0 {
  margin-bottom: 0 !important; }

.mt0 {
  margin-top: 0 !important; }

.ml0 {
  margin-left: 0 !important; }

.mr0 {
  margin-right: 0 !important; }

.mg5 {
  margin: 5px !important; }

.mt5 {
  margin-top: 5px !important; }

.mr5 {
  margin-right: 5px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.ml5 {
  margin-left: 5px !important; }

.mg10 {
  margin: 10px !important; }

.mt10 {
  margin-top: 10px !important; }

.mr10 {
  margin-right: 10px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.ml10 {
  margin-left: 10px !important; }

.mg15 {
  margin: 15px !important; }

.ml15 {
  margin-left: 15px !important; }

.mr15 {
  margin-right: 15px !important; }

.mt15 {
  margin-top: 15px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mg20 {
  margin: 20px !important; }

.mt20 {
  margin-top: 20px !important; }

.mr20 {
  margin-right: 20px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.ml20 {
  margin-left: 20px !important; }

.mg30 {
  margin: 30px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.ml30 {
  margin-left: 30px !important; }

.mr30 {
  margin-right: 30px !important; }

.mt30 {
  margin-top: 35px !important; }

.mt35 {
  margin-top: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt50 {
  margin-top: 50px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.pd0 {
  padding: 0 !important; }

.pb0 {
  padding-bottom: 0; }

.pt0 {
  padding-top: 0 !important; }

.pl0 {
  padding-left: 0 !important; }

.pr0 {
  padding-right: 0 !important; }

.pd5 {
  padding: 5px !important; }

.pt5 {
  padding-top: 5px !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pr5 {
  padding-right: 5px !important; }

.pl5 {
  padding-left: 5px !important; }

.pd10 {
  padding: 10px !important; }

.pt10 {
  padding-top: 10px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pl10 {
  padding-left: 10px !important; }

.pr10 {
  padding-right: 10px !important; }

.pd15 {
  padding: 15px !important; }

.pt15 {
  padding-top: 15px !important; }

.pr15 {
  padding-right: 15px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pl15 {
  padding-left: 15px !important; }

.pd20 {
  padding: 20px !important; }

.pl25 {
  padding-left: 25px !important; }

.pr25 {
  padding-right: 25px !important; }

.pd25 {
  padding: 25px !important; }

.pt20 {
  padding-top: 20px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pl20 {
  padding-left: 20px !important; }

.pr20 {
  padding-right: 20px !important; }

.pd30 {
  padding: 30px !important; }

.pt30 {
  padding-top: 30px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pr30 {
  padding-right: 30px !important; }

.pl30 {
  padding-left: 30px !important; }

/*-- Fonts & text ----*/
.bold, strong {
  font-weight: bold; }

.font-normal {
  font-weight: normal !important; }

.lighter {
  font-weight: lighter; }

.italic {
  font-style: italic; }

.justify-align {
  text-align: justify; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.upper {
  text-transform: uppercase !important; }

.transform-normal {
  text-transform: none; }

.block {
  display: block !important; }

.inline-block {
  display: inline-block !important; }

.inline,
.radio-inline {
  display: inline-block !important; }

.float-none {
  float: none !important; }

.fw400 {
  font-weight: 400; }

.f11 {
  font-size: 11px !important; }

.f12 {
  font-size: 12px !important; }

.f13 {
  font-size: 13px !important; }

.f14 {
  font-size: 14px !important; }

.f16 {
  font-size: 16px !important; }

.f18 {
  font-size: 18px !important; }

.f20 {
  font-size: 20px !important; }

.f22 {
  font-size: 22px !important; }

.f24 {
  font-size: 24px !important; }

.f28 {
  font-size: 28px !important; }

.f32 {
  font-size: 32px !important; }

.f36 {
  font-size: 36px !important; }

.f40 {
  font-size: 40px !important; }

.f46 {
  font-size: 46px !important; }

.f52 {
  font-size: 52px !important; }

.f60 {
  font-size: 60px !important; }

.letter-spacing-1 {
  letter-spacing: 1px !important; }

.letter-spacing-2 {
  letter-spacing: 2px !important; }

.letter-spacing-3 {
  letter-spacing: 3px !important; }

.overflow-hidden {
  overflow: hidden !important; }

.img-center {
  display: block;
  margin: 0 auto;
  width: auto !important;
  height: auto;
  max-width: 100%;
  max-height: 100%; }

.img-full {
  display: block !important;
  width: 100% !important;
  height: 100%; }

.img-circle {
  border-radius: 50%; }

.lh1 {
  line-height: 1 !important; }

.lh15 {
  line-height: 1.5 !important; }

.underline {
  padding-top: 6px;
  padding-bottom: 6px;
  display: block;
  width: 100%;
  border-bottom: 1px dashed #CCC; }

.hr {
  height: 0;
  border-top: 1px solid #e9e9e9; }
  .hr.dashed {
    border-top-style: dashed;
    border-top-color: #d0d0d0; }

.border-radius-0 {
  border-radius: 0 !important; }

.border {
  border: 1px solid #e9e9e9; }

.border-none {
  border: none !important; }

.border-right {
  border-right: 1px solid #e9e9e9; }

.border-top {
  border-top: 1px solid #e9e9e9; }

.border-bottom {
  border-bottom: 1px solid #e9e9e9; }

.border-top-box.cl-main {
  border-top: 2px solid #ff9430; }

.border-top-box.cl-green {
  border-top: 2px solid #81C784; }

.box-shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.row-eq-height {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

@media only screen and (max-width: 767px) {
  .row-eq-height {
    display: block; } }

.vertical-align {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.valign-wrapper.top {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }

.valign-wrapper.bottom {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }

.not-valign {
  display: block !important; }

.relative {
  position: relative; }

.link {
  color: #ff9430; }
  .link.link-black {
    color: #505050; }
    .link.link-black:hover {
      color: #ff9430; }
  .link.link-white {
    color: #FFF; }
    .link.link-white:hover {
      color: #ff9430; }

.pointer {
  cursor: pointer; }
