html,body,div,span,applet,object,iframe,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,label,legend,p,blockquote,table,caption,tbody,tfoot,thead,tr,th,td,button,figure,figcaption{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}:focus{outline:0;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:700;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}abbr,acronym{border:0;}strong{font-weight: 700;}img, object, embed, svg {max-width: 100%;}img {height: auto;}img, svg {display: inline-block;}

@font-face {
  font-family:"APLetter";
  src:url("../fonts/APLetter-Regular.woff2") format("woff2"),url("../fonts/APLetter-Regular.woff") format("woff"),url("../fonts/APLetter-Regular.ttf") format("opentype");
  font-style:normal;
  font-weight:400;
}

@font-face {
  font-family:"APLetter";
  src:url("../fonts/APLetter-Bold.woff2") format("woff2"),url("../fonts/APLetter-Bold.woff") format("woff"),url("../fonts/APLetter-Bold.ttf") format("opentype");
  font-style:normal;
  font-weight:700;
}

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

html, body {
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

body {
  text-rendering: optimizelegibility;
  font-size: 100%;
  -webkit-text-size-adjust: none;
  background-color: #FFF;
  line-height: 1.4;
}

html, body, select, input, textarea, button {font-family: "APLetter", "Arial", sans-serif; font-weight: 400; color: #231f20;}

::-moz-selection{background: rgba(0,0,0,0.1); text-shadow: none;}
::selection {background: rgba(0,0,0,0.1); text-shadow: none;}

/* Loading */
.app-loader {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 44;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  background-color: #ebe5df;
  padding: 1rem;
  -webkit-transition: all .5s ease 1s;
  transition: all .5s ease 1s;
}

@keyframes ball-triangle-path-1 {
  33% {
      -webkit-transform: translate(25px,-50px);
      transform: translate(25px,-50px)
  }

  66% {
      -webkit-transform: translate(50px,0);
      transform: translate(50px,0)
  }

  100% {
      -webkit-transform: translate(0,0);
      transform: translate(0,0)
  }
}

@keyframes ball-triangle-path-2 {
  33% {
      -webkit-transform: translate(25px,50px);
      transform: translate(25px,50px)
  }

  66% {
      -webkit-transform: translate(-25px,50px);
      transform: translate(-25px,50px)
  }

  100% {
      -webkit-transform: translate(0,0);
      transform: translate(0,0)
  }
}

@keyframes ball-triangle-path-3 {
  33% {
      -webkit-transform: translate(-50px,0);
      transform: translate(-50px,0)
  }

  66% {
      -webkit-transform: translate(-25px,-50px);
      transform: translate(-25px,-50px)
  }

  100% {
      -webkit-transform: translate(0,0);
      transform: translate(0,0)
  }
}

.app-loader__loader {
  position: relative;
  -webkit-transform: translate(-29.99px,-37.51px);
  transform: translate(-29.99px,-37.51px)
}

.app-loader__loader>div:nth-child(1) {
  -webkit-animation-name: ball-triangle-path-1;
  animation-name: ball-triangle-path-1;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite
}

.app-loader__loader>div:nth-child(2) {
  -webkit-animation-name: ball-triangle-path-2;
  animation-name: ball-triangle-path-2;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite
}

.app-loader__loader>div:nth-child(3) {
  -webkit-animation-name: ball-triangle-path-3;
  animation-name: ball-triangle-path-3;
  -webkit-animation-delay: 0;
  animation-delay: 0;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}

.app-loader__loader>div {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #dc1928;
}

.app-loader__loader>div:nth-of-type(1) {
  top: 50px
}

.app-loader__loader>div:nth-of-type(2) {
  left: 25px
}

.app-loader__loader>div:nth-of-type(3) {
  top: 50px;
  left: 50px
}

.app-loaded .app-loader {
  opacity: 0;
  visibility: hidden;
}