html body{
  font-family: sans-serif;
}
@font-face {
  font-family: RobotoInitial;
  src: url('../../font/roboto/roboto-v29-latin-regular.woff2') format('woff2'),
       url('../../font/roboto/roboto-v29-latin-regular.woff') format('woff');
  unicode-range: U+48-57, U+65-90, U+97-122;
}

@font-face {
  font-family: Roboto;
  src: url('../../font/roboto/roboto-v29-latin-regular.woff2') format('woff2'),
       url('../../font/roboto/roboto-v29-latin-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url('../../font/roboto/roboto-v29-latin-italic.woff2') format('woff2'),
       url('../../font/roboto/roboto-v29-latin-italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Roboto;
  src: url('../../font/roboto/roboto-v29-latin-500.woff2') format('woff2'),
       url('../../font/roboto/roboto-v29-latin-500.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url('../../font/roboto/roboto-v29-latin-500italic.woff2') format('woff2'),
       url('../../font/roboto/roboto-v29-latin-500italic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: Roboto;
  src: url('../../font/roboto/roboto-v29-latin-300.woff2') format('woff2'),
       url('../../font/roboto/roboto-v29-latin-300.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url('../../font/roboto/roboto-v29-latin-300italic.woff2') format('woff2'),
       url('../../font/roboto/roboto-v29-latin-300italic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: Roboto;
  src: url('../../font/roboto/roboto-v29-latin-900.woff2') format('woff2'),
       url('../../font/roboto/roboto-v29-latin-900.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url('../../font/roboto/roboto-v29-latin-900italic.woff2') format('woff2'),
       url('../../font/roboto/roboto-v29-latin-900italic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
}

.fonts-loaded-1 body {
  font-family: RobotoInitial;
}

.fonts-loaded-2 body {
  font-family: Roboto;
}

body{
  font-size:100%;
  line-height: 1.25;
  /*font-family: 'Roboto', Arial, Helvetica, sans-serif;*/
}
/*p,span,th,td,div,h1,h2,h3,h4,h5,h6{
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
}*/
@media (min-width: 43.75em) {
  article {
    font-size: 1em;
    /* equivalent to 16px */
    line-height: 1.375;
    /* equivalent to 22px */
  }
}

/*@media screen and (min-width: 40em){
  h1, .h1 {
      font-size: 2.5rem;
      font-weight: 300;
  }
}*/

h1 {
  font-size: 2em;
  line-height: 1.25;
  font-weight: 300;
}

@media screen and (min-width: 40em) {
  h1 {
    font-size: 2em;
    line-height: 1.125;
  }
}

@media screen and (min-width: 56.25em) {
  h1 {
    font-size: 2em;
    line-height: 1.05;
  }
}

h2 {
  font-size: 1.625em;
  line-height: 1.15384615;
}

@media screen and (min-width: 43.75em) {
  h2 {
    font-size: 2em;
    line-height: 1.25;
  }
}

@media screen and (min-width: 56.25em) {
  h2 {
    font-size: 2.25em;
    line-height: 1.25;
  }
}

h3 {
  font-size: 1.375em;
  line-height: 1.13636364;
}

@media screen and (min-width: 43.75em) {
  h3 {
    font-size: 1.5em;
    line-height: 1.25;
  }
}

@media screen and (min-width: 56.25em) {
  h3 {
    font-size: 1.75em;
    line-height: 1.25;
  }
}

h4 {
  font-size: 1.25em;
  line-height: 1.11111111;
}

@media screen and (min-width: 43.75em) {
  h4 {
    font-size: 1.375em;
    line-height: 1.22222222;
  }
}

.fs-90{
  font-size: 0.875rem !important;
  line-height: 1.4;
}
.fs-10px{
  font-size: 10px !important;
}
.worqflow{
  font-family: Roboto, sans-serif;
  font-weight: 800;
  color:#187aec;
}
header .worqflow{
  letter-spacing: 1px;
  font-size: 1.4rem;
}
.txt-worqflow{
  color:#187aec;
}
/* STAT ***************************************************************************************************************/
.stat-wrapper{
  padding:1rem;
}
.stat-wrapper.v-cozy{
  padding-top:0.625rem;
  padding-bottom:0.5rem;
}
.stat-wrapper.v-tight{
  padding-top:0.375rem;
  padding-bottom:0.25rem;
}
/*.stat-wrapper.align-left{
  padding-left:0;
}*/
.stat-wrapper *{
  text-align: center;
}
.stat-wrapper.align-left *{
  text-align: left;
}
.stat-wrapper h1{
  font-size: 2.75em;
  font-weight: 500;
  line-height: 1.05;
  margin-bottom:0.75rem;
}
.stat-wrapper h2{
  font-size: 2em;
  font-weight: 400;
  line-height: 1.05;
}
.stat-wrapper h3{
  font-size: 2em;
  font-weight: 300;
  line-height: 1.05;
}
.stat-wrapper h4{
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.05;
}
.stat-wrapper p.stat-desc{
  font-size: 1rem;
  text-transform: uppercase;
  margin-bottom: 0;
}
.stat-wrapper.stat-medium p.stat-desc
,.stat-wrapper.stat-small p.stat-desc{
  font-size: 0.875rem;
}
.stat-wrapper.stat-medium h1{
  font-size: 2em;
  font-weight: 500;
  line-height: 1.05;
  margin-bottom:0.5rem;
}
.stat-wrapper.stat-medium h2{
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.05;
  margin-bottom:0.5rem;
}
.stat-wrapper.stat-medium h3{
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.05;
  margin-bottom:0.5rem;
}
.stat-wrapper.stat-small h1{
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.05;
  margin-bottom:0.5rem;
}
.stat-wrapper.stat-small h2{
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.05;
  margin-bottom:0.5rem;
}
.stat-wrapper.stat-small h3{
  font-size: 1.1em;
  font-weight: 300;
  line-height: 1.05;
  margin-bottom:0.5rem;
}
.stat-wrapper.stat-small p.stat-desc{
  font-size: 0.75em;
  text-transform: uppercase;
  margin-bottom: 0;
}