@font-face {
  font-family: "OstrichProper";
  src: url('../../img/fonts/OstrichProperLight/OstrichProper-Light.eot?1491463713') format('embedded-opentype'), url('../../img/fonts/OstrichProperLight/OstrichProper-Light.otf?1491463713') format('opentype'), url('../../img/fonts/OstrichProperLight/OstrichProper-Light.svg?1491463713') format('svg'), url('../../img/fonts/OstrichProperLight/OstrichProper-Light.ttf?1491463713') format('truetype'), url('../../img/fonts/OstrichProperLight/OstrichProper-Light.woff?1491463713') format('woff')
}

@font-face {
  font-family: "Magnolia";
  src: url('../../img/fonts/Magnolia/Magnolia.otf?1491463713') format('opentype')
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  height: 100%;
}

body {
  background: #f0f0f0;
  font-family: "Calibri", sans-serif;
  font-size: 18px;
  color: #23004C !important;
}

h1,
h2,
h3,
h4,
h5 {
  text-align: left;
  font-weight: 500;
  font-family: "OstrichProper", sans-serif;
  color: #7A00E6;
  padding: 28.8px 0 9px 0;
  margin: 0;
  text-transform: uppercase
}

h1 {
  font-size: 2.1em
}

h2 {
  font-size: 1.6em
}

h3 {
  font-size: 1.4em
}

h4 {
  font-size: 1.2em
}

h5 {
  font-size: 1.1em
}

a {
  text-decoration: none;
  color: #23004c;
  cursor: pointer
}

a.active,
a:hover,
a:active {
  color: #CAAE7A
}

.block {
  display: block !important
}

.pointer {
  cursor: pointer !important
}

.padding {
  padding: 15px
}

.text-pretty {
  font-family: "Magnolia";
  text-transform: uppercase
}

.text-small {
  font-size: .7em
}

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

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

.text-all-center {
  text-align: center !important;
  vertical-align: middle !important
}

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

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

.vertical-top {
  vertical-align: top !important
}

.vertical-middle {
  vertical-align: middle !important
}

.vertical-bottom {
  vertical-align: bottom !important
}

.float-left {
  float: left
}

.float-right {
  float: right !important
}

.show {
  display: inherit !important
}

.hidden {
  display: none !important
}

@media (max-width: 420px) {
  .xs-hidden {
    display: none !important
  }
}

@media (max-width: 420px) {
  .sm-hidden {
    display: none !important
  }
}

@media (max-width: 780px) {
  .md-hidden {
    display: none !important
  }
}

@media (max-width: 1024px) {
  .lg-hidden {
    display: none !important
  }
}

@media (min-width: 1280px) {
  .xlg-hidden {
    display: none !important
  }
}