* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

:before,
:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

a {
  transition: all ease-out .5s
}

.p0 {
  padding: 0
}

.p10 {
  padding: 10px
}

.p20 {
  padding: 20px
}

.p30 {
  padding: 30px
}

.p40 {
  padding: 40px
}

.p50 {
  padding: 50px
}

.p60 {
  padding: 60px
}

.p70 {
  padding: 70px
}

.p80 {
  padding: 80px
}

.p90 {
  padding: 90px
}

.p100 {
  padding: 100px
}

.pt0 {
  padding-top: 0
}

.pt10 {
  padding-top: 10px
}

.pt20 {
  padding-top: 20px
}

.pt30 {
  padding-top: 30px
}

.pt40 {
  padding-top: 40px
}

.pt50 {
  padding-top: 50px
}

.pt60 {
  padding-top: 60px
}

.pt70 {
  padding-top: 70px
}

.pt80 {
  padding-top: 80px
}

.pt90 {
  padding-top: 90px
}

.pt100 {
  padding-top: 100px
}

.pb0 {
  padding-bottom: 0
}

.pb10 {
  padding-bottom: 10px
}

.pb20 {
  padding-bottom: 20px
}

.pb30 {
  padding-bottom: 30px
}

.pb40 {
  padding-bottom: 40px
}

.pb50 {
  padding-bottom: 50px
}

.pb60 {
  padding-bottom: 60px
}

.pb70 {
  padding-bottom: 70px
}

.pb80 {
  padding-bottom: 80px
}

.pb90 {
  padding-bottom: 90px
}

.pb100 {
  padding-bottom: 100px
}

.pr0 {
  padding-right: 0
}

.pr10 {
  padding-right: 10px
}

.pr20 {
  padding-right: 20px
}

.pr30 {
  padding-right: 30px
}

.pr40 {
  padding-right: 40px
}

.pr50 {
  padding-right: 50px
}

.pr60 {
  padding-right: 60px
}

.pr70 {
  padding-right: 70px
}

.pr80 {
  padding-right: 80px
}

.pr90 {
  padding-right: 90px
}

.pr100 {
  padding-right: 100px
}

.pl0 {
  padding-left: 0
}

.pl10 {
  padding-left: 10px
}

.pl20 {
  padding-left: 20px
}

.pl30 {
  padding-left: 30px
}

.pl40 {
  padding-left: 40px
}

.pl50 {
  padding-left: 50px
}

.pl60 {
  padding-left: 60px
}

.pl70 {
  padding-left: 70px
}

.pl80 {
  padding-left: 80px
}

.pl90 {
  padding-left: 90px
}

.pl100 {
  padding-left: 100px
}

.m0 {
  margin: 0
}

.m10 {
  margin: 10px
}

.m20 {
  margin: 20px
}

.m30 {
  margin: 30px
}

.m40 {
  margin: 40px
}

.m50 {
  margin: 50px
}

.m60 {
  margin: 60px
}

.m70 {
  margin: 70px
}

.m80 {
  margin: 80px
}

.m90 {
  margin: 90px
}

.m100 {
  margin: 100px
}

.mt0 {
  margin-top: 0
}

.mt10 {
  margin-top: 10px
}

.mt20 {
  margin-top: 20px
}

.mt30 {
  margin-top: 30px
}

.mt40 {
  margin-top: 40px
}

.mt50 {
  margin-top: 50px
}

.mt60 {
  margin-top: 60px
}

.mt70 {
  margin-top: 70px
}

.mt80 {
  margin-top: 80px
}

.mt90 {
  margin-top: 90px
}

.mt100 {
  margin-top: 100px
}

.mb0 {
  margin-bottom: 0
}

.mb10 {
  margin-bottom: 10px
}

.mb20 {
  margin-bottom: 20px
}

.mb30 {
  margin-bottom: 30px
}

.mb40 {
  margin-bottom: 40px
}

.mb50 {
  margin-bottom: 50px
}

.mb60 {
  margin-bottom: 60px
}

.mb70 {
  margin-bottom: 70px
}

