
/* Font: Barlow */

@font-face {
    font-family: 'barlow-regular';
    src: url('../fonts/barlow-regular-webfont.woff2') format('woff2'),
         url('../fonts/barlow-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'barlow-medium';
    src: url('../fonts/barlow-medium-webfont.woff2') format('woff2'),
         url('../fonts/barlow-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'barlow-semibold';
    src: url('../fonts/barlow-semibold-webfont.woff2') format('woff2'),
         url('../fonts/barlow-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* Font: Barlow Condensed */

@font-face {
    font-family: 'barlow-condensed-regular';
    src: url('../fonts/barlowcondensed-regular-webfont.woff2') format('woff2'),
         url('../fonts/barlowcondensed-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'barlow-condensed-medium';
    src: url('../fonts/barlowcondensed-medium-webfont.woff2') format('woff2'),
         url('../fonts/barlowcondensed-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'barlow-condensed-semibold';
    src: url('../fonts/barlowcondensed-semibold-webfont.woff2') format('woff2'),
         url('../fonts/barlowcondensed-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'barlow-condensed-bold';
    src: url('../fonts/barlowcondensed-bold-webfont.woff2') format('woff2'),
         url('../fonts/barlowcondensed-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/* Font: Roboto */

@font-face {
    font-family: 'roboto-regular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-medium';
    src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-bold';
    src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/* Font: Roboto Slab */

@font-face {
    font-family: 'robotoslab-regular';
    src: url('../fonts/RobotoSlab-Regular.woff2') format('woff2'),
         url('../fonts/RobotoSlab-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'robotoslab-medium';
    src: url('../fonts/RobotoSlab-Medium.woff2') format('woff2'),
         url('../fonts/RobotoSlab-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




* { margin:0px; padding:0px; border:0px; }

p { margin:0px; padding:0px; }




p   { font-size:18px;
      line-height:26px;
      font-family: 'roboto-regular', Arial, sans-serif, Helvetica;
      font-style:normal;
      font-weight:normal;
      font-stretch:normal;
      font-variant:normal;
      letter-spacing:0px;
      word-spacing:0px;
      text-decoration:none;
      text-align:justify;
      vertical-align:top;
      color:#657882;
      border:0px;
      margin:0px; }


p.navigation   { font-size:21px;
                 line-height:26px;
                 font-family: 'barlow-condensed-regular', Arial, sans-serif, Helvetica;
                 font-style:normal;
                 font-weight:normal;
                 font-stretch:normal;
                 font-variant:normal;
                 letter-spacing:0px;
                 word-spacing:0px;
                 text-decoration:none;
                 text-align:left;
                 vertical-align:top;
                 color:#818e98;
                 border:0px;
                 margin:0px; }


p.navigation1 { color:#30357E; font-size:18px; font-family: 'barlow-condensed-medium', Arial, sans-serif, Helvetica; letter-spacing:1px; }



p.white  { color:#ffffff; }

p.center { text-align:center; }

p.blue { color:#30357E; }

p.lightblue { color:#5993ca; }

p.green { color:#41ac3b; }

p.footer { color:#30357E; font-size:18px; font-family: 'barlow-condensed-medium', Arial, sans-serif, Helvetica; }

p.linkgreen { font-size:16px;
             line-height:24px;
             font-family: 'roboto-medium';
             text-align:center; }

p.medium { font-family: 'roboto-medium'; }

p.mediumblue { font-family: 'roboto-medium'; color:#30357E; }



h1  { font-size:28px;
      line-height:34px;
      font-family: 'robotoslab-regular', Arial, sans-serif, Helvetica;
      font-style:normal;
      font-weight:normal;
      font-stretch:normal;
      font-variant:normal;
      letter-spacing:0px;
      word-spacing:0px;
      text-decoration:none;
      text-align:justify;
      vertical-align:top;
      color:#30357E;
      border:0px;
      margin:0px; }

h2  { font-size:36px;
      line-height:44px;
      font-family: 'barlow-condensed-semibold', Arial, sans-serif, Helvetica;
      font-style:normal;
      font-weight:normal;
      font-stretch:normal;
      font-variant:normal;
      letter-spacing:0px;
      word-spacing:0px;
      text-decoration:none;
      text-align:justify;
      vertical-align:top;
      color:#ffffff;
      border:0px;
      margin:0px; }

h3  { font-size:24px;
      line-height:32px;
      font-family: 'roboto-regular', Arial, sans-serif, Helvetica;
      font-style:normal;
      font-weight:normal;
      font-stretch:normal;
      font-variant:normal;
      letter-spacing:0px;
      word-spacing:0px;
      text-decoration:none;
      text-align:justify;
      vertical-align:top;
      color:#ffffff;
      border:0px;
      margin:0px; }

h4  { font-size:28px;
      line-height:36px;
      font-family: 'robotoslab-regular', Arial, sans-serif, Helvetica;
      font-style:normal;
      font-weight:normal;
      font-stretch:normal;
      font-variant:normal;
      letter-spacing:0px;
      word-spacing:0px;
      text-decoration:none;
      text-align:center;
      vertical-align:top;
      color:#41ac3b;
      border:0px;
      margin:0px; }


.white  { color:#ffffff; }

.center { text-align:center; }

.blue { color:#30357E; }

.lightblue { color:#5993ca; }

.green { color:#41ac3b; }

.footer { color:#30357E; font-size:18px; font-family: 'barlow-condensed-medium', Arial, sans-serif, Helvetica; }

.linkgreen { font-size:16px;
             line-height:24px;
             font-family: 'roboto-medium';
             text-align:center; }

.medium { font-family: 'roboto-medium'; }

.mediumblue { font-family: 'roboto-medium'; color:#30357E; }

.mediumnavi { color:#5993ca; font-family: 'barlow-condensed-medium'; }



a:link { text-decoration:none; color:#5993ca; }
a:visited { text-decoration:none; color:#5993ca; }
a:hover { text-decoration:none; color:#5993ca; }
a:active { text-decoration:none; color:#5993ca; }

a.medium:link { text-decoration:none; color:#5993ca; font-family: 'barlow-condensed-medium'; }
a.medium:visited { text-decoration:none; color:#5993ca; font-family: 'barlow-condensed-medium'; }
a.medium:hover { text-decoration:none; color:#5993ca; font-family: 'barlow-condensed-medium'; }
a.medium:active { text-decoration:none; color:#5993ca; font-family: 'barlow-condensed-medium'; }

a.green:link { text-decoration:none; color:#41ac3b; }
a.green:visited { text-decoration:none; color:#41ac3b; }
a.green:hover { text-decoration:none; color:#41ac3b; }
a.green:active { text-decoration:none; color:#41ac3b; }

a.grey:link { text-decoration:none; color:#818e98; }
a.grey:visited { text-decoration:none; color:#818e98; }
a.grey:hover { text-decoration:none; color:#818e98; }
a.grey:active { text-decoration:none; color:#818e98; }