.box-shadow {box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);}
.box-shadow-lg {box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);}

.text-shadow {
  font-size: 170px;
  text-shadow: 0 1px 0 #dee5e7, 0 2px 0 #fcfdfd, 0 5px 10px rgba(0, 0, 0, 0.125), 0 10px 20px rgba(0, 0, 0, 0.2);
}

.text-w   {text-shadow: 0 1px 1px #000;}
.text-i-t {text-shadow: 1px 3px 6px #a3d0b0, 0 0 0 #000, 1px 3px 6px #a3d0b0;}
.text-d-s {text-shadow: -5px 5px 5px rgba(0,0,0,0.3);}
.text-h-r {text-shadow: 0 1px 0 #999, 0 2px 0 #888, 0 3px 0 #777, 0 4px 0 #666, 0 5px 0 #555, 0 6px 0 #444, 0 7px 0 #333, 0 8px 7px #000b21;}
.text-e-t {text-shadow: -1px -1px 1px rgba(255,255,255,0.2), 1px 1px 1px rgba(0,0,0,0.6);}
.text-a-c {text-shadow: 0 1px 1px #4d4d4d;} 
.text-s-g {text-shadow: 0 0 5px #fff;}

.bg-white {background-color: white;}
.bg-black {background-color: black;}

.text-3x {font-size: 3em;}
.text-2x {font-size: 2em;}
.text-lg {font-size: 18px;}
.text-md {font-size: 16px;}
.text-base {font-size: 14px;}
.text-sm {font-size: 13px;}
.text-xs {font-size: 12px;}
.text-xxs {text-indent: -9999px;}

.no-shadow {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.wrapper-xs {padding: 5px;}
.wrapper-sm {padding: 10px;}
.wrapper {padding: 15px;}
.wrapper-md {padding: 20px;}
.wrapper-lg {padding: 30px;}
.wrapper-xl {padding: 50px;}

.padder-lg {
  padding-right: 30px;
  padding-left: 30px;
}

.padder-md {
  padding-right: 20px;
  padding-left: 20px;
}

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

.padder-xs {
  padding-right: 10px;
  padding-left: 10px;
}

.padder-v {
  padding-top: 15px;
  padding-bottom: 15px;
}

.no-padder {padding: 0 !important;}
.no-padder-r {padding-right: 0;}
.no-padder-l {padding-left: 0;}

.pull-in {
  margin-right: -15px;
  margin-left: -15px;
}

.pull-out {margin: -10px -15px;}
.b {border: 1px solid rgba(0, 0, 0, 0.05);}
.b-a {border: 1px solid rgba(0, 0, 0, 0.05);}
.b-t {border-top: 1px solid rgba(0, 0, 0, 0.05);}
.b-r {border-right: 1px solid rgba(0, 0, 0, 0.05);}
.b-b {border-bottom: 1px solid rgba(0, 0, 0, 0.05);}
.b-l {border-left: 1px solid rgba(0, 0, 0, 0.05);}
.b-light {border-color: #edf1f2;}
.b-dark {border-color: #3a3f51;}
.b-black {border-color: #3a3f51;}
.b-primary {border-color: #7266ba;}
.b-success {border-color: #27c24c;}
.b-info {border-color: #23b7e5;}
.b-warning {border-color: #fad733;}
.b-danger {border-color: #f05050;}
.b-white {border-color: #ffffff;}

.b-dashed {border-style: dashed !important;}
.b-l-light {border-left-color: #edf1f2;}
.b-l-dark {border-left-color: #3a3f51;}
.b-l-black {border-left-color: #3a3f51;}
.b-l-primary {border-left-color: #7266ba;}
.b-l-success {border-left-color: #27c24c;}
.b-l-info {border-left-color: #23b7e5;}
.b-l-warning {border-left-color: #fad733;}
.b-l-danger {border-left-color: #f05050;}
.b-l-white {border-left-color: #ffffff;}

.b-l-2x {border-left-width: 2px;}
.b-l-3x {border-left-width: 3px;}
.b-l-4x {border-left-width: 4px;}
.b-l-5x {border-left-width: 5px;}

.b-2x {border-width: 2px;}
.b-3x {border-width: 3px;}
.b-4x {border-width: 4px;}
.b-5x {border-width: 5px;}

.r-no {border-radius: 0 !important;}
.r {border-radius: 2px 2px 2px 2px;}
.r-2x {border-radius: 4px;}
.r-3x {border-radius: 6px;}
.r-l {border-radius: 2px 0 0 2px;}
.r-r {border-radius: 0 2px 2px 0;}
.r-t {border-radius: 2px 2px 0 0;}
.r-b {border-radius: 0 0 2px 2px;}

.b-d {
  border-bottom: 1px dashed;
}
.b-d:hover {
  text-decoration: none;
}
.m-xxs {margin: 2px 4px;}
.m-xs {margin: 5px;}
.m-sm {margin: 10px;}
.m {margin: 15px;}
.m-md {margin: 20px;}
.m-lg {margin: 30px;}
.m-xl {margin: 50px;}
.m-n {margin: 0;}

.m-l-none {margin-left: 0 !important;}
.m-l-xs {margin-left: 5px;}
.m-l-sm {margin-left: 10px;}
.m-l {margin-left: 15px;}
.m-l-md {margin-left: 20px;}
.m-l-lg {margin-left: 30px;}
.m-l-xl {margin-left: 40px;}
.m-l-xxl {margin-left: 50px;}
.m-l-n-xxs {margin-left: -1px;}
.m-l-n-xs {margin-left: -5px;}
.m-l-n-sm {margin-left: -10px;}
.m-l-n {margin-left: -15px;}
.m-l-n-md {margin-left: -20px;}
.m-l-n-lg {margin-left: -30px;}
.m-l-n-xl {margin-left: -40px;}
.m-l-n-xxl {margin-left: -50px;}

.m-t-none {margin-top: 0 !important;}
.m-t-xxs {margin-top: 1px;}
.m-t-xs {margin-top: 5px;}
.m-t-sm {margin-top: 10px;}
.m-t-sm-only {margin: 10px 0 0 0;}
.m-t {margin-top: 15px;}
.m-t-md {margin-top: 20px;}
.m-t-lg {margin-top: 30px;}
.m-t-xl {margin-top: 40px;}
.m-t-xxl {margin-top: 50px;}
.m-t-n-xxs {margin-top: -1px;}
.m-t-n-xs {margin-top: -5px;}
.m-t-n-sm {margin-top: -10px;}
.m-t-n {margin-top: -15px;}
.m-t-n-md {margin-top: -20px;}
.m-t-n-lg {margin-top: -30px;}
.m-t-n-xl {margin-top: -40px;}
.m-t-n-xxl {margin-top: -50px;}

.m-r-none {margin-right: 0 !important;}
.m-r-xxs {margin-right: 1px;}
.m-r-xs {margin-right: 5px;}
.m-r-sm {margin-right: 10px;}
.m-r {margin-right: 15px;}
.m-r-md {margin-right: 20px;}
.m-r-lg {margin-right: 30px;}
.m-r-xl {margin-right: 40px;}
.m-r-xxl {margin-right: 50px;}
.m-r-n-xxs {margin-right: -1px;}
.m-r-n-xs {margin-right: -5px;}
.m-r-n-sm {margin-right: -10px;}
.m-r-n {margin-right: -15px;}
.m-r-n-md {margin-right: -20px;}
.m-r-n-lg {margin-right: -30px;}
.m-r-n-xl {margin-right: -40px;}
.m-r-n-xxl {margin-right: -50px;}

.m-b-none {margin-bottom: 0 !important;}
.m-b-xxs {margin-bottom: 1px;}
.m-b-xs {margin-bottom: 5px;}
.m-b-sm {margin-bottom: 10px;}
.m-b {margin-bottom: 15px;}
.m-b-md {margin-bottom: 20px;}
.m-b-lg {margin-bottom: 30px;}
.m-b-xl {margin-bottom: 40px;}
.m-b-xxl {margin-bottom: 50px;}
.m-b-n-xxs {margin-bottom: -1px;}
.m-b-n-xs {margin-bottom: -5px;}
.m-b-n-sm {margin-bottom: -10px;}
.m-b-n {margin-bottom: -15px;}
.m-b-n-md {margin-bottom: -20px;}
.m-b-n-lg {margin-bottom: -30px;}
.m-b-n-xl {margin-bottom: -40px;}
.m-b-n-xxl {margin-bottom: -50px;}
.d-b {
  display: inline-block;
}
.d-n {
  display: none !important;
}
.scale {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 0;
}

.scale:before {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    content: '';
}

.scale-block {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    display: inline-block;
    white-space: normal;
    vertical-align: middle;
    text-align: left;
}