.mb80 {
  margin-bottom: 80px
}

.mb90 {
  margin-bottom: 90px
}

.mb100 {
  margin-bottom: 100px
}

.mr0 {
  margin-right: 0
}

.mr10 {
  margin-right: 10px
}

.mr20 {
  margin-right: 20px
}

.mr30 {
  margin-right: 30px
}

.mr40 {
  margin-right: 40px
}

.mr50 {
  margin-right: 50px
}

.mr60 {
  margin-right: 60px
}

.mr70 {
  margin-right: 70px
}

.mr80 {
  margin-right: 80px
}

.mr90 {
  margin-right: 90px
}

.mr100 {
  margin-right: 100px
}

.ml0 {
  margin-left: 0
}

.ml10 {
  margin-left: 10px
}

.ml20 {
  margin-left: 20px
}

.ml30 {
  margin-left: 30px
}

.ml40 {
  margin-left: 40px
}

.ml50 {
  margin-left: 50px
}

.ml60 {
  margin-left: 60px
}

.ml70 {
  margin-left: 70px
}

.ml80 {
  margin-left: 80px
}

.ml90 {
  margin-left: 90px
}

.ml100 {
  margin-left: 100px
}

.text-center {
  text-align: center !important
}

.text-left {
  text-align: left !important
}

.text-right {
  text-align: right !important
}

.text-justify {
  text-align: justify
}

.upper {
  text-transform: uppercase !important
}

.lower {
  text-transform: lowercase !important
}

.capital {
  text-transform: capitalize !important
}

.f12 {
  font-size: 12px !important
}

.f13 {
  font-size: 13px !important
}

.f14 {
  font-size: 14px !important
}

.f15 {
  font-size: 15px !important
}

.f16 {
  font-size: 16px !important
}

.f17 {
  font-size: 17px !important
}

.f18 {
  font-size: 18px !important
}

.f19 {
  font-size: 19px !important
}

.f20 {
  font-size: 20px !important
}

.f21 {
  font-size: 21px !important
}

.f22 {
  font-size: 22px !important
}

.f23 {
  font-size: 23px !important
}

.f24 {
  font-size: 24px !important
}

.f25 {
  font-size: 25px !important
}

.f26 {
  font-size: 26px !important
}

.f27 {
  font-size: 27px !important
}

.f28 {
  font-size: 28px !important
}

.f29 {
  font-size: 29px !important
}

.f30 {
  font-size: 30px !important
}

.max-500 {
  max-width: 500px;
  margin: auto
}

.max-600 {
  max-width: 600px;
  margin: auto
}

.max-700 {
  max-width: 700px;
  margin: auto
}

.max-800 {
  max-width: 800px;
  margin: auto
}

.max-900 {
  max-width: 900px;
  margin: auto
}

.max-1000 {
  max-width: 1000px;
  margin: auto
}

.max-1100 {
  max-width: 1100px;
  margin: auto
}

.max-1200 {
  max-width: 1200px;
  margin: auto
}

.max-1300 {
  max-width: 1300px;
  margin: auto
}

.max-1400 {
  max-width: 1400px;
  margin: auto
}

.max-1500 {
  max-width: 1500px;
  margin: auto
}

.max-1600 {
  max-width: 1600px;
  margin: auto
}

.light-bg {
  background: #efefef !important
}

.white-bg {
  background: #fff !important
}

.black-bg {
  background: #000 !important
}

.dark-bg {
  background: #101010 !important
}


.z-index-0 {
  z-index: 0
}

.z-index-1 {
  z-index: 1
}

.z-index-2 {
  z-index: 2
}

.z-index-3 {
  z-index: 3
}

.z-index-4 {
  z-index: 4
}

.z-index-5 {
  z-index: 5
}

.z-index-6 {
  z-index: 6
}

.z-index-7 {
  z-index: 7
}

.z-index-8 {
  z-index: 8
}

.z-index-9 {
  z-index: 9
}

.z-index-10 {
  z-index: 10
}

.flex {
  display: flex;
  justify-content: center;
  align-items: center
}